/* Start:/local/templates/ca_main/styles.css?1734593805428*/
html {
    box-sizing: border-box;
}
*, :after, :before {
    box-sizing: inherit;
}
body, html {
    height: 100%;
    position: relative;
    overflow-x: hidden;
}
a {
    display: inline-block;
    text-decoration: none;
}
a, button {
    cursor: pointer;
}
input, textarea {
    outline: none;
}
textarea {
    resize: none;
}
h2, h3, h4, h5, h6, li, p, ul {
    margin: 0;
}
li, ul {
    padding: 0;
    list-style: none;
}
/* End */


/* Start:/local/templates/ca_main/template_styles.css?1768808154410491*/
.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 60px;
    max-width: 1600px;
}

.container.wide {
    width: 100%;
    max-width: 100%;
    padding: 0 60px;
}

@media screen and (max-width: 767px) {
    .container.wide {
        padding: 10px;
    }
}

p {
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

a {
    text-decoration: none !important;
}

body {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    font-family: Arial, sans-serif;
}

.title__top {
    font-family: "Arial", sans-serif;
}

.title__top {
    font-weight: 900;
    font-size: calc(3.51vw + 13px);
    line-height: 102%;
    margin-bottom: 20px;
}

.title {
    font-weight: 900;
    font-size: 65px;
    line-height: 102%;
}

.title__description {
    font-size: 40px;
    line-height: 101.7%;
    position: relative;
}

.title__description:before {
    position: absolute;
    content: "";
    height: 3px;
}

.title__accent {
    font-weight: 700;
    color: #00ca66;
}

.title__accent,
.transcript {
    font-size: 22px;
    line-height: 102%;
}

.transcript {
    position: relative;
}

.transcript:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    background-color: #000;
    top: 14px;
    left: 1px;
}

.list {
    position: relative;
}

.list:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 1px;
    left: 2px;
}

.btn,
.list:before {
    background-color: #00ca66;
}

.btn {
    font-weight: 700;
    color: #fff;
    border-radius: 40px;
    line-height: 58px;
    border: 1px solid #00ca66;
    box-shadow: 0 16px 16px 4px rgba(0, 0, 0, .12);
    display: inline-block;
    justify-content: center;
    align-items: center;
    outline: none;
    position: relative;
    transition: all .4s linear;
    padding: 0 2em;
    cursor: pointer;
}

@media (max-width: 767px) {
    .basket-checkout-section .basket-checkout-section-inner .basket-checkout-block-btn .btn {
        padding: 0 !important;
    }
}

.btn.product-item-detail-buy-button {
    line-height: 26px;
}

.btn:hover {
    border: 1px solid #00b15a;
    background-color: #00b15a;
    transform: translateY(-3px);
}

.btn:active {
    background: #059c51;
}

.modaltor__overlay {
    z-index: 800;
    background-color: rgba(65, 65, 65, .5) !important;
}

.text {
    position: relative;
    padding-left: 30px;
}

.text p+p {
    margin-top: 10px;
}

.text:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #00ca66;
    top: 0;
    left: 0;
}

.feedback-page__select.form__input--error,
input.form__input--error {
    border: 1px solid #fd5e53;
}

.feedback-page__select.form__input--luck,
input.form__input--luck,
textarea.form__textarea--luck {
    border: 1px solid #8cba51;
}

[dir=ltr] label.form__label--error span {
    text-align: left;
}

[dir=rtl] label.form__label--error span {
    text-align: right;
}

label.form__label--error span {
    color: #fd5e53;
    font-size: 14px;
    line-height: 20px;
    margin-left: 25px;
    display: block;
}

.form__luck-text,
label.form__label--luck span {
    display: none;
}

.form__luck-text.active {
    display: block;
    color: #fd5e53;
    font-size: 14px;
    line-height: 20px;
    margin: 12px auto 0;
}

.form__error-text {
    color: #fd5e53;
    font-size: 14px;
    line-height: 20px;
    margin: 12px auto 0;
    text-align: center;
    display: block;
}

.form__error-text path {
    fill: #c0c8d3;
}

.btn.form__btn--error {
    background: #7c8b84;
    color: #c0c8d3;
    border: 1px solid #7c8b84;
    pointer-events: none;
}

.btn.form__btn--error:after {
    background-image: url(/local/templates/ca_main/assets/images/icon/arrow-next-grey.svg);
}

.btn.form__btn--error:hover {
    background: #7c8b84;
    color: #c0c8d3;
    border: 1px solid #7c8b84;
    transform: translateY(-3px);
}

.btn.form__btn--error svg path {
    fill: #c0c8d3;
}

.btn.form__btn--luck {
    color: #fff;
    pointer-events: auto;
}

.slide-page-enter-active,
.slide-page-leave-active {
    transition: opacity .25s ease-in-out, transform .25s ease-in-out;
}

.slide-page-enter,
.slide-page-leave-to {
    opacity: 0;
    transform: translate3d(0, 15px, 0);
}

.element__animation {
    opacity: 1;
}

.element__animation.element__show,
.element__show {
    opacity: 1;
    transition: opacity 1s;
}

.cms-editor {
    background-position: center top 9px;
    background-repeat: no-repeat;
    background-size: contain;
}

.cms-editor__inner {
    padding-top: 77px;
}

.cms-editor .cms-editor__caption {
    font-weight: 900;
    font-size: 24px;
    line-height: 101.7%;
    color: #00ca66;
    margin-bottom: 22px;
    text-decoration: none;
    display: block;
}

.cms-editor__content {
    margin-top: 60px;
}

.cms-editor h1 {
    font-family: "Arial", sans-serif;
    font-weight: 900;
    font-size: calc(3.51vw + 13.39px);
    line-height: 102%;
}

.cms-editor h2 {
    font-weight: 900;
    font-size: 65px;
    line-height: 102%;
}

.cms-editor h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: 103%;
}

.cms-editor h4 {
    font-weight: 500;
    font-size: 22px;
    line-height: 120%;
    margin-top: 20px;
    margin-bottom: 15px;
    text-indent: 20px;
    color: #00ca66;
}

.cms-editor h5 {
    font-weight: 500;
    font-size: 18px;
}

.cms-editor p {
    margin-top: 31px;
    text-indent: 20px;
}

.cms-editor p+p {
    margin-top: 10px;
}

.cms-editor a {
    display: inline;
    color: inherit;
    text-decoration: underline;
}

.cms-editor ol {
    margin-top: 10px;
}

.cms-editor ol li {
    list-style: auto;
}

.cms-editor ul {
    margin-top: 10px;
}

.cms-editor ul li {
    position: relative;
    padding-left: 20px;
}

.cms-editor ul li:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 1px;
    background-color: #00ca66;
    top: 16px;
    left: 1px;
}

.cms-editor ul li+.cms-editor ul li {
    margin-top: 4px;
}

.cms-editor img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: auto;
    display: block;
}

.cms-editor .alignleft {
    float: left;
}

.cms-editor .aligncenter {
    margin: 0 auto;
}

.cms-editor .alignright {
    float: right;
}

.cms-editor del {
    text-decoration: line-through;
}

.modaltor__panel::-webkit-scrollbar-thumb {
    background-color: #00b15a;
}

.fade-enter {
    opacity: 1;
}

.fade-enter-active,
.fade-leave-active {
    transition: all 4s;
}

.fade-leave-to {
    opacity: 0;
}

.preloader {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1001;
    opacity: 1;
    transition: opacity 1s, visibility 0s;
}

.preloader-shell {
    width: 96px;
    height: 47px;
    animation: scaleIn 10s;
    transform: translate(-31px, -20px);
    background-color: #fff;
    opacity: 0;
}

.preloader-icon {
    margin-left: auto;
    display: block;
}

.preloader-text {
    position: absolute;
    animation: scaleOut 10s;
    z-index: -1;
    transform: translate(0);
    opacity: 0;
}

.main__header,
.wrapper__home {
    position: relative;
}

.wrapper__home.dealer {
    background: #F1F2F3;
}

.bg-black .wrapper__home.dealer {
    background: #000;
}

.main__header {
    z-index: 10;
}

.screen {
    position: relative;
    height: calc(800px - 68px);
}

.screen__net {
    overflow: hidden;
    width: 100%;
    z-index: -10;
    height: 1100px;
    perspective: 500px;
}

.screen__net,
.screen__net:before {
    position: absolute;
    top: -300px;
    left: 0;
}

.screen__net:before {
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 1) 100%);
}

.bg-black p {
    color: #fff;
}

.bg-black .screen__net:before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 1) 100%);
}

.screen__net-grid {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotateX(45deg);
}

.screen__net-grid:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 40px 100px 40px #fff;
}

.screen__net-grid:before {
    content: "";
    width: calc(100% - 4px);
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 44px;
    right: 2px;
    background-image: url(/local/templates/ca_main/assets/images/icon/fff.svg);
    background-position: 50% 50%;
    animation-name: tgrid;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.bg-black .screen__net-grid:after {
    box-shadow: inset 0 40px 100px 40px #000;

}

.bg-black .screen__net-grid:before {
    background-image: url(/local/templates/ca_main/assets/images/icon/000.svg);
}

@keyframes tgrid {
    0% {
        transform: translateZ(0);
    }

    to {
        transform: translate3d(0, 50px, 0);
    }
}

.screen__shell {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(800px - 68px);
}

.screen__content {
    margin-top: 50px;
}

.screen__title {
    font-family: 'Arial', Arial, sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    color: black;
    position: relative;
    padding-left: 8px;
    margin-bottom: 1em;
    letter-spacing: 2px;
    margin-left: 0;
}

.bg-black .screen__title {
    color: #FFF;
}

.screen__title:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 5px;
    background-color: #000;
    bottom: -32px;
    left: 9px;
}

.bg-black .screen__title:after {
    background: #FFF;
}

.screen__slogan {
    max-width: 326px;
    width: 100%;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: black;
    position: relative;
    padding-left: 8px;
    margin-left: 0;
}

.bg-black .screen__slogan {
    color: #fff;
}

.screen__link {
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    color: #000;
    margin-top: 64px;
    padding-left: 8px;
    margin-left: calc(10vw - 3px);
    transform: translateX(0);
    transition: all .4s linear;
    cursor: pointer;
}

.screen__link img {
    margin-left: 10px;
    margin-bottom: -3px;
    transition: all .4s linear;
}

.screen__link:hover {
    color: #00ca66;
}

.screen__link:hover img {
    margin-left: 20px;
}

.screen__nav {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: calc(14.73vw - 1px);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}

.screen__nav svg {
    height: auto;
}

.screen__scroll .scroll__text {
    color: #000;
}

.screen__curs {
    animation: cursor 1.5s;
    animation-iteration-count: infinite;
}

.screen-menu {
    position: relative;
}

.screen-menu .screen-menu__container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.screen-menu .screen-menu__container a {
    color: black;
    font-family: 'Arial', sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    z-index: 9999;
}

@keyframes cursor {
    0% {
        transform: translate(0);
        opacity: 1;
    }

    to {
        transform: translateY(10px);
        opacity: 0;
    }
}

.screen__menu {
    position: absolute;
    display: flex;
    right: 0;
    height: 300px;
}

.screen__menu ul {
    text-align: right;
}

.screen__menu ul li a {
    font-family: 'Arial', Arial, sans-serif;
    color: black;
    font-size: 48px;
    font-weight: 700;
    line-height: 80px;
    text-align: left;
    border-bottom: 3px solid #D0D5DC;
    box-sizing: border-box;
}

.bg-black .screen__menu ul li a {
    color: #FFF;
}

.screen__menu ul li a:hover {
    border-bottom: 3px solid #09C75E;
}

.screen__footer {
    position: absolute;
    display: flex;
    justify-content: space-between;
    bottom: 70px;
    left: 50%;
    transform: translate(-50%);
    padding: 0 25px;
    max-width: 1600px;
    width: 100%;
}

.screen__socials {
    width: 98px;
    display: flex;
    align-items: center;
}

.bg-black .home__footer {
    color: white !important;
}

.home__footer .footer-white * {
    color: white;
}

.home__image img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 411px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.home__slider {
    opacity: 0;
    height: 0;
    display: block;
}

.home__slider .home__slide {
    height: 0;
}

.home__shell {
    display: none;
}

.home__item+.home__item {
    margin-top: 70px;
}

.home__title {
    font-weight: 600;
    font-size: 42px;
    line-height: 101.7%;
    color: #dce0e7;
    letter-spacing: 4px;
}

.home__box {
    display: flex;
}

.home__info {
    margin-top: 9px;
}

.home__name {
    font-weight: 600;
    font-size: 20px;
    line-height: 101.7%;
    letter-spacing: 1px;
}

.home__text {
    position: relative;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin-top: 3px;
}

.home__link {
    position: relative;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    margin-top: 12px;
    transition: all .4s linear;
}

.home__link img {
    margin-left: 10px;
    margin-bottom: -7px;
    transition: all .4s linear;
}

.home__link:hover {
    color: #00ca66;
}

.home__link:hover img {
    margin-left: 20px;
}

.home__slide {
    padding-top: 27px;
}

.home__slide .home__info {
    margin-top: 48px;
    max-width: 377px;
    width: 100%;
    margin-right: calc(30vw - 405px);
}

.home__slide .home__info-shell {
    padding-left: 31px;
    position: relative;
    opacity: 0;
}

.home__slide .home__info-shell:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 99.04%;
    background-color: #000;
    top: 0;
    left: 0;
}

.home__slide .home__text {
    max-width: 370px;
    width: 100%;
    margin-top: 20px;
    letter-spacing: -.2px;
}

.home__slide .home__image {
    width: 100%;
    max-height: 411px;
    margin-top: calc(21px - 3.09vw);
    max-width: calc(48.28vw - 210px);
}

.home__slider {
    margin-right: -8.1vw;
    margin-left: calc(1px - 8.18vw);
}

.home__slider .swiper-slide {
    width: 74.5%;
    padding-left: calc(8.18vw - 1px);
}

.home__slider .swiper-slide-active .home__info-shell {
    animation: shellASlider 1s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    opacity: 0;
    transform: translateY(50px);
}

@keyframes shellASlider {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.home__slider .swiper-slide-active .home__image {
    animation: imageASlider 1s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    opacity: 0;
    transform: translateY(100px);
}

@keyframes imageASlider {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.home__slider .swiper-pagination-fraction {
    display: flex;
    font-size: 14px;
    line-height: 18px;
    font-weight: 450;
    top: 13px;
    height: 18px;
    opacity: 0;
    left: calc(8.18vw - 1px);
}

.home__slider .swiper-wrapper {
    width: 100%;
}

.home__slider .swiper-pagination-current {
    margin-right: 10px;
}

.home__slider .swiper-pagination-total {
    margin-left: 10px;
}

.home__slider .line {
    width: 20px;
    margin-top: 7px;
}

.home__slider .swiper-button-next {
    width: 190px;
    height: 190px;
    border: 1px solid #c0c8d3;
    border-radius: 50%;
    top: calc(5.82vw + 54px);
    right: calc(11.64vw + 37px);
}

.home__slider .swiper-button-next:after {
    content: "";
}

.home__slider .swiper-button-next:active {
    border: 1px solid #00ca66;
}

.home__slider .swiper-button-next:hover .arrow-next {
    fill: #00ca66;
}

.home__slider .arrow-next {
    fill: #c0c8d3;
    transition: all .4s ease;
}

.home__slider .arrow-next:hover {
    fill: #00ca66;
}

.home-product .home__image {
    margin-top: 38px;
    margin-right: -12px;
    margin-left: -5px;
}

.main__menu {
    margin-top: 150px;
    text-align: center;
}

.main__menu+.main__menu {
    margin-top: 50px;
}

.main__menu-link {
    font-weight: 600;
    font-size: 14px;
    line-height: 101.7%;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    list-style: none;
    letter-spacing: 1px;
}

.main__menu-link+.main__menu-link {
    margin-left: 50px;
}

.dop-element {
    opacity: 0;
    visibility: hidden;
    height: 0;
    font-family: "Arial", sans-serif;
    font-weight: 900;
    font-size: 80px;
    line-height: 101.7%;
}

.header {
    font-weight: 600;
    padding-top: 28px;
    position: relative;
    z-index: 2;
    transition: all .4s linear;
    background: url('/local/templates/ca_main/assets/images/pattern.png');
    background-size: 70px;
    background-repeat: repeat-x;
}

.header.dealer {
    height: 100px;
    background-color: #FFF;
    background-image: url('/local/templates/ca_main/assets/images/pattern.png');
    background-size: 70px;
    background-repeat: repeat-x;
}

.bg-black .header.dealer {
    background-color: #000;
    background-image: url('/local/templates/ca_main/assets/images/pattern.png');
    background-size: 70px;
    background-repeat: repeat-x;
}

@media (max-width: 960px) {
    .header.dealer {
        height: 80px;
    }
}

.header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
}

.header__logo {
    display: flex;
    max-width: 125px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-left: 2px;
    margin-right: 70px;
}

header .header__logo {
    padding-left: 1px;
}

header .logo__icon {
    position: relative;
    width: 100%;
}

header .logo__icon img {
    display: block;
    width: 123px;
}

header .logo__icon::before {
    position: absolute;
    content: '';
    top: -4px;
    left: -7px;
    width: 25px;
    height: 25px;
    display: block;
    background: url('/local/templates/ca_main/assets/images/hat2.png');
    background-repeat: no-repeat;
    background-size: contain;
}

header .logo__text {
    width: 96px;
    height: 21px;
    margin-top: 8px;
}

.logo__white {
    display: none;
}

.auto-filler {
    width: auto;
}

.header__nav {
    min-width: 550px;
    max-width: 550px;
    margin-top: 10px;
    margin-right: 20px;
}

.header__menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.header__menu-item {
    list-style: none;
    position: relative;
    cursor: pointer;
}

.header__menu-item:hover .header-submenu__list {
    visibility: visible;
    opacity: 1;
}

.header__menu-item:hover .header__menu-link,
.header__menu-item:hover .header__menu-link a {
    color: #00ca66;
}

.header__menu-link,
.header__menu-link a {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 101.7%;
    color: #000;
    text-decoration: none;
    display: inline;
}

.bg-black .header__menu-link,
.bg-black .header__menu-link a {
    color: #fff;
}

.header-white .header__menu-link,
.header-white .header__menu-link a {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 101.7%;
    color: #FFF;
    text-decoration: none;
    display: inline;
}

.header-submenu__list {
    position: absolute;
    width: 170px;
    top: 28px;
    left: -20px;
    background: #fff;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 10px;
    font-size: 18px;
    line-height: 101.7%;
    font-weight: 450;
    color: #000;
    visibility: hidden;
    opacity: 0;
    transition: all .4s linear;
    z-index: 999999999999;
}

.header-submenu__list a {
    color: #000 !important;
    display: block;
    padding: 7px 10px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.header-submenu__item {
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 5px;
}

.header-submenu__item:hover {
    background: #EFF2F6;
}

.header-submenu__line {
    display: block;
    width: 100%;
    height: 1px !important;
    background: #eee;
    margin-bottom: 5px;
}

.phone span {
    font-weight: 450;
    font-size: 18px;
    color: #000;
    display: block;
    margin-bottom: 5px;
}

.bg-black .phone span {
    color: white;
}

.phone__link a {
    font-size: 18px;
    color: #000;
    text-decoration: none;
    font-weight: 700;
}

.bg-black .phone__link a {
    color: white;
}

.top-right-block {
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
    height: 40px;
    gap: 20px;
    width: 100%;
    margin-right: -2px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    font-family: Arial, sans-serif;
}

.top-right-block a {
    color: black;
}

.bg-black .top-right-block a {
    color: #FFF;
}

.bg-black .top-right-block a {
    color: white;
}

.top-right-block__item {
    padding-left: 24px;
    position: relative;
}

.top-right-block__item.phone {
    background: url("/local/templates/ca_main/assets/images/Icon_Point.svg") no-repeat left center;
}

.bg-black .top-right-block__item.phone {
    background: url("/local/templates/ca_main/assets/images/Icon_Point_white.svg") no-repeat left center;
}

.top-right-block__item.account {
    background: url("/local/templates/ca_main/assets/images/Icon_Account.svg") no-repeat left center;
}

.bg-black .top-right-block__item.account {
    background: url("/local/templates/ca_main/assets/images/Icon_Account_white.svg") no-repeat left center;
}

.store {
    background: url("/local/templates/ca_main/assets/images/Icon_Store.svg") no-repeat left center;
    padding: 0;
    width: 35px;
    height: 28px;
    position: relative;
}

.bg-black .store {
    background: url("/local/templates/ca_main/assets/images/Icon_Store_white.svg") no-repeat left center;
    padding: 0;
    width: 35px;
}

.store span {
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    min-width: 15px;
    width: auto;
    height: 15px;
    background: #09C75E;
    position: absolute;
    top: -2px;
    right: -5px;
    border-radius: 15px;
    font-size: 8px;
    font-weight: 700;
    color: #fff;
    padding: 3px;
}

@media (min-width: 991px) {
    .store span {
        right: -10px;
        min-width: 20px;
        height: 20px;
        font-size: 12px;
    }
}

.top-right-block__item.whatsapp {
    background: url("/local/templates/ca_main/assets/images/Icon_WA.svg") no-repeat left center;
}

.top-right-block__item svg {
    margin-top: 10px;
}

.home-advantages {
    margin-top: 48px;
}

.home-map {
    margin-top: 50px;
    margin-bottom: 70px;
}

.home-map .map-image {
    width: 100%;
}

.title-huge {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0 25px;
    overflow: hidden;
    color: #EFF2F6;
    font-family: 'Arial', sans-serif;
    font-size: 105px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 0;
}

.bg-black .title-huge {
    color: rgba(239, 242, 246, .2);
}

.title-huge-subtitle {
    color: black;
    font-family: 'Arial', sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-top: -50px;
}

.bg-black .title-huge-subtitle {
    color: #fff;
}

.photoMore__gallery {
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -35px;
    justify-content: flex-start;
}

.photoMore__gallery-item {
    width: 33%;
    height: 100%;
    margin-bottom: 35px;
    margin-left: 35px;
    flex-basis: calc(33.33333% - 35px);
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .photoMore__gallery {
        flex-direction: column;
        margin: 0;
        gap: 10px;
    }

    .photoMore__gallery-item {
        width: 100%;
        margin: 0;
    }
}

.element__animation.element__show,
.element__show {
    opacity: 1;
    transition: opacity 1s;
}

.photoMore__gallery-item img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.title-default {
    color: black;
    font-family: 'Arial', sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 40px;
}

.bg-black .title-default {
    color: #fff;
}

.subtitle-default {
    color: black;
    font-family: 'Arial', sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 30px;
}

.title-subblock {
    color: black;
    font-family: Arial, sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 40px;
}

.title-detail {
    color: black;
    font-family: Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 20px;
}

.bg-black .title-detail {
    color: #fff;
}

@media screen and (max-width: 424px) {
    .title-detail {
        font-size: 30px;
    }
}

.catalog-home,
.catalog-detail {
    margin-top: 75px;
}

.catalog-item.fullwidth {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.catalog-item__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

.catalog-item__info .title,
.catalog-item__info .title a {
    color: black;
    font-family: Arial, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
}

.bg-black .catalog-item__info .title,
.bg-black .catalog-item__info .title a {
    color: #fff;
}

.catalog-item__info .rating {
    display: flex;
    gap: 20px;
}

.catalog-item__info .description {
    color: black;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-width: 98%;
}

.bg-black .catalog-item__info .description {
    color: #fff;
}

.catalog-item.fullwidth .catalog-item__info .item-price {
    color: black;
    font-family: 'Arial', sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-right: 20px;
}

.bg-black .catalog-item.fullwidth .catalog-item__info .item-price {
    color: #fff;
}

.catalog-item.fullwidth .catalog-item__info .button-block {
    display: flex;
    flex-direction: row;
}

.catalog-item.fullwidth .catalog-item__info .button-block .button-block__button {
    margin-right: 30px;
}

.button-block__button {
    display: flex;
    gap: 20px;
    align-items: center;
}

.catalog-item.fullwidth .catalog-item__info .button-block .button-block__info {
    display: grid;
    grid-template-rows: 20px 20px;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
}

@media screen and (max-width: 1200px) {
    .catalog-item.fullwidth .catalog-item__info .button-block .button-block__info {
        grid-template-rows: 1fr 20px;
    }
}

.catalog-item.fullwidth .catalog-item__info .button-block .button-block__info .sklad {
    color: black;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.catalog-item.fullwidth .catalog-item__info .button-block .button-block__info .sklad-count {
    color: black;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.catalog-item.fullwidth .catalog-item__info .button-block .btn-catalog-green-big {
    padding: 8px 40px;
    border-radius: 40px;
    background: #09C75E;
    box-shadow: 0 16px 16px 4px rgba(0, 0, 0, 0.12);
    color: #FFF;
    text-align: center;
    font-family: 'Arial', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 172.35%;
    max-width: 178px;
    text-decoration: none;
    -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1);
    transition: all .6s cubic-bezier(.165, .84, .44, 1);
}

.catalog-item.fullwidth .catalog-item__info .button-block .btn-catalog-green-big:hover {
    background-color: #00b15a;
    transform: translateY(-3px);
}

.catalog-item.fullwidth .catalog-item__image {
    text-align: end;
}

.catalog-list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    margin-top: 50px;
    margin-bottom: 70px;
    gap: 50px 25px;
    max-width: 1600px;
}

.catalog-list .catalog-item {
    position: relative;
    display: grid;
    grid-template-rows: 250px 20px 1fr 40px;
    gap: 15px;
    max-width: 360px;
    width: 100%;
}

.catalog-list .catalog-item .catalog-item__image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.catalog-list .catalog-item .catalog-item__image a {
    width: 100%;
    max-width: 360px;
    height: 100%;
    background: #eff2f6;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-black .catalog-list .catalog-item .catalog-item__image a {
    background: rgba(239, 242, 246, .2);
}

.catalog-item__image img {
    object-fit: contain;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
}

.catalog-list .catalog-item .catalog-item__price {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.catalog-list .catalog-item .current-price {
    color: black;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-right: 10px;
}

.bg-black .catalog-list .catalog-item .current-price {
    color: #fff;
}

.catalog-list .catalog-item .old-price {
    color: black;
    font-family: Arial, sans-serif;
    opacity: .4;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.catalog-list .catalog-item .catalog-item__title {
    color: black;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.bg-black .catalog-list .catalog-item .catalog-item__title {
    color: #fff;
}

.catalog-list .catalog-item .catalog-item__rating {
    display: flex;
    flex-direction: row;
}

.catalog-list .catalog-item .catalog-item__rating .stars {
    margin-right: 20px;
}

.catalog-list .catalog-item .catalog-item__rating .rev-count {
    color: black;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

.catalog-list .catalog-item .catalog-item__button-block {
    display: flex;
    align-items: center;
    flex-direction: row;
    height: fit-content;
}

.catalog-list .catalog-item .button-block__button {
    margin-right: 20px;
}

.catalog-list .catalog-item .button-block__button a,
.pay_info .button-block__button {
    height: 40px;
    padding: 5px 39px 4px 39px;
    border-radius: 40px;
    background: #09c75e;
    box-shadow: 0 16px 16px 4px rgba(0, 0, 0, .12);
    color: #fff;
    text-align: center;
    font-family: "Arial", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    max-width: 155px;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media(max-width: 767px) {

    .catalog-list .catalog-item .button-block__button a,
    .pay_info .button-block__button a {
        padding: 5px 30px 4px 30px;
    }
}

.catalog-list .catalog-item .button-block__button a:hover,
.pay_info .button-block__button a:hover {
    background-color: #00b15a;
    transform: translateY(-3px);
}

.catalog-list .catalog-item .button-block__info {
    color: black;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.bg-black .catalog-list .catalog-item .button-block__info {
    color: #fff;
}

.catalog-detail {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.catalog-detail .catalog-detail__rating {
    display: flex;
    flex-direction: row;
    margin-right: 20px;
    z-index: -1;
}

.catalog-detail .catalog-detail__rating .stars {
    display: flex;
    flex-direction: row;
}

.catalog-detail .catalog-detail__rating .stars span {
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.catalog-detail .detail-item__main-block {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
}

.catalog-detail .detail-item__image {
    flex-grow: 1;
    position: relative;
}

.catalog-detail .detail-item__image .image-container {
    width: 100%;
    height: 100%;
    max-width: 500px;
    max-height: 500px;
    margin-left: 80px;
}

.catalog-detail .detail-item__image .image-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.catalog-detail .detail-item__image .images-more {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
}

.catalog-detail .detail-item__image .images-more__item {
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    margin-bottom: 5px;
}

.catalog-detail .detail-item__image .images-more__item.selected img,
.catalog-detail .detail-item__image .images-more__item:hover img {
    border-radius: 3px;
    border: 2px solid #004CFF;
    background: lightgray 50% / contain no-repeat;
    box-sizing: border-box;
    -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.catalog-detail .detail-item__image .images-more__item img {
    object-fit: cover;
    border: 2px solid #FFF;
    -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.catalog-detail .detail-item__info {
    display: flex;
    width: 350px;
    height: 280px;
    padding: 20px 30px 25px 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 30px;
    background: #EFF2F6;
}

.bg-black .catalog-detail .detail-item__info {
    background: rgba(239, 242, 246, .2);
}

@media screen and (max-width: 991px) {
    .catalog-detail .detail-item__info {
        grid-column: span 2;
        width: 300px;
        height: 240px;
        margin: 20px auto;
        padding: 20px;
        /* height: 220px; */
        margin: 20px auto;
    }
}

@media screen and (max-width: 375px) {
    .catalog-detail .detail-item__info {
        width: auto;
        height: 240px;
    }

    .catalog-detail .detail-item__info .price__delivery {
        font-size: 14px !important;
    }
}

.catalog-detail .detail-item__info .detail-item__price {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.catalog-detail .detail-item__info .price__price {
    color: black;
    font-family: 'Arial', sans-serif;
    font-size: 48px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bg-black .catalog-detail .detail-item__info .price__price {
    color: #fff;
}

@media screen and (max-width: 991px) {
    .catalog-detail .detail-item__info {
        padding: 20px;
    }

    .catalog-detail .detail-item__info .price__price {
        font-size: 30px !important;
    }

    .catalog-detail .detail-item__info .price__price::after {
        font-size: 14px;
    }
}

.catalog-detail .detail-item__info .price__delivery {
    color: black;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    word-wrap: break-word;
}

.bg-black .catalog-detail .detail-item__info .price__delivery {
    color: #fff;
}

.catalog-detail .detail-item__button a {
    display: inline-flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 40px;
    background: #09C75E;
    color: white;
    box-shadow: 0 10px 10px 3px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media screen and (max-width: 991px) {
    .detail-item__button a {
        font-size: 14px;
    }

    .catalog-detail .detail-item__button a {
        padding: 8px 20px;
    }
}

.catalog-detail .detail-item__button a:hover {
    background: #00b15a;
    transform: translateY(-3px);
}

.catalog-detail .detail-item__pay {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    align-self: stretch;
}

.catalog-detail .detail-item__pay .pay_title {
    color: black;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.catalog-detail .detail-item__pay .pay_info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .pay_info {
        grid-template-columns: 1fr !important;
    }
}

.catalog-detail .detail-item__pay .pay_info .info-text {
    color: #09C75E;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-align: right;
}

@media screen and (max-width: 600px) {
    .info-text {
        float: left;
    }
}

.catalog-detail .detail-item__properties {
    margin-top: 15px;
}

.catalog-detail .title {
    color: black;
    font-family: 'Arial', sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 250%;
}

.catalog-detail .detail-item__properties .properties-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.catalog-detail .detail-item__properties .properties-list__container {
    display: inline-flex;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    max-width: 960px;
}

.catalog-detail .detail-item__properties .properties-list__section {
    width: 100%;
    max-width: 460px;
}

.catalog-detail .detail-item__properties .properties-list__block {
    position: relative;
    width: 100%;
}

.catalog-detail .detail-item__properties .properties-list__block .title {
    display: flex;
    padding: 10px 0;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: black;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.catalog-detail .detail-item__properties .properties-list__row {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 10px;
    color: black;
    font-family: Arial, sans-serif;
    margin-bottom: 10px;
}

.catalog-detail .detail-item__properties .properties-list__row:last-child {
    margin-bottom: 0;
}

.catalog-detail .detail-item__properties .properties-list__property {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.catalog-detail .detail-item__properties .properties-list__value {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

.catalog-detail .detail-item__buy-more {
    margin-top: 35px;
}

.catalog-detail .detail-item__buy-more .catalog-list {
    margin-top: 10px;
}

.home-products {
    position: relative;
    margin: 50px auto;
}

.home-products .products-list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.home-products .products-list__item {
    position: relative;
    margin-bottom: 50px;
}

.home-products .products-list__item .page-info {
    position: absolute;
    display: block;
    font-family: 'Arial', Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0;
    text-align: left;
    color: #D0D5DC;
    top: -20px;
    left: 0;
}

.bg-black .home-products .products-list__item .page-info {
    color: rgba(239, 242, 246, .2);
}

.home-products .products-list__item .page-info span {
    color: black;
}

.home-products .products-list__item .product-list__info {
    width: 100%;
    height: 100%;
    position: relative;
    display: grid;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
}

.home-products .products-list__item .product-list__info-container {
    padding: .5em .5em 1em 45px;
    border-left: solid 2px black;
}

.bg-black .home-products .products-list__item .product-list__info-container {
    border-left: solid 2px #FFF;
}

.home-products .products-list__item .product-list__image {
    position: relative;
    display: block;
    max-width: 100%;
    width: auto;
    text-align: end;
}

.home-products .products-list__item .product-list__image img {
    max-width: 100%;
    object-fit: contain;
}

.home-products .products-list__item-first .product-list__image img {
    max-width: 800px;
    width: 100%;
    /* margin: 0 80px; */
}

.home-products .products-list__item .product-list__title-huge {
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Arial', Arial, sans-serif;
    font-size: 90px;
    font-weight: 700;
    line-height: 110px;
    letter-spacing: 0;
    text-align: left;
    color: #EFF2F6;
    overflow: hidden;
    white-space: nowrap;
}

.bg-black .home-products .products-list__item .product-list__title-huge {
    color: rgba(239, 242, 246, .2);
}

.home-products .product-list__content {
    position: relative;
    top: 20px;
    display: grid;
    align-items: start;
    gap: 45px;
    margin-top: 60px;
}

.products-list__item-first .product-list__content {
    grid-template-columns: 479px 1fr;
}

.products-list__item-second .product-list__content {
    grid-template-columns: 361px 1fr;
}

.products-list__item-third .product-list__content {
    grid-template-columns: 361px 1fr minmax(min-content, 480px);
}

.products-list__item-third .product-list__image {
    grid-column: 3;
}

.products-list__item-fourth .product-list__content {
    grid-template-columns: 361px 1fr;
}

.home-products .product-list__title {
    font-family: Arial, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: left;
    color: black;
}

.bg-black .home-products .product-list__title {
    color: #fff;
}

.home-products .product-list__description {
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-align: left;
    margin-top: 1em;
}

.home-products .product-list__price {
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0;
    text-align: left;
    margin-top: 1em;
}

.home-products .product-list__button-block {
    margin-top: 1em;
}

.home-products .product-list__button-block a {
    height: 60px;
    padding: 15px 40px;
    border-radius: 40px;
    background: #09C75E;
    box-shadow: 0 16px 16px 4px rgba(0, 0, 0, 0.12);
    color: #FFF;
    text-align: center;
    font-family: 'Arial', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 172.35%;
    max-width: 178px;
    text-decoration: none;
    -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1);
    transition: all .6s cubic-bezier(.165, .84, .44, 1);
}

.home-products .product-list__button-block a:hover {
    background-color: #00b15a;
    transform: translateY(-3px);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #FFF;
}

.bx-authform-formgroup {
    max-width: 280px;
    width: 100%;
}

.form-container {
    margin-top: 75px;
}

.form-group {
    position: relative;
    margin-bottom: 25px;
}

.form-group label {
    position: absolute;
    display: inline-block;
    left: 20px;
    top: -5px;
    color: #000;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    background: white;
    padding: 0 5px;
}

.bg-black .form-group label {
    background: #000 !important;
    color: #FFF;
}

.modal .form-group input[type=text],
.modal .form-group input[type=email],
.modal .form-group input[type=file] {
    max-width: 100%;
    width: 100%;
}

.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=password] {
    display: flex;
    max-width: 500px;
    width: 100%;
    height: 50px;
    padding: 11px 25px 10px 25px;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    color: black;
    border: 2px solid #000;
    box-sizing: border-box;
    background: none;
}

.bg-black .form-group input[type=text],
.bg-black .form-group input[type=email],
.bg-black .form-group input[type=password] {
    border: 2px solid #FFF;
    color: #fff !important;
    background: #000;
}

.bg-black .bx-authform .form-group input[type=text],
.bg-black .bx-authform .form-group input[type=email],
.bg-black .bx-authform .form-group input[type=password] {
    border: 2px solid #FFF;
    color: #fff !important;
    background: #000 !important;
}

.form-group input:placeholder-shown~label {
    display: none !important;
}

.form-group select {
    display: flex;
    width: 100%;
    max-width: 500px;
    height: 50px;
    padding: 10px 20px 7px 20px;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    color: black;
    border: 2px solid #000;
    box-sizing: border-box;
    background: none;
}

.bg-black .form-group select {
    background: #000;
    color: #FFF;
    border: 2px solid #FFF;
}

.form-group input[type=text]:focus,
.form-group input[type=email]:focus,
.form-group input[type=password]:focus,
.form-group select:focus {
    border: 2px solid #09C75E !important;
}

.form-group input[type=text]:focus~label,
.form-group input[type=email]:focus~label,
.form-group input[type=password]:focus~label,
.form-group select:focus~label {
    color: #09C75E !important;
    display: block !important;
}

.form-group textarea {
    display: flex;
    width: 100%;
    max-width: 500px;
    min-height: 150px;
    padding: 11px 20px 10px 20px;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    border: 2px solid #000;
    resize: none;
    box-sizing: border-box;
}

.bg-black .form-group textarea {
    border: 2px solid #FFF;
    background: #000;
    color: #fff;
}

.form-group textarea:placeholder-shown~label {
    display: none !important;
}

.form-group textarea:focus {
    border: 2px solid #09C75E;
    box-sizing: border-box;
}

.form-group textarea:focus~label {
    color: #09C75E !important;
    display: block !important;
}

.form-group input[type=submit],
.form-group input[type=button] {
    display: inline-flex;
    width: auto;
    height: 50px;
    padding: 0 25px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #09C75E;
    box-shadow: 0 10px 10px 3px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    border: none;
    color: white;
    transition: all .4s linear;
}

.form-group input[type=submit]:hover,
.form-group input[type=button]:hover {
    background: #00b15a;
    transform: translateY(-3px);
}

.form-group input[type=button] {
    display: none;
}

.form-group input[type=button].active {
    display: inline-flex;
}

.form-group.code-form-group {
    display: flex;
    gap: 10px;
}

.form-group.code-form-group .code-input {
    width: 40px !important;
    height: 40px;
    border-radius: 6px;
    display: grid;
    place-items: center;
    padding: 0 13px;
    border: 2px solid #000;
    -moz-appearance: textfield;
}

.bg-black .form-group.code-form-group .code-input {
    border: 2px solid #FFF;
    background: #000;
    color: #FFF;
}

.form-group.code-form-group .code-input:focus {
    border: 2px solid #09C75E;
}

.form-group.code-form-group .code-input::-webkit-outer-spin-button,
.form-group.code-form-group .code-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=radio] {
    display: none;
}

.form_radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 35px;
    margin-right: 0;
    line-height: 25px;
    user-select: none;
    color: black;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

.form_radio label:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 1px;
    background: url(/local/templates/ca_main/assets/images/icon/Form/Radio_inactive.svg) 0 0 no-repeat;
}

.form_radio input[type=radio]:checked+label:before {
    background: url(/local/templates/ca_main/assets/images/icon/Form/Radio_active.svg) 0 0 no-repeat;
}

.form_radio label:hover:before {
    filter: brightness(120%);
}

.form_radio input[type=radio]:disabled+label:before {
    filter: grayscale(100%);
}

.block-text-1 {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 414px 1fr;
    gap: 40px;
    margin-top: 50px;
}

.block-text-1 .block-text__left {
    color: black;
    font-family: 'Arial', Arial, sans-serif;
    font-size: 375px;
    font-style: normal;
    font-weight: 700;
    line-height: 240px;
}

.bg-black .block-text-1 .block-text__left {
    color: #fff;
}

.block-text-1 .title-green {
    color: #09C75E;
    font-family: 'Arial', Arial, sans-serif;
    font-size: 51px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    margin-bottom: 20px;
}

.block-text-1 .block-text__text {
    color: black;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.bg-black .block-text__text {
    color: #fff;
}

.block-text-2 {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 50px;
}

.title-green-small {
    color: #09C75E;
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 20px;
}

.icon-text-block {
    display: grid;
    grid-template-columns: 75px 1fr;
    color: black;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 40px;
}

.dropdown-enter,
.dropdown-leave-to {
    opacity: 0;
}

.dropdown-enter-to,
.dropdown-leave {
    opacity: 1;
}

.dropdown-enter-active,
.dropdown-leave-active {
    transition: all 0.3s ease-out;
}

.burger-menu__open {
    min-width: 30px;
    max-width: 30px;
    height: 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    /* margin-left: auto; */
    cursor: pointer;
    /* margin-right: 8px; */
    /* margin-top: 5px; */
}

.burger-menu__close {
    display: none;
    position: absolute;
    margin-left: auto;
    cursor: pointer;
    width: 23px;
    height: 23px;
    right: 15px;
    top: 30px;
}

.burger-menu__close img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}

.line {
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background-color: #000;
}

.bg-black .line {
    background: #FFF;
}

.burger-menu {
    display: none;
    transition: all 0.4s linear;
}

@media screen and (max-width: 960px) {
    .burger-menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
}

.burger-menu .header__logo {
    margin-top: 10px;
    padding-left: 2px;
    margin-right: 60px;
}

@media screen and (max-width: 960px) {
    .burger-menu .header__logo {
        display: flex;
        margin-top: 0;
        margin-left: 8px;
    }
}

.burger-menu .logo__text {
    margin-top: 9px;
}

.burger-menu .phone {
    display: block;
}

.burger-menu__nav {
    position: absolute;
    z-index: 2;
    max-width: 100%;
    top: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    padding: 25px 20px 31px;
    height: calc(100vh);
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1);
    transition: all .6s cubic-bezier(.165, .84, .44, 1);
}

.burger-menu__nav::-webkit-scrollbar {
    display: none;
}

@media screen and (max-width: 960px) {
    .burger-menu__nav {
        display: none;
        flex-direction: column;
        justify-content: space-between;
    }
}

.burger-menu__nav .phone {
    margin-top: 58px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    max-width: 186px;
    text-align: center;
}

.burger-menu__nav .phone span {
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.burger-menu__nav .phone__link a {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 1px;
}

.burger-menu__nav .socials {
    margin-top: 32px;
    max-width: 130px;
    margin-right: auto;
}

.burger-menu__nav .social__item svg {
    width: 30px;
    height: 25px;
}

.burger-menu__nav .social__item svg path {
    fill: #00CA66;
}

.burger-menu__nav .footer__bottom-logo {
    margin-top: 44px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    color: #3F3333;
}

.burger-menu__item+.burger-menu__item {
    margin-top: 23px;
}

.burger-menu__item {
    color: #000;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.burger-menu__item a {
    color: #000;
}

.burger-menu__arrow {
    position: absolute;
    top: 6px;
    right: 3px;
}

.burger-menu__arrow-top {
    transform: rotate(180deg);
}

.burger-menu__arrow-bottom {
    transform: rotate(0deg);
    top: -6px;
}

.burger-submenu__list {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.burger-submenu__item+.burger-submenu__item {
    margin-top: 10px;
}

.burger-submenu__item {
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.burger-submenu__item a {
    color: inherit;
}

.burger-menu__personal {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    color: #000;
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 45px;
}

.burger-menu__personal .personal-item {
    height: 24px;
    line-height: 25px;
}

.burger-menu__personal .personal-item a {
    color: #000;
}

.burger-menu__personal .place {
    padding-left: 30px;
    background: url(/local/templates/ca_main/assets/images/Icon_Point.svg) no-repeat left center;
}

.burger-menu__personal .whatsapp {
    padding-left: 30px;
    background: url(/local/templates/ca_main/assets/images/Icon_WA.svg) no-repeat left center;
}

.burger-menu__personal .store {
    padding-left: 30px;
    background: url(/local/templates/ca_main/assets/images/Icon_Store.svg) no-repeat left center;
    transform: translateX(-2px);
}

.burger-menu__personal .account {
    padding-left: 30px;
    background: url(/local/templates/ca_main/assets/images/Icon_Account.svg) no-repeat left center;
}

.burger-menu__personal .logout {
    padding-left: 30px;
    background: url(/local/templates/ca_main/assets/images/icon/logout.svg) no-repeat left center;
    transform: translateX(-2px);
}

section.inner_blank {
    margin-bottom: 116px;
}

section.inner_default {
    background: url("/local/templates/ca_main/assets/images/icon/news.svg") no-repeat center top 9px;
    background-size: contain;
    margin-top: 90px;
    margin-bottom: 116px;
}

section.page_content {
    margin-top: 90px;
    margin-bottom: 116px;
}

section.page_content.dealer-page {
    margin-top: 30px;
    padding-bottom: 30px;
}

.socials {
    display: flex;
    max-width: 98px;
    width: 100%;
    justify-content: space-between;
}

.social__item svg {
    width: 16px;
    height: 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer {
    padding-bottom: 75px;
    padding-top: 73px;
}

.footer__content {
    padding-left: 5px;
}

.footer__content-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px;
}

.footer__info {
    margin-bottom: 32px;
    max-width: 200px;
    width: 100%;
    margin-right: 4.5vw;
}

.footer__info .header__logo {
    margin-bottom: 31px;
    padding-left: 0;
    margin-right: 0;
}

.footer__info .logo__icon {
    margin-right: 10px;
}

.footer__info .logo__text {
    width: 96px;
    height: 21px;
}

.footer__info .telegram,
.footer__info .whatsapp,
.footer__info .phone {
    margin-bottom: 20px;
}

.footer__info .telegram__link,
.footer__info .whatsapp__link {
    display: flex;
    gap: 10px;
}

.footer__info .telegram__link img,
.footer__info .whatsapp__link img {
    width: 25px;
    height: auto;
    object-fit: contain;
}

.footer__info .telegram__link a,
.footer__info .whatsapp__link a {
    color: #000;
}

.bg-black .footer__info .telegram__link a,
.bg-black .footer__info .whatsapp__link a {
    color: #FFF;
}

.footer__info .phone span,
.footer__info .phone span {
    margin-bottom: 6px;
}

.footer__nav {
    padding-top: 11px;
    max-width: 937px;
    width: 100%;
}

.footer__content-middle {
    margin-bottom: 59px;
}

.menu__middle {
    margin: 0;
    padding: 0;
    display: flex;
    max-width: 608px;
    letter-spacing: 1px;
}

.menu__middle-link {
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    line-height: 150%;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #91979c;
}

.menu__middle-link:hover {
    color: #000;
}

.subinfo a {
    font-family: Inter, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: black;
    text-decoration: underline !important;
}

.bg-black .subinfo a {
    color: #fff;
}

.subinfo a:hover {
    text-decoration-line: none;
}

.footer-white .subinfo a {
    color: white;
}

.footer__bottom {
    line-height: 150%;
    color: #000;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.footer-white .footer__bottom {
    color: white;
}

.footer__bottom a {
    color: #000;
    letter-spacing: 0;
    margin-left: 3px;
    text-decoration: underline;
}

.footer-white .footer__bottom a {
    color: white;
}

.footer__bottom .footer__bottom-logo {
    color: #3f3333;
}

.footer__bottom-link {
    letter-spacing: 0;
}

.footer__bottom-logo {
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 18px;
    margin-right: 3px;
}

.footer__logo-icon {
    display: flex;
    margin-left: 10px;
}

.menu {
    display: flex;
}

.menu,
.submenu {
    padding: 0;
}

.menu__link,
.submenu__link {
    text-decoration: none;
    font-style: normal;
    font-size: 14px;
    line-height: 101.7%;
    display: inline;
}

.menu__link {
    font-family: "Arial", sans-serif;
}

.submenu__link:active,
.submenu__link:hover {
    text-decoration: underline;
}

.footer__menu__link,
.footer__menu__link a {
    font-family: Arial, sans-serif;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 20px;
}

.bg-black .footer__menu__link,
.bg-black .footer__menu__link a {
    color: #FFF;
}

.footer__submenu {
    padding-left: 1px;
    letter-spacing: 0;
    margin-top: 5px;
}

.footer__submenu li+li {
    margin-top: 2px;
}

.footer__submenu__link {
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    color: #000;
    line-height: 150%;
    padding: 2px 0;
}

.footer__submenu__link:hover {
    border-bottom: 2px solid rgba(0, 202, 102, .31);
}

.footer__submenu .footer__menu__link a {
    margin: 0;
}

.footer-white .footer__submenu__link {
    color: white;
}

.footer__menu {
    justify-content: space-between;
}

.footer__menu__item {
    width: 150px;
}

.preloader-second {
    width: 100vw;
    height: 100vh;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
}

.load {
    animation: loading .5s linear infinite;
    border-radius: 50%;
    border-color: transparent transparent #32c96c #32c96c;
    border-style: solid;
    border-width: 3px;
    display: block;
    height: 30px;
    width: 30px;
    z-index: 1;
}

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

    to {
        transform: rotate(1turn);
    }
}

.dealer__inner {
    margin-top: 61px;
}

.dealer__caption {
    font-weight: 900;
    font-size: 24px;
    line-height: 24px;
    color: #00ca66;
}

.dealer__title {
    font-size: 40px;
    margin-top: 21px;
}

.dealer__subtitle {
    margin-top: 30px;
    font-size: 18px;
    font-weight: 700;
}

.dealer__transcript {
    margin-top: 39px;
    font-size: 22px;
    line-height: 22px;
    position: relative;
    text-indent: 27px;
}

.dealer__transcript:before {
    position: absolute;
    content: "";
    top: 13px;
    left: 1px;
    width: 20px;
    height: 2px;
    background-color: #000;
}

.dealer__box {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.dealer__item-info {
    width: 50%;
    margin-right: calc(383px - 20.18vw);
    padding-left: 30px;
}

.dealer__text {
    max-width: 530px;
    width: 100%;
    padding-bottom: 3px;
    position: relative;
}

.dealer__text:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    left: -30px;
    background-color: #00ca66;
}

.btn.dealer__link {
    margin-top: 37px;
    padding-right: 31px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.btn.dealer__link img {
    transition: all .3s linear;
}

.btn.dealer__link:hover img {
    transform: translateX(3px);
}

@media screen and (max-width: 480px) {
    .btn.dealer__link:after {
        right: 36px;
    }
}

.btn.dealer__link:hover:after {
    right: 28px;
}

.partnership-modal .modaltor__panel {
    max-width: 100%;
    width: auto !important;
    margin: 0 5.59%;
    z-index: 1000;
    max-height: 100%;
}

@media screen and (max-width: 960px) {
    .partnership-modal .modaltor__panel {
        margin: 0 2.99%;
    }
}

@media screen and (max-width: 420px) {
    .partnership-modal .modaltor__panel {
        margin: 0 10px;
    }
}

.partnership-modal .modaltor__close {
    position: relative;
}

.partnership-modal .modaltor__close:after {
    position: absolute;
    content: "";
    background-image: url(/local/templates/ca_main/assets/images/icon/close.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    right: 57px;
    top: 50px;
    cursor: pointer;
}

@media screen and (max-width: 960px) {
    .partnership-modal .modaltor__close:after {
        right: calc(7.03vw - 11px);
    }
}

@media screen and (max-width: 480px) {
    .partnership-modal .modaltor__close:after {
        top: calc(8.13vw + 11px);
    }
}

@media screen and (max-width: 320px) {
    .partnership-modal .modaltor__close:after {
        right: 12px;
        top: 37px;
    }
}

.partnership-modal .modaltor__close svg {
    display: none;
}

.partnership-modal .modaltor__content {
    background-color: #fff;
}

.partnership__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    background: #f4f6f9;
    padding: 45px 63px 45px 80px;
}

@media screen and (max-width: 960px) {
    .partnership__title {
        padding-right: calc(2.92vw + 35px);
        padding-left: calc(6.46vw + 18px);
    }
}

@media screen and (max-width: 600px) {
    .partnership__title {
        font-size: 24px;
        line-height: 26px;
    }
}

@media screen and (max-width: 480px) {
    .partnership__title {
        padding: 9.38vw calc(24.38vw - 68px);
        font-size: 20px;
        line-height: 22px;
    }
}

@media screen and (max-width: 320px) {
    .partnership__title {
        padding: 30px 10px;
    }
}

.partnership__inner {
    display: flex;
    padding: 53px 49px 57px 80px;
}

@media screen and (max-width: 1320px) {
    .partnership__inner {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 960px) {
    .partnership__inner {
        padding-left: calc(6.46vw + 18px);
    }
}

@media screen and (max-width: 480px) {
    .partnership__inner {
        padding-right: calc(24.38vw - 68px);
        padding-left: calc(24.38vw - 68px);
    }
}

@media screen and (max-width: 320px) {
    .partnership__inner {
        padding: 53px 10px 57px;
    }
}

.partnership__form {
    max-width: 626px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.partnership__label-comment,
.partnership__label-email,
.partnership__label-phone,
.partnership__label-region,
.partnership__label-title {
    width: 100%;
    margin-bottom: 23px;
    height: 60px;
    border-radius: 40px;
}

.partnership__input-email,
.partnership__input-phone,
.partnership__input-region,
.partnership__input-title,
.partnership__textarea-comment {
    border: 1px solid #91979c;
    padding: 14px 45px 10px;
    color: #000;
    height: 60px;
    width: 100%;
    border-radius: 40px;
}

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

    .partnership__input-email,
    .partnership__input-phone,
    .partnership__input-region,
    .partnership__input-title,
    .partnership__textarea-comment {
        padding-left: calc(15.31vw - 29px);
        padding-right: calc(15.31vw - 29px);
    }
}

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

    .partnership__input-email,
    .partnership__input-phone,
    .partnership__input-region,
    .partnership__input-title,
    .partnership__textarea-comment {
        padding: 14px 20px 10px;
    }
}

.partnership__input-email::-moz-placeholder,
.partnership__input-phone::-moz-placeholder,
.partnership__input-region::-moz-placeholder,
.partnership__input-title::-moz-placeholder,
.partnership__textarea-comment::-moz-placeholder {
    color: #91979c;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

.partnership__input-email::placeholder,
.partnership__input-phone::placeholder,
.partnership__input-region::placeholder,
.partnership__input-title::placeholder,
.partnership__textarea-comment::placeholder {
    color: #91979c;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

.partnership__label-email {
    width: 48%;
}

@media screen and (max-width: 960px) {
    .partnership__label-email {
        width: 100%;
    }
}

.partnership__label-phone {
    width: 48%;
    margin-left: 23px;
}

@media screen and (max-width: 960px) {
    .partnership__label-phone {
        width: 100%;
        margin-left: 0;
    }
}

.partnership__label-comment {
    height: 164px;
}

.partnership__textarea-comment {
    height: 164px;
    border-radius: 20px;
}

.checkoutPartner__shell-btn {
    width: 100%;
}

.btn.partnership__button {
    max-width: 231px;
    width: 100%;
    margin-top: 24px;
    font-size: 18px;
    padding-right: 30px;
}

@media screen and (max-width: 1320px) {
    .btn.partnership__button {
        margin: 24px auto 0;
    }
}

.btn.partnership__button:after {
    position: absolute;
    content: "";
    background-image: url(/local/templates/ca_main/assets/images/icon/arrow-next.png);
    top: 22px;
    right: 37px;
    width: 16px;
    height: 16px;
}

@media screen and (max-width: 480px) {
    .btn.partnership__button:after {
        right: calc(22.5vw - 35px);
    }
}

@media screen and (max-width: 320px) {
    .btn.partnership__button:after {
        right: 37px;
    }
}

.partnership__requisites {
    margin-left: 52px;
    font-size: 18px;
}

@media screen and (max-width: 1320px) {
    .partnership__requisites {
        order: -1;
        margin-left: 0;
        margin-bottom: 50px;
        text-align: center;
    }
}

.partnership__requisites h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 3px;
}

.dealer__item-image {
    margin-top: -193px;
    margin-right: -72px;
    z-index: -1;
}

@media screen and (max-width: 1350px) {
    .dealer__item-image {
        margin-top: calc(289px - 35.67vw);
    }
}

@media screen and (max-width: 1050px) {
    .dealer__item-image {
        order: -1;
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

.dealer__item-image img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.dealer__advantages {
    margin-top: 66px;
    display: flex;
}

@media screen and (max-width: 1150px) {
    .dealer__advantages {
        flex-direction: column;
    }
}

@media screen and (max-width: 700px) {
    .dealer__advantages {
        margin-top: calc(13.18vw - 26px);
    }
}

@media screen and (max-width: 480px) {
    .dealer__advantages {
        margin-top: 37px;
    }
}

.dealer__advantages-title {
    padding-left: 30px;
    padding-top: 2px;
    margin-right: 177px;
}

@media screen and (max-width: 1350px) {
    .dealer__advantages-title {
        margin-right: calc(63.5vw - 680px);
    }
}

@media screen and (max-width: 1150px) {
    .dealer__advantages-title {
        padding-left: 0;
    }
}

.dealer__advantages-box {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-gap: 0 74px;
}

@media screen and (max-width: 1350px) {
    .dealer__advantages-box {
        grid-gap: 0 calc(17vw - 156px);
    }
}

@media screen and (max-width: 1150px) {
    .dealer__advantages-box {
        margin-top: 25px;
        grid-gap: 0 calc(7.56vw - 13px);
    }
}

@media screen and (max-width: 700px) {
    .dealer__advantages-box {
        flex-direction: column;
        grid-template-columns: 100%;
        grid-gap: 0;
    }
}

.dealer__advantages-list {
    line-height: 32px;
}

.dealer__advantages-item {
    position: relative;
    text-indent: 20px;
}

.dealer__advantages-item:before {
    position: absolute;
    content: "";
    background-color: #00ca66;
    width: 15px;
    height: 1px;
    top: 18px;
    left: 0;
}

.form-dealer {
    margin-top: 90px;
}

@media screen and (max-width: 700px) {
    .form-dealer {
        margin-top: calc(25.45vw - 88px);
    }
}

@media screen and (max-width: 480px) {
    .form-dealer {
        margin-top: 34px;
    }
}

.error .dealer__transcript:before {
    display: none;
}

.error .dealer__item-info {
    padding-left: 0;
}

.error .dealer__text {
    font-size: 22px;
    line-height: 120%;
}

.error .dealer__text:before {
    display: none;
}

.error .btn.dealer__link {
    max-width: 330px;
}

@media screen and (max-width: 480px) {
    .error .btn.dealer__link:hover:after {
        right: 12px;
    }
}

@media screen and (max-width: 480px) {
    .error .btn.dealer__link:after {
        right: 22px;
    }
}

.error .dealer__advantages {
    display: none;
}

.modaltor {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    z-index: 99;
    transform: translateZ(0);
    transition: all .2s cubic-bezier(.52, .02, .19, 1.02);
}

.modaltor--fade {
    opacity: .1;
    visibility: hidden;
}

.modaltor--scale {
    transform: scaleX(-1);
}

.modaltor--show,
.modaltor--show.modaltor--scale,
.modaltor--show.modaltor--show {
    visibility: visible;
    opacity: 1;
    transform: translateZ(0);
}

.modaltor__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    font-size: 14px;
    z-index: 999;
}

.modaltor__panel {
    z-index: 999;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 8px 46px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .03);
    position: absolute;
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 2px;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    transition-property: transform, opacity, width;
    transition-duration: .3s;
    transition-delay: .05s;
    transition-timing-function: cubic-bezier(.52, .02, .19, 1.02);
}

.modaltor__panel::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5;
}

.modaltor__panel::-webkit-scrollbar {
    width: 6px;
    height: 5px;
    background-color: #f5f5f5;
}

.modaltor__panel::-webkit-scrollbar-thumb {
    background-color: #41b9d2;
}

.modaltor__panel--show {
    transform: translateY(-50%) !important;
    opacity: 1 !important;
}

.modaltor__panel--fade {
    transform: scale(1) translateY(-50%);
}

.modaltor__panel--rotate {
    transform: rotate(45deg) translateY(-50%);
}

.modaltor__panel--slide-right {
    transform: translate(100px, -50%);
}

.modaltor__panel--slide-left {
    transform: translate(-100px, -50%);
}

.modaltor__panel--slide-bottom,
.modaltor__panel--slide-top {
    transform: translateY(-100%);
}

.feedback {
    background: rgba(0, 202, 102, .1);
    border-radius: 10px;
    padding: calc(2.73vw + 86px) 0 calc(6vw + 51px);
}

@media screen and (min-width: 1901px) {
    .feedback {
        padding: 138px 0 165px;
    }
}

@media screen and (max-width: 1350px) {
    .feedback {
        padding: calc(10.57vw - 20px) 0 calc(10.46vw - 9px);
    }
}

@media screen and (max-width: 480px) {
    .feedback {
        padding: 31px 0 41px;
    }
}

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

@media screen and (max-width: 1664px) {
    .feedback__inner {
        flex-direction: column;
        align-items: center;
    }
}

.feedback__item-info {
    margin-top: 124px;
    max-width: 767px;
    width: 100%;
    margin-right: 10px;
}

@media screen and (max-width: 1664px) {
    .feedback__item-info {
        margin-top: 0;
        margin-right: 0;
        text-align: center;
    }
}

.feedback__title {
    font-weight: 900;
    font-size: 65px;
    line-height: 101.7%;
}

@media screen and (max-width: 960px) {
    .feedback__title {
        font-size: 45px;
    }
}

@media screen and (max-width: 650px) {
    .feedback__title {
        font-size: 35px;
    }
}

@media screen and (max-width: 480px) {
    .feedback__title {
        font-size: 30px;
        line-height: 32px;
    }
}

.feedback__title br {
    display: none;
}

@media screen and (max-width: 960px) {
    .feedback__title br {
        display: block;
    }
}

.feedback__descr {
    line-height: 24px;
    margin-top: 36px;
}

@media screen and (max-width: 1350px) {
    .feedback__descr {
        margin: 36px auto 0;
    }
}

@media screen and (max-width: 960px) {
    .feedback__descr {
        margin: 18px auto 0;
    }
}

.feedback__descr span {
    display: none;
}

@media screen and (max-width: 1664px) {
    .feedback__descr span {
        display: inline-block;
    }
}

.feedback__descr a {
    color: inherit;
}

.feedback__descr p+p {
    margin-top: 24px;
}

@media screen and (max-width: 480px) {
    .feedback__descr p+p {
        margin-top: 10px;
    }
}

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

@media screen and (max-width: 480px) {
    .feedback__descr .feedback__descr-other {
        margin-top: 10px;
    }
}

@media screen and (max-width: 480px) {
    .feedback__descr .feedback__descr-question {
        display: block;
    }
}

.feedback__item-form {
    max-width: 626px;
    width: 100%;
}

@media screen and (max-width: 1664px) {
    .feedback__item-form {
        margin: 106px auto 0;
    }
}

@media screen and (max-width: 960px) {
    .feedback__item-form {
        margin: 79px auto 45px;
    }
}

@media screen and (max-width: 480px) {
    .feedback__item-form {
        margin: 52px auto 0;
    }
}

.feedback__subtitle {
    font-weight: 700;
    font-size: 36px;
    line-height: 101.7%;
    text-align: center;
}

@media screen and (max-width: 560px) {
    .feedback__subtitle {
        font-size: 30px;
        line-height: 32px;
    }
}

.feedback__form {
    max-width: 626px;
    width: 100%;
    margin-top: 55px;
}

@media screen and (max-width: 480px) {
    .feedback__form {
        margin-top: 27px;
    }
}

.form__input-phone,
.form__input-name,
.form__textarea {
    max-width: 626px;
    width: 100%;
    outline: none;
    background: #fff;
    border: 1px solid #91979c;
}

.form__input-phone,
.form__input-name {
    border-radius: 40px;
    height: 60px;
    padding: 16px 46px;
    color: #828282;
    font-weight: 400;
}

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

    .form__input-phone,
    .form__input-name {
        padding: 16px 33px;
    }
}

.form__textarea {
    height: 164px;
    border-radius: 20px;
    resize: none;
    padding: 20px 47px;
    color: #828282;
}

@media screen and (max-width: 480px) {
    .form__textarea {
        padding: 20px 33px;
    }
}

[dir=ltr] .form__label-phone,
[dir=ltr] .form__label-name {
    text-align: left;
}

[dir=rtl] .form__label-phone,
[dir=rtl] .form__label-name {
    text-align: right;
}

.form__label-phone,
.form__label-name {
    position: relative;
    display: block;
    margin-bottom: 23px;
}

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

    .form__label-phone,
    .form__label-name {
        margin-bottom: 27px;
    }
}

.form__label-textarea {
    display: block;
}

.btn.form__btn {
    max-width: 262px;
    margin: 45px auto 0;
    padding-right: 36px;
}

@media screen and (max-width: 1350px) {
    .btn.form__btn {
        padding-right: 33px;
    }
}

@media screen and (max-width: 480px) {
    .btn.form__btn {
        max-width: 100%;
        margin-top: 23px;
        padding-right: 31px;
    }
}

.btn.form__btn:after {
    position: absolute;
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 15px;
    top: 23px;
    right: 37px;
}

@media screen and (max-width: 1350px) {
    .btn.form__btn:after {
        right: 40px;
    }
}

@media screen and (max-width: 480px) {
    .btn.form__btn:after {
        right: calc(48.13vw - 99px);
        top: 22px;
    }
}

@media screen and (max-width: 320px) {
    .btn.form__btn:after {
        right: 55px;
    }
}

.btn.form__btn:hover {
    border: 1px solid #00b15a;
    background-color: #00b15a;
    transform: translateY(-3px);
}

.btn.form__btn:active {
    background: #059c51;
}

.scroll {
    display: flex;
}

.scroll__text {
    font-weight: 600;
    font-size: 18px;
    color: #c0c8d3;
    margin-left: 10px;
    padding-top: 2px;
}

.scroll__image,
.scroll__image img {
    width: 20px;
    height: 30px;
}

@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0);
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-container-3d {
    perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent);
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory;
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-theme-color);
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 44px;
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    -moz-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: "next";
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff;
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000;
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-theme-color);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-theme-color);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1);
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s linear infinite;
    box-sizing: border-box;
    border-left: 4px solid var(--swiper-theme-color);
    border-bottom: 4px solid var(--swiper-theme-color);
    border-right: 4px solid var(--swiper-theme-color);
    border-radius: 50%;
    border-top: 4px solid transparent;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn);
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.review__title[data-v-378c5a3c] {
    font-weight: 700;
    font-size: 30px;
    line-height: 31px;
    text-align: center;
    padding-left: 5px;
}

@media screen and (max-width: 480px) {
    .review__title[data-v-378c5a3c] {
        font-weight: 900;
        font-size: 36px;
        line-height: 37px;
        padding-left: 0;
    }
}

.swiper-wrapper[data-v-378c5a3c] {
    max-width: 590px;
    width: 100%;
}

.swiper[data-v-378c5a3c] {
    margin: 40px auto 0;
}

@media screen and (max-width: 480px) {
    .swiper[data-v-378c5a3c] {
        margin-top: 22px;
    }
}

.swiper__item[data-v-378c5a3c] {
    margin: 0 auto;
    max-width: 590px;
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
    padding-left: 3px;
}

@media screen and (max-width: 645px) {
    .swiper__item[data-v-378c5a3c] {
        max-width: 100%;
        padding-left: 0;
    }
}

.review__inner .swiper-pagination-fraction[data-v-378c5a3c] {
    bottom: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

@media screen and (max-width: 645px) {
    .review__inner .swiper-pagination-fraction[data-v-378c5a3c] {
        bottom: 12px;
    }
}

.review__inner .swiper-button-prev[data-v-378c5a3c] {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    transition: all .4s ease;
    top: 63px;
    left: calc(41vw - 520px);
}

@media screen and (max-width: 1265px) {
    .review__inner .swiper-button-prev[data-v-378c5a3c] {
        left: 2vw;
    }
}

@media screen and (max-width: 800px) {
    .review__inner .swiper-button-prev[data-v-378c5a3c] {
        display: none;
    }
}

.review__inner .swiper-button-prev:hover .arrow-prev[data-v-378c5a3c] {
    fill: #00ca66;
}

.review__inner .swiper-button-prev[data-v-378c5a3c]:active {
    background: rgba(0, 202, 102, .28);
}

.review__inner .swiper-button-prev[data-v-378c5a3c]:after {
    content: "";
}

.review__inner .arrow-prev[data-v-378c5a3c] {
    fill: #c0c8d3;
    transition: all .4s ease;
    transform: rotate(-180deg);
    width: 34px;
    height: 33px;
}

.review__inner .swiper-button-next[data-v-378c5a3c] {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    transition: all .4s ease;
    right: calc(41vw - 520px);
    top: 63px;
}

@media screen and (max-width: 1265px) {
    .review__inner .swiper-button-next[data-v-378c5a3c] {
        right: 2vw;
    }
}

@media screen and (max-width: 800px) {
    .review__inner .swiper-button-next[data-v-378c5a3c] {
        display: none;
    }
}

.review__inner .swiper-button-next:hover .arrow-next[data-v-378c5a3c] {
    fill: #00ca66;
}

.review__inner .swiper-button-next[data-v-378c5a3c]:active {
    background: rgba(0, 202, 102, .28);
}

.review__inner .swiper-button-next[data-v-378c5a3c]:after {
    content: "";
}

.review__inner .arrow-next[data-v-378c5a3c] {
    fill: #c0c8d3;
    transition: all .4s ease;
    width: 34px;
    height: 33px;
}

.swiper-container .swiper .swiper-container-initialized .swiper-container-horizontal img[data-v-378c5a3c] {
    position: absolute;
    top: 0;
}

.swiper__text[data-v-378c5a3c] {
    line-height: 24px;
}

@media screen and (max-width: 645px) {
    .swiper__text[data-v-378c5a3c] {
        padding: 0 39px;
    }
}

.swiper__name[data-v-378c5a3c] {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    margin-top: 52px;
}

@media screen and (max-width: 645px) {
    .swiper__name[data-v-378c5a3c] {
        padding: 0 39px;
    }
}

@media screen and (max-width: 480px) {
    .swiper__name[data-v-378c5a3c] {
        margin-top: 4px;
    }
}

.swiper__company[data-v-378c5a3c] {
    color: #c0c8d3;
    line-height: 23px;
    margin-top: 6px;
}

@media screen and (max-width: 645px) {
    .swiper__company[data-v-378c5a3c] {
        padding: 0 39px;
    }
}

@media screen and (max-width: 480px) {
    .swiper__company[data-v-378c5a3c] {
        margin-top: 23px;
    }
}

.photo__title {
    font-weight: 900;
    font-size: 65px;
    line-height: 102%;
    padding-left: 6px;
}

@media screen and (max-width: 1350px) {
    .photo__title {
        padding-left: 1px;
    }
}

@media screen and (max-width: 645px) {
    .photo__title {
        font-size: 50px;
    }
}

@media screen and (max-width: 480px) {
    .photo__title {
        font-size: 30px;
        line-height: 31.5px;
        /* text-align: center; */
    }
}

.photo__box {
    margin-top: 54px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -35px;
    justify-content: flex-start;
}

@media screen and (max-width: 1532px) {
    .photo__box {
        margin-left: -30px;
    }
}

@media screen and (max-width: 1350px) {
    .photo__box {
        margin-top: 66px;
        margin-left: -25px;
    }
}

.photo__box-slider {
    display: none;
    margin-top: 54px;
}

@media screen and (max-width: 1350px) {
    .photo__box-slider {
        margin-top: 66px;
    }
}

@media screen and (max-width: 795px) {
    .photo__box-slider {
        margin-top: 23px;
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .photo__box {
        margin-left: -10px;
    }
}

.photo__item-slide {
    height: 59vw;
}

.photo__item-slide img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    height: 100%;
    display: block;
}

.photo__item {
    width: 33%;
    margin-bottom: 30px;
    margin-left: 35px;
    flex-basis: calc(33.33333% - 35px);
    position: relative;
    overflow: hidden;
    aspect-ratio: 12/8;
    background: #FFF;
}

@media screen and (min-width: 1901px) {
    .photo__item {
        height: 100%;
    }
}

@media screen and (max-width: 1350px) {
    .photo__item {
        margin-left: 25px;
        flex-basis: calc(33.33333% - 25px);
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1240px) {
    .photo__item {
        width: 50%;
        flex-basis: calc(50% - 25px);
        height: 100%;
    }
}

@media screen and (max-width: 767px) {
    .photo__item {
        margin-left: 10px;
        margin-bottom: 10px;
        flex-basis: calc(50% - 10px);
    }
}

@media screen and (max-width: 525px) {
    .photo__item {
        flex-basis: 100%;
    }
}

.photo__item img {
    width: 100%;
    height: 100%;
    display: block;
    object-position: 50%;
    background-repeat: no-repeat;
    object-fit: contain;
    transition: all .4s linear;
}

.photo__item:hover {
    cursor: pointer;
}

.photo__item:hover .photo__magnifier {
    display: flex;
}

.photo__item:hover img {
    transform: scale(1.05);
}

.photo__item:hover .photo__gradient {
    display: block;
}

.photo__magnifier {
    width: 71px;
    height: 71px;
    border: 2px solid hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    position: absolute;
    margin: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 1;
}

.photo__magnifier img {
    width: 27px;
    height: 27px;
}

.photo__gradient {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
    display: none;
}

.photo__box-slider .swiper-container {
    padding-bottom: 40px;
}

.photo__box-slider .swiper-container-horizontal .swiper-pagination-bullets {
    bottom: 0;
}

.photo__box-slider .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 5px;
}

.photo__box-slider .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
    border: 1px solid #000;
    width: 10px;
    height: 10px;
    background-color: #fff;
    margin-right: 0;
}

.photo__box-slider .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 1px solid #00ca66;
    background-color: #00ca66;
    width: 10px;
    height: 10px;
    position: relative;
}

.photo__box-slider .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active:before {
    position: absolute;
    content: "";
    background-color: #00ca66;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 1px;
    left: 1px;
}

.photo-modal__slider .modaltor__panel {
    width: 100% !important;
    background-color: rgba(65, 65, 65, .5) !important;
    max-height: 100%;
    top: 0;
    bottom: 0;
}

.photo-modal__slider .modaltor__header {
    height: 64px;
}

.photo-modal__slider .modaltor__content {
    height: calc(100vh - 64px);
}

.photo-modal__slider .modaltor__close {
    position: relative;
}

.photo-modal__slider .modaltor__close svg {
    position: absolute;
    right: calc(22.91vw - 45.27px);
    top: 24px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.photo-modal__slider .modaltor__close svg path {
    fill: #fff;
}

.photo-modal__slider .modaltor__panel--show {
    transform: translateY(0) !important;
    opacity: 1 !important;
}

.photo-modal__slider img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.photo-modal__box-slider {
    height: 100%;
    display: flex;
    align-items: center;
}

.photo-modal__box-slider .swiper-slide {
    width: 100%;
}

.photo-modal__box-slider .swiper-container {
    padding-bottom: 27px;
}

.photo-modal__box-slider .swiper-container-horizontal .swiper-pagination-bullets {
    bottom: 0;
}

.photo-modal__box-slider .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 18px;
}

.photo-modal__box-slider .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
    background: #c0c8d3;
    border: 2px solid #fff;
    width: 12px;
    height: 12px;
    background-color: #fff;
    margin-right: 0;
}

.photo-modal__box-slider .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 2px solid #00ca66;
    background-color: #00ca66;
    width: 12px;
    height: 12px;
    position: relative;
}

.photo-modal__box-slider .swiper-button-next,
.photo-modal__box-slider .swiper-button-prev {
    height: 100%;
    top: 0;
}

.photo-modal__box-slider .swiper-button-next:after,
.photo-modal__box-slider .swiper-button-prev:after {
    content: "";
}

.photo-modal__box-slider .swiper-button-prev {
    width: calc(19.9625vw - 38px);
    left: 0;
    cursor: url(/local/templates/ca_main/assets/images/icon/prev-b.png), pointer;
}

.photo-modal__box-slider .swiper-button-next {
    width: calc(19.9625vw - 38px);
    right: 0;
    cursor: url(/local/templates/ca_main/assets/images/icon/next-b.png), pointer;
}

.photo-modal__box-slide img {
    margin: 0 auto;
}

@media screen and (max-width: 795px) {
    .photo-navigation .photo__box-slider {
        margin-top: 24px;
    }
}

.photo-rtk .photo__box {
    margin-top: 54px;
    margin-bottom: 70px;
}

@media screen and (max-width: 1350px) {
    .photo-rtk .photo__box {
        margin-top: 66px;
    }
}

.product-slider__content {
    background-color: #f4f6f9;
    position: relative;
}

.product__bg {
    margin-bottom: -4%;
    width: 100vw;
}

@media screen and (min-width: 1900px) {
    .product__bg {
        margin-bottom: -76px;
    }
}

.product__bg img {
    width: 100%;
    max-height: 100%;
}

.product__def {
    display: block;
}

.product__black {
    display: none;
}

.product-slider__inner .swiper-pagination-fraction {
    display: flex;
    font-size: 14px;
    line-height: 18px;
    font-weight: 450;
    right: 0;
    margin-right: 229px;
    top: 78px;
    left: 0;
    height: 18px;
    margin-left: 0;
    max-width: 1130px;
}

@media screen and (max-width: 1621px) {
    .product-slider__inner .swiper-pagination-fraction {
        margin-left: unset;
    }
}

@media screen and (max-width: 1350px) {
    .product-slider__inner .swiper-pagination-fraction {
        top: calc(2.07px + 5.4vw);
    }
}

@media screen and (max-width: 480px) {
    .product-slider__inner .swiper-pagination-fraction {
        top: 28px;
    }
}

.product-slider__inner .swiper-wrapper {
    width: 100%;
}

.product-slider__inner .swiper-pagination-current {
    margin-right: 10px;
}

.product-slider__inner .swiper-pagination-total {
    margin-left: 10px;
}

.product-slider__inner .line {
    width: 20px;
    margin-top: 7px;
}

@media screen and (max-width: 480px) {
    .product-slider__inner .line {
        margin-top: 8px;
    }
}

.product-slider__inner .swiper-button-next,
.product-slider__inner .swiper-button-prev {
    width: 190px;
    height: 190px;
    top: calc(-31.73px + 17.09vw);
    border: 1px solid #c0c8d3;
    border-radius: 50%;
}

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

    .product-slider__inner .swiper-button-next,
    .product-slider__inner .swiper-button-prev {
        top: calc(127.82px + 5.27vw);
    }
}

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

    .product-slider__inner .swiper-button-next,
    .product-slider__inner .swiper-button-prev {
        width: 34px;
        height: 34px;
        border: none;
        border-radius: 0;
        top: calc(229.67px + 2.29vw);
    }
}

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

    .product-slider__inner .swiper-button-next,
    .product-slider__inner .swiper-button-prev {
        top: 237px;
    }
}

.product-slider__inner .swiper-button-next:active,
.product-slider__inner .swiper-button-prev:active {
    border: 1px solid #00ca66;
}

.product-slider__inner .swiper-button-prev {
    left: 2px;
}

@media screen and (max-width: 1050px) {
    .product-slider__inner .swiper-button-prev {
        left: calc(-116.25px + 24.22vw);
        left: 0;
    }
}

@media screen and (max-width: 480px) {
    .product-slider__inner .swiper-button-prev {
        left: 0;
    }
}

.product-slider__inner .swiper-button-prev:after {
    content: "";
}

.product-slider__inner .arrow-prev {
    fill: #c0c8d3;
    transition: all .4s ease;
    transform: rotate(-180deg);
}

.product-slider__inner .arrow-prev:hover {
    fill: #00ca66;
}

.product-slider__inner .swiper-button-next {
    right: 0;
}

@media screen and (max-width: 1050px) {
    .product-slider__inner .swiper-button-next {
        right: calc(-116.25px + 24.22vw);
        right: 0;
    }
}

@media screen and (max-width: 480px) {
    .product-slider__inner .swiper-button-next {
        right: 0;
    }
}

.product-slider__inner .swiper-button-next:after {
    content: "";
}

.product-slider__inner .arrow-next {
    fill: #c0c8d3;
    transition: all .4s ease;
}

.product-slider__inner .arrow-next:hover {
    fill: #00ca66;
}

.product {
    margin: 40px auto 0;
}

.product__item {
    width: 100%;
    padding: 89px 0 calc(7.27vw - 64.18px);
    min-height: 300px;
}

@media screen and (min-width: 1901px) {
    .product__item {
        padding: 89px 0 74px;
    }
}

@media screen and (max-width: 1350px) {
    .product__item {
        padding: calc(28.52px + 4.48vw) 0 calc(-4.79px + 2.87vw);
    }
}

@media screen and (max-width: 960px) {
    .product__item {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 480px) {
    .product__item {
        padding: 50px 0 9px;
    }
}

.product__name {
    font-weight: 700;
    font-size: 93px;
    line-height: 101.7%;
    max-width: 1130px;
    width: 100%;
    margin-right: 227px;
    margin-left: 0;
}

@media screen and (max-width: 1350px) {
    .product__name {
        font-size: calc(7.24vw - 4.76px);
    }
}

@media screen and (max-width: 480px) {
    .product__name {
        font-size: 30px;
        line-height: 31.5px;
    }
}

.product__image {
    display: block;
    margin-top: -40px;
}

@media screen and (min-width: 1901px) {
    .product__image {
        margin-top: -40px;
    }
}

@media screen and (max-width: 1350px) {
    .product__image {
        margin-top: -40px;
    }
}

@media screen and (max-width: 960px) {
    .product__image {
        margin-top: auto;
        margin-bottom: auto;
    }
}

.product__image img {
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 1400px) {
    .product__image img {
        max-width: calc(58.89vw + 61.56px);
    }
}

@media screen and (max-width: 320px) {
    .product__image img {
        max-width: 250px;
    }
}

.monitoring {
    position: relative;
    background-image: url(/local/templates/ca_main/assets/images/img/navigation-bg.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: calc(6vw - 44px);
    padding-bottom: calc(16.18vw - 191.45px);
}

@media screen and (max-width: 1350px) {
    .monitoring {
        padding-top: 37px;
        padding-bottom: 27px;
    }
}

@media screen and (max-width: 1050px) {
    .monitoring {
        background-size: cover;
        background-position: center -2.5vw;
        padding-top: 39px;
    }
}

@media screen and (max-width: 750px) {
    .monitoring {
        background-position: bottom calc(-22.33vw + 167.44px);
    }
}

@media screen and (max-width: 320px) {
    .monitoring {
        background-position: center bottom 96px;
    }
}

.monitoring:after {
    position: absolute;
    content: "";
    background-image: url(/local/templates/ca_main/assets/images/icon/online-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    max-width: calc(48.91vw + 182.73px);
    height: calc(14.73vw + 164.18px);
    bottom: calc(5.64vw - 77.09px);
    left: calc(5.09vw - 138.73px);
}

@media screen and (max-width: 1350px) {
    .monitoring:after {
        max-width: 843px;
        height: 363px;
        bottom: -1px;
        left: -70px;
    }
}

@media screen and (max-width: 1050px) {
    .monitoring:after {
        display: none;
    }
}

.monitoring__inner {
    position: relative;
}

.monitoring__text {
    font-size: 40px;
    line-height: 101.7%;
    position: relative;
    text-indent: 42px;
    margin-top: 19px;
}

@media screen and (max-width: 1350px) {
    .monitoring__text {
        text-indent: 49px;
        margin-top: calc(32.97px - 1.03vw);
    }
}

@media screen and (max-width: 1050px) {
    .monitoring__text {
        font-size: 30px;
        margin-top: 28px;
    }
}

@media screen and (max-width: 960px) {
    .monitoring__text {
        font-size: 22px;
        text-indent: 22px;
    }
}

@media screen and (max-width: 480px) {
    .monitoring__text {
        font-size: 18px;
        line-height: 23px;
    }
}

.monitoring__text:before {
    position: absolute;
    content: "";
    background-color: #000;
    width: 27px;
    height: 3px;
    top: 59%;
    left: 3px;
}

@media screen and (max-width: 1350px) {
    .monitoring__text:before {
        width: 36px;
        height: 3px;
        top: 64%;
        left: 2px;
    }
}

@media screen and (max-width: 960px) {
    .monitoring__text:before {
        width: 16px;
        height: 2px;
        top: 13px;
        left: 1px;
    }
}

.monitoring__box {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-top: calc(12.36vw - 162.91px);
}

@media screen and (max-width: 1350px) {
    .monitoring__box {
        margin-top: 4px;
    }
}

@media screen and (max-width: 750px) {
    .monitoring__box {
        flex-direction: column;
        align-items: center;
    }
}

.monitoring__image-tractor {
    width: 100%;
    max-width: calc(12.36vw + 103.59px);
    margin-top: calc(-2.73vw + 40.82px);
    margin-left: calc(424.91px - 22.36vw);
}

@media screen and (max-width: 1350px) {
    .monitoring__image-tractor {
        max-width: 270.5px;
        margin-top: 4px;
        margin-left: calc(41vw - 430.5px);
    }
}

@media screen and (max-width: 1050px) {
    .monitoring__image-tractor {
        margin-left: 0;
    }
}

@media screen and (max-width: 960px) {
    .monitoring__image-tractor {
        padding-left: calc(108px - 11.25vw);
        padding-right: calc(144px - 15vw);
    }
}

@media screen and (max-width: 750px) {
    .monitoring__image-tractor {
        margin-top: -14px;
    }
}

@media screen and (max-width: 480px) {
    .monitoring__image-tractor {
        padding-left: 54px;
        padding-right: 72px;
    }
}

.monitoring__image-tractor img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.monitoring__image-gadget {
    display: flex;
    align-items: center;
    margin-left: calc(42.55vw - 547.36px);
    margin-right: calc(-24.55vw + 466.36px);
}

@media screen and (max-width: 1350px) {
    .monitoring__image-gadget {
        margin-left: 27px;
        margin-right: 135px;
    }
}

@media screen and (max-width: 960px) {
    .monitoring__image-gadget {
        margin-left: calc(5.63vw - 27px);
        margin-right: calc(28.13vw - 135px);
    }
}

@media screen and (max-width: 480px) {
    .monitoring__image-gadget {
        margin-left: 0;
        margin-right: 0;
    }
}

.gadget-phone {
    display: block;
    height: auto;
    width: 100%;
    max-width: calc(4vw + 36.46px);
    margin-top: calc(92.64px - 1.45vw);
    margin-right: calc(2.73vw - 80.82px);
    margin-left: calc(310.91px - 16.36vw);
}

@media screen and (max-width: 1350px) {
    .gadget-phone {
        max-width: 90.46px;
        margin-top: 73px;
        margin-right: calc(154px - 14.67vw);
        margin-left: calc(23.67vw - 229.5px);
    }
}

@media screen and (max-width: 1050px) {
    .gadget-phone {
        margin-right: 0;
        margin-left: 19px;
    }
}

@media screen and (max-width: 960px) {
    .gadget-phone {
        max-width: calc(6.35vw + 29.54px);
    }
}

@media screen and (max-width: 750px) {
    .gadget-phone {
        order: 1;
        margin-top: -35px;
    }
}

@media screen and (max-width: 480px) {
    .gadget-phone {
        max-width: 60px;
    }
}

.gadget-netbook {
    display: block;
    height: auto;
    width: 100%;
    max-width: calc(25.27vw + 212.1px);
    margin-top: calc(82.91px - 4.36vw);
    margin-left: calc(72.55px - 3.82vw);
}

@media screen and (max-width: 1350px) {
    .gadget-netbook {
        max-width: 553.28px;
        margin-top: 24px;
        margin-left: calc(7vw - 73.5px);
    }
}

@media screen and (max-width: 1050px) {
    .gadget-netbook {
        margin-left: 0;
    }
}

@media screen and (max-width: 960px) {
    .gadget-netbook {
        max-width: calc(69.43vw - 113.28px);
    }
}

@media screen and (max-width: 750px) {
    .gadget-netbook {
        margin-top: -41px;
    }
}

@media screen and (max-width: 480px) {
    .gadget-netbook {
        max-width: 220px;
    }
}

.monitoring__scroll {
    position: absolute;
    left: 0;
    bottom: calc(149px - 10vw);
}

@media screen and (max-width: 1350px) {
    .monitoring__scroll {
        bottom: 14px;
    }
}

@media screen and (max-width: 1320px) {
    .monitoring__scroll {
        display: none;
    }
}

.online {
    margin-top: calc(44.73vw - 542.82px);
}

@media screen and (min-width: 1901px) {
    .online {
        margin-top: 307px;
    }
}

@media screen and (max-width: 1350px) {
    .online {
        margin-top: calc(5.98vw - 19.69px);
    }
}

@media screen and (max-width: 480px) {
    .online {
        margin-top: 9px;
    }
}

.online__box {
    display: flex;
    justify-content: space-between;
    margin-top: calc(373.82px - 26.73vw);
    margin-bottom: calc(15.27vw - 647.18px);
}

@media screen and (min-width: 1901px) {
    .online__box {
        margin-top: 80px;
        margin-bottom: -357px;
    }
}

@media screen and (max-width: 1350px) {
    .online__box {
        margin-top: 13px;
        margin-bottom: calc(-166.5px - 20.33vw);
    }
}

@media screen and (max-width: 1050px) {
    .online__box {
        margin-top: 0;
        margin-bottom: 0;
        justify-content: flex-end;
    }
}

.online__image-bg {
    margin-top: calc(2.55vw + 68.64px);
    margin-right: calc(608.82px - 34.73vw);
    margin-left: calc(40.36vw - 717.91px);
}

@media screen and (max-width: 1350px) {
    .online__image-bg {
        margin-top: 103px;
        margin-right: 140px;
        margin-left: -173px;
    }
}

@media screen and (max-width: 1050px) {
    .online__image-bg {
        display: none;
    }
}

.online__image-bg img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.online__image-map {
    margin-right: calc(4.91vw - 248.27px);
    margin-left: calc(33.09vw - 700.73px);
}

@media screen and (min-width: 1901px) {
    .online__image-map {
        margin-right: -10.15%;
    }
}

@media screen and (max-width: 1350px) {
    .online__image-map {
        margin-right: -182px;
        margin-left: -254px;
    }
}

@media screen and (max-width: 1050px) {
    .online__image-map {
        margin-right: -133px;
        margin-left: -10px;
        margin-top: 14px;
    }
}

.online__image-map img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.online__text {
    position: relative;
    max-width: 535px;
    width: 100%;
    padding-left: 31px;
    margin-top: 3px;
}

@media screen and (max-width: 960px) {
    .online__text {
        padding-left: 0;
    }
}

@media screen and (max-width: 1050px) {
    .online__text {
        margin-top: 31px;
        line-height: 24px;
        max-width: 100%;
    }
}

.online__text:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 106%;
    background-color: #00ca66;
    left: 0;
}

@media screen and (max-width: 960px) {
    .online__text:before {
        display: none;
    }
}

.btn.online__button {
    max-width: 296px;
    padding-right: 28px;
    margin-left: 30px;
    margin-top: 61px;
}

@media screen and (max-width: 960px) {
    .btn.online__button {
        margin-left: 0;
    }
}

@media screen and (max-width: 480px) {
    .btn.online__button {
        margin-left: 0;
        max-width: 100%;
        margin-top: 71px;
    }
}

.btn.online__button:after {
    position: absolute;
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 17px;
    height: 16px;
    top: 23px;
    right: 38px;
    transition: all .4s linear;
}

@media screen and (max-width: 480px) {
    .btn.online__button:after {
        right: calc(31.88vw - 23px);
    }
}

@media screen and (max-width: 320px) {
    .btn.online__button:after {
        right: 79px;
    }
}

.btn.online__button:hover:after {
    right: 28px;
}

.tracking {
    margin-top: calc(295.55px - 3.82vw);
}

@media screen and (min-width: 1901px) {
    .tracking {
        margin-top: 223px;
    }
}

@media screen and (max-width: 1350px) {
    .tracking {
        margin-top: calc(21.26vw - 43.07px);
    }
}

@media screen and (max-width: 480px) {
    .tracking {
        margin-top: 59px;
    }
}

.tracking__box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

@media screen and (max-width: 1050px) {
    .tracking__box {
        align-items: start;
    }
}

.tracking__title {
    width: 100%;
    max-width: 50%;
}

@media screen and (max-width: 1350px) {
    .tracking__title {
        max-width: 590px;
        margin-top: calc(67.5px - 35vw);
        margin-right: -40px;
    }
}

@media screen and (max-width: 1050px) {
    .tracking__title {
        margin-top: 0;
        order: -1;
    }
}

@media screen and (max-width: 480px) {
    .tracking__title {
        margin-top: 0;
        order: -1;
    }
}

.tracking__image {
    align-self: flex-start;
    width: 100%;
    max-width: calc(50.18vw + 129.55px);
    margin-left: calc(-40.73px - 4.91vw);
}

@media screen and (max-width: 1350px) {
    .tracking__image {
        max-width: calc(49.22vw + 142.49px);
        margin-left: -107px;
    }
}

@media screen and (max-width: 1050px) {
    .tracking__image {
        margin-left: -8px;
        margin-top: 25px;
        align-self: center;
    }
}

@media screen and (max-width: 320px) {
    .tracking__image {
        max-width: 300px;
    }
}

.tracking__image img {
    width: 100%;
    height: auto;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.tracking__text {
    position: relative;
    width: 100%;
    max-width: 50%;
    margin-top: 40px;
    padding-left: 28px;
}

@media screen and (max-width: 1350px) {
    .tracking__text {
        max-width: 549px;
    }
}

@media screen and (max-width: 1050px) {
    .tracking__text {
        max-width: 100%;
    }
}

@media screen and (max-width: 960px) {
    .tracking__text {
        padding-left: 0;
        margin-top: 30px;
    }
}

@media screen and (max-width: 480px) {
    .tracking__text {
        line-height: 24px;
        margin-top: 30px;
    }
}

.tracking__text:before {
    position: absolute;
    content: "";
    width: 1px;
    min-height: 103px;
    height: 39%;
    background-color: #00ca66;
    left: -2px;
}

@media screen and (max-width: 960px) {
    .tracking__text:before {
        display: none;
    }
}

.tracking__text p+p {
    margin-top: 10px;
}

.principle {
    margin-top: 91px;
}

@media screen and (max-width: 1050px) {
    .principle {
        margin-top: 50px;
    }
}

.benefits__text,
.principle__text {
    margin-top: 30px;
}

.benefits {
    margin-top: 60px;
    margin-bottom: 70px;
}

.benefits__title,
.principle__title {
    font-size: 48px;
    line-height: 102%;
    font-weight: 900;
}

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

    .benefits__title,
    .principle__title {
        font-size: calc(2.07vw + 20.07px);
    }
}

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

    .benefits__title,
    .principle__title {
        font-size: 30px;
    }
}

.slider-monitoring {
    margin-top: 30px;
}

.review-monitoring {
    margin-bottom: calc(10.55vw - 42.36px);
    margin-top: 179px;
}

@media screen and (max-width: 1350px) {
    .review-monitoring {
        margin-top: calc(5.06vw + 58.72px);
        margin-bottom: calc(129.48px - 2.18vw);
    }
}

@media screen and (max-width: 480px) {
    .review-monitoring {
        margin-top: 83px;
        margin-bottom: 119px;
    }
}

.package[data-v-1150b8d2] {
    position: relative;
}

.package[data-v-1150b8d2]:before {
    position: absolute;
    content: "хранение";
    text-transform: uppercase;
    font-size: 83px;
    line-height: 84px;
    font-weight: 900;
    color: #f4f6f9;
    transform: rotate(-90deg);
    top: calc(5vw + 221px);
    left: -211px;
    z-index: -1;
}

@media screen and (max-width: 1350px) {
    .package[data-v-1150b8d2]:before {
        font-size: 64px;
        line-height: 64px;
        top: calc(5.38vw + 217.31px);
        left: -160px;
    }
}

@media screen and (max-width: 960px) {
    .package[data-v-1150b8d2]:before {
        right: -154px;
        left: inherit;
        top: calc(14.17vw + 133px);
    }
}

@media screen and (max-width: 600px) {
    .package[data-v-1150b8d2]:before {
        right: -116px;
        left: inherit;
        font-size: 48px;
        line-height: 49px;
        top: 218px;
    }
}

.package__inner[data-v-1150b8d2] {
    padding-left: 3px;
}

@media screen and (max-width: 1350px) {
    .package__inner[data-v-1150b8d2] {
        padding-left: 1px;
    }
}

@media screen and (max-width: 480px) {
    .package__inner[data-v-1150b8d2] {
        padding-left: 0;
    }
}

.package__box[data-v-1150b8d2] {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 1200px) {
    .package__box[data-v-1150b8d2] {
        flex-direction: column;
    }
}

.package__info[data-v-1150b8d2] {
    max-width: 565px;
    width: 100%;
    margin-right: 39px;
    margin-top: 15px;
}

@media screen and (max-width: 1350px) {
    .package__info[data-v-1150b8d2] {
        margin-right: calc(26vw - 312px);
    }
}

@media screen and (max-width: 1200px) {
    .package__info[data-v-1150b8d2] {
        margin-right: 0;
        margin-top: 59px;
        max-width: 100%;
    }
}

.package__description[data-v-1150b8d2] {
    text-indent: 27px;
}

@media screen and (max-width: 1350px) {
    .package__description[data-v-1150b8d2] {
        text-indent: 23px;
    }
}

@media screen and (max-width: 645px) {
    .package__description[data-v-1150b8d2] {
        font-size: 22px;
        text-indent: 29px;
    }
}

.package__description[data-v-1150b8d2]:before {
    left: 2px;
}

@media screen and (max-width: 645px) {
    .package__description[data-v-1150b8d2]:before {
        left: 3px;
        top: 17px;
        width: 20px;
    }
}

.package__text[data-v-1150b8d2] {
    padding-left: 20px;
    margin-top: 30px;
    max-width: 597px;
    width: 100%;
    position: relative;
}

@media screen and (max-width: 1350px) {
    .package__text[data-v-1150b8d2] {
        padding-left: 21px;
    }
}

@media screen and (max-width: 1200px) {
    .package__text[data-v-1150b8d2] {
        max-width: 100%;
    }
}

@media screen and (max-width: 960px) {
    .package__text[data-v-1150b8d2] {
        margin-top: 13px;
        padding-left: 0;
        line-height: 24px;
    }
}

.package__text p+p[data-v-1150b8d2] {
    margin-top: 10px;
}

.package__text[data-v-1150b8d2]:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 111.7%;
    background-color: #00ca66;
    left: -1px;
    top: 1px;
}

@media screen and (max-width: 1350px) {
    .package__text[data-v-1150b8d2]:before {
        left: 0;
    }
}

@media screen and (max-width: 960px) {
    .package__text[data-v-1150b8d2]:before {
        display: none;
    }
}

.package__product[data-v-1150b8d2] {
    margin-top: 36px;
    padding-left: 20px;
}

@media screen and (max-width: 1350px) {
    .package__product[data-v-1150b8d2] {
        margin-top: 36px;
        padding-left: 21px;
    }
}

@media screen and (max-width: 1200px) {
    .package__product[data-v-1150b8d2] {
        margin-top: 40px;
    }
}

@media screen and (max-width: 960px) {
    .package__product[data-v-1150b8d2] {
        padding-left: 0;
    }
}

.package__product-name[data-v-1150b8d2] {
    font-weight: 700;
    font-size: 24px;
    line-height: 25px;
    margin-right: -4px;
}

.package__product-price[data-v-1150b8d2] {
    font-weight: 700;
    font-size: 72px;
    line-height: 108px;
    margin-top: 19px;
}

@media screen and (max-width: 1350px) {
    .package__product-price[data-v-1150b8d2] {
        margin-top: 18px;
    }
}

@media screen and (max-width: 600px) {
    .package__product-price[data-v-1150b8d2] {
        font-size: 48px;
        line-height: 72px;
        margin-top: 15px;
    }
}

.package__product-composition[data-v-1150b8d2] {
    display: flex;
    color: #c0c8d3;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 31px;
}

@media screen and (max-width: 600px) {
    .package__product-composition[data-v-1150b8d2] {
        flex-direction: column;
        margin-top: 18px;
        margin-bottom: 4px;
    }
}

.package__product-composition span[data-v-1150b8d2] {
    margin: 0 35px 0 29px;
}

@media screen and (max-width: 600px) {
    .package__product-composition span[data-v-1150b8d2] {
        margin: -6px 0 0;
    }
}

.package__product-composition p[data-v-1150b8d2] {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 5px;
}

.package__product-baze span[data-v-1150b8d2],
.package__product-dop span[data-v-1150b8d2] {
    margin: 0;
}

@media screen and (max-width: 600px) {
    .package__product-baze[data-v-1150b8d2] {
        font-size: 22px;
        line-height: 22.37px;
    }
}

@media screen and (max-width: 600px) {
    .package__product-baze p[data-v-1150b8d2] {
        font-size: 14px;
        line-height: 21px;
        margin-top: 3px;
    }
}

@media screen and (max-width: 600px) {
    .package__product-dop[data-v-1150b8d2] {
        font-size: 22px;
        line-height: 22.37px;
        margin-top: 6px;
    }
}

@media screen and (max-width: 600px) {
    .package__product-dop p[data-v-1150b8d2] {
        font-size: 14px;
        line-height: 21px;
        margin-top: 3px;
    }
}

.btn.package__product-link[data-v-1150b8d2] {
    position: relative;
    max-width: 226px;
    padding-right: 26px;
    margin-top: 21px;
}

@media screen and (max-width: 1350px) {
    .btn.package__product-link[data-v-1150b8d2] {
        margin-top: 22px;
    }
}

@media screen and (max-width: 1200px) {
    .btn.package__product-link[data-v-1150b8d2] {
        margin-top: 25px;
    }
}

@media screen and (max-width: 480px) {
    .btn.package__product-link[data-v-1150b8d2] {
        max-width: 100%;
    }
}

.btn.package__product-link[data-v-1150b8d2]:after {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 23px;
    right: 38px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .4s linear;
}

@media screen and (max-width: 480px) {
    .btn.package__product-link[data-v-1150b8d2]:after {
        right: calc(44.38vw - 65px);
    }
}

@media screen and (max-width: 320px) {
    .btn.package__product-link[data-v-1150b8d2]:after {
        top: 21px;
        right: 77px;
    }
}

.btn.package__product-link[data-v-1150b8d2]:hover:after {
    right: 28px;
}

.package__article[data-v-1150b8d2] {
    width: 770px;
    background: linear-gradient(0deg, rgba(0, 202, 102, .1), rgba(0, 202, 102, .1));
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    border-radius: 10px;
    padding: 34px 63px 35px;
    margin-top: calc(458.18px - 29.27vw);
}

@media screen and (min-width: 1901px) {
    .package__article[data-v-1150b8d2] {
        margin-top: 50px;
    }
}

@media screen and (max-width: 1350px) {
    .package__article[data-v-1150b8d2] {
        padding: 34px 64px 35px;
        margin-top: 63px;
    }
}

@media screen and (max-width: 1200px) {
    .package__article[data-v-1150b8d2] {
        width: 100%;
        margin-top: 53px;
    }
}

@media screen and (max-width: 820px) {
    .package__article[data-v-1150b8d2] {
        text-align: center;
        padding: 27px 49px 35px;
        width: 100%;
    }
}

.package__article-text[data-v-1150b8d2] {
    font-size: 13px;
    line-height: 20px;
}

.package__article-text p+p[data-v-1150b8d2] {
    margin-top: 11px;
}

@media screen and (max-width: 820px) {
    .package__article-text p+p[data-v-1150b8d2] {
        margin-top: 34px;
    }
}

.package__article-text a[data-v-1150b8d2] {
    color: inherit;
    cursor: pointer;
}

@media screen and (max-width: 820px) {
    .package__article-text__phone[data-v-1150b8d2] {
        display: block;
    }
}

.package__article-text__dealer[data-v-1150b8d2] {
    text-decoration: underline;
}

@media screen and (max-width: 820px) {
    .package__article-text__dealer[data-v-1150b8d2] {
        display: block;
    }
}

.package__article-text__dealer[data-v-1150b8d2]:hover {
    color: #00ca66;
}

.package__image[data-v-1150b8d2] {
    position: relative;
}

@media screen and (max-width: 1200px) {
    .package__image[data-v-1150b8d2] {
        order: -1;
    }
}

.package__image img[data-v-1150b8d2] {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

@media screen and (max-width: 1350px) {
    .package-navigation .package__inner[data-v-1150b8d2] {
        padding-left: 0;
    }
}

@media screen and (max-width: 1200px) {
    .package-navigation .package__description[data-v-1150b8d2] {
        text-indent: 27px;
    }
}

.package-navigation .package__product[data-v-1150b8d2] {
    margin-top: 46px;
    padding-left: 19px;
}

@media screen and (max-width: 1350px) {
    .package-navigation .package__product[data-v-1150b8d2] {
        margin-top: 47px;
        padding-left: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .package-navigation .package__product[data-v-1150b8d2] {
        margin-top: 50px;
    }
}

@media screen and (max-width: 960px) {
    .package-navigation .package__product[data-v-1150b8d2] {
        padding-left: 0;
    }
}

.package-navigation .package__product-composition[data-v-1150b8d2] {
    display: none;
}

.package-navigation .package__image[data-v-1150b8d2] {
    margin-top: calc(3.64vw - 131.09px);
}

@media screen and (min-width: 1901px) {
    .package-navigation .package__image[data-v-1150b8d2] {
        margin-top: -62px;
    }
}

@media screen and (max-width: 1350px) {
    .package-navigation .package__image[data-v-1150b8d2] {
        margin-top: calc(1196px - 94.67vw);
    }
}

@media screen and (max-width: 1200px) {
    .package-navigation .package__image[data-v-1150b8d2] {
        margin-top: 64px;
        margin-right: 67px;
    }
}

.package-rtk .package[data-v-1150b8d2]:before {
    top: 202px;
}

.package-rtk .package__inner[data-v-1150b8d2] {
    padding-left: 0;
}

.package-rtk .package__description[data-v-1150b8d2] {
    text-indent: 23px;
}

@media screen and (max-width: 480px) {
    .package-rtk .package__description[data-v-1150b8d2] {
        line-height: 23px;
        font-size: 18px;
        font-weight: 500;
        text-indent: 24px;
    }
}

.package-rtk .package__description[data-v-1150b8d2]:before {
    width: 14px;
    top: 13px;
    left: 1px;
}

@media screen and (max-width: 480px) {
    .package-rtk .package__description[data-v-1150b8d2]:before {
        width: 17px;
        top: 13px;
        left: 2px;
    }
}

@media screen and (max-width: 1200px) {
    .package-rtk .package__box[data-v-1150b8d2] {
        margin-top: 18px;
    }
}

@media screen and (max-width: 1200px) {
    .package-rtk .package__info[data-v-1150b8d2] {
        margin-top: 24px;
    }
}

@media screen and (max-width: 960px) {
    .package-rtk .package__text[data-v-1150b8d2] {
        margin-top: 20px;
    }
}

.package-rtk .package__product[data-v-1150b8d2] {
    margin-top: 53px;
}

@media screen and (max-width: 1200px) {
    .package-rtk .package__product[data-v-1150b8d2] {
        margin-top: 29px;
    }
}

@media screen and (max-width: 600px) {
    .package-rtk .package__product-name[data-v-1150b8d2] {
        font-size: 22px;
        line-height: 22.37px;
    }
}

@media screen and (max-width: 600px) {
    .package-rtk .package__product-price[data-v-1150b8d2] {
        font-size: 36px;
        line-height: 54px;
        margin-top: 8px;
    }
}

.package-rtk .package__product-link[data-v-1150b8d2] {
    margin-top: 52px;
}

@media screen and (max-width: 1350px) {
    .package-rtk .package__product-link[data-v-1150b8d2] {
        margin-top: 53px;
    }
}

@media screen and (max-width: 1200px) {
    .package-rtk .package__product-link[data-v-1150b8d2] {
        margin-top: 25px;
    }
}

@media screen and (max-width: 480px) {
    .package-rtk .package__product-link[data-v-1150b8d2] {
        max-width: 100%;
    }
}

.package-rtk .package__image[data-v-1150b8d2] {
    margin-top: calc(5.45vw - 156.64px);
    margin-right: 5px;
}

@media screen and (min-width: 1901px) {
    .package-rtk .package__image[data-v-1150b8d2] {
        margin-top: -53px;
    }
}

@media screen and (max-width: 1350px) {
    .package-rtk .package__image[data-v-1150b8d2] {
        margin-top: calc(1600px - 124.67vw);
        margin-right: -1px;
    }
}

@media screen and (max-width: 1200px) {
    .package-rtk .package__image[data-v-1150b8d2] {
        margin-top: 12px;
        margin-right: 68px;
    }
}

.package-rtk .package__article[data-v-1150b8d2] {
    margin-top: 31px;
    padding: 30px 50px;
}

@media screen and (max-width: 1350px) {
    .package-rtk .package__article[data-v-1150b8d2] {
        margin-top: calc(30.6px + 3.07vw);
        padding: 20px 30px;
    }
}

@media screen and (max-width: 600px) {
    .package-rtk .package__article[data-v-1150b8d2] {
        margin-top: 49px;
    }
}

@media screen and (max-width: 480px) {
    .package-rtk .package__article-text__connection[data-v-1150b8d2] {
        padding: 0 49px;
    }
}

.package-rtk .package__article-text__delivery[data-v-1150b8d2] {
    margin-top: 12px;
}

@media screen and (max-width: 480px) {
    .package-rtk .package__article-text__delivery[data-v-1150b8d2] {
        font-size: 14px;
        line-height: 21px;
        padding: 0 30px;
    }
}

.rtk {
    position: relative;
    background-image: url(/local/templates/ca_main/assets/images/icon/net.svg);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    margin-top: calc(10.91vw - 111.27px);
    padding-bottom: 57px;
}

@media screen and (min-width: 1901px) {
    .rtk {
        margin-top: 96px;
        padding-bottom: 57px;
    }
}

@media screen and (max-width: 1350px) {
    .rtk {
        margin-top: 36px;
        padding-bottom: 43px;
    }
}

@media screen and (max-width: 1050px) {
    .rtk {
        background-size: cover;
        margin-top: 38px;
    }
}

@media screen and (max-width: 480px) {
    .rtk {
        background-position: center bottom 40px;
    }
}

.rtk__container {
    width: 100%;
    margin: 0 auto;
    padding: 0 8.15%;
}

.rtk__accent {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translate(50%);
    z-index: -1;
    width: 11vw;
}

@media screen and (max-width: 1050px) {
    .rtk__accent {
        display: none;
    }
}

.rtk__accent img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.rtk__inner {
    position: relative;
}

.title__description.rtk__text {
    text-indent: 41px;
    margin-top: 18px;
}

@media screen and (max-width: 1350px) {
    .title__description.rtk__text {
        text-indent: 43px;
    }
}

@media screen and (max-width: 645px) {
    .title__description.rtk__text {
        text-indent: 22px;
        margin-top: 28px;
    }
}

.title__description.rtk__text:before {
    width: 26px;
    height: 4px;
    background-color: #000;
    top: 23px;
    left: 3px;
}

@media screen and (max-width: 1245px) {
    .title__description.rtk__text:before {
        top: 19px;
    }
}

@media screen and (max-width: 847px) {
    .title__description.rtk__text:before {
        top: 15px;
        height: 2px;
    }
}

@media screen and (max-width: 645px) {
    .title__description.rtk__text:before {
        width: 17px;
        top: 12px;
        left: 1px;
    }
}

.rtk__accuracy-img {
    width: 100%;
    margin-top: calc(-240px + 4.36vw);
    padding-right: calc(5.91px + 1.64vw);
    padding-left: calc(3.54px + 6.18vw);
}

@media screen and (min-width: 1901px) {
    .rtk__accuracy-img {
        margin-top: -158px;
    }
}

@media screen and (max-width: 1350px) {
    .rtk__accuracy-img {
        margin-top: calc(100.41px - 20.92vw);
        padding-right: calc(-15.45px + 3.22vw);
        padding-left: calc(-48px + 10vw);
    }
}

@media screen and (max-width: 1050px) {
    .rtk__accuracy-img {
        height: 310px;
        width: 100%;
        margin-top: 0;
        padding-right: 0;
        padding-left: 0;
        display: none;
    }
}

.rtk__accuracy-img img {
    max-height: 100%;
    width: 100%;
    display: block;
}

.rtk__accuracy-img__small {
    display: none;
}

@media screen and (max-width: 1050px) {
    .rtk__accuracy-img__small {
        display: block;
        margin-top: -37px;
    }
}

.rtk__accuracy-img__small img {
    max-height: 100%;
    width: 100%;
    display: block;
}

.rtk__centimeter {
    position: absolute;
    right: calc(33.36px - 2.54vw);
    bottom: 39px;
}

@media screen and (max-width: 1350px) {
    .rtk__centimeter {
        right: -1px;
        bottom: 36px;
    }
}

@media screen and (max-width: 1250px) {
    .rtk__centimeter {
        right: calc(94.48vw - 1182.03px);
    }
}

@media screen and (max-width: 960px) {
    .rtk__centimeter {
        bottom: -118px;
        left: 0;
        right: 0;
    }
}

.rtk__centimeter-box {
    text-align: left;
    margin-left: auto;
}

.rtk__centimeter-title {
    font-weight: 500;
    line-height: 31px;
    font-size: 18px;
    padding-left: 29px;
}

@media screen and (max-width: 1250px) {
    .rtk__centimeter-title {
        max-width: calc(97.93vw - 690.14px);
        width: 100%;
    }
}

@media screen and (max-width: 960px) {
    .rtk__centimeter-title {
        max-width: 100%;
        text-align: center;
        padding: 0 30px;
    }
}

.rtk__centimeter-img {
    height: 57px;
    margin-top: 6px;
}

@media screen and (max-width: 960px) {
    .rtk__centimeter-img {
        margin-top: 12px;
        padding-left: 10px;
    }
}

.rtk__centimeter-svg {
    display: block;
}

@media screen and (max-width: 960px) {
    .rtk__centimeter-svg {
        display: none;
    }
}

.rtk__centimeter-svg__big {
    display: none;
}

@media screen and (max-width: 960px) {
    .rtk__centimeter-svg__big {
        display: block;
    }
}

.variation {
    position: relative;
    margin-top: calc(-416.64px + 37.45vw);
}

@media screen and (max-width: 1350px) {
    .variation {
        margin-top: 89px;
    }
}

@media screen and (max-width: 1250px) {
    .variation {
        margin-top: calc(3.77vw + 114.92px);
    }
}

@media screen and (max-width: 480px) {
    .variation {
        margin-top: 133px;
    }
}

@media screen and (max-width: 480px) {
    .variation__title {
        max-width: 278px;
        width: 100%;
    }
}

.variation__internet,
.variation__radio {
    position: relative;
}

.variation__internet:before,
.variation__radio:before {
    position: absolute;
    content: "вариации";
    text-transform: uppercase;
    left: -226px;
    font-weight: 900;
    font-size: 83px;
    line-height: 84px;
    color: #f4f6f9;
    transform: rotate(-90deg);
    z-index: -1;
}

.bg-black .variation__internet:before,
.bg-black .variation__radio:before {
    color: rgba(239, 242, 246, .2);
}

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

    .variation__internet:before,
    .variation__radio:before {
        font-size: 64px;
        line-height: 64px;
    }
}

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

    .variation__internet:before,
    .variation__radio:before {
        display: none;
    }
}

.variation__internet-inner,
.variation__partner-inner,
.variation__radio-inner {
    display: flex;
    justify-content: space-between;
    position: relative;
}

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

    .variation__internet-inner,
    .variation__partner-inner,
    .variation__radio-inner {
        flex-wrap: wrap;
    }
}

.variation__internet-title,
.variation__partner-title,
.variation__radio-title {
    margin-top: calc(-112px + 8.36vw);
    font-size: 36px;
    line-height: 54px;
}

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

    .variation__internet-title,
    .variation__partner-title,
    .variation__radio-title {
        margin-top: 0;
    }
}

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

    .variation__internet-title,
    .variation__partner-title,
    .variation__radio-title {
        font-size: 22px;
        line-height: 22.37px;
        text-align: center;
    }
}

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

    .title__accent.variation__internet-advantage,
    .title__accent.variation__partner-advantage,
    .title__accent.variation__radio-advantage {
        font-size: 18px;
        font-weight: 500;
    }
}

.variation__internet-list,
.variation__partner-list,
.variation__radio-list {
    margin-top: 13px;
}

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

    .variation__internet-list,
    .variation__partner-list,
    .variation__radio-list {
        line-height: 24px;
    }
}

.variation__internet-list li+li,
.variation__partner-list li+li,
.variation__radio-list li+li {
    margin-top: 4px;
}

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

    .variation__internet-list li+li,
    .variation__partner-list li+li,
    .variation__radio-list li+li {
        margin-top: 10px;
    }
}

.variation__internet-item,
.variation__partner-item,
.variation__radio-item {
    position: relative;
    text-indent: 17px;
}

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

    .variation__internet-item,
    .variation__partner-item,
    .variation__radio-item {
        text-indent: 20px;
    }
}

.variation__internet-item:before,
.variation__partner-item:before,
.variation__radio-item:before {
    position: absolute;
    content: "";
    background-color: #00ca66;
    width: 12px;
    height: 2px;
    top: 16px;
    left: 0;
}

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

    .variation__internet-item:before,
    .variation__partner-item:before,
    .variation__radio-item:before {
        width: 10px;
        top: 15px;
        left: -16px;
    }
}

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

    .variation__internet-item:before,
    .variation__partner-item:before,
    .variation__radio-item:before {
        width: 13px;
        top: 13px;
        left: 1px;
    }
}

.variation__internet-img,
.variation__partner-img,
.variation__radio-img {
    z-index: -1;
}

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

    .variation__internet-img,
    .variation__partner-img,
    .variation__radio-img {
        order: -1;
    }
}

.variation__internet-img img,
.variation__partner-img img,
.variation__radio-img img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.variation__radio {
    margin-top: calc(165.82px - 8.73vw);
}

@media screen and (max-width: 1350px) {
    .variation__radio {
        margin-top: 48px;
    }
}

.variation__radio:before {
    top: calc(191.73px - 7.09vw);
}

@media screen and (max-width: 1350px) {
    .variation__radio:before {
        top: 96px;
        left: -175px;
    }
}

@media screen and (max-width: 960px) {
    .variation__radio:before {
        display: none;
    }
}

.variation__radio-info {
    margin-right: 69px;
    max-width: 587px;
    width: 100%;
}

@media screen and (max-width: 1350px) {
    .variation__radio-info {
        margin-right: calc(-241.5px + 23vw);
    }
}

@media screen and (max-width: 1050px) {
    .variation__radio-info {
        margin-right: 0;
    }
}

@media screen and (max-width: 700px) {
    .variation__radio-info {
        max-width: 100%;
    }
}

@media screen and (max-width: 1050px) {
    .variation__radio-title {
        margin-top: 8px;
    }
}

.variation__radio-advantage {
    margin-top: 33px;
}

@media screen and (max-width: 1050px) {
    .variation__radio-advantage {
        margin-top: 20px;
    }
}

@media screen and (max-width: 1050px) {
    .variation__radio-list {
        margin-top: 10px;
    }
}

.variation__radio-img {
    margin-top: calc(106.27px - 16.91vw);
    margin-right: calc(-76px + 6.55vw);
}

@media screen and (max-width: 1350px) {
    .variation__radio-img {
        margin-top: calc(143.5px - 19.66vw);
        margin-right: calc(-42px + 4vw);
    }
}

@media screen and (max-width: 1050px) {
    .variation__radio-img {
        margin: -16px auto 0;
        padding: 0 20px 0 21px;
    }
}

.variation__internet {
    margin-top: calc(-105px + 19.27vw);
}

@media screen and (max-width: 1350px) {
    .variation__internet {
        margin-top: calc(2.93px + 11.26vw);
    }
}

@media screen and (max-width: 480px) {
    .variation__internet {
        margin-top: 57px;
    }
}

.variation__internet:before {
    top: calc(475.73px - 19.09vw);
}

@media screen and (max-width: 1350px) {
    .variation__internet:before {
        left: -175px;
        top: 218px;
    }
}

@media screen and (max-width: 960px) {
    .variation__internet:before {
        display: none;
    }
}

.variation__internet-info {
    max-width: 504px;
    width: 100%;
}

@media screen and (max-width: 1050px) {
    .variation__internet-info {
        margin-top: 13px;
    }
}

@media screen and (max-width: 700px) {
    .variation__internet-info {
        max-width: 100%;
    }
}

@media screen and (max-width: 1350px) {
    .variation__internet-title {
        margin-top: -3px;
    }
}

.variation__internet-advantage {
    margin-top: 33px;
}

@media screen and (max-width: 1350px) {
    .variation__internet-advantage {
        margin-top: 33px;
    }
}

@media screen and (max-width: 1050px) {
    .variation__internet-advantage {
        margin-top: 24px;
    }
}

@media screen and (max-width: 1050px) {
    .variation__internet-list {
        margin-top: 14px;
    }
}

.variation__internet-img {
    margin-top: calc(444.82px - 32.73vw);
    margin-right: calc(-254.73px + 15.09vw);
    margin-left: calc(-646px + 34vw);
}

@media screen and (max-width: 1350px) {
    .variation__internet-img {
        margin-right: calc(178.5px - 17vw);
        margin-left: calc(654.5px - 62.33vw);
    }
}

@media screen and (max-width: 1200px) {
    .variation__internet-img {
        margin-top: calc(-364.42px + 34.71vw);
    }
}

@media screen and (max-width: 1050px) {
    .variation__internet-img {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
    }
}

.variation__partner {
    margin-top: calc(-239.09px + 23.64vw);
    padding-bottom: calc(79.64px + 12.55vw);
}

@media screen and (max-width: 1350px) {
    .variation__partner {
        margin-top: calc(48.97px + 2.3vw);
        padding-bottom: calc(-318px + 42vw);
    }
}

@media screen and (max-width: 1050px) {
    .variation__partner {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 480px) {
    .variation__partner {
        margin-top: 60px;
    }
}

.variation__partner-info {
    max-width: 991px;
    width: 100%;
}

@media screen and (max-width: 1050px) {
    .variation__partner-info {
        margin-top: 10px;
    }
}

@media screen and (max-width: 700px) {
    .variation__partner-info {
        max-width: 100%;
    }
}

@media screen and (max-width: 700px) {
    .variation__partner-title {
        max-width: 269px;
        width: 100%;
        margin: 0 auto;
    }
}

.variation__partner-advantage {
    margin-top: 29px;
}

@media screen and (max-width: 1050px) {
    .variation__partner-advantage {
        margin-top: 24px;
    }
}

@media screen and (max-width: 1050px) {
    .variation__partner-list {
        margin-top: 16px;
    }
}

.variation__partner-img {
    position: absolute;
    margin-left: calc(-90px + 22vw);
    margin-top: calc(127.18px - 7.27vw);
}

@media screen and (max-width: 1350px) {
    .variation__partner-img {
        margin-left: 207px;
        margin-top: 29px;
    }
}

@media screen and (max-width: 1050px) {
    .variation__partner-img {
        margin-top: 0;
        margin-left: 0;
        position: relative;
    }
}

.variation__article {
    padding-top: calc(162.18px - 3.27vw);
    padding-bottom: calc(148.09px - 1.64vw);
    background-color: #f4f6f9;
    margin-top: calc(-198.36px + 22.55vw);
}

.bg-black .variation__article {
    background: #000;
}

@media screen and (max-width: 1350px) {
    .variation__article {
        margin-top: calc(-123.5px + 17vw);
        padding-top: calc(-413px + 39.33vw);
        padding-bottom: calc(-441px + 42vw);
    }
}

@media screen and (max-width: 1050px) {
    .variation__article {
        background-color: #fff;
        margin-top: 55px;
        padding: 0;
    }
}

.variation__article-title {
    font-size: 32px;
    line-height: 38px;
    font-weight: 700;
}

@media screen and (max-width: 960px) {
    .variation__article-title {
        max-width: 620px;
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .variation__article-title {
        font-size: 22px;
        line-height: 22px;
    }
}

.title__accent.variation__article-text {
    margin-top: 32px;
}

@media screen and (max-width: 1350px) {
    .title__accent.variation__article-text {
        margin-top: 34px;
    }
}

@media screen and (max-width: 1050px) {
    .title__accent.variation__article-text {
        margin-top: 30px;
    }
}

@media screen and (max-width: 480px) {
    .title__accent.variation__article-text {
        font-size: 18px;
        line-height: 23px;
    }
}

.variation__article-box {
    display: flex;
    margin-top: 64px;
}

@media screen and (max-width: 1050px) {
    .variation__article-box {
        display: block;
        margin-top: 35px;
    }
}

.variation__article-item {
    width: 50%;
}

@media screen and (max-width: 1050px) {
    .variation__article-item {
        width: 100%;
    }
}

.variation__article-item img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.variation__article-item__image {
    min-height: 423px;
    position: relative;
}

@media screen and (max-width: 1350px) {
    .variation__article-item__image {
        min-height: calc(49.5px + 27.67vw);
    }
}

@media screen and (max-width: 1050px) {
    .variation__article-item__image {
        min-height: auto;
    }
}

@media screen and (max-width: 1050px) {
    .variation__article-item__image img {
        margin: 0 auto;
    }
}

.signal__box {
    position: absolute;
    display: flex;
    margin-top: calc(-38.82px + 4.73vw);
    padding-left: 31px;
}

@media screen and (max-width: 1350px) {
    .signal__box {
        margin-top: 25px;
    }
}

@media screen and (max-width: 1050px) {
    .signal__box {
        margin-top: -34px;
        padding-left: 0;
        justify-content: space-between;
        width: 100%;
    }
}

.signal__area+.signal__area {
    margin-left: 119px;
}

@media screen and (max-width: 1050px) {
    .signal__area+.signal__area {
        margin-left: 0;
    }
}

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

.signal__area .signal__title {
    font-size: 18px;
    line-height: 24px;
    color: #c0c8d3;
    font-weight: 500;
    margin-top: 5px;
}

@media screen and (max-width: 480px) {
    .signal__area .signal__title {
        font-size: 14px;
        line-height: 21px;
        width: 89px;
    }
}

[dir=ltr] .signal__area-out {
    text-align: right;
}

[dir=rtl] .signal__area-out {
    text-align: left;
}

@media screen and (max-width: 1050px) {
    .signal__area-out {
        order: 1;
    }
}

.area {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(162.84deg, rgba(50, 201, 108, .73) -8.5%, rgba(0, 151, 58, 0) 99.23%);
    margin-right: 21px;
}

@media screen and (max-width: 700px) {
    .area {
        display: none;
    }
}

.area__out {
    background: linear-gradient(181.95deg, rgba(231, 153, 132, .73) -22.58%, rgba(231, 153, 132, 0) 101.2%);
}

.item__field .variation__article-item__image {
    padding-top: 10px;
    padding-right: calc(152px - 8vw);
}

@media screen and (max-width: 1350px) {
    .item__field .variation__article-item__image {
        padding-right: 44px;
    }
}

@media screen and (max-width: 1050px) {
    .item__field .variation__article-item__image {
        padding: 0;
    }
}

.item__field .variation__article-name {
    padding-left: 30px;
}

@media screen and (max-width: 1050px) {
    .item__field .variation__article-name {
        margin-top: 37px;
    }
}

@media screen and (max-width: 960px) {
    .item__field .variation__article-name {
        padding-left: 0;
    }
}

.item__field .variation__article-desc {
    padding-left: 31px;
}

@media screen and (max-width: 1050px) {
    .item__field .variation__article-desc {
        margin-top: 13px;
    }
}

@media screen and (max-width: 960px) {
    .item__field .variation__article-desc {
        padding-left: 0;
    }
}

.item__field .variation__article-desc:before {
    left: 1px;
}

@media screen and (max-width: 960px) {
    .item__field .variation__article-desc span {
        display: block;
        margin-top: 10px;
    }
}

@media screen and (max-width: 1050px) {
    .item__base {
        margin-top: 48px;
    }
}

.item__base .variation__article-item__image {
    padding-left: calc(120px - 6.36vw);
    margin-right: calc(-8.45px + 2.18vw);
}

@media screen and (max-width: 1350px) {
    .item__base .variation__article-item__image {
        padding-left: 35px;
        margin-right: 21px;
    }
}

@media screen and (max-width: 1050px) {
    .item__base .variation__article-item__image {
        padding-left: 0;
        margin-right: 0;
    }
}

.item__base .variation__article-item__image img {
    margin: 0 auto;
}

.item__base .variation__article-name {
    margin-left: calc(12px + 4vw);
}

@media screen and (max-width: 1350px) {
    .item__base .variation__article-name {
        margin-left: 66px;
    }
}

@media screen and (max-width: 1050px) {
    .item__base .variation__article-name {
        margin-top: 34px;
        margin-left: 30px;
    }
}

@media screen and (max-width: 960px) {
    .item__base .variation__article-name {
        margin-left: 0;
    }
}

.item__base .variation__article-desc {
    margin-left: calc(-6.55px + 3.81vw);
}

@media screen and (max-width: 1350px) {
    .item__base .variation__article-desc {
        margin-left: 45px;
    }
}

@media screen and (max-width: 1050px) {
    .item__base .variation__article-desc {
        margin-left: 0;
        margin-top: 13px;
    }
}

.item__base .variation__article-desc:before {
    top: 2px;
    width: 2px;
}

@media screen and (max-width: 960px) {
    .item__base .variation__article-desc span {
        display: block;
        margin-top: 10px;
    }
}

.variation__article-name {
    font-weight: 500;
    font-size: 24px;
    line-height: 48px;
    margin-top: calc(-225px + 18.18vw);
}

@media screen and (max-width: 1350px) {
    .variation__article-name {
        margin-top: 20px;
    }
}

@media screen and (max-width: 480px) {
    .variation__article-name {
        font-size: 22px;
        line-height: 22px;
    }
}

.variation__article-desc {
    padding-left: 23px;
    margin-top: 13px;
    max-width: 488px;
    position: relative;
}

@media screen and (max-width: 1350px) {
    .variation__article-desc {
        margin-top: 11px;
    }
}

@media screen and (max-width: 960px) {
    .variation__article-desc {
        padding-left: 0;
        line-height: 24px;
        max-width: 100%;
    }
}

.variation__article-desc:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 92px;
    background-color: #00ca66;
    left: -6px;
}

@media screen and (max-width: 960px) {
    .variation__article-desc:before {
        display: none;
    }
}

.variation__bg {
    width: 100vw;
    color: #dce0e7;
}

@media screen and (max-width: 960px) {
    .variation__bg {
        display: none;
    }
}

.text__stations {
    font-weight: 700;
    font-size: 45px;
    line-height: 56px;
    margin-right: 2.2vw;
    text-align: right;
}

@media screen and (max-width: 1717px) {
    .text__stations {
        font-size: 41px;
        line-height: 51px;
    }
}

@media screen and (max-width: 1534px) {
    .text__stations {
        font-size: 37px;
        line-height: 46px;
    }
}

@media screen and (max-width: 1350px) {
    .text__stations {
        font-size: 32px;
        line-height: 40px;
    }
}

.text__more {
    margin-top: calc(.82px + 1.27vw);
    margin-left: 3vw;
    margin-right: 2.45vw;
}

@media screen and (max-width: 1350px) {
    .text__more {
        margin-top: 18px;
    }
}

.text__more img {
    width: 100%;
    max-height: 100%;
    display: block;
}

.station {
    margin-top: 131px;
}

@media screen and (max-width: 1350px) {
    .station {
        margin-top: calc(-119.5px + 18.33vw);
    }
}

@media screen and (max-width: 1050px) {
    .station {
        margin-top: 73px;
    }
}

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

@media screen and (max-width: 1050px) {
    .station__inner {
        display: block;
    }
}

.station__image {
    position: relative;
    max-width: 100%;
}

@media screen and (max-width: 1050px) {
    .station__image {
        margin-left: 100px;
        margin-right: 96px;
        display: flex;
        justify-content: center;
    }
}

.station__image-base {
    margin-top: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin-left: calc(-227.64px + 19.45vw);
}

@media screen and (max-width: 1350px) {
    .station__image-base {
        margin-left: calc(-122.5px + 11.67vw);
    }
}

@media screen and (max-width: 1050px) {
    .station__image-base {
        margin-left: 0;
    }
}

.station__image-net {
    position: absolute;
    z-index: -1;
    width: calc(624px + 24vw);
    height: calc(299.36px + 11.45vw);
    bottom: calc(-34.82px - 1.27vw);
    left: calc(-419.45px + 12.18vw);
}

@media screen and (max-width: 1350px) {
    .station__image-net {
        bottom: -52px;
        left: calc(411px - 49.33vw);
    }
}

@media screen and (max-width: 1050px) {
    .station__image-net {
        bottom: calc(12.47px - 6.14vw);
        left: calc(-81.21px - 2.46vw);
    }
}

@media screen and (max-width: 610px) {
    .station__image-net {
        width: calc(-1435.38px + 361vw);
        height: calc(-691.46px + 173.85vw);
    }
}

@media screen and (max-width: 480px) {
    .station__image-net {
        width: 300px;
        height: 143px;
        bottom: -17px;
        left: -93px;
    }
}

.station__info {
    max-width: calc(417.73px + 10.91vw);
    width: 100%;
    margin-top: calc(-144.55px + 17.82vw);
    margin-left: calc(313.55px - 5.82vw);
}

@media screen and (max-width: 1350px) {
    .station__info {
        max-width: 565px;
        margin-top: calc(-151.5px + 18.33vw);
        margin-left: calc(-822.5px + 78.33vw);
    }
}

@media screen and (max-width: 1050px) {
    .station__info {
        margin-top: 41px;
        margin-left: 0;
    }
}

@media screen and (max-width: 950px) {
    .station__title {
        font-size: 45px;
        line-height: 47px;
    }
}

@media screen and (max-width: 650px) {
    .station__title {
        font-size: 35px;
        line-height: 37px;
    }
}

@media screen and (max-width: 480px) {
    .station__title {
        font-size: 30px;
        line-height: 31.5px;
    }
}

.station__text {
    margin-top: 36px;
    padding-left: 31px;
    position: relative;
    max-width: 581px;
    width: 100%;
}

@media screen and (max-width: 1050px) {
    .station__text {
        margin-top: 24px;
        max-width: 100%;
    }
}

@media screen and (max-width: 960px) {
    .station__text {
        padding-left: 0;
        line-height: 24px;
    }
}

.station__text:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 201px;
    background-color: #00ca66;
    left: 0;
}

@media screen and (max-width: 960px) {
    .station__text:before {
        display: none;
    }
}

.station__text p+p {
    margin-top: 10px;
}

@media screen and (max-width: 1050px) {
    .station__text span {
        display: block;
        margin-top: 10px;
    }
}

.rover {
    margin-top: calc(-25.09px + 9.64vw);
}

@media screen and (max-width: 1350px) {
    .rover {
        margin-top: calc(-156px + 19.33vw);
    }
}

@media screen and (max-width: 1050px) {
    .rover {
        margin-top: 47px;
    }
}

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

@media screen and (max-width: 1050px) {
    .rover__inner {
        flex-wrap: wrap;
    }
}

.rover__info {
    margin-top: calc(-610px + 35.82vw);
    max-width: 539px;
    width: 100%;
    margin-right: 254px;
}

@media screen and (max-width: 1350px) {
    .rover__info {
        margin-top: 0;
        margin-right: calc(-889px + 84.67vw);
    }
}

@media screen and (max-width: 1050px) {
    .rover__info {
        margin-right: 0;
        margin-top: 24px;
    }
}

.rover__text {
    padding-left: 31px;
    margin-top: 40px;
    position: relative;
}

@media screen and (max-width: 1050px) {
    .rover__text {
        margin-top: 24px;
    }
}

@media screen and (max-width: 960px) {
    .rover__text {
        padding-left: 0;
        line-height: 24px;
    }
}

.rover__text:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 234px;
    height: 108.33%;
    background-color: #00ca66;
    left: 1px;
}

@media screen and (max-width: 960px) {
    .rover__text:before {
        display: none;
    }
}

.rover__text p+p {
    margin-top: 10px;
}

.rover__image {
    margin-top: calc(-566.55px + 29.82vw);
    margin-right: calc(-86.82px + 6.73vw);
}

@media screen and (max-width: 1350px) {
    .rover__image {
        margin-top: calc(574px - 54.67vw);
        margin-right: 4px;
    }
}

@media screen and (max-width: 1050px) {
    .rover__image {
        order: -1;
        margin-top: 0;
        margin-right: 59px;
        margin-left: 61px;
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

.rover__image img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.rtk-price {
    margin-top: calc(105.91px + 3.64vw);
}

@media screen and (max-width: 1350px) {
    .rtk-price {
        margin-top: calc(-304px + 34vw);
    }
}

@media screen and (max-width: 1050px) {
    .rtk-price {
        margin-top: 53px;
    }
}

.transcript.rtk-price__text {
    margin-top: calc(-15.45px + 2.18vw);
    text-indent: 22px;
}

@media screen and (max-width: 1350px) {
    .transcript.rtk-price__text {
        margin-top: calc(68px - 4vw);
    }
}

@media screen and (max-width: 1050px) {
    .transcript.rtk-price__text {
        font-size: 18px;
        line-height: 23px;
        margin-top: 26px;
    }
}

.transcript.rtk-price__text:before {
    width: 15px;
    left: 2px;
}

.rtk-price__box {
    margin-top: 67px;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 1717px) {
    .rtk-price__box {
        margin-top: calc(-61.96px + 6.81vw);
        display: block;
    }
}

@media screen and (max-width: 1350px) {
    .rtk-price__box {
        margin-top: calc(-33px + 4.67vw);
    }
}

@media screen and (max-width: 1050px) {
    .rtk-price__box {
        margin-top: 16px;
    }
}

.rtk-price__box-item {
    width: 50%;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 1717px) {
    .rtk-price__box-item {
        width: 100%;
    }
}

@media screen and (max-width: 1050px) {
    .rtk-price__box-item {
        flex-wrap: wrap;
    }
}

.rtk-price__box-item+.rtk-price__box-item {
    margin-left: 5px;
}

@media screen and (max-width: 1717px) {
    .rtk-price__box-item+.rtk-price__box-item {
        margin-top: 46px;
    }
}

@media screen and (max-width: 1350px) {
    .rtk-price__box-item+.rtk-price__box-item {
        margin-top: 46px;
        margin-left: 0;
    }
}

@media screen and (max-width: 1050px) {
    .rtk-price__box-item+.rtk-price__box-item {
        margin-top: 42px;
    }
}

.rtk-price__box-text {
    max-width: 616px;
    width: 100%;
    padding-left: 31px;
    position: relative;
}

@media screen and (max-width: 1717px) {
    .rtk-price__box-text {
        max-width: 846px;
    }
}

@media screen and (max-width: 960px) {
    .rtk-price__box-text {
        padding-left: 0;
        line-height: 24px;
    }
}

@media screen and (max-width: 960px) {
    .rtk-price__box-text span {
        display: block;
        margin-top: 10px;
    }
}

.rtk-price__box-text:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 232px;
    height: 99.15%;
    background-color: #00ca66;
    left: 1px;
}

@media screen and (max-width: 1717px) {
    .rtk-price__box-text:before {
        height: 172px;
    }
}

@media screen and (max-width: 960px) {
    .rtk-price__box-text:before {
        display: none;
    }
}

.rtk-price__box-text p+p {
    margin-top: 10px;
}

.rtk-price__box-items+.rtk-price__box-items {
    margin-left: 69px;
}

@media screen and (max-width: 1050px) {
    .rtk-price__box-items+.rtk-price__box-items {
        margin-left: 0;
        margin-top: 32px;
    }
}

@media screen and (max-width: 1350px) {
    .rtk-price__box-characteristic {
        max-width: 590px;
        width: 100%;
        margin-left: 30px;
    }
}

@media screen and (max-width: 1050px) {
    .rtk-price__box-characteristic {
        margin-left: 0;
    }
}

@media screen and (max-width: 480px) {
    .title__accent.rtk-price__box-title {
        font-size: 18px;
    }
}

.rtk-price__list {
    margin-top: 12px;
    line-height: 32px;
}

@media screen and (max-width: 1050px) {
    .rtk-price__list {
        line-height: 24px;
        margin-top: 18px;
    }
}

.rtk-price__list li+li {
    margin-top: 0;
}

@media screen and (max-width: 1050px) {
    .rtk-price__list li+li {
        margin-top: 10px;
    }
}

.rtk-price__box-equipment {
    max-width: 315px;
    width: 100%;
}

@media screen and (max-width: 1350px) {
    .rtk-price__box-equipment {
        max-width: 330px;
    }
}

.rtk-price__box-equipment .rtk-price__list-item {
    text-indent: 17px;
}

@media screen and (max-width: 960px) {
    .rtk-price__box-equipment .rtk-price__list-item {
        text-indent: 20px;
    }
}

.rtk-price__list-item {
    text-indent: 20px;
    position: relative;
}

@media screen and (max-width: 1350px) {
    .rtk-price__list-item {
        text-indent: 16px;
    }
}

@media screen and (max-width: 960px) {
    .rtk-price__list-item {
        text-indent: 20px;
    }
}

.rtk-price__list-item:before {
    position: absolute;
    content: "";
    background-color: #00ca66;
    width: 15px;
    height: 2px;
    top: 16px;
    left: 0;
}

@media screen and (max-width: 1350px) {
    .rtk-price__list-item:before {
        width: 10px;
        top: 15px;
    }
}

.package-rtk {
    margin-top: calc(14.18vw - 26.45px);
}

@media(min-width: 1901px) {
    .package-rtk {
        margin-top: 243px;
    }
}

@media screen and (max-width: 1350px) {
    .package-rtk {
        margin-top: calc(74.67vw - 843px);
    }
}

@media screen and (max-width: 1200px) {
    .package-rtk {
        margin-top: 53px;
    }
}

.photo-rtk {
    margin-top: calc(10.55vw - 34.36px);
}

@media screen and (min-width: 1901px) {
    .photo-rtk {
        margin-top: 166px;
    }
}

@media screen and (max-width: 1350px) {
    .photo-rtk {
        margin-top: calc(6.44vw + 21.1px);
    }
}

@media screen and (max-width: 480px) {
    .photo-rtk {
        margin-top: 52px;
    }
}

.slider-rtk {
    margin-top: calc(254px - 6vw);
}

@media screen and (min-width: 1901px) {
    .slider-rtk {
        margin-top: 140px;
    }
}

@media screen and (max-width: 1350px) {
    .slider-rtk {
        margin-top: calc(12.76vw + .76px);
    }
}

@media screen and (max-width: 480px) {
    .slider-rtk {
        margin-top: 62px;
    }
}

.review-rtk {
    margin-top: calc(8.54vw + 11.64px);
}

@media screen and (min-width: 1901px) {
    .review-rtk {
        margin-top: 174px;
    }
}

@media screen and (max-width: 1350px) {
    .review-rtk {
        margin-top: calc(4.14vw + 71.14px);
    }
}

@media screen and (max-width: 480px) {
    .review-rtk {
        margin-top: 91px;
    }
}

.form-rtk {
    margin-top: calc(9.09vw - 24.73px);
}

@media screen and (min-width: 1901px) {
    .form-rtk {
        margin-top: 148px;
    }
}

@media screen and (max-width: 1350px) {
    .form-rtk {
        margin-top: calc(9.08vw - 24.59px);
    }
}

@media screen and (max-width: 480px) {
    .form-rtk {
        margin-top: 19px;
    }
}

.payback__box[data-v-1e112209] {
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
}

@media screen and (max-width: 960px) {
    .payback__box[data-v-1e112209] {
        padding-left: 0;
    }
}

.payback__holder[data-v-1e112209] {
    width: 100%;
    display: flex;
}

@media screen and (max-width: 800px) {
    .payback__holder[data-v-1e112209] {
        display: block;
    }
}

.payback__info[data-v-1e112209] {
    max-width: 154px;
    width: 100%;
}

.payback__info-title[data-v-1e112209] {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}

.tabs[data-v-1e112209] {
    padding-top: 8px;
    margin-left: 96px;
    width: 100%;
}

@media screen and (max-width: 960px) {
    .tabs[data-v-1e112209] {
        margin-left: 45px;
    }
}

@media screen and (max-width: 800px) {
    .tabs[data-v-1e112209] {
        margin-left: 0;
        padding-top: 50px;
    }
}

.tabs__list[data-v-1e112209] {
    display: flex;
    border: 1px solid #00ca66;
    font-weight: 500;
    line-height: 17px;
    max-width: 658px;
    width: 100%;
    border-radius: 38px;
}

.tabs__list li+li[data-v-1e112209] {
    border-left: 1px solid #00ca66;
}

.tabs__item[data-v-1e112209] {
    max-width: 220px;
    width: 100%;
    height: 38px;
    color: #00ca66;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tabs__item.is-active[data-v-1e112209] {
    max-width: 220px;
    width: 100%;
    background: #00ca66;
    color: #fff;
}

.tabs__item:first-child.is-active[data-v-1e112209] {
    border-radius: 38px 0 0 38px;
}

.tabs__item:last-child.is-active[data-v-1e112209] {
    border-radius: 0 38px 38px 0;
}

.tabs-details[data-v-1e112209] {
    width: 100%;
    position: relative;
}

.range-slider {
    display: inline-block;
    padding: 0 10px;
    height: 20px;
    width: 130px;
}

.range-slider.disabled {
    opacity: .5;
}

.range-slider-inner {
    display: inline-block;
    position: relative;
    height: 100%;
    width: 100%;
}

.range-slider-fill,
.range-slider-rail {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    height: 4px;
    border-radius: 2px;
    transform: translateY(-50%);
}

.range-slider-rail {
    width: 100%;
    background-color: #e2e2e2;
}

.range-slider-fill {
    background-color: #21fb92;
}

.range-slider-knob {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    border: 1px solid #f5f5f5;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 1px 1px rgba(0, 0, 0, .2);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.range-slider-hidden {
    display: none;
}

.graph__signal {
    height: 281px;
    border-top: 1.13009px solid #f5f5f5;
    border-bottom: 1.13009px solid #f5f5f5;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 1500px) {
    .graph__signal {
        height: 189px;
    }
}

@media screen and (max-width: 1200px) {
    .graph__signal {
        height: 281px;
    }
}

@media screen and (max-width: 760px) {
    .graph__signal {
        height: 189px;
    }
}

@media screen and (max-width: 550px) {
    .graph__signal {
        height: 106px;
    }
}

.graph__signal-normal .scale {
    background-color: #258ffb;
}

.graph__signal .af50 {
    background-color: #c0c8d3;
}

.graph__line {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    height: 1px;
    background-color: #f5f5f5;
    z-index: -1;
}

.graph__line1 {
    top: 69px;
    top: 24.5%;
}

.graph__line2 {
    top: 139px;
    top: 49%;
}

.graph__line3 {
    top: 209px;
    top: 74.5%;
}

.scale {
    width: 3.9%;
}

.graph__signal[data-v-7bf51514] {
    height: 281px;
    border-top: 1.13009px solid #f5f5f5;
    border-bottom: 1.13009px solid #f5f5f5;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    overflow-y: hidden;
}

@media screen and (max-width: 1500px) {
    .graph__signal[data-v-7bf51514] {
        height: 189px;
    }
}

@media screen and (max-width: 1200px) {
    .graph__signal[data-v-7bf51514] {
        height: 281px;
    }
}

@media screen and (max-width: 760px) {
    .graph__signal[data-v-7bf51514] {
        height: 189px;
    }
}

@media screen and (max-width: 550px) {
    .graph__signal[data-v-7bf51514] {
        height: 106px;
    }
}

.graph__signal-strong .scale[data-v-7bf51514] {
    background-color: #00ca66;
}

.graph__signal .af50[data-v-7bf51514] {
    background-color: #c0c8d3;
}

.graph__line[data-v-7bf51514] {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    height: 1px;
    background-color: #f5f5f5;
    z-index: -1;
}

.graph__line1[data-v-7bf51514] {
    top: 69px;
    top: 24.5%;
}

.graph__line2[data-v-7bf51514] {
    top: 139px;
    top: 49%;
}

.graph__line3[data-v-7bf51514] {
    top: 209px;
    top: 74.5%;
}

.scale[data-v-7bf51514] {
    width: 3.9%;
}

.install__title,
.set-navigation__title,
.work__title {
    font-weight: 900;
    font-size: 65px;
    line-height: 102%;
}

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

    .install__title,
    .set-navigation__title,
    .work__title {
        font-size: 50px;
    }
}

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

    .install__title,
    .set-navigation__title,
    .work__title {
        font-size: 36px;
    }
}

.accuracy__title,
.payback__title {
    font-weight: 900;
    font-size: 65px;
    line-height: 102%;
}

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

    .accuracy__title,
    .payback__title {
        font-size: 55px;
    }
}

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

    .accuracy__title,
    .payback__title {
        font-size: 48px;
    }
}

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

    .accuracy__title,
    .payback__title {
        font-size: 36px;
    }
}

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

    .transcript.accuracy__text,
    .transcript.work__text {
        font-size: 22px;
    }
}

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

    .accuracy__title,
    .payback__title,
    .accuracy__article-title {
        font-size: 30px !important;
    }
}

.navigation {
    position: relative;
    background-image: url(/local/templates/ca_main/assets/images/img/navigation-bg.svg);
    background-position: center 10.5vw;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: calc(-78.36px + 8.55vw);
    padding-bottom: calc(-160px + 14vw);
}

@media screen and (min-width: 1901px) {
    .navigation {
        margin-top: 84px;
        padding-bottom: 106px;
    }
}

@media screen and (max-width: 1350px) {
    .navigation {
        margin-top: calc(57.17px - 1.48vw);
        padding-bottom: 29px;
    }
}

@media screen and (max-width: 1050px) {
    .navigation {
        background-size: auto;
        background-position: center -2.5vw;
    }
}

@media screen and (max-width: 480px) {
    .navigation {
        margin-top: 50px;
    }
}

.navigation__inner {
    position: relative;
}

.navigation__title {
    margin-bottom: 21px;
}

@media screen and (max-width: 1350px) {
    .navigation__title {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 847px) {
    .navigation__title {
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 645px) {
    .title__description.navigation__text {
        margin-right: 14px;
    }
}

.navigation__box {
    display: flex;
    justify-content: space-between;
    margin-top: 42px;
    position: relative;
    padding-bottom: 40px;
}

@media screen and (max-width: 1350px) {
    .navigation__box {
        margin-top: calc(19.12px + 1.69vw);
    }
}

@media screen and (max-width: 524px) {
    .navigation__box {
        margin-top: 28px;
    }
}

.navigation__box-info {
    padding-left: 29px;
    max-width: 608px;
    width: 100%;
}

@media screen and (max-width: 1350px) {
    .navigation__box-info {
        padding-left: calc(-19.03px + 3.63vw);
    }
}

@media screen and (max-width: 1070px) {
    .navigation__box-info {
        margin-right: calc(-19.19px + 3.66vw);
    }
}

@media screen and (max-width: 1050px) {
    .navigation__box-info {
        max-width: 100%;
    }
}

@media screen and (max-width: 524px) {
    .navigation__box-info {
        padding-left: 0;
        margin-right: 0;
    }
}

.navigation__box-image__small {
    display: none;
}

@media screen and (max-width: 1050px) {
    .navigation__box-image__small {
        display: block;
        max-width: 608px;
    }
}

.navigation__box-image__small img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.navigation__box-info__shell {
    position: relative;
}

@media screen and (max-width: 1050px) {
    .navigation__box-info__shell {
        margin-top: 28px;
    }
}

.navigation__box-info__shell:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 38%;
    background-color: #00ca66;
    left: -30px;
}

@media screen and (max-width: 960px) {
    .navigation__box-info__shell:before {
        left: -21px;
    }
}

@media screen and (max-width: 524px) {
    .navigation__box-info__shell:before {
        display: none;
    }
}

.navigation__box-info__text {
    max-width: 493px;
    width: 100%;
    margin: 10px 0 21px;
}

@media screen and (max-width: 1350px) {
    .navigation__box-info__text {
        margin: 12px 0 20px;
    }
}

@media screen and (max-width: 1050px) {
    .navigation__box-info__text {
        max-width: 100%;
    }
}

@media screen and (max-width: 524px) {
    .navigation__box-info__text {
        margin: 8px 0 6px;
    }
}

.navigation__box-info__item {
    position: relative;
    padding-left: 20px;
}

.navigation__box-info__item:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 1px;
    background-color: #00ca66;
    top: 16px;
    left: 1px;
}

@media screen and (max-width: 1350px) {
    .navigation__box-info__item:before {
        width: 10px;
        top: 15px;
    }
}

.navigation__box-info__item+.navigation__box-info__item {
    margin-top: 4px;
}

.navigation__box-image {
    margin-top: calc(7vw - 105px);
}

@media screen and (max-width: 1050px) {
    .navigation__box-image {
        display: none;
    }
}

.navigation__box-image img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
    border-radius: 20px;
}

.navigation__scroll {
    position: absolute;
    left: calc(-61.82px + 4.73vw);
    bottom: calc(139.18px - 9.27vw);
}

@media screen and (max-width: 1350px) {
    .navigation__scroll {
        left: 2px;
        bottom: 14px;
    }
}

@media screen and (max-width: 1320px) {
    .navigation__scroll {
        display: none;
    }
}

.install {
    position: relative;
}

@media screen and (max-width: 1350px) {
    .install {
        margin-top: calc(-31.07px + 11.26vw);
    }
}

@media screen and (max-width: 480px) {
    .install {
        margin-top: 23px;
    }
}

.install:before {
    position: absolute;
    content: "установка";
    text-transform: uppercase;
    font-size: 83px;
    line-height: 84px;
    font-weight: 900;
    color: #f4f6f9;
    transform: rotate(-90deg);
    top: calc(157.45px + 7.82vw);
    left: -242px;
}

.bg-black .install:before {
    color: rgba(239, 242, 246, .2);
}

@media screen and (max-width: 1350px) {
    .install:before {
        font-size: 64px;
        line-height: 64px;
        top: 263px;
        left: -186px;
    }
}

@media screen and (max-width: 524px) {
    .install:before {
        font-size: 48px;
        line-height: 48px;
        top: calc(4vw + 209px);
        left: -124px;
    }
}

.install__inner {
    padding-left: 2px;
}

@media screen and (max-width: 1350px) {
    .install__inner {
        padding-left: 0;
    }
}

.install__box {
    display: flex;
    position: relative;
}

.install__box-image__small {
    display: none;
    position: relative;
}

@media screen and (max-width: 1100px) {
    .install__box-image__small {
        display: block;
        margin-top: 15px;
        padding-left: 51px;
        padding-right: 19px;
    }
}

.install__image-small,
.install__net-small {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.install__net-small {
    min-width: 413px;
    min-height: 198px;
    margin: calc(36.6px - 13.6vw) calc(-506px + 46vw) -40px calc(5.65vw - 62.1px);
}

@media screen and (max-width: 850px) {
    .install__net-small {
        margin-top: calc(16.37px - 11.22vw);
        margin-right: -115px;
    }
}

@media screen and (max-width: 645px) {
    .install__net-small {
        margin-top: -56px;
        margin-bottom: -34px;
    }
}

@media screen and (max-width: 480px) {
    .install__net-small {
        margin-left: -35px;
    }
}

.transcript.install__text {
    margin-top: 14px;
    text-indent: 26px;
}

@media screen and (max-width: 1350px) {
    .transcript.install__text {
        text-indent: 22px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 1200px) {
    .transcript.install__text {
        margin-top: 17px;
    }
}

@media screen and (max-width: 480px) {
    .transcript.install__text:before {
        width: 16px;
        top: 13px;
        left: 1px;
    }
}

.install__box-info {
    max-width: 570px;
    width: 100%;
    margin-right: 42px;
}

@media screen and (min-width: 1500px) {
    .install__box-info {
        min-width: 570px;
    }
}

@media screen and (max-width: 1350px) {
    .install__box-info {
        margin-right: calc(42vw - 525px);
    }
}

@media screen and (max-width: 1250px) {
    .install__box-info {
        margin-right: 0;
    }
}

@media screen and (max-width: 1100px) {
    .install__box-info {
        max-width: 100%;
    }
}

.install__box-info__text {
    position: relative;
    padding-left: 30px;
    margin-top: 50px;
    max-width: 560px;
    width: 100%;
}

@media screen and (max-width: 1350px) {
    .install__box-info__text {
        margin-top: calc(5.1vw - 18.94px);
        padding-left: 30px;
    }
}

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

    .install__box-info__text,
    .install__article {
        max-width: 100%;
    }
}

@media screen and (max-width: 645px) {
    .install__box-info__text {
        margin-top: 14px;
        padding-left: 0;
        padding-right: 45px;
    }
}

.install__box-info__text br {
    display: none;
}

@media screen and (max-width: 320px) {
    .install__box-info__text br {
        display: block;
    }
}

.install__box-info__text p+p {
    margin-top: 10px;
}

.install__box-info__text:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 99.54%;
    background-color: #00ca66;
    left: 0;
}

@media screen and (max-width: 645px) {
    .install__box-info__text:before {
        display: none;
    }
}

.install__article {
    max-width: 567px;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 202, 102, .1), rgba(0, 202, 102, .1));
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    border-radius: 10px;
    padding: 20px 30px 50px;
    margin-top: 40px;
}

@media screen and (max-width: 1350px) {
    .install__article {
        min-height: 254px;
        padding: 20px 30px;
    }
}

@media screen and (max-width: 1100px) {
    .install__article {
        max-width: 100%;
    }
}

.install__article-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 19px;
}

@media screen and (max-width: 480px) {
    .install__article-title {
        margin-bottom: 16px;
    }
}

.install__article-text {
    font-size: 13px;
    line-height: 20px;
}

.install__article-text p+p {
    margin-top: 10px;
}

@media screen and (max-width: 645px) {
    .install__article-text span {
        display: block;
        margin-top: 10px;
    }
}

.install__article-text br {
    display: none;
}

@media screen and (max-width: 645px) {
    .install__article-text br {
        display: block;
    }
}

.install__box-image {
    margin-top: calc(11.09vw - 266.73px);
    margin-right: calc(32.73vw - 443.82px);
    margin-left: auto;
    position: relative;
}

@media screen and (min-width: 1500px) {
    .install__box-image {
        margin-right: 0;
    }
}

@media screen and (max-width: 1350px) {
    .install__box-image {
        margin-right: -2px;
        margin-top: calc(514.8px - 46.8vw);
    }
}

@media screen and (max-width: 1100px) {
    .install__box-image {
        margin-right: 0;
        display: none;
    }
}

.install__net {
    position: absolute;
    content: "";
    width: 936px;
    height: 450px;
    bottom: -192px;
    left: -81px;
}

@media screen and (max-width: 1350px) {
    .install__net {
        width: calc(94.38vw - 338.1px);
        bottom: calc(534.51px - 53.82vw);
        left: calc(406.95px - 36.14vw);
    }
}

@media screen and (max-width: 1101px) {
    .install__net {
        width: 701px;
        bottom: -58px;
        left: 9px;
    }
}

.work {
    padding-top: calc(265.91px - 2.36vw);
    position: relative;
}

.bg-black .work:before {
    color: rgba(239, 242, 246, .2);
}

@media screen and (max-width: 1350px) {
    .work {
        padding-top: calc(52.67vw - 477px);
    }
}

@media screen and (max-width: 1050px) {
    .work {
        padding-top: 76px;
    }
}

.work:before {
    position: absolute;
    content: "работа в поле";
    text-transform: uppercase;
    font-size: 83px;
    line-height: 84px;
    font-weight: 900;
    color: #f4f6f9;
    transform: rotate(90deg);
    top: calc(8vw + 411px);
    right: -316px;
}

@media screen and (max-width: 1350px) {
    .work:before {
        font-size: 64px;
        line-height: 64px;
        top: 519px;
        top: calc(41.84vw - 45.89px);
        right: -244px;
    }
}

@media screen and (max-width: 645px) {
    .work:before {
        font-size: 48px;
        line-height: 49px;
        top: 224px;
        right: -181px;
    }
}

@media screen and (max-width: 480px) {
    .work:before {
        right: -61px;
        width: 212px;
    }
}

.work__inner {
    display: flex;
    justify-content: flex-end;
    position: relative;
}

@media screen and (max-width: 1050px) {
    .work__inner {
        justify-content: start;
    }
}

.work__image {
    position: relative;
    margin-top: calc(72.73vw - 1174.82px);
    margin-right: calc(32.91vw - 407.27px);
}

@media(min-width: 1901px) {
    .work__image {
        margin-top: 207px;
        margin-right: 200px;
    }
}

@media(max-width: 1350px) {
    .work__image {
        margin-top: calc(464px - 48.67vw);
        margin-right: 37px;
    }
}

@media screen and (max-width: 1050px) {
    .work__image {
        display: none;
        margin-top: -47px;
    }
}

.work__image img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
}

.work__box {
    max-width: 560px;
    width: 100%;
    margin-right: calc(11.45vw - 151.64px);
}

@media screen and (min-width: 1500px) {
    .work__box {
        min-width: 560px;
        margin-right: 0;
    }
}

@media screen and (max-width: 1350px) {
    .work__box {
        margin-right: 3px;
    }
}

@media screen and (max-width: 1050px) {
    .work__box {
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .work__title {
        width: 100%;
    }
}

.work__box-image__small {
    display: none;
}

@media screen and (max-width: 1050px) {
    .work__box-image__small {
        max-width: 560px;
        display: block;
        margin-top: 24px;
        margin-left: -122px;
        margin-right: 88px;
    }
}

.work__box-image__small img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.work__net-small {
    min-width: 326px;
    min-height: 156px;
    margin-top: -35px;
    margin-bottom: -40px;
    margin-left: 28px;
}

@media screen and (max-width: 645px) {
    .work__net-small {
        margin-bottom: -72px;
        margin-top: -27px;
    }
}

@media screen and (max-width: 480px) {
    .work__net-small {
        margin-left: 28px;
        margin-top: -19px;
        margin-bottom: -103px;
    }
}

.transcript.work__text {
    margin-top: 14px;
    text-indent: 28px;
}

@media screen and (max-width: 1350px) {
    .transcript.work__text {
        text-indent: 23px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 545px) {
    .transcript.work__text {
        margin-top: 18px;
        line-height: 29px;
        text-indent: 28px;
    }
}

@media screen and (max-width: 545px) {
    .transcript.work__text:before {
        width: 20px;
        top: 17px;
        left: 3px;
    }
}

.work__info-text {
    margin-top: 30px;
    padding-left: 24px;
    max-width: 560px;
    width: 100%;
    position: relative;
}

@media screen and (max-width: 1050px) {
    .work__info-text {
        max-width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .work__info-text {
        padding-left: 0;
        margin-top: 25px;
    }
}

.work__info-text:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 84.29%;
    background-color: #00ca66;
    left: -2px;
}

@media screen and (max-width: 600px) {
    .work__info-text:before {
        display: none;
    }
}

.work__info-title {
    margin-top: 30px;
    padding-left: 21px;
}

@media screen and (max-width: 1350px) {
    .work__info-title {
        padding-left: 20px;
    }
}

@media screen and (max-width: 600px) {
    .work__info-title {
        padding-left: 0;
        margin-top: 41px;
    }
}

.work__info-list {
    margin-top: 13px;
    min-height: calc(45.45vw - 363.64px);
}

@media screen and (min-width: 1901px) {
    .work__info-list {
        min-height: 500px;
    }
}

@media screen and (max-width: 1350px) {
    .work__info-list {
        min-height: calc(1375px - 83.33vw);
    }
}

@media screen and (max-width: 1050px) {
    .work__info-list {
        min-height: auto;
    }
}

@media screen and (max-width: 600px) {
    .work__info-list {
        margin-top: 34px;
    }
}

.work__info-list li+li {
    margin-top: 4px;
}

@media screen and (max-width: 600px) {
    .work__info-list li+li {
        margin-top: 18px;
    }
}

.work__info-item {
    position: relative;
    padding-left: 40px;
}

@media screen and (max-width: 1350px) {
    .work__info-item {
        padding-left: 39px;
    }
}

@media screen and (max-width: 600px) {
    .work__info-item {
        padding-left: 19px;
        line-height: 22px;
    }
}

.work__info-item:before {
    position: absolute;
    content: "";
    background-color: #00ca66;
    width: 15px;
    height: 1px;
    top: 17px;
    left: 22px;
}

@media screen and (max-width: 1350px) {
    .work__info-item:before {
        left: 20px;
    }
}

@media screen and (max-width: 600px) {
    .work__info-item:before {
        left: 0;
        top: 13px;
    }
}

.accuracy {
    margin-top: calc(9.27vw - 38.18px);
    position: relative;
}

@media screen and (min-width: 1901px) {
    .accuracy {
        margin-top: 138px;
    }
}

@media screen and (max-width: 1350px) {
    .accuracy {
        margin-top: calc(5.56vw + 12px);
    }
}

@media screen and (max-width: 630px) {
    .accuracy {
        margin-top: 47px;
    }
}

.accuracy__bg {
    width: 100vw;
    margin-bottom: -51px;
}

@media screen and (max-width: 1350px) {
    .accuracy__bg {
        margin-bottom: -54px;
    }
}

@media screen and (max-width: 960px) {
    .accuracy__bg {
        display: none;
    }
}

.accuracy__bg img {
    width: 100%;
    max-height: 100%;
    display: block;
}

.accuracy__inner {
    margin-top: 0;
}

.transcript.accuracy__text {
    margin-top: 14px;
    text-indent: 28px;
}

@media screen and (max-width: 1350px) {
    .transcript.accuracy__text {
        text-indent: 23px;
        margin-top: calc(52.9px - 2.88vw);
    }
}

@media screen and (max-width: 760px) {
    .transcript.accuracy__text {
        margin-top: 31px;
        text-indent: 27px;
        line-height: 29px;
    }
}

@media screen and (max-width: 1350px) {
    .transcript.accuracy__text:before {
        left: 3px;
    }
}

@media screen and (max-width: 760px) {
    .transcript.accuracy__text:before {
        width: 20px;
        left: 1px;
        top: 17px;
    }
}

.accuracy__info {
    position: relative;
    margin-top: 30px;
    padding-left: 20px;
    max-width: 1110px;
    width: 100%;
}

@media screen and (max-width: 630px) {
    .accuracy__info {
        display: none;
    }
}

.accuracy__info:before {
    position: absolute;
    content: "";
    background-color: #00ca66;
    width: 2px;
    height: 85.71%;
    top: 1px;
    left: 0;
}

.accuracy__signal {
    text-align: center;
    margin-top: 55px;
}

@media screen and (max-width: 1350px) {
    .accuracy__signal {
        margin-top: calc(6.39vw - 31.25px);
    }
}

@media screen and (max-width: 630px) {
    .accuracy__signal {
        margin-top: 9px;
    }
}

.accuracy__signal-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 33px;
    margin: 0 auto;
}

@media screen and (max-width: 630px) {
    .accuracy__signal-title {
        display: none;
    }
}

.accuracy__signal-box {
    display: flex;
    justify-content: space-between;
    margin-top: 34px;
}

@media screen and (max-width: 1350px) {
    .accuracy__signal-box {
        margin-top: 35px;
    }
}

@media screen and (max-width: 1200px) {
    .accuracy__signal-box {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media screen and (max-width: 630px) {
    .accuracy__signal-box {
        flex-wrap: wrap;
        margin-top: 0;
    }
}

.signal__item {
    text-align: left;
    position: relative;
}

.signal__item-normal {
    width: calc(43.78vw - 61.49px);
    padding-left: 5px;
}

@media screen and (min-width: 1901px) {
    .signal__item-normal {
        width: 50%;
    }
}

@media screen and (max-width: 1350px) {
    .signal__item-normal {
        width: 46.6%;
        padding-left: 0;
    }
}

@media screen and (max-width: 1200px) {
    .signal__item-normal {
        max-width: 770.26px;
        width: 100%;
    }
}

.signal__item-strong {
    width: calc(45.68vw - 88.24px);
    padding-right: 6.6px;
}

@media screen and (min-width: 1901px) {
    .signal__item-strong {
        width: 50%;
        margin-left: 50px;
    }
}

@media screen and (max-width: 1350px) {
    .signal__item-strong {
        width: 46.7%;
        padding-right: 3px;
    }
}

@media screen and (max-width: 1200px) {
    .signal__item-strong {
        max-width: 778.25px;
        width: 100%;
        padding-right: 0;
    }
}

@media screen and (max-width: 1200px) {
    .signal__item+.signal__item {
        margin-top: 40px;
    }
}

.signal__title {
    font-weight: 700;
    font-size: 22px;
    line-height: 23px;
    margin-top: 38px;
}

@media screen and (max-width: 1350px) {
    .signal__title {
        margin-top: calc(1.94vw + 3.75px);
    }
}

@media screen and (max-width: 630px) {
    .signal__title {
        margin-top: 16px;
    }
}

.signal__text {
    margin-top: 11px;
    max-width: 530px;
    width: 100%;
    line-height: 24px;
}

.accuracy__article {
    background: #f4f6f9;
    margin-top: calc(110.18px - 3.27vw);
    padding-top: calc(20.91vw - 153.27px);
    padding-bottom: calc(21.09vw - 170.73px);
}

.bg-black .accuracy__article {
    background: #000;
}

@media screen and (min-width: 1901px) {
    .accuracy__article {
        margin-top: 40px;
        padding: 140px 0;
    }
}

@media screen and (max-width: 1350px) {
    .accuracy__article {
        margin-top: calc(86.77px - 1.54vw);
        padding-top: calc(33.08vw - 317.54px);
        padding-bottom: calc(16.67vw - 111px);
    }
}

@media screen and (max-width: 960px) {
    .accuracy__article {
        background-color: #fff;
        margin-top: 72px;
        padding-top: 0;
        padding-bottom: 49px;
    }
}

.accuracy__article-box {
    padding-left: 5px;
    display: flex;
    position: relative;
}

@media screen and (max-width: 1350px) {
    .accuracy__article-box {
        padding-left: 0;
    }
}

@media screen and (max-width: 1100px) {
    .accuracy__article-box {
        flex-direction: column;
    }
}

.accuracy__article-item {
    max-width: 550px;
    width: 100%;
    margin-right: 54px;
}

@media screen and (max-width: 1350px) {
    .accuracy__article-item {
        margin-right: calc(14.78vw - 145.57px);
    }
}

@media screen and (max-width: 1120px) {
    .accuracy__article-item {
        margin-right: 20px;
        max-width: 100%;
    }
}

.accuracy__article-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 33px;
}

@media screen and (max-width: 1100px) {
    .accuracy__article-title {
        font-weight: 900;
        font-size: 36px;
        line-height: 37px;
    }
}

.accuracy__article-image__small {
    display: none;
}

@media screen and (max-width: 1100px) {
    .accuracy__article-image__small {
        margin-top: 52px;
        margin-left: -16.15%;
        margin-right: -16.15%;
    }
}

@media screen and (max-width: 960px) {
    .accuracy__article-image__small {
        margin-left: -5.15%;
        margin-right: -5.15%;
    }
}

@media screen and (max-width: 820px) {
    .accuracy__article-image__small {
        margin-left: -38px;
        margin-right: -18px;
    }
}

.accuracy__article-image__small img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.image__small-satellite {
    margin-top: 46px;
    margin-left: 49%;
    margin-right: 51%;
}

@media screen and (max-width: 1100px) {
    .image__small-satellite {
        margin-top: 43px;
    }
}

.accuracy__article-text {
    max-width: 550px;
    margin-top: 31px;
    width: 100%;
}

@media screen and (max-width: 1100px) {
    .accuracy__article-text {
        line-height: 24px;
        margin-top: 32px;
        max-width: 100%;
    }
}

.accuracy__article-text p+p {
    margin-top: 10px;
}

.btn.accuracy__article-link {
    margin-top: 54px;
    max-width: 296px;
    font-weight: 700;
    padding-right: 25px;
    position: relative;
}

@media screen and (max-width: 1350px) {
    .btn.accuracy__article-link {
        margin-top: 54px;
    }
}

@media screen and (max-width: 1100px) {
    .btn.accuracy__article-link {
        margin-top: 38px;
    }
}

@media screen and (max-width: 480px) {
    .btn.accuracy__article-link {
        max-width: 100%;
    }
}

.btn.accuracy__article-link:after {
    position: absolute;
    content: "";
    top: 23px;
    right: 38px;
    width: 16px;
    height: 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .4s linear;
}

.btn.accuracy__article-link:hover:after {
    right: 28px;
}

.accuracy__article-station {
    margin-top: calc(148.55px - 11.82vw);
    margin-left: auto;
}

@media screen and (min-width: 1901px) {
    .accuracy__article-station {
        margin-top: -76px;
    }
}

@media screen and (max-width: 1350px) {
    .accuracy__article-station {
        margin-top: -11px;
    }
}

@media screen and (max-width: 1100px) {
    .accuracy__article-station {
        margin-top: 45px;
        order: -1;
    }
}

.accuracy__article-image img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.accuracy__article-info {
    display: flex;
    margin-top: 45px;
}

@media screen and (max-width: 1350px) {
    .accuracy__article-info {
        margin-top: 42px;
    }
}

@media screen and (max-width: 1100px) {
    .accuracy__article-info {
        margin-top: 30px;
    }
}

.accuracy__article-icon {
    padding-top: 1px;
    padding-left: 2px;
}

@media screen and (max-width: 1350px) {
    .accuracy__article-icon {
        padding-left: 0;
    }
}

@media screen and (max-width: 1100px) {
    .accuracy__article-icon {
        padding-top: 0;
    }
}

@media screen and (max-width: 480px) {
    .accuracy__article-icon img {
        width: 29px;
        height: 29px;
    }
}

.accuracy__article-info__text {
    max-width: 465px;
    width: 100%;
    line-height: 24px;
    margin-left: 21px;
    color: #91979c;
}

@media screen and (max-width: 1350px) {
    .accuracy__article-info__text {
        margin-left: 19px;
    }
}

@media screen and (max-width: 480px) {
    .accuracy__article-info__text {
        font-size: 14px;
        line-height: 21px;
    }
}

.set-navigation {
    padding-top: calc(10.9vw - 6px);
    position: relative;
}

@media screen and (min-width: 1901px) {
    .set-navigation {
        padding-top: 150px;
    }
}

@media screen and (max-width: 1050px) {
    .set-navigation {
        display: none;
    }
}

.set-navigation:before {
    position: absolute;
    content: "комплектующие";
    text-transform: uppercase;
    top: calc(9vw + 261px);
    right: -404px;
    transform: rotate(90deg);
    font-size: 83px;
    line-height: 84px;
    font-weight: 900;
    color: #f4f6f9;
}

.bg-black .set-navigation:before {
    color: rgba(239, 242, 246, .2);
}

@media screen and (max-width: 1350px) {
    .set-navigation:before {
        font-size: 64px;
        line-height: 64px;
        right: -312px;
    }
}

.set-navigation__inner {
    display: flex;
    justify-content: space-between;
    position: relative;
}

@media screen and (max-width: 1050px) {
    .set-navigation__inner {
        flex-direction: column;
    }
}

.set-navigation__box {
    max-width: calc(11vw + 415px);
    width: 100%;
    margin-left: 54px;
}

@media screen and (max-width: 1050px) {
    .set-navigation__box {
        margin-left: 20px;
        max-width: 100%;
    }
}

.transcript.set-navigation__text {
    margin-top: 14px;
    text-indent: 28px;
}

@media screen and (max-width: 1350px) {
    .transcript.set-navigation__text {
        text-indent: 21px;
    }
}

@media screen and (max-width: 1350px) {
    .transcript.set-navigation__text:before {
        left: 1px;
    }
}

.set-navigation__info-text {
    margin-top: 31px;
    padding-left: 23px;
    max-width: 560px;
    width: 100%;
    position: relative;
}

@media screen and (max-width: 1350px) {
    .set-navigation__info-text {
        margin-top: 30px;
    }
}

.set-navigation__info-text:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 84.29%;
    background-color: #00ca66;
    left: 0;
}

@media screen and (max-width: 1350px) {
    .set-navigation__info-text:before {
        left: -1px;
    }
}

@media screen and (max-width: 1050px) {
    .set-navigation__info-text {
        max-width: 100%;
    }
}

.set-navigation__info-title {
    margin-top: 30px;
    padding-left: 23px;
}

.set-navigation__info-list {
    margin-top: 13px;
    padding-left: 43px;
}

@media screen and (max-width: 1350px) {
    .set-navigation__info-list {
        padding-left: 40px;
    }
}

.set-navigation__info-list li+li {
    margin-top: 4px;
}

.set-navigation__info-item {
    position: relative;
}

.set-navigation__info-item:before {
    position: absolute;
    content: "";
    background-color: #00ca66;
    width: 15px;
    height: 1px;
    top: 16px;
    left: -20px;
}

@media screen and (max-width: 1350px) {
    .set-navigation__info-item:before {
        width: 10px;
        top: 15px;
        left: -16px;
    }
}

.set-navigation__image {
    margin-top: calc(2.55vw - 85.36px);
    margin-left: calc(35vw - 668px);
    position: relative;
}

@media screen and (min-width: 1901px) {
    .set-navigation__image {
        margin-top: -37px;
        margin-left: 0;
    }
}

@media screen and (max-width: 1350px) {
    .set-navigation__image {
        margin-top: -51px;
    }
}

.image-product {
    max-width: 100%;
    width: 100%;
}

.image-product,
.image-set {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 100%;
    display: block;
}

.image-set {
    margin: 10px 115px 0 auto;
    width: calc(5.5vw + 280px);
}

@media screen and (max-width: 1350px) {
    .image-set {
        margin: 10px 108px 0 auto;
    }
}

.payback {
    position: relative;
    background-color: #f4f6f9;
    margin-top: calc(11.82vw - 58.55px);
    padding: 107px 0 calc(40vw - 420px);
}

@media screen and (min-width: 1901px) {
    .payback {
        margin-top: 166px;
        padding: 107px 0 340px;
    }
}

@media screen and (max-width: 1350px) {
    .payback {
        margin-top: 101px;
        padding-top: calc(10.46vw - 35.21px);
        padding-bottom: calc(9.77vw - 11.9px);
    }
}

@media screen and (max-width: 960px) {
    .payback {
        margin-top: 0;
    }
}

@media screen and (max-width: 480px) {
    .payback {
        padding: 15px 0 35px;
    }
}

.payback:before {
    position: absolute;
    content: "Калькулятор";
    text-transform: uppercase;
    top: calc(-1vw + 446px);
    left: -296px;
    font-weight: 900;
    font-size: 83px;
    line-height: 84px;
    color: #fff;
    transform: rotate(-90deg);
}

@media screen and (max-width: 1350px) {
    .payback:before {
        font-size: 64px;
        line-height: 65px;
        left: -228px;
    }
}

@media screen and (max-width: 960px) {
    .payback:before {
        display: none;
    }
}

.payback__inner {
    padding-left: 1px;
}

@media screen and (max-width: 1350px) {
    .payback__inner {
        padding-left: 3px;
    }
}

@media screen and (max-width: 960px) {
    .payback__inner {
        padding-left: 0;
    }
}

@media screen and (max-width: 700px) {
    .payback__title {
        padding-right: 36px;
    }
}

.payback__text {
    line-height: 24px;
    margin-top: 41px;
    padding-left: 20px;
    max-width: 560px;
    width: 100%;
    position: relative;
    margin-bottom: 79px;
}

@media screen and (max-width: 800px) {
    .payback__text {
        margin-bottom: 25px;
        margin-top: 21px;
    }
}

@media screen and (max-width: 700px) {
    .payback__text {
        padding-left: 0;
    }
}

.payback__text:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 118.75%;
    background-color: #00ca66;
    left: -2px;
}

@media screen and (max-width: 1350px) {
    .payback__text:before {
        left: -1px;
    }
}

@media screen and (max-width: 700px) {
    .payback__text:before {
        display: none;
    }
}

.payback__info-text {
    position: absolute;
    top: -11px;
}

@media screen and (max-width: 800px) {
    .payback__info-text {
        top: -83px;
    }
}

.payback__item {
    display: flex;
    justify-content: flex-start;
}

@media screen and (max-width: 1715px) {
    .payback__item {
        flex-wrap: wrap;
    }
}

.payback__item-range {
    margin-top: 58px;
    max-width: 1102px;
    width: 100%;
}

@media screen and (max-width: 1350px) {
    .payback__item-range {
        margin-right: 0;
    }
}

@media screen and (max-width: 800px) {
    .payback__item-range {
        margin-top: 18px;
    }
}

.payback__item-economy {
    margin-top: 33px;
    max-width: 480px;
    width: 100%;
}

@media screen and (max-width: 1715px) {
    .payback__item-economy {
        margin-top: 85px;
    }
}

@media screen and (max-width: 960px) {
    .payback__item-economy {
        margin-top: 50px;
    }
}

.payback__item-economy__title {
    font-weight: 500;
    line-height: 32px;
    font-size: 24px;
}

@media screen and (max-width: 480px) {
    .payback__item-economy__title {
        font-size: 18px;
    }
}

.payback__item-economy__price {
    font-weight: 700;
    font-size: 72px;
    line-height: 108px;
    margin-top: 12px;
}

@media screen and (max-width: 1350px) {
    .payback__item-economy__price {
        font-size: calc(3.1vw + 30.1px);
        line-height: calc(4.14vw + 52.14px);
    }
}

@media screen and (max-width: 480px) {
    .payback__item-economy__price {
        font-size: 45px;
        line-height: 72px;
        margin-top: 0;
    }
}

.payback__item-range .range__square,
.payback__item-range .range__width {
    display: flex;
    min-height: 39px;
    position: relative;
}

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

    .payback__item-range .range__square,
    .payback__item-range .range__width {
        display: block;
    }
}

.payback__item-range .range__width {
    margin-top: 33px;
}

@media screen and (max-width: 1115px) {
    .payback__item-range .range__width {
        margin-top: 37px;
    }
}

.payback__item-range .range__square-title,
.payback__item-range .range__width-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    max-width: 240px;
    width: 100%;
}

.payback__item-range .range-slider-inner {
    max-width: 550px;
    width: 100%;
}

.payback__item-range .range-slider.slider-square,
.payback__item-range .range-slider.slider-width {
    max-width: 550px;
    width: 100%;
    padding-top: 8px;
}

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

    .payback__item-range .range-slider.slider-square,
    .payback__item-range .range-slider.slider-width {
        padding: 0;
        margin-top: 34px;
    }
}

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

    .payback__item-range .range-slider.slider-square,
    .payback__item-range .range-slider.slider-width {
        padding-right: 10px;
        padding-left: 10px;
    }
}

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

    .payback__item-range .range-slider.slider-square,
    .payback__item-range .range-slider.slider-width {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media screen and (max-width: 800px) {
    .payback__item-range .range-slider.slider-width {
        margin-top: 35px;
    }
}

.payback__item-range .range-slider-rail {
    height: 7px;
    max-width: 550px;
    width: 100%;
    background: #fff;
}

.payback__item-range .range-slider-fill {
    background: #00ca66;
    height: 7px;
}

.payback__item-range .range-slider-knob {
    height: 30px;
    width: 30px;
    border: 1px solid #00ca66;
    background-color: #00ca66;
    box-shadow: none;
}

.payback__item-range .range-slider__value {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin-left: 43px;
    margin-top: 6px;
}

@media screen and (max-width: 1115px) {
    .payback__item-range .range-slider__value {
        margin-left: 0;
        text-align: center;
        margin-top: 16px;
    }
}

@media screen and (max-width: 1115px) {
    .payback__item-range .range-slider__value-top {
        margin-top: 6px;
    }
}

.photo-navigation {
    position: relative;
    margin-top: calc(4.73vw + 77.18px);
}

@media screen and (min-width: 1901px) {
    .photo-navigation {
        margin-top: 167px;
    }
}

@media screen and (max-width: 1350px) {
    .photo-navigation {
        margin-top: calc(20.51vw - 135.92px);
    }
}

@media screen and (max-width: 960px) {
    .photo-navigation {
        margin-top: 61px;
    }
}

.package-navigation {
    position: relative;
    margin-top: calc(164.55px - 1.82vw);
    padding-bottom: calc(2.91vw + 188.73px);
}

@media screen and (min-width: 1901px) {
    .package-navigation {
        margin-top: 130px;
        padding-bottom: 244px;
    }
}

@media screen and (max-width: 1350px) {
    .package-navigation {
        margin-top: calc(5.86vw + 60.86px);
        padding-bottom: calc(21.84vw - 66.83px);
    }
}

@media screen and (max-width: 480px) {
    .package-navigation {
        margin-top: 89px;
        padding-bottom: 38px;
    }
}

.slider-navigation {
    margin-top: 41px;
}

.review-navigation {
    margin-top: calc(13.09vw - 72.73px);
    margin-bottom: calc(10.73vw - 56.82px);
}

@media screen and (min-width: 1901px) {
    .review-navigation {
        margin-top: 176px;
        margin-bottom: 147px;
    }
}

@media screen and (max-width: 1350px) {
    .review-navigation {
        margin-top: calc(7.36vw + 4.69px);
        margin-bottom: 88px;
    }
}

@media screen and (max-width: 960px) {
    .review-navigation {
        margin-bottom: 61px;
    }
}

@media screen and (max-width: 480px) {
    .review-navigation {
        margin-bottom: 39px;
        margin-top: 40px;
    }
}

@media screen and (max-width: 1350px) {
    .package-navigation .package__inner {
        padding-left: 0;
    }
}

.package-navigation .package__article-text {
    font-size: 13px;
    line-height: 20px;
}

.package-navigation .package__article-text p+p {
    margin-top: 11px;
}

@media screen and (max-width: 820px) {
    .package-navigation .package__article-text p+p {
        margin-top: 34px;
    }
}

.package-navigation .package__article-text a {
    color: inherit;
    cursor: pointer;
}

.package-navigation .package__article-text__phone {
    font-weight: 700;
}

@media screen and (max-width: 820px) {
    .package-navigation .package__article-text__phone {
        display: block;
    }
}

.package-navigation .package__article-text__dealer {
    text-decoration: underline;
}

@media screen and (max-width: 820px) {
    .package-navigation .package__article-text__dealer {
        display: block;
    }
}

.package-navigation .package__article-text__dealer:hover,
.package-navigation .package__article-text__delivery span {
    color: #00ca66;
}

.thruster {
    position: relative;
    background-image: url(/local/templates/ca_main/assets/images/img/navigation-bg.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: calc(27.82vw - 339.55px);
    padding-bottom: calc(21.45vw - 57.64px);
}

@media screen and (min-width: 1901px) {
    .thruster {
        margin-top: 189px;
        padding-bottom: 350px;
        background-size: cover;
    }
}

@media screen and (max-width: 1350px) {
    .thruster {
        margin-top: 36px;
        padding-bottom: 232px;
    }
}

@media screen and (max-width: 1050px) {
    .thruster {
        background-size: auto;
        background-position: center top -2.5vw;
        padding-bottom: 0;
    }
}

.thruster__inner {
    position: relative;
    padding-left: 3px;
}

@media screen and (max-width: 1350px) {
    .thruster__inner {
        padding-left: 0;
    }
}

.thruster__title {
    margin-bottom: 20px;
}

@media screen and (max-width: 960px) {
    .thruster__title {
        margin-bottom: 29px;
    }
}

@media screen and (max-width: 480px) {
    .title__description.thruster__text {
        max-width: 260px;
        width: 100%;
    }
}

.thruster__box-image__small {
    display: none;
}

@media screen and (max-width: 1050px) {
    .thruster__box-image__small {
        display: block;
        margin-top: -11px;
    }
}

.thruster__box-image__small img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
    width: 487px;
    margin: 0 auto;
}

.thruster__box {
    display: flex;
    justify-content: space-between;
    margin-top: 43px;
    position: relative;
}

@media screen and (max-width: 1350px) {
    .thruster__box {
        margin-top: calc(11.33vw - 110px);
    }
}

@media screen and (max-width: 1050px) {
    .thruster__box {
        margin-top: 9px;
        display: block;
    }
}

.thruster__box:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 117px;
    background-color: #00ca66;
}

@media screen and (max-width: 960px) {
    .thruster__box:before {
        display: none;
    }
}

.thruster__box-info {
    padding-left: 30px;
    margin-right: 137px;
    max-width: 555px;
    width: 100%;
}

@media screen and (max-width: 960px) {
    .thruster__box-info {
        padding-left: 0;
    }
}

@media screen and (max-width: 480px) {
    .title__accent.thruster__box-info__title {
        font-size: 18px;
        line-height: 130%;
    }
}

.thruster__box-info__text {
    max-width: 493px;
    width: 100%;
    margin: 10px 0 21px;
}

@media screen and (max-width: 1350px) {
    .thruster__box-info__text {
        margin: 11px 0 20px;
    }
}

@media screen and (max-width: 480px) {
    .thruster__box-info__text {
        line-height: 24px;
        margin-top: 15px;
    }
}

.thruster__box-info__item {
    position: relative;
    padding-left: 20px;
}

@media screen and (max-width: 1350px) {
    .thruster__box-info__item {
        padding-left: 17px;
    }
}

.thruster__box-info__item:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 1px;
    background-color: #00ca66;
    top: 16px;
    left: 1px;
}

@media screen and (max-width: 1350px) {
    .thruster__box-info__item:before {
        width: 10px;
        top: 15px;
    }
}

.thruster__box-info__item+.thruster__box-info__item {
    margin-top: 4px;
}

.thruster__box-image {
    position: absolute;
    width: 100%;
    max-width: 50%;
    top: calc(2054px - 122vw);
    right: calc(428.18px - 25.27vw);
}

@media screen and (min-width: 1801px) {
    .thruster__box-image {
        max-width: 50%;
        top: -145px;
        right: -52px;
    }
}

@media screen and (max-width: 1700px) {
    .thruster__box-image {
        top: -20px;
    }
}

@media screen and (max-width: 1350px) {
    .thruster__box-image {
        max-width: 40%;
        right: 87px;
    }
}

@media screen and (max-width: 1050px) {
    .thruster__box-image {
        display: none;
    }
}

.thruster__box-image img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.thruster__scroll {
    position: absolute;
    bottom: calc(3.82vw - 8.55px);
    left: calc(12.91vw - 62.27px);
}

@media screen and (min-width: 1901px) {
    .thruster__scroll {
        bottom: 64px;
        left: 183px;
    }
}

@media screen and (max-width: 1350px) {
    .thruster__scroll {
        bottom: 43px;
        left: 8.3vw;
    }
}

@media screen and (max-width: 1050px) {
    .thruster__scroll {
        display: none;
    }
}

.automatic {
    position: relative;
    margin-top: calc(268.18px - 13.27vw);
}

.automatic .container {
    position: relative;
}

@media screen and (min-width: 1901px) {
    .automatic {
        margin-top: 16px;
    }
}

@media screen and (max-width: 1350px) {
    .automatic {
        margin-top: calc(5.63vw + 12.97px);
    }
}

@media screen and (max-width: 480px) {
    .automatic {
        margin-top: 40px;
    }
}

.automatic__bg {
    position: absolute;
    margin-top: 50px;
    z-index: -1;
    right: calc(13.09vw - 68.73px);
    margin-left: 462px;
}

@media screen and (min-width: 1901px) {
    .automatic__bg {
        right: 180px;
    }
}

@media screen and (max-width: 1350px) {
    .automatic__bg {
        margin-top: 53px;
        margin-left: 462px;
        right: 108px;
    }
}

@media screen and (max-width: 1050px) {
    .automatic__bg {
        display: none;
    }
}

.automatic__bg img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.automatic__bg-field {
    position: absolute;
    top: calc(7.09vw + 14.27px);
    z-index: -5;
    right: 0;
}

@media screen and (min-width: 1901px) {
    .automatic__bg-field {
        top: 149px;
    }
}

@media screen and (max-width: 1350px) {
    .automatic__bg-field {
        top: 110px;
    }
}

@media screen and (max-width: 1050px) {
    .automatic__bg-field {
        display: none;
    }
}

.automatic__inner {
    padding-left: 2px;
}

@media screen and (max-width: 1350px) {
    .automatic__inner {
        padding-left: 0;
    }
}

.automatic__box-image__small {
    display: none;
    z-index: -1;
}

@media screen and (max-width: 1050px) {
    .automatic__box-image__small {
        display: block;
        position: relative;
        margin-top: -7px;
        margin-left: calc(-29.65vw - 26.68px);
        right: calc(141.47px - 36.14vw);
    }
}

@media screen and (max-width: 480px) {
    .automatic__box-image__small {
        margin-left: -169px;
        right: -32px;
    }
}

.automatic__box-image__small img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.automatic__text {
    margin-top: 41px;
    width: 100%;
    position: relative;
    max-width: calc(44.91vw - 4.27px);
    padding-left: 31px;
}

@media screen and (min-width: 1901px) {
    .automatic__text {
        max-width: 849px;
    }
}

@media screen and (max-width: 1350px) {
    .automatic__text {
        max-width: 602px;
        padding-left: 30px;
    }
}

@media screen and (max-width: 960px) {
    .automatic__text {
        line-height: 24px;
        padding-left: 0;
        margin-top: 7px;
    }
}

.automatic__text:before {
    position: absolute;
    content: "";
    width: 1px;
    height: calc(213.09px - 7.64vw);
    background-color: #00ca66;
    left: 0;
}

@media screen and (min-width: 1901px) {
    .automatic__text:before {
        height: 68px;
    }
}

@media screen and (max-width: 1350px) {
    .automatic__text:before {
        height: 110px;
    }
}

@media screen and (max-width: 960px) {
    .automatic__text:before {
        display: none;
    }
}

.automatic__box {
    display: flex;
    position: relative;
    margin-top: calc(5.27vw - 35.18px);
}

@media screen and (min-width: 1901px) {
    .automatic__box {
        margin-top: 65px;
    }
}

@media screen and (max-width: 1350px) {
    .automatic__box {
        margin-top: calc(4.97px + 2.3vw);
    }
}

@media screen and (max-width: 480px) {
    .automatic__box {
        margin-top: 16px;
    }
}

.automatic__box-info {
    max-width: 570px;
    width: 100%;
    padding-left: 20px;
}

@media screen and (max-width: 1350px) {
    .automatic__box-info {
        padding-left: 29px;
    }
}

@media screen and (max-width: 960px) {
    .automatic__box-info {
        padding-left: 0;
    }
}

.automatic__info-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 23px;
    color: #00ca66;
}

@media screen and (max-width: 480px) {
    .automatic__info-title {
        font-size: 18px;
        font-weight: 500;
    }
}

.automatic__info-list {
    margin-top: 13px;
    text-indent: 17px;
}

@media screen and (max-width: 480px) {
    .automatic__info-list {
        text-indent: 19px;
        margin-top: 16px;
    }
}

.automatic__info-list li+li {
    margin-top: 4px;
}

@media screen and (max-width: 480px) {
    .automatic__info-list li+li {
        margin-top: 10px;
    }
}

.automatic__info-item {
    position: relative;
}

@media screen and (max-width: 480px) {
    .automatic__info-item {
        line-height: 24px;
    }
}

.automatic__info-item:before {
    position: absolute;
    content: "";
    width: 11px;
    height: 1px;
    background-color: #00ca66;
    top: 15px;
    left: 1px;
}

@media screen and (max-width: 480px) {
    .automatic__info-item:before {
        width: 15px;
        top: 14px;
        left: -1px;
    }
}

.btn.automatic__info-link {
    max-width: 300px;
    width: 100%;
    display: flex;
    margin-top: 72px;
}

@media screen and (max-width: 1350px) {
    .btn.automatic__info-link {
        margin-top: calc(5.52vw - 1.48px);
    }
}

@media screen and (max-width: 480px) {
    .btn.automatic__info-link {
        max-width: 100%;
        width: 100%;
        display: flex;
        margin-top: 25px;
        padding-right: 32px;
    }
}

.btn.automatic__info-link:after {
    position: absolute;
    content: "";
    width: 16px;
    height: 19px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    top: 23px;
    right: 36px;
    transition: all .4s linear;
}

@media screen and (max-width: 480px) {
    .btn.automatic__info-link:after {
        top: 22px;
        right: calc(45vw - 109px);
    }
}

@media screen and (max-width: 320px) {
    .btn.automatic__info-link:after {
        right: 35px;
    }
}

.btn.automatic__info-link:hover:after {
    right: 28px;
}

.automatic__article {
    margin-top: 52px;
    background-color: rgba(0, 202, 102, .1);
    border-radius: 20px;
    padding: 50px 70px 60px;
}

@media screen and (max-width: 1350px) {
    .automatic__article {
        padding: 50px calc(11.49vw - 45.17px) 60px;
    }
}

@media screen and (max-width: 960px) {
    .automatic__article {
        margin: 52px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .automatic__article {
        padding: 20px 20px 30px 20px;
    }
}

.automatic__article-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 125%;
}

@media screen and (max-width: 1350px) {
    .automatic__article-title {
        font-size: calc(1.61vw + 10.28px);
    }
}

@media screen and (max-width: 480px) {
    .automatic__article-title {
        font-size: 18px;
    }
}

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

@media screen and (max-width: 1050px) {
    .automatic__article-box {
        flex-direction: column;
    }
}

.automatic__article-text {
    margin-top: 20px;
}

.btn.automatic__article-btn {
    max-width: 268px;
    margin-left: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1350px) {
    .btn.automatic__article-btn {
        margin-left: calc(29.33vw - 308px);
    }
}

@media screen and (max-width: 1050px) {
    .btn.automatic__article-btn {
        margin-left: 0;
        margin-top: 20px;
        margin-right: auto;
    }
}

@media screen and (max-width: 480px) {
    .btn.automatic__article-btn {
        max-width: 100%;
    }
}

.set-gallery {
    margin-top: 60px;
}

.set-gallery__box {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 30px;
    gap: 30px;
    margin-top: 107px;
    padding: 0 30px;
}

@media screen and (max-width: 1900px) {
    .set-gallery__box {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media screen and (max-width: 1350px) {
    .set-gallery__box {
        margin-top: calc(8.85vw - 12.48px);
        grid-template-columns: repeat(5, 1fr);
    }
}

@media screen and (max-width: 1050px) {
    .set-gallery__box {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 850px) {
    .set-gallery__box {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 650px) {
    .set-gallery__box {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 480px) {
    .set-gallery__box {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 30px;
    }
}

.set-gallery__item-image {
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.set-gallery__item-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.set-gallery__item-title {
    margin-top: 5px;
    text-align: center;
}

.set-thruster {
    position: relative;
    margin-top: calc(18vw - 75px);
    padding-bottom: calc(456px - 24vw);
}

@media screen and (min-width: 1901px) {
    .set-thruster {
        margin-top: 267px;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 1350px) {
    .set-thruster {
        padding-bottom: calc(14.02vw - 57.31px);
        margin-top: calc(13.33vw - 12px);
    }
}

@media screen and (max-width: 480px) {
    .set-thruster {
        margin-top: 52px;
        padding-bottom: 10px;
    }
}

.set-thruster__inner {
    padding-left: 2px;
}

@media screen and (max-width: 1350px) {
    .set-thruster__inner {
        padding-left: 0;
    }
}

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

@media screen and (max-width: 1050px) {
    .set-thruster__box {
        flex-wrap: wrap;
        width: 100%;
    }
}

.set-thruster__box-info {
    max-width: 602px;
    width: 100%;
}

.transcript.set-thruster__text {
    margin-top: 14px;
    text-indent: 23px;
}

@media screen and (max-width: 960px) {
    .transcript.set-thruster__text {
        font-weight: 500;
        font-size: 18px;
        line-height: 23px;
    }
}

.transcript.set-thruster__text:before {
    left: 2px;
    width: 15px;
    top: 13px;
}

.title__accent.set-thruster__info-title {
    margin-top: 47px;
    padding-left: 30px;
}

@media screen and (max-width: 960px) {
    .title__accent.set-thruster__info-title {
        margin-top: 31px;
        padding-left: 0;
    }
}

@media screen and (max-width: 480px) {
    .title__accent.set-thruster__info-title {
        font-weight: 500;
        font-size: 18px;
        line-height: 23px;
    }
}

.set-thruster__info-list {
    margin-top: 13px;
    padding-left: 47px;
}

@media screen and (max-width: 960px) {
    .set-thruster__info-list {
        padding-left: 20px;
        margin-top: 16px;
        line-height: 24px;
    }
}

.set-thruster__info-list li+li {
    margin-top: 4px;
}

@media screen and (max-width: 960px) {
    .set-thruster__info-list li+li {
        margin-top: 10px;
    }
}

.set-thruster__info-item {
    position: relative;
}

.set-thruster__info-item:before {
    position: absolute;
    content: "";
    background-color: #00ca66;
    width: 15px;
    height: 1px;
    top: 16px;
    left: -20px;
}

@media screen and (max-width: 1350px) {
    .set-thruster__info-item:before {
        width: 10px;
        top: 15px;
        left: -16px;
    }
}

.set-thruster__box-product {
    margin-top: 36px;
    max-width: 520px;
    width: 100%;
    margin-left: 31px;
}

@media screen and (max-width: 1050px) {
    .set-thruster__box-product {
        margin-left: 0;
        margin-top: 21px;
    }
}

.set-thruster__box-product__name {
    font-weight: 700;
    font-size: 24px;
    line-height: 25px;
}

@media screen and (max-width: 480px) {
    .set-thruster__box-product__name {
        font-size: 22px;
        line-height: 22.37px;
    }
}

.set-thruster__box-product__price {
    font-weight: 700;
    font-size: 72px;
    line-height: 108px;
    margin-top: 19px;
}

@media screen and (max-width: 960px) {
    .set-thruster__box-product__price {
        font-size: 54px;
        line-height: 81px;
    }
}

@media screen and (max-width: 480px) {
    .set-thruster__box-product__price {
        font-size: 36px;
        line-height: 54px;
        margin-top: 8px;
    }
}

.set-thruster__box-product__link {
    max-width: 199px;
    margin-top: 27px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.set-thruster__box-product__link img {
    transition: all .4s linear;
}

.set-thruster__box-product__link:hover img {
    transform: translateX(4px);
}

@media screen and (max-width: 1050px) {
    .set-thruster__box-product__link {
        margin-top: 15px;
    }
}

@media screen and (max-width: 480px) {
    .set-thruster__box-product__link {
        max-width: 100%;
    }
}

.set-thruster__box-product__text {
    margin-top: 21px;
}

.set-thruster__box-image {
    position: relative;
    margin-top: calc(202.55px - 17.82vw);
    margin-left: auto;
    margin-right: -6px;
}

@media screen and (min-width: 1901px) {
    .set-thruster__box-image {
        margin-top: -136px;
    }
}

@media screen and (max-width: 1350px) {
    .set-thruster__box-image {
        margin-right: 1px;
        margin-top: calc(133px - 12.67vw);
        margin-left: calc(26.33vw - 355.5px);
    }
}

@media screen and (max-width: 1050px) {
    .set-thruster__box-image {
        order: -1;
        margin-top: 28px;
        margin-left: 0;
        margin-right: 74px;
        width: 100%;
    }
}

.set-thruster__img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

@media screen and (max-width: 1050px) {
    .set-thruster__img {
        max-width: 526px;
        margin: 0 auto;
    }
}

.set-thruster__field {
    position: absolute;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    width: 948px;
    height: 454px;
    bottom: calc(2.73vw - 195.82px);
    left: calc(16.54vw - 283.36px);
}

@media screen and (min-width: 1901px) {
    .set-thruster__field {
        bottom: -144px;
        left: 31px;
    }
}

@media screen and (max-width: 1350px) {
    .set-thruster__field {
        width: calc(42vw + 381px);
        height: calc(35.33vw - 23px);
        bottom: calc(340.5px - 37vw);
        left: -60px;
    }
}

@media screen and (max-width: 1050px) {
    .set-thruster__field {
        width: calc(32.46vw + 250.21px);
        height: calc(13.51vw + 129.16px);
        bottom: calc(-68.32px - 7.02vw);
        left: calc(55.96vw - 304.63px);
    }
}

@media screen and (max-width: 480px) {
    .set-thruster__field {
        width: 406px;
        height: 194px;
        left: -36px;
        bottom: -102px;
    }
}

.positioning {
    margin-top: calc(43.09vw - 581.73px);
}

@media screen and (min-width: 1901px) {
    .positioning {
        margin-top: 237px;
    }
}

@media screen and (max-width: 1350px) {
    .positioning {
        margin-top: calc(225px - 16.67vw);
    }
}

@media screen and (max-width: 1050px) {
    .positioning {
        margin-top: 50px;
    }
}

.positioning__inner {
    position: relative;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 1050px) {
    .positioning__inner {
        display: block;
    }
}

.positioning__box {
    max-width: 646px;
    width: 100%;
}

@media screen and (max-width: 1050px) {
    .positioning__box {
        max-width: 100%;
    }
}

.positioning__text {
    padding-left: 34px;
    margin-top: 52px;
    max-width: 597px;
    width: 100%;
    position: relative;
}

@media screen and (max-width: 1350px) {
    .positioning__text {
        padding-left: 29px;
        max-width: 520px;
    }
}

@media screen and (max-width: 960px) {
    .positioning__text {
        padding-left: 0;
        line-height: 24px;
        margin-top: 17px;
        padding-right: 17px;
    }
}

.positioning__text:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 134px;
    background-color: #00ca66;
    left: 4px;
    top: 0;
}

@media screen and (max-width: 1350px) {
    .positioning__text:before {
        left: -2px;
        top: 1px;
    }
}

@media screen and (max-width: 960px) {
    .positioning__text:before {
        display: none;
    }
}

.positioning__box-image__small {
    display: none;
}

@media screen and (max-width: 1050px) {
    .positioning__box-image__small {
        display: block;
        margin-top: 17px;
    }
}

.positioning__box-image__small img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.positioning__image {
    margin-top: calc(174.73px - 5.09vw);
    margin-right: calc(124.64px - 9.45vw);
    margin-left: -442px;
}

@media screen and (min-width: 1901px) {
    .positioning__image {
        margin-top: 78px;
        margin-right: -55px;
    }
}

@media screen and (max-width: 1350px) {
    .positioning__image {
        margin-top: 106px;
        margin-right: -3px;
    }
}

@media screen and (max-width: 1050px) {
    .positioning__image {
        display: none;
    }
}

.positioning__image img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.impact {
    margin-top: 45px;
    margin-bottom: 70px;
}

.impact__title {
    font-weight: 900;
    font-size: 56px;
    line-height: 101.7%;
}

@media screen and (max-width: 1350px) {
    .impact__title {
        font-size: calc(2.99vw + 15.66px);
    }
}

@media screen and (max-width: 480px) {
    .impact__title {
        font-size: 30px;
    }
}

.impact__text {
    margin-top: 20px;
}

.photo-thruster {
    margin-top: 71px;
}

.slider-thruster {
    margin-top: 204px;
}

@media screen and (max-width: 1350px) {
    .slider-thruster {
        margin-top: calc(8.16vw + 15.83px);
    }
}

@media screen and (max-width: 480px) {
    .slider-thruster {
        margin-top: 55px;
    }
}

.review-thruster {
    margin-top: 179px;
}

@media screen and (max-width: 1350px) {
    .review-thruster {
        margin-top: calc(11.61vw + 5.28px);
    }
}

@media screen and (max-width: 480px) {
    .review-thruster {
        margin-top: 61px;
    }
}

.form-thruster {
    margin-top: 158px;
}

@media screen and (max-width: 1350px) {
    .form-thruster {
        margin-top: calc(4.6vw + 25.93px);
    }
}

@media screen and (max-width: 480px) {
    .form-thruster {
        margin-top: 48px;
    }
}

.wrapper__simulators {
    background-color: #000;
    color: #fff;
}

.wrapper__simulators .preloader-second {
    background: linear-gradient(270deg, #171d22, #1d242b 23.5%, #252f38 47.78%, #29333d 74.74%, #2a3741);
}

.wrapper__simulators .line {
    background-color: #fff;
}

.wrapper__simulators .burger-menu__nav {
    background: linear-gradient(270deg, #171d22, #1d242b 23.5%, #252f38 47.78%, #29333d 74.74%, #2a3741);
}

.wrapper__simulators .burger-menu__item a,
.wrapper__simulators .burger-submenu__item a,
.wrapper__simulators .footer__bottom-info,
.wrapper__simulators .footer__logo-text,
.wrapper__simulators .footer__menu__link,
.wrapper__simulators .header__menu-link {
    color: #fff;
}

.wrapper__simulators .header__menu-item:hover .header-submenu__list {
    display: block;
}

.wrapper__simulators .header-submenu__item:hover a,
.wrapper__simulators .header__menu-item:hover .header__menu-link {
    color: #00ca66;
}

.wrapper__simulators .header-submenu__list {
    background: linear-gradient(270deg, #171d22, #1d242b 23.5%, #252f38 47.78%, #29333d 74.74%, #2a3741);
    color: #fff;
}

.wrapper__simulators .header-submenu__list li+li {
    margin-top: 14px;
}

.wrapper__simulators .header-submenu__list a {
    color: inherit;
}

.wrapper__simulators .burger-menu__arrow path {
    stroke: #fff;
}

.wrapper__simulators .phone__link a {
    color: #fff;
}

.wrapper__simulators .logo__def {
    display: none;
}

.wrapper__simulators .logo__white {
    display: block;
}

.wrapper__simulators .product__def {
    display: none;
}

.wrapper__simulators .product__black {
    display: block;
}

.wrapper__simulators .product-slider__content {
    background-color: rgba(65, 65, 65, .5);
    color: #fff;
}

.wrapper__simulators .social__item path {
    fill: #fff;
}

.wrapper__simulators .footer__submenu__link,
.wrapper__simulators .menu__middle-link {
    color: #c0c8d3;
}

.bg-black .footer__submenu__link {
    color: #c0c8d3;
}

.wrapper__simulators .success-modal {
    color: #000;
}

.btn.price__link:after,
.btn.simulators__link:after {
    position: absolute;
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 17px;
    top: 23px;
    transition: all .4s linear;
}

.btn.price__link:hover:after,
.btn.simulators__link:hover:after {
    right: 28px;
}

.simulators {
    position: relative;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #f4f6f9;
    margin-top: -68px;
    padding-top: calc(33.45vw - 330.64px);
}

@media screen and (min-width: 1901px) {
    .simulators {
        padding-top: 305px;
    }
}

@media screen and (max-width: 1350px) {
    .simulators {
        padding-top: calc(3.45vw + 74.45px);
    }
}

@media screen and (max-width: 960px) {
    .simulators {
        background-image: linear-gradient(270deg, #171d22, #1d242b 23.5%, #252f38 47.78%, #29333d 74.74%, #2a3741) !important;
    }
}

@media screen and (max-width: 480px) {
    .simulators {
        padding-top: 91px;
    }
}

@media(min-width: 1025px) {
    .simulators__title {
        max-width: 73%;
    }
}

.simulators__inner {
    position: relative;
    z-index: 1;
}

.simulators__shell {
    min-height: calc(14.73vw + 300.18px);
}

@media screen and (min-width: 1901px) {
    .simulators__shell {
        min-height: 580px;
    }
}

@media screen and (max-width: 1350px) {
    .simulators__shell {
        min-height: calc(21.84vw + 204.17px);
    }
}

@media screen and (max-width: 480px) {
    .simulators__shell {
        min-height: 309px;
    }
}

.title__description.simulators__description {
    text-indent: 51px;
    margin-top: 20px;
}

@media screen and (max-width: 1350px) {
    .title__description.simulators__description {
        text-indent: 41px;
    }
}

@media screen and (max-width: 645px) {
    .title__description.simulators__description {
        text-indent: 22px;
        margin-top: 13px;
    }
}

.title__description.simulators__description:before {
    width: 36px;
    background-color: #f4f6f9;
    top: 64%;
    left: 3px;
}

@media screen and (max-width: 1350px) {
    .title__description.simulators__description:before {
        width: 25px;
    }
}

@media screen and (max-width: 645px) {
    .title__description.simulators__description:before {
        width: 16px;
        top: 14px;
        left: 1px;
        height: 1px;
    }
}

.text.simulators__text {
    color: #c0c8d3;
    max-width: 552px;
    width: 100%;
    margin-top: 43px;
}

@media screen and (max-width: 1350px) {
    .text.simulators__text {
        margin-top: calc(3.91vw - 9.76px);
    }
}

@media screen and (max-width: 480px) {
    .text.simulators__text {
        margin-top: 9px;
    }
}

.btn.simulators__link {
    max-width: 230px;
    margin-top: 44px;
    padding-right: 28px;
}

@media screen and (max-width: 1350px) {
    .btn.simulators__link {
        margin-top: calc(2.41vw + 11.41px);
    }
}

@media screen and (max-width: 480px) {
    .btn.simulators__link {
        margin-top: 23px;
    }
}

.btn.simulators__link:after {
    right: 35px;
}

.simulators__scroll {
    position: relative;
    bottom: 53px;
}

@media screen and (max-width: 960px) {
    .simulators__scroll {
        display: none;
    }
}

.simulators__image-small {
    display: none;
}

@media screen and (max-width: 960px) {
    .simulators__image-small {
        display: block;
        margin-top: calc(432px - 105.42vw);
    }
}

@media screen and (max-width: 480px) {
    .simulators__image-small {
        margin-top: -74px;
    }
}

.simulators__image-small img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.composition {
    position: relative;
    padding-top: calc(25.45vw - 249.64px);
}

@media screen and (min-width: 1901px) {
    .composition {
        padding-top: 234px;
    }
}

@media screen and (max-width: 1350px) {
    .composition {
        padding-top: 94px;
    }
}

@media screen and (max-width: 1050px) {
    .composition {
        padding-top: 38px;
        background: linear-gradient(270deg, #13171a, #13181b 23.5%, #161b1f 47.78%, #1c2329 74.74%, #263039);
    }
}

.composition__inner {
    position: relative;
    z-index: 1;
}

.composition__shell {
    width: 100%;
    margin-left: auto;
    max-width: calc(13.64vw + 365.91px);
    min-height: calc(16.91vw + 558.73px);
}

@media screen and (min-width: 1901px) {
    .composition__shell {
        max-width: 625px;
        min-height: 880px;
    }
}

@media screen and (max-width: 1350px) {
    .composition__shell {
        max-width: 550px;
        min-height: calc(27.7vw + 413.03px);
    }
}

@media screen and (max-width: 1050px) {
    .composition__shell {
        min-height: 368px;
        margin-left: 0;
    }
}

.composition__box {
    margin-top: 21px;
    display: grid;
    grid-template-columns: repeat(2, auto);
}

@media screen and (max-width: 645px) {
    .composition__box {
        margin-top: 14px;
        grid-template-columns: repeat(1, auto);
    }
}

.list.composition__item {
    text-indent: 21px;
    line-height: 32px;
    color: #FFF;
}

.list.composition__item a {
    text-indent: 21px;
    line-height: 32px;
    text-align: left;
    color: #FFF;
    margin: -20px;
}

.list.composition__item:before {
    top: 18px;
}

.text.composition__text {
    color: #c0c8d3;
    margin-top: 50px;
}

@media screen and (max-width: 645px) {
    .text.composition__text {
        margin-top: 20px;
    }
}

.composition__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

@media screen and (max-width: 1350px) {
    .composition__image {
        left: calc(103.67vw - 1399.5px);
    }
}

@media screen and (max-width: 1050px) {
    .composition__image {
        position: relative;
        left: 0;
        margin-top: calc(58.97px - 5.62vw);
    }
}

@media screen and (max-width: 320px) {
    .composition__image {
        margin-top: 41px;
    }
}

.composition__image img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.destiny {
    margin-top: calc(28.18vw - 272.45px);
}

@media screen and (min-width: 1901px) {
    .destiny {
        margin-top: 263px;
    }
}

@media screen and (max-width: 1350px) {
    .destiny {
        margin-top: calc(6.67vw + 18px);
    }
}

@media screen and (max-width: 480px) {
    .destiny {
        margin-top: 50px;
    }
}

.destiny__inner {
    position: relative;
}

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

@media screen and (max-width: 1050px) {
    .destiny__box {
        flex-direction: column;
    }
}

.destiny__info {
    max-width: 565px;
    width: 100%;
    margin-right: 40px;
}

@media screen and (max-width: 960px) {
    .destiny__info {
        margin-right: 0;
    }
}

.text.destiny__info-text {
    margin-top: 41px;
}

@media screen and (max-width: 1050px) {
    .text.destiny__info-text {
        margin-top: 20px;
        line-height: 24px;
    }
}

.destiny__article {
    padding: 20px 50px 30px 30px;
    background: linear-gradient(0deg, rgba(0, 202, 102, .33), rgba(0, 202, 102, .33));
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    border-radius: 10px;
    margin-top: 31px;
}

@media screen and (max-width: 480px) {
    .destiny__article {
        margin-top: 60px;
        padding: 15px 20px;
    }
}

.destiny__article-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #f4f6f9;
}

.destiny__article-text {
    color: #c0c8d3;
    font-size: 13px;
    line-height: 19.5px;
    margin-top: 21px;
}

@media screen and (max-width: 480px) {
    .destiny__article-text {
        margin-top: 7px;
    }
}

.destiny__text {
    max-width: 509px;
    width: 100%;
    color: #c0c8d3;
    margin-top: 43px;
    margin-right: calc(13.45vw - 170.64px);
}

@media screen and (min-width: 1901px) {
    .destiny__text {
        margin-right: 85px;
    }
}

@media screen and (max-width: 1350px) {
    .destiny__text {
        margin-right: 11px;
    }
}

@media screen and (max-width: 1050px) {
    .destiny__text {
        margin-top: 30px;
        max-width: 100%;
        margin-right: 0;
    }
}

.destiny__text p+p {
    margin-top: 10px;
}

.destiny__image {
    margin-top: calc(-66.45px - 7.82vw);
}

@media screen and (min-width: 1901px) {
    .destiny__image {
        margin-top: -215px;
    }
}

@media screen and (max-width: 1350px) {
    .destiny__image {
        margin-top: -172px;
    }
}

@media screen and (max-width: 1050px) {
    .destiny__image {
        margin-top: 3px;
    }
}

.destiny__image img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.simulators-video {
    margin-top: calc(11.45vw - 210.64px);
}

@media screen and (min-width: 1901px) {
    .simulators-video {
        margin-top: 7px;
    }
}

@media screen and (max-width: 1350px) {
    .simulators-video {
        margin-top: calc(103.83px - 11.84vw);
    }
}

@media screen and (max-width: 480px) {
    .simulators-video {
        margin-top: 47px;
    }
}

.simulators-video__frame {
    position: absolute;
    bottom: 2px;
    right: 1px;
}

.simulators-video__title {
    text-align: center;
}

.simulators-video__text {
    text-align: center;
    font-size: 22px;
    line-height: 102%;
    margin-top: 15px;
}

@media screen and (max-width: 1050px) {
    .simulators-video__text {
        margin-top: 20px;
    }
}

.simulators-video__shell {
    position: relative;
    margin: 27px 8.28vw 0;
}

@media screen and (max-width: 1050px) {
    .simulators-video__shell {
        margin: 24px 0 0;
    }
}

.simulators-video__image {
    position: relative;
    z-index: 1;
}

.simulators-video__image>img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.video-player {
    z-index: -2;
}

.simulators-video__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border: none;
    background-color: transparent;
}

.simulators-video__btn img {
    width: 30px;
    height: 38px;
}

.size {
    margin-top: calc(19.27vw - 111.18px);
}

@media screen and (min-width: 1901px) {
    .size {
        margin-top: 255px;
    }
}

@media screen and (max-width: 1350px) {
    .size {
        margin-top: calc(12.41vw - 18.59px);
    }
}

@media screen and (max-width: 480px) {
    .size {
        margin-top: 41px;
    }
}

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

@media screen and (max-width: 1190px) {
    .size__inner {
        flex-direction: column;
    }
}

.size__info {
    max-width: 526px;
    width: 100%;
    margin-right: 356px;
}

@media screen and (max-width: 1350px) {
    .size__info {
        margin-right: -6px;
    }
}

@media screen and (max-width: 1190px) {
    .size__info {
        margin-right: 0;
    }
}

.transcript.size__description {
    padding-left: 28px;
    margin-top: 49px;
}

@media screen and (max-width: 960px) {
    .transcript.size__description {
        margin-top: 27px;
        padding-left: 23px;
    }
}

.transcript.size__description:before {
    background-color: #fff;
}

.transcript.size__description br {
    display: none;
}

@media screen and (max-width: 480px) {
    .transcript.size__description br {
        display: block;
    }
}

.title__accent.size__caption {
    padding-left: 30px;
    margin-top: 48px;
}

@media screen and (max-width: 960px) {
    .title__accent.size__caption {
        padding-left: 0;
        margin-top: 26px;
    }
}

.size__list {
    line-height: 32px;
    margin-top: 11px;
    padding-left: 30px;
}

@media screen and (max-width: 960px) {
    .size__list {
        padding-left: 0;
    }
}

.list.size__item {
    padding-left: 20px;
}

.list.size__item:before {
    top: 19px;
}

.size__image {
    margin-top: calc(90.27px - 10.91vw);
    margin-right: calc(-33.91px - 5.64vw);
}

@media screen and (min-width: 1901px) {
    .size__image {
        margin-top: -117px;
        margin-right: -141px;
    }
}

@media screen and (max-width: 1350px) {
    .size__image {
        margin-top: -57px;
        margin-right: -110px;
    }
}

@media screen and (max-width: 1190px) {
    .size__image {
        margin-top: 16px;
        margin-right: -10px;
        margin-left: -9px;
    }
}

.size__image img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.price {
    position: relative;
    margin-top: calc(16.73vw - 182.82px);
    padding-top: calc(24.36vw - 295.91px);
}

@media screen and (min-width: 1901px) {
    .price {
        margin-top: 135px;
        padding-top: 167px;
    }
}

@media screen and (max-width: 1350px) {
    .price {
        margin-top: 43px;
        padding-top: 33px;
    }
}

@media screen and (max-width: 480px) {
    .price {
        margin-top: 30px;
        padding-top: 0;
    }
}

.price .container {
    display: grid;
    grid-template-columns: 500px 1fr;
    position: relative;
}

@media screen and (max-width: 767px) {
    .price .container {
        grid-template: unset;
    }
}

.price__inner {
    z-index: 1;
    position: relative;
}

.price__info {
    min-height: calc(19.45vw + 284.36px);
}

@media screen and (min-width: 1901px) {
    .price__info {
        min-height: 654px;
    }
}

@media screen and (max-width: 1350px) {
    .price__info {
        min-height: 547px;
    }
}

@media screen and (max-width: 480px) {
    .price__info {
        min-height: 391px;
    }
}

.text.price__text {
    color: #c0c8d3;
    max-width: 500px;
    width: 100%;
    margin-top: 38px;
}

@media(max-width: 767px) {
    .text.price__text {
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .text.price__text {
        margin-top: 20px;
        line-height: 24px;
    }
}

.text.price__text span {
    color: #fff;
    font-weight: 700;
}

.text.price__text:before {
    top: 7px;
    height: 91%;
}

.price__product {
    font-weight: 700;
    padding-left: 30px;
    margin-top: 49px;
}

@media screen and (max-width: 960px) {
    .price__product {
        margin-top: 26px;
        padding-left: 0;
    }
}

.price__name {
    font-size: 24px;
    line-height: 102%;
}

@media screen and (max-width: 645px) {
    .price__name {
        display: none;
    }
}

.price__value {
    font-size: 72px;
    line-height: 150%;
    margin-top: -6px;
}

@media screen and (max-width: 645px) {
    .price__value {
        font-size: 36px;
    }
}

.btn.price__link {
    max-width: 230px;
    margin-top: 34px;
    padding-right: 22px;
}

@media screen and (max-width: 480px) {
    .btn.price__link {
        margin-top: 25px;
        max-width: 100%;
    }
}

.btn.price__link:after {
    right: 37px;
}

@media screen and (max-width: 480px) {
    .btn.price__link:after {
        right: calc(43.75vw - 70px);
    }
}

@media screen and (max-width: 320px) {
    .btn.price__link:after {
        top: 21px;
        right: 70px;
    }
}

.price__image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 66px;
}

.price__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .price__image {
        display: none;
    }
}

.slider-simulators {
    margin-top: 261px;
}

@media screen and (max-width: 1350px) {
    .slider-simulators {
        margin-top: 85px;
    }
}

@media screen and (max-width: 480px) {
    .slider-simulators {
        margin-top: 52px;
    }
}

.review-simulators {
    margin-top: 178px;
}

@media screen and (max-width: 1350px) {
    .review-simulators {
        margin-top: 161px;
    }
}

@media screen and (max-width: 480px) {
    .review-simulators {
        margin-top: 51px;
    }
}

.form-simulators {
    margin-top: 160px;
}

@media screen and (max-width: 1350px) {
    .form-simulators {
        margin-top: 89px;
    }
}

@media screen and (max-width: 480px) {
    .form-simulators {
        margin-top: 39px;
    }
}

.vue-treeselect-helper-zoom-effect-off {
    transform: none !important;
}

@keyframes vue-treeselect-animation-fade-in {
    0% {
        opacity: 0;
    }
}

@keyframes vue-treeselect-animation-bounce {

    0%,
    to {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
    }
}

@keyframes vue-treeselect-animation-rotate {
    to {
        transform: rotate(1turn);
    }
}

.vue-treeselect__multi-value-item--transition-enter-active,
.vue-treeselect__multi-value-item--transition-leave-active {
    transition-duration: .2s;
    transition-property: transform, opacity;
}

.vue-treeselect__multi-value-item--transition-enter-active {
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
}

.vue-treeselect__multi-value-item--transition-leave-active {
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    position: absolute;
}

.vue-treeselect__multi-value-item--transition-enter,
.vue-treeselect__multi-value-item--transition-leave-to {
    transform: scale(.7);
    opacity: 0;
}

.vue-treeselect__multi-value-item--transition-move {
    transition: transform .2s cubic-bezier(.165, .84, .44, 1);
}

.vue-treeselect {
    position: relative;
    text-align: left;
}

[dir=rtl] .vue-treeselect {
    text-align: right;
}

.vue-treeselect div,
.vue-treeselect span {
    box-sizing: border-box;
}

.vue-treeselect svg {
    fill: currentColor;
}

.vue-treeselect__control {
    padding-left: 5px;
    padding-right: 5px;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    transition-duration: .2s;
    transition-property: border-color, box-shadow, width, height, background-color, opacity;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover {
    border-color: #cfcfcf;
}

.vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control {
    border-color: #039be5;
    box-shadow: 0 0 0 3px rgba(3, 155, 229, .1);
}

.vue-treeselect--disabled .vue-treeselect__control {
    background-color: #f9f9f9;
}

.vue-treeselect--open .vue-treeselect__control {
    border-color: #cfcfcf;
}

.vue-treeselect--open.vue-treeselect--open-below .vue-treeselect__control {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.vue-treeselect--open.vue-treeselect--open-above .vue-treeselect__control {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.vue-treeselect__multi-value,
.vue-treeselect__value-container {
    width: 100%;
    vertical-align: middle;
}

.vue-treeselect__value-container {
    display: table-cell;
    position: relative;
}

.vue-treeselect--searchable:not(.vue-treeselect--disabled) .vue-treeselect__value-container {
    cursor: text;
}

.vue-treeselect__multi-value {
    display: inline-block;
}

.vue-treeselect--has-value .vue-treeselect__multi-value {
    margin-bottom: 5px;
}

.vue-treeselect__placeholder,
.vue-treeselect__single-value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    line-height: 34px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.vue-treeselect__placeholder {
    color: #bdbdbd;
}

.vue-treeselect__single-value {
    color: #333;
}

.vue-treeselect--focused.vue-treeselect--searchable .vue-treeselect__single-value {
    color: #bdbdbd;
}

.vue-treeselect--disabled .vue-treeselect__single-value {
    position: static;
}

.vue-treeselect__multi-value-item-container {
    display: inline-block;
    padding-top: 5px;
    padding-right: 5px;
    vertical-align: top;
}

[dir=rtl] .vue-treeselect__multi-value-item-container {
    padding-right: 0;
    padding-left: 5px;
}

.vue-treeselect__multi-value-item {
    display: inline-table;
    padding: 2px 0;
    border: 1px solid transparent;
    border-radius: 2px;
    font-size: 12px;
    vertical-align: top;
}

.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-disabled):hover .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new):hover,
.vue-treeselect__multi-value-item {
    cursor: pointer;
    background: #e3f2fd;
    color: #039be5;
}

.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-disabled {
    cursor: default;
    background: #f5f5f5;
    color: #757575;
}

.vue-treeselect--disabled .vue-treeselect__multi-value-item {
    cursor: default;
    background: #fff;
    border-color: #e5e5e5;
    color: #555;
}

.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new,
.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new:hover {
    background: #e8f5e9;
}

.vue-treeselect__multi-value-label,
.vue-treeselect__value-remove {
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle;
}

.vue-treeselect__value-remove {
    color: #039be5;
    padding-left: 5px;
    border-left: 1px solid #fff;
    line-height: 0;
}

[dir=rtl] .vue-treeselect__value-remove {
    border-left: 0;
    border-right: 1px solid #fff;
}

.vue-treeselect__multi-value-item:hover .vue-treeselect__value-remove {
    color: #e53935;
}

.vue-treeselect--disabled .vue-treeselect__value-remove,
.vue-treeselect__multi-value-item-disabled .vue-treeselect__value-remove {
    display: none;
}

.vue-treeselect__value-remove>svg {
    width: 6px;
    height: 6px;
}

.vue-treeselect__multi-value-label {
    padding-right: 5px;
    white-space: pre-line;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.vue-treeselect__limit-tip {
    display: inline-block;
    padding-top: 5px;
    padding-right: 5px;
    vertical-align: top;
}

[dir=rtl] .vue-treeselect__limit-tip {
    padding-right: 0;
    padding-left: 5px;
}

.vue-treeselect__limit-tip-text {
    cursor: default;
    display: block;
    margin: 2px 0;
    padding: 1px 0;
    color: #bdbdbd;
    font-size: 12px;
    font-weight: 600;
}

.vue-treeselect__input-container {
    display: block;
    max-width: 100%;
    outline: none;
}

.vue-treeselect--single .vue-treeselect__input-container {
    font-size: inherit;
    height: 100%;
}

.vue-treeselect--multi .vue-treeselect__input-container {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
}

.vue-treeselect--searchable .vue-treeselect__input-container {
    padding-left: 5px;
    padding-right: 5px;
}

.vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container {
    padding-top: 5px;
    padding-left: 0;
}

[dir=rtl] .vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container {
    padding-left: 5px;
    padding-right: 0;
}

.vue-treeselect--disabled .vue-treeselect__input-container {
    display: none;
}

.vue-treeselect__input,
.vue-treeselect__sizer {
    margin: 0;
    line-height: inherit;
    font-family: inherit;
    font-size: inherit;
}

.vue-treeselect__input {
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    box-sizing: content-box;
    box-shadow: none;
    background: none transparent;
    line-height: 1;
    vertical-align: middle;
}

.vue-treeselect__input::-ms-clear {
    display: none;
}

.vue-treeselect--single .vue-treeselect__input {
    width: 100%;
    height: 100%;
}

.vue-treeselect--multi .vue-treeselect__input {
    padding-top: 3px;
    padding-bottom: 3px;
}

.vue-treeselect--has-value .vue-treeselect__input {
    line-height: inherit;
    vertical-align: top;
}

.vue-treeselect__sizer {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    height: 0;
    overflow: scroll;
    white-space: pre;
}

.vue-treeselect__x-container {
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    text-align: center;
    line-height: 0;
    cursor: pointer;
    color: #ccc;
    animation: vue-treeselect-animation-fade-in .2s cubic-bezier(.075, .82, .165, 1);
}

.vue-treeselect__x-container:hover {
    color: #e53935;
}

.vue-treeselect__x {
    width: 8px;
    height: 8px;
}

.vue-treeselect__control-arrow-container {
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    text-align: center;
    line-height: 0;
    cursor: pointer;
}

.vue-treeselect--disabled .vue-treeselect__control-arrow-container {
    cursor: default;
}

.vue-treeselect__control-arrow {
    width: 9px;
    height: 9px;
    color: #ccc;
}

.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__control-arrow-container:hover .vue-treeselect__control-arrow {
    color: #616161;
}

.vue-treeselect--disabled .vue-treeselect__control-arrow {
    opacity: .35;
}

.vue-treeselect__control-arrow--rotated {
    transform: rotate(180deg);
}

.vue-treeselect__menu-container {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: visible;
    transition: 0s;
}

.vue-treeselect--open-below:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
    top: 100%;
}

.vue-treeselect--open-above:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
    bottom: 100%;
}

.vue-treeselect__menu {
    cursor: default;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    width: auto;
    border: 1px solid #cfcfcf;
    background: #fff;
    line-height: 180%;
    -webkit-overflow-scrolling: touch;
}

.vue-treeselect--open-below .vue-treeselect__menu {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    top: 0;
    margin-top: -1px;
    border-top-color: #f2f2f2;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
}

.vue-treeselect--open-above .vue-treeselect__menu {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    bottom: 0;
    margin-bottom: -1px;
    border-bottom-color: #f2f2f2;
}

.vue-treeselect__indent-level-0 .vue-treeselect__option {
    padding-left: 5px;
}

[dir=rtl] .vue-treeselect__indent-level-0 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 5px;
}

.vue-treeselect__indent-level-0 .vue-treeselect__tip {
    padding-left: 25px;
}

[dir=rtl] .vue-treeselect__indent-level-0 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 25px;
}

.vue-treeselect__indent-level-1 .vue-treeselect__option {
    padding-left: 25px;
}

[dir=rtl] .vue-treeselect__indent-level-1 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 25px;
}

.vue-treeselect__indent-level-1 .vue-treeselect__tip {
    padding-left: 45px;
}

[dir=rtl] .vue-treeselect__indent-level-1 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 45px;
}

.vue-treeselect__indent-level-2 .vue-treeselect__option {
    padding-left: 45px;
}

[dir=rtl] .vue-treeselect__indent-level-2 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 45px;
}

.vue-treeselect__indent-level-2 .vue-treeselect__tip {
    padding-left: 65px;
}

[dir=rtl] .vue-treeselect__indent-level-2 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 65px;
}

.vue-treeselect__indent-level-3 .vue-treeselect__option {
    padding-left: 65px;
}

[dir=rtl] .vue-treeselect__indent-level-3 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 65px;
}

.vue-treeselect__indent-level-3 .vue-treeselect__tip {
    padding-left: 85px;
}

[dir=rtl] .vue-treeselect__indent-level-3 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 85px;
}

.vue-treeselect__indent-level-4 .vue-treeselect__option {
    padding-left: 85px;
}

[dir=rtl] .vue-treeselect__indent-level-4 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 85px;
}

.vue-treeselect__indent-level-4 .vue-treeselect__tip {
    padding-left: 105px;
}

[dir=rtl] .vue-treeselect__indent-level-4 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 105px;
}

.vue-treeselect__indent-level-5 .vue-treeselect__option {
    padding-left: 105px;
}

[dir=rtl] .vue-treeselect__indent-level-5 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 105px;
}

.vue-treeselect__indent-level-5 .vue-treeselect__tip {
    padding-left: 125px;
}

[dir=rtl] .vue-treeselect__indent-level-5 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 125px;
}

.vue-treeselect__indent-level-6 .vue-treeselect__option {
    padding-left: 125px;
}

[dir=rtl] .vue-treeselect__indent-level-6 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 125px;
}

.vue-treeselect__indent-level-6 .vue-treeselect__tip {
    padding-left: 145px;
}

[dir=rtl] .vue-treeselect__indent-level-6 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 145px;
}

.vue-treeselect__indent-level-7 .vue-treeselect__option {
    padding-left: 145px;
}

[dir=rtl] .vue-treeselect__indent-level-7 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 145px;
}

.vue-treeselect__indent-level-7 .vue-treeselect__tip {
    padding-left: 165px;
}

[dir=rtl] .vue-treeselect__indent-level-7 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 165px;
}

.vue-treeselect__indent-level-8 .vue-treeselect__option {
    padding-left: 165px;
}

[dir=rtl] .vue-treeselect__indent-level-8 .vue-treeselect__option {
    padding-left: 5px;
    padding-right: 165px;
}

.vue-treeselect__indent-level-8 .vue-treeselect__tip {
    padding-left: 185px;
}

[dir=rtl] .vue-treeselect__indent-level-8 .vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 185px;
}

.vue-treeselect__option {
    padding-left: 5px;
    padding-right: 5px;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.vue-treeselect__option--highlight {
    background: #f5f5f5;
}

.vue-treeselect--single .vue-treeselect__option--selected {
    background: #e3f2fd;
    font-weight: 600;
}

.vue-treeselect--single .vue-treeselect__option--selected:hover {
    background: #e3f2fd;
}

.vue-treeselect__option--hide {
    display: none;
}

.vue-treeselect__option-arrow-container,
.vue-treeselect__option-arrow-placeholder {
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    text-align: center;
    line-height: 0;
}

.vue-treeselect__option-arrow-container {
    cursor: pointer;
}

.vue-treeselect__option-arrow {
    display: inline-block;
    width: 9px;
    height: 9px;
    color: #ccc;
    vertical-align: middle;
    transition: transform .2s cubic-bezier(.19, 1, .22, 1);
    transform: rotate(-90deg);
}

[dir=rtl] .vue-treeselect__option-arrow {
    transform: rotate(90deg);
}

.vue-treeselect--branch-nodes-disabled .vue-treeselect__option:hover .vue-treeselect__option-arrow,
.vue-treeselect__option-arrow-container:hover .vue-treeselect__option-arrow {
    color: #616161;
}

.vue-treeselect__option-arrow--rotated,
[dir=rtl] .vue-treeselect__option-arrow--rotated {
    transform: rotate(0);
}

.vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
    transform: rotate(-90deg) !important;
}

[dir=rtl] .vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
    transform: rotate(90deg) !important;
}

.vue-treeselect__label-container {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    display: table;
    width: 100%;
    table-layout: fixed;
    color: inherit;
}

.vue-treeselect__option--disabled .vue-treeselect__label-container {
    cursor: not-allowed;
    color: rgba(0, 0, 0, .25);
}

.vue-treeselect__checkbox-container {
    display: table-cell;
    width: 20px;
    min-width: 20px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.vue-treeselect__checkbox {
    display: block;
    margin: auto;
    width: 12px;
    height: 12px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    position: relative;
    transition: all .2s cubic-bezier(.075, .82, .165, 1);
}

.vue-treeselect__check-mark,
.vue-treeselect__minus-mark {
    display: block;
    position: absolute;
    left: 1px;
    top: 1px;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all .2s ease;
}

.vue-treeselect__minus-mark {
    width: 8px;
    height: 8px;
    background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAAD///////zeKVjAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=");
    background-size: 8px 8px;
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution:1.5dppx) {
    .vue-treeselect__minus-mark {
        background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==")
    }
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi) {
    .vue-treeselect__minus-mark {
        background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==")
    }
}

@media (-webkit-min-device-pixel-ratio: 3),
(min-resolution:288dpi) {
    .vue-treeselect__minus-mark {
        background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==")
    }
}

.vue-treeselect__checkbox--indeterminate>.vue-treeselect__minus-mark {
    opacity: 1;
}

.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
    background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAADi4uLh4eHOxeSRAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=")
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution:1.5dppx) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
        background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==")
    }
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
        background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==")
    }
}

@media (-webkit-min-device-pixel-ratio: 3),
(min-resolution:288dpi) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAADh4eHg4ODNzc3h4eEYfw2wAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==")
    }
}

.vue-treeselect__check-mark {
    width: 8px;
    height: 8px;
    background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMA8u24NxILB+Tawb6jiH1zRz0xIQIIP3GUAAAAMklEQVQI1y3FtQEAMQDDQD+EGbz/qkEVOpyEOP6PudKjZNSXn4Jm2CKRdBKzSLsFWl8fMG0Bl6Jk1rMAAAAASUVORK5CYII=");
    background-size: 8px 8px;
    transform: scaleY(.125);
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution:1.5dppx) {
    .vue-treeselect__check-mark {
        background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC")
    }
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi) {
    .vue-treeselect__check-mark {
        background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC")
    }
}

@media (-webkit-min-device-pixel-ratio: 3),
(min-resolution:288dpi) {
    .vue-treeselect__check-mark {
        background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA/PiJhGNI9XlEHJB/b2ldV08+Oibk49vPp6QhAYgGBuwAAACCSURBVCjPrdHdDoIwDAXgTWAqCigo/+f9X5OwnoUwtis4V92XNWladUl+rzQPeQJAN2EHxoOnsPn7/oYk8fxBv08Rr/deOH/aZ2Nm8ZJ+s573QGfWKnNuZGzWm3+lv2V3pcU1XQ385/yjmBoM3Z+dXvlbYLLD3ujhTaOM3KaIXvNkFkuSEvYy1LqOAAAAAElFTkSuQmCC")
    }
}

.vue-treeselect__checkbox--checked>.vue-treeselect__check-mark {
    opacity: 1;
    transform: scaleY(1);
}

.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
    background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAP1BMVEUAAADj4+Pf39/h4eHh4eHh4eHk5OTh4eHg4ODi4uLh4eHh4eHg4ODh4eHh4eHg4ODh4eHh4eHp6en////h4eFqcyvUAAAAFHRSTlMAOQfy7bgS5NrBvqOIfXNHMSELAgQ/iFsAAAA2SURBVAjXY4AANjYIzcjMAaVFuBkY+RkEWERYmRjYRXjANAOfiIgIFxNIAa8IpxBEi6AwiAQAK2MBd7xY8csAAAAASUVORK5CYII=")
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution:1.5dppx) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
        background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==")
    }
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
        background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==")
    }
}

@media (-webkit-min-device-pixel-ratio: 3),
(min-resolution:288dpi) {
    .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
        background-image: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEUAAADh4eHh4eHh4eHh4eHi4uLi4uLh4eHh4eHh4eHf39/j4+Ph4eHh4eHh4eHg4ODi4uLh4eHh4eHi4uLh4eHh4eHh4eHh4eHh4eH////h4eF3FMFTAAAAGnRSTlMA+/eJhGhfSHE9JBzz5KaQf3pXT0Xbz0I5AYDw8F0AAAB+SURBVCjPrdHbDoMgEEVRKAii1dZe9fz/hxplTiKIT7qfYCWTEEZdUvOwbckNAD2WHeh3brHW5f5EzGQ+iN+b1Gt6KPvtv16Dn6JX9M9ya3/A1yfu5dlyduL6Hec7mXY6ddXLPP2lpABGZ8PWXfYLTJxZekVhhl7eTX24zZPNKXoRC7zQLjUAAAAASUVORK5CYII=")
    }
}

.vue-treeselect__checkbox--unchecked {
    border-color: #e0e0e0;
    background: #fff;
}

.vue-treeselect__label-container:hover .vue-treeselect__checkbox--unchecked {
    border-color: #039be5;
    background: #fff;
}

.vue-treeselect__checkbox--checked,
.vue-treeselect__checkbox--indeterminate,
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked,
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--indeterminate {
    border-color: #039be5;
    background: #039be5;
}

.vue-treeselect__checkbox--disabled,
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--disabled {
    border-color: #e0e0e0;
    background-color: #f7f7f7;
}

.vue-treeselect__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: table-cell;
    padding-left: 5px;
    max-width: 100%;
    vertical-align: middle;
    cursor: inherit;
}

[dir=rtl] .vue-treeselect__label {
    padding-left: 0;
    padding-right: 5px;
}

.vue-treeselect__count {
    margin-left: 5px;
    font-weight: 400;
    opacity: .6;
}

[dir=rtl] .vue-treeselect__count {
    margin-left: 0;
    margin-right: 5px;
}

.vue-treeselect__tip {
    padding-left: 5px;
    padding-right: 5px;
    display: table;
    table-layout: fixed;
    width: 100%;
    color: #757575;
}

.vue-treeselect__tip-text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 12px;
}

.vue-treeselect__error-tip .vue-treeselect__retry {
    cursor: pointer;
    margin-left: 5px;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    color: #039be5;
}

[dir=rtl] .vue-treeselect__error-tip .vue-treeselect__retry {
    margin-left: 0;
    margin-right: 5px;
}

.vue-treeselect__icon-container {
    display: table-cell;
    vertical-align: middle;
    width: 20px;
    text-align: center;
    line-height: 0;
}

.vue-treeselect--single .vue-treeselect__icon-container {
    padding-left: 5px;
}

[dir=rtl] .vue-treeselect--single .vue-treeselect__icon-container {
    padding-left: 0;
    padding-right: 5px;
}

.vue-treeselect__icon-warning {
    display: block;
    margin: auto;
    border-radius: 50%;
    position: relative;
    width: 12px;
    height: 12px;
    background: #fb8c00;
}

.vue-treeselect__icon-warning:after {
    display: block;
    position: absolute;
    content: "";
    left: 5px;
    top: 2.5px;
    width: 2px;
    height: 1px;
    border-color: #fff;
    border-style: solid;
    border-width: 5px 0 1px;
}

.vue-treeselect__icon-error {
    display: block;
    margin: auto;
    border-radius: 50%;
    position: relative;
    width: 12px;
    height: 12px;
    background: #e53935;
}

.vue-treeselect__icon-error:after,
.vue-treeselect__icon-error:before {
    display: block;
    position: absolute;
    content: "";
    background: #fff;
    transform: rotate(45deg);
}

.vue-treeselect__icon-error:before {
    width: 6px;
    height: 2px;
    left: 3px;
    top: 5px;
}

.vue-treeselect__icon-error:after {
    width: 2px;
    height: 6px;
    left: 5px;
    top: 3px;
}

.vue-treeselect__icon-loader {
    display: block;
    margin: auto;
    position: relative;
    width: 12px;
    height: 12px;
    text-align: center;
    animation: vue-treeselect-animation-rotate 1.6s linear infinite;
}

.vue-treeselect__icon-loader:after,
.vue-treeselect__icon-loader:before {
    border-radius: 50%;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .6;
    animation: vue-treeselect-animation-bounce 1.6s ease-in-out infinite;
}

.vue-treeselect__icon-loader:before {
    background: #039be5;
}

.vue-treeselect__icon-loader:after {
    background: #b3e5fc;
    animation-delay: -.8s;
}

.vue-treeselect__menu-placeholder {
    display: none;
}

.vue-treeselect__portal-target {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    overflow: visible;
    box-sizing: border-box;
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

.ps__rail-x {
    height: 15px;
    bottom: 0;
}

.ps__rail-x,
.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    position: absolute;
}

.ps__rail-y {
    width: 15px;
    right: 0;
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
    opacity: .6;
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9;
}

.ps__thumb-x {
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
}

.ps__thumb-x,
.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position: absolute;
}

.ps__thumb-y {
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 2px;
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
    background-color: #999;
    height: 11px;
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
    background-color: #999;
    width: 11px;
}

@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media (-ms-high-contrast: none),
screen and (-ms-high-contrast:active) {
    .ps {
        overflow: auto !important;
    }
}

.ps-container {
    position: relative;
}

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

.dealer-buy__title {
    margin-top: 42px;
    font-size: 700px;
    font-size: 32px;
    line-height: 40px;
}

@media screen and (max-width: 480px) {
    .dealer-buy__title {
        font-size: 20px;
        line-height: 22px;
    }
}

.dealer-buy__form {
    margin-top: 48px;
    padding: 0 10px;
    width: 100%;
}

.dealer-buy__label {
    max-width: 626px;
    width: 100%;
}

.dealer-buy__input {
    width: 100%;
    border: 1px solid #91979c;
    border-radius: 40px;
    padding: 16px 20px 16px 46px;
}

@media screen and (max-width: 1350px) {
    .dealer-buy__input {
        padding-left: calc(2.99vw + 5.66px);
    }
}

@media screen and (max-width: 480px) {
    .dealer-buy__input {
        padding: 16px 20px;
    }
}

.dealer-buy__input::-moz-placeholder {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #91979c;
}

.dealer-buy__input::placeholder {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #91979c;
}

.dealer-buy__box {
    margin-top: 30px;
    padding: 66px 111px 52px;
    background: #f4f6f9;
    width: 100%;
}

@media screen and (max-width: 1350px) {
    .dealer-buy__box {
        padding: calc(4.14vw + 10.14px) calc(11.61vw - 45.72px) calc(5.98vw - 28.69px);
    }
}

@media screen and (max-width: 480px) {
    .dealer-buy__box {
        padding: 30px 10px 0;
    }
}

.dealer-buy__select {
    max-width: 626px;
    width: 100%;
    margin: 0 auto;
}

.dealer-buy__select .vue-treeselect {
    max-width: 626px;
    width: 100%;
    font-family: "Arial", sans-serif;
    outline: none;
}

.dealer-buy__select .vue-treeselect__control {
    border-color: #91979c;
    padding-left: 13px;
    padding-right: 20px;
    height: 60px;
    border-bottom-left-radius: 40px !important;
    border-bottom-right-radius: 40px !important;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}

.dealer-buy__select .vue-treeselect__value-container {
    display: flex;
    align-items: center;
    height: 100%;
}

.dealer-buy__select .vue-treeselect,
.dealer-buy__select .vue-treeselect--focused,
.dealer-buy__select .vue-treeselect--multi,
.dealer-buy__select .vue-treeselect--open,
.dealer-buy__select .vue-treeselect--open.vue-treeselect--open-below,
.dealer-buy__select .vue-treeselect--searchable {
    box-shadow: none;
    outline: none;
    border: none;
    border-bottom-left-radius: 40px !important;
    border-bottom-right-radius: 40px !important;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}

.dealer-buy__select .vue-treeselect__control-arrow-container {
    display: none;
}

.dealer-buy__select .vue-treeselect__input-container {
    height: 100%;
    padding: 0;
}

.dealer-buy__select .vue-treeselect__input {
    padding-top: 0;
    font-size: 18px;
    line-height: 28px;
    font-family: "Arial", sans-serif;
    color: #000;
    height: 100%;
    margin-left: 33px;
}

.dealer-buy__select .vue-treeselect__menu {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: 0 6px 6px rgba(0, 202, 102, .05);
    padding-top: 23px;
    padding-bottom: 23px;
    z-index: 1000;
    top: 1px;
    border: none;
}

.dealer-buy__select .vue-treeselect__menu::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
    max-height: 200px;
    border-radius: 5px;
    margin-right: 5px;
}

.dealer-buy__select .vue-treeselect__menu::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #00ca66;
}

.dealer-buy__select .vue-treeselect__menu::-webkit-scrollbar-track {
    height: 200px;
}

.dealer-buy__select .vue-treeselect__menu::-webkit-scrollbar-track-piece:end {
    margin-bottom: 15px;
    background: #c4c4c4;
}

.dealer-buy__select .vue-treeselect__menu::-webkit-scrollbar-track-piece:start {
    margin-top: 15px;
    background: #c4c4c4;
}

.dealer-buy__select .vue-treeselect__list {
    line-height: 28px;
    font-size: 18px;
    font-weight: 400;
    font-family: "Arial", sans-serif;
    color: #000;
}

.dealer-buy__select .vue-treeselect__list-item {
    height: 42px;
}

.dealer-buy__select .vue-treeselect__option {
    padding-left: 52px;
    height: 100%;
    display: flex;
    align-items: center;
}

.dealer-buy__select .vue-treeselect__label {
    padding-left: 0;
    font-weight: 700;
}

.dealer-buy__select .vue-treeselect__option--highlight {
    background: rgba(0, 202, 102, .1);
}

.dealer-buy__select .vue-treeselect__checkbox-container {
    display: none;
}

.dealer-buy__select .vue-treeselect__placeholder {
    line-height: 28px;
    font-size: 18px;
    font-weight: 400;
    font-family: "Arial", sans-serif;
    color: #91979c;
    top: 16px;
    padding-left: 0;
    margin-left: 33px;
}

.dealer-buy__select .vue-treeselect__multi-value {
    height: 40px;
    margin-bottom: 0;
}

.dealer-buy__select .vue-treeselect__multi-value-item-container {
    height: 100%;
    padding-top: 0;
}

.dealer-buy__select .vue-treeselect__multi-value-item {
    background: #00ca66;
    color: #fff !important;
    line-height: 28px;
    font-size: 18px;
    font-weight: 700;
    font-family: "Arial", sans-serif;
    border: none;
    padding: 0 14.5px 0 23px;
    height: 40px;
    border-radius: 100px;
}

.dealer-buy__select .vue-treeselect__multi-value-item:hover svg {
    color: #fff;
}

.dealer-buy__select .vue-treeselect__multi-value-label {
    padding-right: 10px;
}

.dealer-buy__select .vue-treeselect__value-remove {
    padding: 0;
}

.dealer-buy__select .vue-treeselect__icon {
    color: #fff;
    border-left: none;
    height: 40px;
}

.dealer-buy__select .vue-treeselect__icon svg {
    width: 11px;
    height: 11px;
}

.dealer-buy__select .vue-treeselect--open-above:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
    top: 100%;
    bottom: 0;
}

.dealer-buy__select .vue-treeselect--open.vue-treeselect--open-above .vue-treeselect__control {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dealer-buy__select .vue-treeselect__indent-level-0 .vue-treeselect__option {
    padding-left: 46px;
}

.dealer-selection {
    display: flex;
    flex-wrap: wrap;
    margin-left: -65px;
    justify-content: flex-start;
}

@media screen and (max-width: 1350px) {
    .dealer-selection {
        margin-left: calc(-4.02vw - 10.69px);
    }
}

@media screen and (max-width: 700px) {
    .dealer-selection {
        margin-left: -38.83px;
    }
}

@media screen and (max-width: 480px) {
    .dealer-selection {
        margin-left: -30px;
    }
}

.dealer-selection__item {
    width: 20%;
    margin-bottom: 40px;
    margin-left: 65px;
    flex-basis: calc(20% - 65px);
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 1350px) {
    .dealer-selection__item {
        width: 25%;
        flex-basis: calc(25% - 4.02vw - 10.69px);
        margin-bottom: calc(1.72vw + 16.72px);
        margin-left: calc(4.02vw + 10.69px);
    }
}

@media screen and (max-width: 1050px) {
    .dealer-selection__item {
        width: 33.3333%;
        flex-basis: calc(33.3333% - 4.02vw - 10.72px);
    }
}

@media screen and (max-width: 700px) {
    .dealer-selection__item {
        width: 50%;
        flex-basis: calc(50% - 38.83px);
        flex-basis: calc(50% - 4.02vw - 10.72px);
    }
}

@media screen and (max-width: 480px) {
    .dealer-selection__item {
        margin-bottom: 25px;
        width: 100%;
        flex-basis: 100%;
        margin-left: 30px;
    }
}

.dealer-selection__city {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #000;
}

.dealer-selection__city:hover {
    color: #00ca66;
}

.dealer-selection__company,
.dealer-selection__phone {
    margin-top: 6px;
}

.dealer-selection__site {
    color: #00ca66;
    text-decoration: underline;
    margin-top: 6px;
}

.buy__inner {
    margin-top: calc(8.91vw - 65.27px);
}

@media screen and (max-width: 1350px) {
    .buy__inner {
        margin-top: calc(6.67vw - 35px);
    }
}

@media screen and (max-width: 1050px) {
    .buy__inner {
        margin-top: 35px;
    }
}

.buy__caption {
    font-weight: 900;
    font-size: 24px;
    line-height: 24.41px;
    color: #00ca66;
}

@media screen and (max-width: 480px) {
    .buy__caption {
        font-size: 20px;
        line-height: 22px;
    }
}

.title.buy__title {
    line-height: 66.1px;
    margin-top: 17px;
    max-width: 630px;
}

@media screen and (max-width: 960px) {
    .title.buy__title {
        font-size: 45px;
        line-height: 47px;
    }
}

@media screen and (max-width: 650px) {
    .title.buy__title {
        font-size: 35px;
        line-height: 37px;
    }
}

@media screen and (max-width: 480px) {
    .title.buy__title {
        font-size: 30px;
        line-height: 31.5px;
    }
}

.buy__box {
    display: flex;
    justify-content: space-between;
    margin-top: 41px;
}

@media screen and (max-width: 1050px) {
    .buy__box {
        flex-direction: column;
    }
}

.buy__item-info {
    max-width: 564px;
    width: 100%;
    margin-right: calc(51.64vw - 656.09px);
}

@media screen and (min-width: 1901px) {
    .buy__item-info {
        margin-right: 325px;
    }
}

@media screen and (max-width: 1350px) {
    .buy__item-info {
        margin-right: 41px;
    }
}

@media screen and (max-width: 1050px) {
    .buy__item-info {
        margin-right: 0;
        margin-top: 41px;
    }
}

.buy__text {
    position: relative;
    padding-left: 30px;
}

@media screen and (max-width: 960px) {
    .buy__text {
        padding-left: 0;
    }
}

.buy__text:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 136px;
    top: 7px;
    left: 0;
    background-color: #00ca66;
}

@media screen and (max-width: 960px) {
    .buy__text:before {
        display: none;
    }
}

.buy__text p+p {
    margin-top: 10px;
}

.buy__link {
    max-width: 206px;
    margin-top: 33px;
}

@media screen and (max-width: 480px) {
    .buy__link {
        max-width: 100%;
    }
}

.buy__article {
    padding: 21px 32px 33px;
    background: linear-gradient(0deg, rgba(0, 202, 102, .1), rgba(0, 202, 102, .1));
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    border-radius: 10px;
    margin-top: 32px;
}

@media screen and (max-width: 600px) {
    .buy__article {
        padding: calc(48.86px - 4.64vw) calc(7.86vw - 15.14px) 33px;
    }
}

@media screen and (max-width: 320px) {
    .buy__article {
        padding: 34px 10px 33px;
    }
}

.buy__article-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
}

.buy__article-text {
    font-size: 13px;
    line-height: 19.5px;
    margin-top: 20px;
}

.buy__item-image {
    position: relative;
    margin-top: calc(-111.82px - 5.27vw);
    margin-right: calc(10.73vw - 146.82px);
    z-index: -1;
}

@media screen and (max-width: 1350px) {
    .buy__item-image {
        margin-top: calc(388.5px - 42.33vw);
        margin-right: -2px;
    }
}

@media screen and (max-width: 1050px) {
    .buy__item-image {
        order: -1;
        margin-top: 0;
    }
}

.buy__item-image:after {
    position: absolute;
    background-image: url(/local/templates/ca_main/assets/images/icon/package-bg.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    width: 948px;
    height: 454px;
    z-index: -1;
    bottom: -74px;
    left: calc(32vw - 638px);
}

@media screen and (max-width: 1350px) {
    .buy__item-image:after {
        bottom: -71px;
        left: -206px;
    }
}

@media screen and (max-width: 1050px) {
    .buy__item-image:after {
        width: calc(72.47vw + 187.11px);
        height: calc(34.66vw + 90.1px);
        left: calc(10.96vw - 15.07px);
    }
}

@media screen and (max-width: 320px) {
    .buy__item-image:after {
        width: 419px;
        height: 201px;
        left: 20px;
    }
}

.buy__item-image img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.regions {
    position: relative;
    margin-top: calc(13.09vw - 60.73px);
    padding-top: calc(219.18px - 9.27vw);
    padding-bottom: calc(426.36px - 10.55vw);
}

@media screen and (min-width: 1901px) {
    .regions {
        margin-top: 188px;
        padding-top: 43px;
        padding-bottom: 226px;
    }
}

@media screen and (max-width: 1350px) {
    .regions {
        margin-top: calc(4.6vw + 53.93px);
        padding-top: calc(10.8vw - 51.86px);
        padding-bottom: 284px;
    }
}

@media screen and (max-width: 600px) {
    .regions {
        margin-top: 76px;
        padding-top: 0;
        padding-bottom: calc(50.36vw - 18.14px);
    }
}

@media screen and (max-width: 320px) {
    .regions {
        padding-bottom: 143px;
    }
}

.regions-image {
    position: absolute;
    transform: rotate(360.31deg);
    top: calc(233.18px - 17.27vw);
    right: calc(3.64vw + 28.91px);
    left: 79px;
    z-index: -1;
}

@media screen and (min-width: 1901px) {
    .regions-image {
        top: -95px;
        right: 98px;
        left: 79px;
    }
}

@media screen and (max-width: 1350px) {
    .regions-image {
        top: calc(157.5px - 11.67vw);
        right: calc(26vw - 273px);
        left: calc(26.33vw - 276.5px);
    }
}

@media screen and (max-width: 1050px) {
    .regions-image {
        right: 0;
        left: 0;
    }
}

@media screen and (max-width: 600px) {
    .regions-image {
        top: auto;
        bottom: 0;
    }
}

.regions-image img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin-left: auto;
}

@media screen and (max-width: 1050px) {
    .regions-image img {
        margin-right: auto;
    }
}

@media screen and (max-width: 1245px) {
    .title__top.regions__title {
        font-size: 61px;
        line-height: 62px;
    }
}

@media screen and (max-width: 847px) {
    .title__top.regions__title {
        font-size: 46px;
        line-height: 47px;
    }
}

@media screen and (max-width: 645px) {
    .title__top.regions__title {
        font-size: 36px;
        line-height: 37px;
    }
}

.regions__text {
    margin-top: 43px;
    max-width: 566px;
    width: 100%;
    padding-left: 30px;
}

@media screen and (max-width: 960px) {
    .regions__text {
        padding-left: 0;
    }
}

.btn.regions__link {
    max-width: 208px;
    border: 2px solid #00ca66;
    box-shadow: none;
    background-color: transparent;
    color: #00ca66;
    margin-top: 41px;
    margin-left: 28px;
}

@media screen and (max-width: 960px) {
    .btn.regions__link {
        margin-left: 0;
    }
}

@media screen and (max-width: 480px) {
    .btn.regions__link {
        max-width: 100%;
    }
}

.btn.regions__link:hover {
    background-color: transparent;
    border: 2px solid #00b15a;
    color: #00b15a;
}

.dealer-modal .modaltor__close {
    display: flex;
    justify-content: flex-end;
}

.dealer-modal .modaltor__close svg {
    margin-top: 31px;
    margin-right: 29px;
    cursor: pointer;
}

.dealer-modal .modaltor__content,
.dealer-modal .modaltor__header {
    background-color: #fff;
}

.review-buy {
    margin-top: calc(15.09vw + 7.27px);
}

.dealer__item-info {
    display: flex;
    flex-direction: column;
    align-items: start;
}

@media screen and (min-width: 1901px) {
    .review-buy {
        margin-top: 294px;
    }
}

@media screen and (max-width: 1350px) {
    .review-buy {
        margin-top: calc(24.25vw - 116.41px);
    }
}

@media screen and (max-width: 480px) {
    .review-buy {
        margin-top: 0;
    }
}

.form-buy {
    margin-top: calc(12.55vw - 80.36px);
}

@media screen and (min-width: 1901px) {
    .form-buy {
        margin-top: 158px;
    }
}

@media screen and (max-width: 1350px) {
    .form-buy {
        margin-top: calc(5.29vw + 17.62px);
    }
}

@media screen and (max-width: 480px) {
    .form-buy {
        margin-top: 43px;
    }
}

@media screen and (max-width: 1350px) {
    .dealer__inner {
        margin-top: calc(2.99vw + 20.66px);
    }
}

@media screen and (max-width: 480px) {
    .dealer__inner {
        margin-top: 35px;
    }
}

@media screen and (max-width: 480px) {
    .dealer__caption {
        font-size: 20px;
        line-height: 22px;
    }
}

@media(min-width: 1200px) {
    .dealer__title {
        max-width: 73%;
    }
}

@media screen and (max-width: 1350px) {
    .dealer__transcript {
        margin-top: calc(2.18vw + 9.52px);
    }
}

@media screen and (max-width: 480px) {
    .dealer__transcript {
        margin-top: 20px;
    }
}

@media screen and (max-width: 1050px) {
    .dealer__box {
        flex-direction: column;
        margin-top: 25px;
    }
}

@media screen and (max-width: 1350px) {
    .dealer__item-info {
        width: 49.6%;
        margin-right: calc(37vw - 388.5px);
    }
}

@media screen and (max-width: 1050px) {
    .dealer__item-info {
        margin-right: 0;
        width: 100%;
        margin-top: 32px;
    }
}

@media screen and (max-width: 960px) {
    .dealer__item-info {
        padding-left: 0;
    }
}

@media screen and (max-width: 960px) {
    .dealer__text:before {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .btn.dealer__link {
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .btn.dealer__link:after {
        right: calc(43.13vw - 102px);
        right: 36px;
    }
}

@media screen and (max-width: 960px) {
    .partnership-modal .modaltor__panel {
        margin: 0 2.99%;
    }
}

@media screen and (max-width: 420px) {
    .partnership-modal .modaltor__panel {
        margin: 0 10px;
    }
}

@media screen and (max-width: 960px) {
    .partnership-modal .modaltor__close:after {
        right: calc(7.03vw - 10.5px);
    }
}

@media screen and (max-width: 480px) {
    .partnership-modal .modaltor__close:after {
        top: calc(8.13vw + 11px);
    }
}

@media screen and (max-width: 320px) {
    .partnership-modal .modaltor__close:after {
        right: 12px;
        top: 37px;
    }
}

@media screen and (max-width: 960px) {
    .partnership__title {
        padding-right: calc(2.92vw + 35px);
        padding-left: calc(6.46vw + 18px);
    }
}

@media screen and (max-width: 600px) {
    .partnership__title {
        font-size: 24px;
        line-height: 26px;
    }
}

@media screen and (max-width: 480px) {
    .partnership__title {
        padding: 9.38vw calc(24.38vw - 68px);
        font-size: 20px;
        line-height: 22px;
    }
}

@media screen and (max-width: 320px) {
    .partnership__title {
        padding: 30px 10px;
    }
}

@media screen and (max-width: 1320px) {
    .partnership__inner {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 960px) {
    .partnership__inner {
        padding-left: calc(6.46vw + 18px);
    }
}

@media screen and (max-width: 480px) {
    .partnership__inner {
        padding-right: calc(24.38vw - 68px);
        padding-left: calc(24.38vw - 68px);
    }
}

@media screen and (max-width: 320px) {
    .partnership__inner {
        padding: 53px 10px 57px;
    }
}

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

    .partnership__input-email,
    .partnership__input-phone,
    .partnership__input-region,
    .partnership__input-title,
    .partnership__textarea-comment {
        padding-left: calc(15.31vw - 29px);
        padding-right: calc(15.31vw - 29px);
    }
}

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

    .partnership__input-email,
    .partnership__input-phone,
    .partnership__input-region,
    .partnership__input-title,
    .partnership__textarea-comment {
        padding: 14px 20px 10px;
    }
}

@media screen and (max-width: 960px) {
    .partnership__label-email {
        width: 100%;
    }
}

.partnership__label-phone {
    width: 48%;
    margin-left: 23px;
}

@media screen and (max-width: 960px) {
    .partnership__label-phone {
        width: 100%;
        margin-left: 0;
    }
}

@media screen and (max-width: 1320px) {
    .btn.partnership__button {
        margin: 24px auto 0;
    }
}

@media screen and (max-width: 480px) {
    .btn.partnership__button:after {
        right: calc(22.5vw - 35px);
    }
}

@media screen and (max-width: 320px) {
    .btn.partnership__button:after {
        right: 37px;
    }
}

@media screen and (max-width: 1320px) {
    .partnership__requisites {
        order: -1;
        margin-left: 0;
        margin-bottom: 50px;
        text-align: center;
    }
}

@media screen and (max-width: 1350px) {
    .dealer__item-image {
        margin-top: calc(288.5px - 35.67vw);
    }
}

@media screen and (max-width: 1050px) {
    .dealer__item-image {
        order: -1;
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (max-width: 1150px) {
    .dealer__advantages {
        flex-direction: column;
    }
}

@media screen and (max-width: 700px) {
    .dealer__advantages {
        margin-top: calc(13.18vw - 26.27px);
    }
}

@media screen and (max-width: 480px) {
    .dealer__advantages {
        margin-top: 37px;
    }
}

@media screen and (max-width: 1350px) {
    .dealer__advantages-title {
        margin-right: calc(63.5vw - 680.25px);
    }
}

@media screen and (max-width: 1150px) {
    .dealer__advantages-title {
        padding-left: 0;
    }
}

@media screen and (max-width: 1350px) {
    .dealer__advantages-box {
        grid-gap: 0 calc(17vw - 155.5px);
    }
}

@media screen and (max-width: 1150px) {
    .dealer__advantages-box {
        margin-top: 25px;
        grid-gap: 0 calc(7.56vw - 12.89px);
    }
}

@media screen and (max-width: 700px) {
    .dealer__advantages-box {
        flex-direction: column;
        grid-template-columns: 100%;
        grid-gap: 0;
    }
}

@media screen and (max-width: 700px) {
    .form-dealer {
        margin-top: calc(25.45vw - 88.18px);
    }
}

@media screen and (max-width: 480px) {
    .form-dealer {
        margin-top: 34px;
    }
}

.checkout__holder[data-v-b1c3bf44] {
    width: 100%;
    display: flex;
    padding: 0 10px;
}

@media screen and (max-width: 800px) {
    .checkout__holder[data-v-b1c3bf44] {
        display: block;
    }
}

.tabs[data-v-b1c3bf44] {
    width: 100%;
}

.tabs__list[data-v-b1c3bf44] {
    display: flex;
    border: 1px solid #00ca66;
    font-weight: 500;
    font-size: 18px;
    line-height: 17px;
    max-width: 658px;
    width: 100%;
    border-radius: 38px;
    margin: 0 auto;
}

@media screen and (max-width: 700px) {
    .tabs__list[data-v-b1c3bf44] {
        font-size: 13px;
        line-height: 15px;
    }
}

@media screen and (max-width: 480px) {
    .tabs__list[data-v-b1c3bf44] {
        font-size: 9px;
        line-height: 11px;
    }
}

.tabs__list li+li[data-v-b1c3bf44] {
    border-left: 1px solid #00ca66;
}

.tabs__item[data-v-b1c3bf44] {
    max-width: 220px;
    width: 100%;
    height: 38px;
    color: #00ca66;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 5px;
}

.tabs__item.is-active[data-v-b1c3bf44] {
    max-width: 220px;
    width: 100%;
    background: #00ca66;
    color: #fff;
}

.tabs__item:first-child.is-active[data-v-b1c3bf44] {
    border-radius: 38px 0 0 38px;
}

.tabs__item:last-child.is-active[data-v-b1c3bf44] {
    border-radius: 0 38px 38px 0;
}

.tabs-details[data-v-b1c3bf44] {
    width: 100%;
    margin-top: 20px;
}

.buyOnline__inner {
    margin-top: 61px;
}

@media screen and (max-width: 1350px) {
    .buyOnline__inner {
        margin-top: 61px;
    }
}

@media screen and (max-width: 480px) {
    .buyOnline__inner {
        margin-top: 35px;
    }
}

.buyOnline__caption {
    font-weight: 900;
    font-size: 24px;
    line-height: 24.41px;
    color: #00ca66;
}

@media screen and (max-width: 480px) {
    .buyOnline__caption {
        font-size: 20px;
        line-height: 22px;
    }
}

.buyOnline__title {
    margin-top: 22px;
}

.buyOnline__box {
    margin-top: 41px;
}

.additionally {
    margin-top: 15px;
    background: #f4f6f9;
    padding: 50px 0 9px;
}

.additionally__title {
    font-weight: 900;
    font-size: 24px;
    line-height: 101%;
}

.additionally__box {
    margin-top: 46px;
}

.form-buyOnline {
    margin-top: calc(39.64vw - 499.09px);
}

@media screen and (min-width: 1901px) {
    .form-buyOnline {
        margin-top: 254px;
    }
}

@media screen and (max-width: 1350px) {
    .form-buyOnline {
        margin-top: 36px;
    }
}

.popup {
    position: fixed;
    bottom: 0;
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .17);
    height: 68px;
    overflow: auto;
    z-index: 10;
    background-color: #fff;
}

.popup .container {
    height: 100%;
}

.popup__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

@media screen and (max-width: 650px) {
    .popup__text {
        display: none;
    }
}

.popup__price {
    font-weight: 700;
    font-size: 36px;
    line-height: 62.05px;
}

@media screen and (max-width: 480px) {
    .popup__price {
        font-size: 18px;
        line-height: 31px;
    }
}

.btn.popup__button {
    color: #00ca66;
    height: 50px;
    background-color: #fff;
    max-width: 250px;
    padding-right: 48px;
}

@media screen and (max-width: 480px) {
    .btn.popup__button {
        max-width: 189px;
        padding-right: 0;
    }
}

.btn.popup__button:after {
    position: absolute;
    content: "";
    background-image: url(/local/templates/ca_main/assets/images/icon/basket.svg);
    width: 27px;
    height: 27px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    top: 10px;
    right: 41px;
}

@media screen and (max-width: 480px) {
    .btn.popup__button:after {
        display: none;
    }
}

.btn.popup__button:hover {
    border: 1px solid #00b15a;
    color: #00b15a;
    background-color: #fff;
}

.btn.popup__button--error {
    filter: grayscale(1);
    pointer-events: none;
}

.online-modal .modaltor__panel {
    max-width: 100%;
    width: auto !important;
    margin: 0 6.749%;
    z-index: 1000;
    border-radius: 5px;
    background-color: #fff !important;
}

.online-modal .modaltor__close {
    position: relative;
}

.online-modal .modaltor__close:after {
    position: absolute;
    content: "";
    background-image: url(/local/templates/ca_main/assets/images/icon/close-grey.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    right: 29px;
    top: 31px;
    cursor: pointer;
}

@media screen and (max-width: 1350px) {
    .online-modal .modaltor__close:after {
        right: calc(1.84vw + 6.17px);
    }
}

@media screen and (max-width: 480px) {
    .online-modal .modaltor__close:after {
        right: 15px;
    }
}

.online-modal .modaltor__close svg {
    display: none;
}

.checkout {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 42px 0 30px;
}

.checkout__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
}

@media screen and (max-width: 480px) {
    .checkout__title {
        font-size: 20px;
        line-height: 22px;
    }
}

.checkout__text {
    color: #91979c;
    font-weight: 500;
    line-height: 24px;
    margin-top: 18px;
}

.checkout__tab {
    width: 100%;
    margin-top: 26px;
}

.checkout__inner {
    display: flex;
    padding: 53px 49px 57px 80px;
}

@media screen and (max-width: 1320px) {
    .checkout__inner {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 960px) {
    .checkout__inner {
        padding-left: calc(6.46vw + 18px);
    }
}

@media screen and (max-width: 480px) {
    .checkout__inner {
        padding-right: calc(24.38vw - 68px);
        padding-left: calc(24.38vw - 68px);
    }
}

@media screen and (max-width: 320px) {
    .checkout__inner {
        padding: 53px 10px 57px;
    }
}

.checkoutCheck__shell,
.checkoutOnline__shell,
.checkoutReceiving__shell {
    background: #f4f6f9;
    padding: 31px 0 29px;
}

.checkoutCheck__field,
.checkoutOnline__field,
.checkoutReceiving__field {
    max-width: 626px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 10px;
}

.checkoutCheck__label-address,
.checkoutCheck__label-BIC,
.checkoutCheck__label-checking,
.checkoutCheck__label-company,
.checkoutCheck__label-INN,
.checkoutCheck__label-KPP,
.checkoutCheck__label-offsetting,
.checkoutCheck__label-OGRN,
.checkoutOnline__label-comment,
.checkoutOnline__label-email,
.checkoutOnline__label-name,
.checkoutOnline__label-phone,
.checkoutReceiving__label-comment,
.checkoutReceiving__label-email,
.checkoutReceiving__label-name,
.checkoutReceiving__label-phone {
    width: 100%;
    margin-bottom: 19px;
}

.checkoutCheck__label-address span,
.checkoutCheck__label-BIC span,
.checkoutCheck__label-checking span,
.checkoutCheck__label-company span,
.checkoutCheck__label-INN span,
.checkoutCheck__label-KPP span,
.checkoutCheck__label-offsetting span,
.checkoutCheck__label-OGRN span,
.checkoutOnline__label-comment span,
.checkoutOnline__label-email span,
.checkoutOnline__label-name span,
.checkoutOnline__label-phone span,
.checkoutReceiving__label-comment span,
.checkoutReceiving__label-email span,
.checkoutReceiving__label-name span,
.checkoutReceiving__label-phone span {
    margin-left: 30px;
    color: #ff403c;
}

.checkoutCheck__input-address,
.checkoutCheck__input-BIC,
.checkoutCheck__input-checking,
.checkoutCheck__input-company,
.checkoutCheck__input-INN,
.checkoutCheck__input-KPP,
.checkoutCheck__input-offsetting,
.checkoutCheck__input-OGRN,
.checkoutOnline__input-email,
.checkoutOnline__input-name,
.checkoutOnline__input-phone,
.checkoutOnline__textarea-comment,
.checkoutReceiving__input-email,
.checkoutReceiving__input-name,
.checkoutReceiving__input-phone,
.checkoutReceiving__textarea-comment {
    height: 60px;
    width: 100%;
    border: 1px solid #91979c;
    border-radius: 40px;
    padding: 16px 20px 16px 47px;
}

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

    .checkoutCheck__input-address,
    .checkoutCheck__input-BIC,
    .checkoutCheck__input-checking,
    .checkoutCheck__input-company,
    .checkoutCheck__input-INN,
    .checkoutCheck__input-KPP,
    .checkoutCheck__input-offsetting,
    .checkoutCheck__input-OGRN,
    .checkoutOnline__input-email,
    .checkoutOnline__input-name,
    .checkoutOnline__input-phone,
    .checkoutOnline__textarea-comment,
    .checkoutReceiving__input-email,
    .checkoutReceiving__input-name,
    .checkoutReceiving__input-phone,
    .checkoutReceiving__textarea-comment {
        padding-left: calc(3.1vw + 5.1px);
    }
}

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

    .checkoutCheck__input-address,
    .checkoutCheck__input-BIC,
    .checkoutCheck__input-checking,
    .checkoutCheck__input-company,
    .checkoutCheck__input-INN,
    .checkoutCheck__input-KPP,
    .checkoutCheck__input-offsetting,
    .checkoutCheck__input-OGRN,
    .checkoutOnline__input-email,
    .checkoutOnline__input-name,
    .checkoutOnline__input-phone,
    .checkoutOnline__textarea-comment,
    .checkoutReceiving__input-email,
    .checkoutReceiving__input-name,
    .checkoutReceiving__input-phone,
    .checkoutReceiving__textarea-comment {
        padding: 16px 20px;
    }
}

.checkoutCheck__input-address::-moz-placeholder,
.checkoutCheck__input-BIC::-moz-placeholder,
.checkoutCheck__input-checking::-moz-placeholder,
.checkoutCheck__input-company::-moz-placeholder,
.checkoutCheck__input-INN::-moz-placeholder,
.checkoutCheck__input-KPP::-moz-placeholder,
.checkoutCheck__input-offsetting::-moz-placeholder,
.checkoutCheck__input-OGRN::-moz-placeholder,
.checkoutOnline__input-email::-moz-placeholder,
.checkoutOnline__input-name::-moz-placeholder,
.checkoutOnline__input-phone::-moz-placeholder,
.checkoutOnline__textarea-comment::-moz-placeholder,
.checkoutReceiving__input-email::-moz-placeholder,
.checkoutReceiving__input-name::-moz-placeholder,
.checkoutReceiving__input-phone::-moz-placeholder,
.checkoutReceiving__textarea-comment::-moz-placeholder {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

.checkoutCheck__input-address::placeholder,
.checkoutCheck__input-BIC::placeholder,
.checkoutCheck__input-checking::placeholder,
.checkoutCheck__input-company::placeholder,
.checkoutCheck__input-INN::placeholder,
.checkoutCheck__input-KPP::placeholder,
.checkoutCheck__input-offsetting::placeholder,
.checkoutCheck__input-OGRN::placeholder,
.checkoutOnline__input-email::placeholder,
.checkoutOnline__input-name::placeholder,
.checkoutOnline__input-phone::placeholder,
.checkoutOnline__textarea-comment::placeholder,
.checkoutReceiving__input-email::placeholder,
.checkoutReceiving__input-name::placeholder,
.checkoutReceiving__input-phone::placeholder,
.checkoutReceiving__textarea-comment::placeholder {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

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

    .checkoutCheck__input-address::-moz-placeholder,
    .checkoutCheck__input-BIC::-moz-placeholder,
    .checkoutCheck__input-checking::-moz-placeholder,
    .checkoutCheck__input-company::-moz-placeholder,
    .checkoutCheck__input-INN::-moz-placeholder,
    .checkoutCheck__input-KPP::-moz-placeholder,
    .checkoutCheck__input-offsetting::-moz-placeholder,
    .checkoutCheck__input-OGRN::-moz-placeholder,
    .checkoutOnline__input-email::-moz-placeholder,
    .checkoutOnline__input-name::-moz-placeholder,
    .checkoutOnline__input-phone::-moz-placeholder,
    .checkoutOnline__textarea-comment::-moz-placeholder,
    .checkoutReceiving__input-email::-moz-placeholder,
    .checkoutReceiving__input-name::-moz-placeholder,
    .checkoutReceiving__input-phone::-moz-placeholder,
    .checkoutReceiving__textarea-comment::-moz-placeholder {
        font-size: 14px;
        line-height: 26px;
    }

    .checkoutCheck__input-address::placeholder,
    .checkoutCheck__input-BIC::placeholder,
    .checkoutCheck__input-checking::placeholder,
    .checkoutCheck__input-company::placeholder,
    .checkoutCheck__input-INN::placeholder,
    .checkoutCheck__input-KPP::placeholder,
    .checkoutCheck__input-offsetting::placeholder,
    .checkoutCheck__input-OGRN::placeholder,
    .checkoutOnline__input-email::placeholder,
    .checkoutOnline__input-name::placeholder,
    .checkoutOnline__input-phone::placeholder,
    .checkoutOnline__textarea-comment::placeholder,
    .checkoutReceiving__input-email::placeholder,
    .checkoutReceiving__input-name::placeholder,
    .checkoutReceiving__input-phone::placeholder,
    .checkoutReceiving__textarea-comment::placeholder {
        font-size: 14px;
        line-height: 26px;
    }
}

.checkoutCheck__label-BIC input[type=number],
.checkoutCheck__label-checking input[type=number],
.checkoutCheck__label-INN input[type=number],
.checkoutCheck__label-KPP input[type=number],
.checkoutCheck__label-offsetting input[type=number],
.checkoutCheck__label-OGRN input[type=number] {
    -moz-appearance: textfield;
}

.checkoutCheck__label-BIC input::-webkit-inner-spin-button,
.checkoutCheck__label-BIC input::-webkit-outer-spin-button,
.checkoutCheck__label-BIC input[type=number]::-webkit-inner-spin-button,
.checkoutCheck__label-BIC input[type=number]::-webkit-outer-spin-button,
.checkoutCheck__label-checking input::-webkit-inner-spin-button,
.checkoutCheck__label-checking input::-webkit-outer-spin-button,
.checkoutCheck__label-checking input[type=number]::-webkit-inner-spin-button,
.checkoutCheck__label-checking input[type=number]::-webkit-outer-spin-button,
.checkoutCheck__label-INN input::-webkit-inner-spin-button,
.checkoutCheck__label-INN input::-webkit-outer-spin-button,
.checkoutCheck__label-INN input[type=number]::-webkit-inner-spin-button,
.checkoutCheck__label-INN input[type=number]::-webkit-outer-spin-button,
.checkoutCheck__label-KPP input::-webkit-inner-spin-button,
.checkoutCheck__label-KPP input::-webkit-outer-spin-button,
.checkoutCheck__label-KPP input[type=number]::-webkit-inner-spin-button,
.checkoutCheck__label-KPP input[type=number]::-webkit-outer-spin-button,
.checkoutCheck__label-offsetting input::-webkit-inner-spin-button,
.checkoutCheck__label-offsetting input::-webkit-outer-spin-button,
.checkoutCheck__label-offsetting input[type=number]::-webkit-inner-spin-button,
.checkoutCheck__label-offsetting input[type=number]::-webkit-outer-spin-button,
.checkoutCheck__label-OGRN input::-webkit-inner-spin-button,
.checkoutCheck__label-OGRN input::-webkit-outer-spin-button,
.checkoutCheck__label-OGRN input[type=number]::-webkit-inner-spin-button,
.checkoutCheck__label-OGRN input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.checkoutCheck__label-BIC input[type=number],
.checkoutCheck__label-BIC input[type=number]:focus,
.checkoutCheck__label-BIC input[type=number]:hover,
.checkoutCheck__label-checking input[type=number],
.checkoutCheck__label-checking input[type=number]:focus,
.checkoutCheck__label-checking input[type=number]:hover,
.checkoutCheck__label-INN input[type=number],
.checkoutCheck__label-INN input[type=number]:focus,
.checkoutCheck__label-INN input[type=number]:hover,
.checkoutCheck__label-KPP input[type=number],
.checkoutCheck__label-KPP input[type=number]:focus,
.checkoutCheck__label-KPP input[type=number]:hover,
.checkoutCheck__label-offsetting input[type=number],
.checkoutCheck__label-offsetting input[type=number]:focus,
.checkoutCheck__label-offsetting input[type=number]:hover,
.checkoutCheck__label-OGRN input[type=number],
.checkoutCheck__label-OGRN input[type=number]:focus,
.checkoutCheck__label-OGRN input[type=number]:hover {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: textfield;
}

.checkoutCheck__label-BIC,
.checkoutCheck__label-KPP,
.checkoutCheck__label-offsetting,
.checkoutCheck__label-OGRN,
.checkoutOnline__label-email,
.checkoutOnline__label-phone,
.checkoutReceiving__label-email,
.checkoutReceiving__label-phone {
    width: 47%;
}

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

    .checkoutCheck__label-BIC,
    .checkoutCheck__label-KPP,
    .checkoutCheck__label-offsetting,
    .checkoutCheck__label-OGRN,
    .checkoutOnline__label-email,
    .checkoutOnline__label-phone,
    .checkoutReceiving__label-email,
    .checkoutReceiving__label-phone {
        width: 100%;
    }
}

.checkoutCheck__label-offsetting,
.checkoutCheck__label-OGRN,
.checkoutOnline__label-email,
.checkoutReceiving__label-email {
    margin-left: 32px;
}

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

    .checkoutCheck__label-offsetting,
    .checkoutCheck__label-OGRN,
    .checkoutOnline__label-email,
    .checkoutReceiving__label-email {
        margin-left: 0;
    }
}

.checkoutOnline__label-comment,
.checkoutOnline__textarea-comment,
.checkoutReceiving__label-comment,
.checkoutReceiving__textarea-comment {
    height: 112px;
    border-radius: 20px;
}

.checkoutOnline__text {
    margin-bottom: 26px;
    font-size: 13px;
    line-height: 19.5px;
}

.checkoutCheck__shell-btn,
.checkoutOnline__shell-btn,
.checkoutReceiving__shell-btn {
    width: 100%;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.checkoutCheck__shell-btn>span,
.checkoutOnline__shell-btn>span,
.checkoutReceiving__shell-btn>span {
    color: #ff403c;
}

.btn.checkoutCheck__button,
.btn.checkoutOnline__button,
.btn.checkoutReceiving__button {
    margin-top: 30px;
}

.btn.checkoutCheck__button svg,
.btn.checkoutOnline__button svg,
.btn.checkoutReceiving__button svg {
    margin-left: 11px;
}

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

    .btn.checkoutCheck__button,
    .btn.checkoutOnline__button,
    .btn.checkoutReceiving__button {
        max-width: 100%;
    }
}

.btn.checkoutOnline__button,
.btn.checkoutReceiving__button {
    max-width: 260px;
}

.btn.checkoutCheck__button {
    max-width: 278px;
}

.success {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 91px 10px;
}

.success__image,
.success__image img {
    width: 56px;
    height: 98px;
}

.success__image img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}

.success__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    margin-top: 15px;
}

.success__order {
    display: flex;
    color: #91979c;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-top: 18px;
}

.success__text {
    margin-top: 25px;
    text-align: center;
}

.success__text p+p {
    margin-top: 22px;
}

.success__phone {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: inherit;
    margin-top: 2px;
}

.card {
    display: flex;
    flex-wrap: wrap;
    margin-left: -18px;
    justify-content: flex-start;
}

.card__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 25%;
    margin-bottom: 55px;
    margin-left: 18px;
    flex-basis: calc(25% - 18px);
}

@media screen and (max-width: 1240px) {
    .card__item {
        width: 33.3333%;
        flex-basis: calc(33.3333% - 18px);
    }
}

@media screen and (max-width: 824px) {
    .card__item {
        width: 50%;
        flex-basis: calc(50% - 18px);
    }
}

@media screen and (max-width: 543px) {
    .card__item {
        width: 100%;
        flex-basis: 100%;
    }
}

.card__image {
    width: 100%;
    padding-top: 73%;
    position: relative;
}

.card__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.card__name {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin-top: 8.33px;
    display: flex;
    align-items: flex-start;
    height: 96px;
}

@media screen and (max-width: 543px) {
    .card__name {
        height: auto;
    }
}

.card__text {
    margin-top: 8.33px;
}

.card__list {
    color: #91979c;
    height: 149px;
    padding-right: 10px;
}

@media screen and (max-width: 543px) {
    .card__list {
        height: auto;
    }
}

.scroll-area {
    max-width: 300px;
    overflow-y: auto;
}

.scroll-area::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
    max-height: 200px;
    border-radius: 5px;
    margin-right: 5px;
}

.scroll-area::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #00ca66;
}

.scroll-area::-webkit-scrollbar-track {
    height: 200px;
}

.scroll-area::-webkit-scrollbar-track-piece:end {
    margin-bottom: 15px;
    background: #c4c4c4;
}

.scroll-area::-webkit-scrollbar-track-piece:start {
    margin-top: 15px;
    background: #c4c4c4;
}

.card__items {
    text-indent: 24px;
    position: relative;
}

.card__items:before {
    position: absolute;
    content: "";
    top: 14px;
    left: 11px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #91979c;
}

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

.btn.card__btn {
    max-width: 117px;
    font-weight: 400;
    height: 47px;
    padding-bottom: 5px;
}

.btn.card__btn input {
    width: 30px;
    background-color: transparent;
    color: #fff;
    border: none;
    text-align: center;
}

.btn.card__btn input[type=number]::-webkit-inner-spin-button,
.btn.card__btn input[type=number]::-webkit-outer-spin-button {
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    -webkit-appearance: none;
}

.btn.card__btn input[type=number],
.btn.card__btn input[type=number]:focus,
.btn.card__btn input[type=number]:hover {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.card__value {
    border: none;
    background-color: transparent;
    color: #fff;
    font-size: 26px;
}

.card__minus {
    margin-right: 7px;
}

.card__plus {
    margin-left: 7px;
}

.btn.btn__hidden {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.card__price {
    font-weight: 700;
    font-size: 26px;
    line-height: 44.81px;
    display: flex;
}

.card__price span {
    font-size: 18px;
    line-height: 31.02px;
    margin-bottom: auto;
    margin-left: 5px;
}

.ps-container .ps--active-y>.ps__rail-y,
.ps-container .ps--active-y>.ps__rail-y .ps__rail-y {
    background-color: #c4c4c4;
}

.ps-container .ps__rail-y {
    height: 164px;
    width: 3px;
    background-color: #c4c4c4;
    border-radius: 16px;
    opacity: 1;
}

@media screen and (max-width: 543px) {
    .ps-container .ps__rail-y {
        display: none;
    }
}

.ps-container .ps__rail-y .ps__thumb-y {
    width: 3px;
    background-color: #00ca66;
    right: 0;
}

.ps-container .ps__rail-y:hover {
    background-color: #c4c4c4;
    opacity: 1;
}

.ps-container .ps__rail-y:hover .ps__thumb-y {
    width: 3px;
    background-color: #00ca66;
}

@media screen and (max-width: 543px) {
    .ps {
        overflow: inherit !important;
    }
}

.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:hover {
    background-color: #c4c4c4;
    opacity: 1;
}

.ps--active-y .ps__rail-y {
    background-color: #c4c4c4;
}

.cardDop {
    display: flex;
    flex-wrap: wrap;
    margin-left: -46px;
    justify-content: flex-start;
}

@media screen and (max-width: 1240px) {
    .cardDop {
        margin-left: -16px;
    }
}

@media screen and (max-width: 1180px) {
    .cardDop {
        margin-left: -18px;
    }
}

.cardDop__item {
    display: flex;
    width: 50%;
    margin-bottom: 29px;
    margin-left: 46px;
    flex-basis: calc(50% - 46px);
}

@media screen and (max-width: 1240px) {
    .cardDop__item {
        margin-left: 16px;
        flex-basis: calc(50% - 16px);
    }
}

@media screen and (max-width: 1180px) {
    .cardDop__item {
        width: 33.3333%;
        flex-basis: calc(33.3333% - 18px);
        flex-direction: column;
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 824px) {
    .cardDop__item {
        width: 50%;
        flex-basis: calc(50% - 18px);
    }
}

@media screen and (max-width: 543px) {
    .cardDop__item {
        width: 100%;
        flex-basis: 100%;
    }
}

.cardDop__image {
    float: left;
    width: 15.6vw;
    height: auto;
}

@media screen and (max-width: 1180px) {
    .cardDop__image {
        width: 100%;
    }
}

.cardDop__image img {
    width: inherit;
    display: block;
    min-height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.cardDop__content {
    padding: 1px 33px 18px 30px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media screen and (max-width: 1180px) {
    .cardDop__content {
        padding: 0;
        min-height: 139px;
        margin-top: 15px;
    }
}

.cardDop__name {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-top: 8.33px;
    display: flex;
    align-items: center;
}

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

.btn.cardDop__btn {
    max-width: 117px;
    font-weight: 400;
    height: 47px;
    padding-bottom: 5px;
}

.cardDop__price {
    font-weight: 700;
    font-size: 26px;
    line-height: 44.81px;
    display: flex;
}

.cardDop__price span {
    font-size: 18px;
    line-height: 31.02px;
    margin-bottom: auto;
    margin-left: 5px;
}

.requisites {
    background-position: center top 9px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 116px;
}

@media screen and (max-width: 1350px) {
    .requisites {
        margin-bottom: calc(-285.54px + 29.74vw);
    }
}

@media screen and (max-width: 960px) {
    .requisites {
        margin-bottom: 0;
        background-size: auto;
    }
}

.requisites__inner {
    padding-top: 77px;
}

@media screen and (max-width: 1350px) {
    .requisites__inner {
        padding-top: calc(-47.62px + 9.23vw);
    }
}

@media screen and (max-width: 960px) {
    .requisites__inner {
        padding-top: 41px;
    }
}

.requisites__text {
    margin-top: 87px;
    padding-left: 3px;
    max-width: 957px;
    width: 100%;
}

@media screen and (max-width: 1350px) {
    .requisites__text {
        margin-top: calc(-72.23px + 11.79vw);
    }
}

@media screen and (max-width: 960px) {
    .requisites__text {
        margin-top: 41px;
    }
}

.requisites__box {
    margin-top: 45px;
    display: flex;
    grid-gap: 20px;
    gap: 20px;
}

@media screen and (max-width: 800px) {
    .requisites__box {
        display: block;
    }
}

.requisites__item {
    width: 50%;
}

@media screen and (max-width: 800px) {
    .requisites__item {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 800px) {
    .requisites__item+.requisites__item {
        margin-top: 40px;
    }
}

.requisites__name {
    font-size: 22px;
    line-height: 22.37px;
    padding-left: 3px;
}

.requisites__name span {
    color: #c0c8d3;
    margin-left: 10px;
}

@media screen and (max-width: 1065px) {
    .requisites__name span {
        margin-left: 0;
        margin-top: 10px;
        display: block;
    }
}

@media screen and (max-width: 800px) {
    .requisites__name span {
        margin-left: 10px;
        margin-top: 0;
        display: inline;
    }
}

@media screen and (max-width: 480px) {
    .requisites__name span {
        margin-left: 0;
        margin-top: 10px;
        display: block;
    }
}

.requisites__item-text {
    margin-top: 20px;
    min-height: 230px;
}

.btn.requisites__btn {
    max-width: 206px;
    margin-top: 28px;
    color: #fff;
}

@media screen and (max-width: 800px) {
    .btn.requisites__btn {
        margin: 28px auto 0;
    }
}

.payment {
    background-position: center top 9px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 74px;
}

@media screen and (max-width: 960px) {
    .payment {
        background-size: auto;
    }
}

.payment__inner {
    padding-top: 77px;
}

@media screen and (max-width: 1350px) {
    .payment__inner {
        padding-top: calc(-47.62px + 9.23vw);
    }
}

@media screen and (max-width: 960px) {
    .payment__inner {
        padding-top: 41px;
    }
}

.payment__box {
    margin-top: 106px;
    display: flex;
}

@media screen and (max-width: 1350px) {
    .payment__box {
        margin-top: calc(15.9vw - 108.62px);
    }
}

@media screen and (max-width: 1050px) {
    .payment__box {
        display: block;
    }
}

@media screen and (max-width: 960px) {
    .payment__box {
        margin-top: 44px;
    }
}

.payment__item-info {
    max-width: 562px;
    width: 100%;
}

.payment__item-map {
    margin-right: -8.15%;
}

@media screen and (max-width: 1350px) {
    .payment__item-map {
        margin-top: calc(51.92px - 3.85vw);
    }
}

@media screen and (max-width: 1050px) {
    .payment__item-map {
        margin-right: 0;
    }
}

@media screen and (max-width: 960px) {
    .payment__item-map {
        margin-top: 15px;
    }
}

.payment__text {
    padding-left: 3px;
}

.payment__text span {
    color: #00ca66;
}

.payment__text p+p {
    margin-top: 10px;
}

.payment__link {
    margin-top: 52px;
    padding-left: 1px;
    display: flex;
}

@media screen and (max-width: 960px) {
    .payment__link {
        margin-top: 30px;
    }
}

@media screen and (max-width: 480px) {
    .payment__link {
        flex-direction: column;
        align-items: center;
    }
}

.btn.link-site {
    color: #00ca66;
    background-color: transparent;
    border: 2px solid #00ca66;
    margin-left: 30px;
    box-shadow: none;
}

@media screen and (max-width: 480px) {
    .btn.link-site {
        margin-left: 0;
        margin-top: 20px;
    }
}

.btn.link-site:hover {
    background-color: transparent;
    border: 2px solid #00b15a;
    color: #00b15a;
}

.payment__img {
    margin-top: -37px;
    margin-left: 1px;
}

@media screen and (max-width: 1050px) {
    .payment__img {
        margin-top: 0;
        margin-left: 0;
    }
}

.payment__img img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

.payment-terms {
    margin-bottom: 40px;
}

@media screen and (max-width: 1350px) {
    .payment-terms {
        margin-bottom: calc(-98.46px + 10.26vw);
    }
}

@media screen and (max-width: 960px) {
    .payment-terms {
        margin-bottom: 0;
    }
}

.payment-terms__inner {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 95px;
    grid-row-gap: 0;
}

@media screen and (max-width: 1350px) {
    .payment-terms__inner {
        grid-column-gap: calc(25vw - 242.5px);
    }
}

@media screen and (max-width: 1050px) {
    .payment-terms__inner {
        display: block;
    }
}

.payment-terms__delivery,
.payment-terms__payment,
.payment-terms__return {
    width: 100%;
}

.payment-terms__delivery p+p,
.payment-terms__payment p+p,
.payment-terms__return p+p {
    margin-top: 10px;
}

.payment-terms__payment {
    grid-area: 1/1/2/2;
}

.payment-terms__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 133%;
    margin-bottom: 30px;
}

.payment-terms__payment-system {
    display: flex;
    margin: 24px 0;
}

.payment-terms__payment-item img {
    max-width: 100%;
    display: block;
}

.payment-terms__payment-item+.payment-terms__payment-item {
    margin-left: 25px;
}

.payment-terms__image {
    grid-area: 1/2/4/3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment-terms__image img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
}

@media screen and (max-width: 1050px) {
    .payment-terms__image {
        margin-top: 50px;
    }
}

.payment-terms__delivery {
    margin-top: 50px;
    grid-area: 2/1/3/2;
}

.payment-terms__return {
    margin-top: 50px;
    grid-area: 3/1/4/2;
}

.pagination__inner[data-v-2c8d001a] {
    display: flex;
}

.pagination-arrow__prev[data-v-2c8d001a] {
    margin-right: 26px;
    display: flex;
    align-items: center;
}

.pagination-arrow__prev img[data-v-2c8d001a] {
    transform: rotate(-180deg);
}

.pagination-arrow__next[data-v-2c8d001a] {
    margin-left: 26px;
    display: flex;
    align-items: center;
}

.pagination__arrow--disabled[data-v-2c8d001a] {
    opacity: 0;
    pointer-events: none;
}

.pagination-list[data-v-2c8d001a] {
    display: flex;
}

.pagination-items[data-v-2c8d001a] {
    font-weight: 500;
    line-height: 21px;
    cursor: pointer;
}

.pagination-items+.pagination-items[data-v-2c8d001a] {
    margin-left: 20px;
}

.pagination-items--active[data-v-2c8d001a] {
    color: #00ca66;
}

.reviews {
    background-position: center top 9px;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width: 960px) {
    .reviews {
        background-size: auto;
    }
}

.reviews__inner {
    padding-top: 37px;
}

.reviews__transcript {
    font-size: 40px;
    line-height: 41px;
    margin-top: 19px;
}

@media screen and (max-width: 1245px) {
    .reviews__transcript {
        font-size: 30px;
        line-height: 31px;
    }
}

@media screen and (max-width: 847px) {
    .reviews__transcript {
        font-size: 22px;
        line-height: 23px;
    }
}

@media screen and (max-width: 645px) {
    .reviews__transcript {
        font-size: 18px;
        line-height: 23px;
    }
}

.reviews__box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 35px 25px;
    gap: 35px 25px;
    margin-top: 105px;
}

@media screen and (max-width: 1350px) {
    .reviews__box {
        margin-top: calc(16.84px + 6.53vw);
    }
}

@media screen and (max-width: 1050px) {
    .reviews__box {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 615px) {
    .reviews__box {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 57px;
    }
}

.reviews__item {
    padding-left: 32px;
    position: relative;
    padding-top: 11px;
    display: flex;
    flex-direction: column;
}

.reviews__item:before {
    position: absolute;
    content: "";
    background-image: url(/local/templates/ca_main/assets/images/icon/quotes.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    width: 20px;
    height: 21px;
}

.reviews__text {
    margin-bottom: auto;
}

.reviews__name {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    margin-top: 18px;
}

.reviews__company {
    font-size: 13px;
    line-height: 19px;
    color: #c0c8d3;
    margin-top: 10px;
}

.reviews__pagination {
    margin-top: 74px;
    margin-bottom: 94px;
}

@media screen and (max-width: 1350px) {
    .reviews__pagination {
        margin-bottom: calc(-78.65px + 12.79vw);
    }
}

@media screen and (max-width: 615px) {
    .reviews__pagination {
        margin-bottom: 0;
    }
}

.photo-page {
    background-position: center top 9px;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width: 960px) {
    .photo-page {
        background-size: auto;
    }
}

.photo-page__inner {
    padding-top: 37px;
}

@media screen and (max-width: 700px) {
    .photo-page__title {
        font-size: 48px;
        line-height: 50px;
    }
}

@media screen and (max-width: 500px) {
    .photo-page__title {
        font-size: 36px;
        line-height: 38px;
    }
}

.photo-page__content {
    margin-top: 175px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 35.18px;
}

@media screen and (max-width: 1350px) {
    .photo-page__content {
        grid-gap: 25px;
    }
}

@media screen and (max-width: 1235px) {
    .photo-page__content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 800px) {
    .photo-page__content {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 25px 0;
    }
}

.photo-page__item {
    position: relative;
    height: 16.7vw;
}

@media screen and (max-width: 1235px) {
    .photo-page__item {
        height: 25.4vw;
    }
}

@media screen and (max-width: 800px) {
    .photo-page__item {
        height: 55vw;
    }
}

.photo-page__item--first {
    grid-column: span 2;
    grid-row: span 2;
    height: calc(33.4vw + 35.18px);
}

@media screen and (max-width: 1350px) {
    .photo-page__item--first {
        height: calc(33.4vw + 25px);
    }
}

@media screen and (max-width: 1235px) {
    .photo-page__item--first {
        height: calc(50.8vw + 25px);
    }
}

@media screen and (max-width: 800px) {
    .photo-page__item--first {
        grid-column: span 1;
        grid-row: span 1;
        height: 55vw;
    }
}

.photo-page__item--first .photo-page__info {
    padding: 25px 20px 53px 30px;
}

@media screen and (max-width: 800px) {
    .photo-page__item--first .photo-page__info {
        padding: 14px 16px 20px;
    }
}

.photo-page__item--first .photo-page__date {
    color: #dce0e7;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
}

@media screen and (max-width: 480px) {
    .photo-page__item--first .photo-page__date {
        font-size: 12px;
        line-height: 20px;
        font-weight: 500;
    }
}

.photo-page__item--first .photo-page__text {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    max-width: 100%;
}

@media screen and (max-width: 1350px) {
    .photo-page__item--first .photo-page__text {
        font-size: calc(1.84vw + 7.17px);
        line-height: calc(2.3vw + 8.97px);
    }
}

@media screen and (max-width: 600px) {
    .photo-page__item--first .photo-page__text {
        font-weight: 500;
    }
}

@media screen and (max-width: 480px) {
    .photo-page__item--first .photo-page__text {
        font-size: 18px;
        line-height: 20px;
        font-weight: 400;
    }
}

.photo-page__image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.photo-page__image img {
    width: 100%;
    display: block;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
}

.photo-page__gradient {
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
}

.photo-page__gradient,
.photo-page__info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.photo-page__info {
    padding: 14px 16px 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 2;
}

@media screen and (max-width: 600px) {
    .photo-page__info {
        padding: 14px;
    }
}

.photo-page__date {
    color: #dce0e7;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
}

@media screen and (max-width: 800px) {
    .photo-page__date {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
    }
}

@media screen and (max-width: 480px) {
    .photo-page__date {
        font-size: 12px;
        line-height: 20px;
        font-weight: 500;
    }
}

.photo-page__icon {
    width: 71px;
    height: 71px;
    margin: auto;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    transition: all .4s linear;
}

.photo-page__icon img {
    width: 41px;
    height: 41px;
}

.photo-page__icon:hover {
    width: 83px;
    height: 83px;
}

.photo-page__text {
    max-width: 308px;
    width: 100%;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
}

@media screen and (max-width: 800px) {
    .photo-page__text {
        font-weight: 700;
        max-width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .photo-page__text {
        font-weight: 500;
    }
}

@media screen and (max-width: 480px) {
    .photo-page__text {
        font-size: 18px;
        line-height: 20px;
        font-weight: 400;
    }
}

.photo-page__pagination {
    margin-top: 86px;
    margin-bottom: 100px;
}

@media screen and (max-width: 1350px) {
    .photo-page__pagination {
        margin-top: calc(3vw + 47px);
        margin-bottom: calc(18vw - 145px);
    }
}

@media screen and (max-width: 800px) {
    .photo-page__pagination {
        margin-top: 73px;
        margin-bottom: 0;
    }
}

.novelty__item+.novelty__item {
    margin-top: 41px;
}

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

@media screen and (max-width: 900px) {
    .novelty__box {
        flex-wrap: wrap;
    }
}

.novelty__info {
    padding-top: 6px;
    padding-left: 29.5px;
    position: relative;
}

.novelty__info:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 1px;
    height: 87.7%;
    background-color: #000;
}

@media screen and (max-width: 700px) {
    .novelty__info:before {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .novelty__info {
        padding-left: 0;
    }
}

.novelty__date {
    color: #91979c;
}

.novelty__text {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    margin-top: 35px;
}

@media screen and (max-width: 900px) {
    .novelty__text {
        margin-top: 25px;
    }
}

.novelty__more {
    font-weight: 700;
    display: inline-block;
    margin-top: 51px;
    color: #000;
    transition: all .4s linear;
}

.bg-black .novelty__more {
    color: #fff;
}

@media screen and (max-width: 900px) {
    .novelty__more {
        margin-top: 30px;
    }
}

.novelty__more img {
    margin-left: 10px;
    margin-bottom: -7px;
    transition: all .4s linear;
}

.novelty__more:hover {
    color: #00ca66;
}

.novelty__more:hover img {
    margin-left: 20px;
}

.novelty__img {
    width: 441px;
    margin-left: 121px;
    height: auto;
    object-fit: contain;
}

@media screen and (max-width: 1200px) {
    .novelty__img {
        margin-left: 25px;
    }
}

@media screen and (max-width: 900px) {
    .novelty__img {
        order: -1;
        margin-bottom: 26px;
        margin-left: 0;
        width: 100%;
        height: 100%;
    }
}

.novelty__img img {
    width: inherit;
    display: block;
    min-height: auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 100%;
}

.news {
    background-position: center top 9px;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width: 960px) {
    .news {
        background-size: auto;
    }
}

.news__inner {
    padding-top: 67px;
}

.news__content {
    margin-top: 145px;
}

@media screen and (max-width: 1350px) {
    .news__content {
        margin-top: calc(10vw + 9px);
    }
}

@media screen and (max-width: 480px) {
    .news__content {
        margin-top: 57px;
    }
}

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

@media screen and (max-width: 900px) {
    .news__box {
        flex-wrap: wrap;
    }
}

.news__info {
    padding-top: 6px;
    padding-left: 29.5px;
    position: relative;
}

.news__info:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 1px;
    height: 87.7%;
    background-color: #000;
}

@media screen and (max-width: 700px) {
    .news__info:before {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .news__info {
        padding-left: 0;
    }
}

.news__date {
    color: #91979c;
}

.news__text {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    margin-top: 35px;
}

@media screen and (max-width: 900px) {
    .news__text {
        margin-top: 25px;
    }
}

.news__more {
    font-weight: 700;
    position: relative;
    display: inline-block;
    margin-top: 51px;
    color: #000;
}

@media screen and (max-width: 900px) {
    .news__more {
        margin-top: 30px;
    }
}

.news__more:after {
    position: absolute;
    content: "";
    background-image: url(/local/templates/ca_main/assets/images/icon/more.svg);
    top: 1px;
    right: -37px;
    width: 26px;
    height: 26px;
}

.news__img {
    width: 441px;
    margin-left: 121px;
    height: 275px;
}

@media screen and (max-width: 1200px) {
    .news__img {
        margin-left: 25px;
    }
}

@media screen and (max-width: 900px) {
    .news__img {
        order: -1;
        margin-bottom: 26px;
        margin-left: 0;
        width: 100%;
        height: 100%;
    }
}

.news__img img {
    width: inherit;
    display: block;
    min-height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.news__pagination {
    margin-top: 100px;
    margin-bottom: 150px;
}

@media screen and (max-width: 1350px) {
    .news__pagination {
        margin-top: calc(4vw + 45px);
        margin-bottom: calc(23vw - 161px);
    }
}

@media screen and (max-width: 700px) {
    .news__pagination {
        margin-top: 73px;
        margin-bottom: 0;
    }
}

.video-page {
    margin-bottom: 71px;
    background-position: center top 9px;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width: 960px) {
    .video-page {
        background-size: auto;
    }
}

.video-page__inner {
    padding-top: 37px;
}

@media screen and (max-width: 700px) {
    .video-page__title {
        font-size: 48px;
        line-height: 50px;
    }
}

@media screen and (max-width: 500px) {
    .video-page__title {
        font-size: 36px;
        line-height: 38px;
    }
}

.video-page__content {
    margin-top: 175px;
}

@media screen and (max-width: 1350px) {
    .video-page__content {
        margin-top: calc(12.7vw + 4px);
    }
}

@media screen and (max-width: 480px) {
    .video-page__content {
        margin-top: 57px;
    }
}

.video-page__item {
    position: relative;
    width: 100%;
    z-index: 1;
}

.video-page__item .video-page__info {
    padding: 25px 30px 39px;
}

@media screen and (max-width: 700px) {
    .video-page__item .video-page__info {
        padding: 14px 19px 18px 16px;
    }
}

@media screen and (max-width: 500px) {
    .video-page__item .video-page__info {
        padding: 14px;
    }
}

.video-page__item .video-page__date {
    color: #dce0e7;
    font-size: 21px;
    line-height: 27px;
    font-weight: 400;
}

@media screen and (max-width: 1350px) {
    .video-page__item .video-page__date {
        font-size: 18px;
        line-height: 28px;
    }
}

@media screen and (max-width: 700px) {
    .video-page__item .video-page__date {
        font-size: 12px;
        line-height: 20px;
    }
}

.video-page__item .video-page__text {
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    max-width: 852px;
    width: 100%;
}

@media screen and (max-width: 1350px) {
    .video-page__item .video-page__text {
        font-size: 32px;
        line-height: 40px;
        max-width: 716px;
    }
}

@media screen and (max-width: 750px) {
    .video-page__item .video-page__text {
        font-size: 18px;
        line-height: 24px;
    }
}

@media screen and (max-width: 430px) {
    .video-page__item .video-page__text {
        font-weight: 500;
    }
}

.video-page__item .video-page__time {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

@media screen and (max-width: 700px) {
    .video-page__item .video-page__time {
        font-size: 12px;
        line-height: 20px;
    }
}

.video-page__item .video-page__image {
    height: 30.5vw;
}

@media screen and (max-width: 1350px) {
    .video-page__item .video-page__image {
        height: calc(-1.5vw + 432px);
    }
}

@media screen and (max-width: 700px) {
    .video-page__item .video-page__image {
        height: 100%;
    }
}

.video-page__gallery {
    padding-top: 69px;
    border-top: 1px solid #000;
    margin-bottom: calc(10vw - 48px);
}

@media screen and (max-width: 480px) {
    .video-page__gallery {
        margin-bottom: 0;
    }
}

.video-page__gallery-inner {
    display: flex;
    flex-wrap: wrap;
    margin-left: -35px;
    justify-content: flex-start;
}

@media screen and (max-width: 1350px) {
    .video-page__gallery-inner {
        margin-left: -25px;
    }
}

.video-page__gallery-item {
    height: 100%;
    margin-bottom: 35px;
    margin-left: 35px;
    flex-basis: calc(33.33333% - 35px);
    position: relative;
}

@media screen and (max-width: 1350px) {
    .video-page__gallery-item {
        margin-left: 25px;
        flex-basis: calc(33.33333% - 25px);
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1200px) {
    .video-page__gallery-item {
        flex-basis: calc(50% - 25px);
    }
}

@media screen and (max-width: 700px) {
    .video-page__gallery-item {
        flex-basis: 100%;
    }
}

.video-page__image {
    position: relative;
    z-index: -2;
}

.video-page__image img {
    width: 100%;
    display: block;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.video-page__gradient {
    z-index: -1;
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
}

.video-page__gradient,
.video-page__info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.video-page__info {
    padding: 14px 19px 18px 16px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 500px) {
    .video-page__info {
        padding: 14px;
    }
}

.video-page__date {
    color: #dce0e7;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

@media screen and (max-width: 1350px) {
    .video-page__date {
        font-size: 12px;
        line-height: 20px;
    }
}

.video-page__btn {
    width: 71px;
    height: 71px;
    background-color: transparent;
    padding: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    transition: all .4s linear;
}

.video-page__btn img {
    width: 41px;
    height: 41px;
}

.video-page__btn:hover {
    width: 83px;
    height: 83px;
}

.video-page__shell {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.video-page__text {
    max-width: 308px;
    width: 100%;
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}

@media screen and (max-width: 1350px) {
    .video-page__text {
        font-size: 18px;
        line-height: 24px;
    }
}

@media screen and (max-width: 500px) {
    .video-page__text {
        font-size: 18px;
        line-height: 20px;
    }
}

.video-page__time {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

@media screen and (max-width: 1350px) {
    .video-page__time {
        font-size: 12px;
        line-height: 20px;
        margin-left: 30px;
    }
}

.brandBook {
    margin-top: 77px;
}

@media screen and (max-width: 1350px) {
    .brandBook {
        margin-top: calc(4.14vw + 21.14px);
    }
}

@media screen and (max-width: 480px) {
    .brandBook {
        margin-top: 41px;
    }
}

.brandBook__container {
    display: grid;
    grid-template-columns: .7fr 1fr;
}

@media (max-width: 1050px) {
    .brandBook__container {
        display: flex;
        flex-direction: column;
    }
}

.brandBook__subtitle {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.brandBook__text {
    margin-top: 52px;
    width: 100%;
    max-width: calc(76.91vw - 561.27px);
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
}

.brandBook__btn {
    margin-top: 20px;
    height: 40px;
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brandBook__item {
    display: grid;
    grid-template-columns: 10px 1fr;
    gap: 10px;
}

.brandBook__item::before {
    margin-top: 12px;
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #000;
}

.bg-black .brandBook__item::before {
    background: #fff;
}

@media screen and (max-width: 1350px) {
    .brandBook__text {
        max-width: 100%;
        margin-top: calc(1.26vw + 34.93px);
    }
}

@media screen and (max-width: 480px) {
    .brandBook__text {
        margin-top: 41px;
    }
}

.brandBook__text p+p {
    margin-top: 10px;
}

.brandBook__box,
.commercial__box,
.layoutCard__box {
    display: flex;
    justify-content: space-between;
}

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

    .brandBook__box,
    .commercial__box,
    .layoutCard__box {
        flex-wrap: wrap;
    }
}

.brandBook__box {
    margin-top: 17px;
}

.brandBook__logo {
    margin-top: 15px;
    max-width: 410px;
    width: 100%;
    margin-right: 64px;
}

@media screen and (max-width: 1050px) {
    .brandBook__logo {
        margin-right: 0;
        margin-top: 41px;
    }
}

.brandBook__name,
.commercial__name,
.layoutCard__name {
    font-size: 22px;
    line-height: 102%;
    padding-left: 3px;
}

.brandBook__name span,
.commercial__name span,
.layoutCard__name span {
    color: #c0c8d3;
    margin-left: 5px;
}

.btn.brandBook__button,
.btn.commercial__button,
.btn.layoutCard__button {
    margin-top: 28px;
    max-width: 206px;
}

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

    .btn.brandBook__button,
    .btn.commercial__button,
    .btn.layoutCard__button {
        max-width: 100%;
    }
}

.commercial__image img,
.layoutCard__image img,
.rules__image img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.brandBook__image {
    position: relative;
}

.brandBook__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

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

    .brandBook__image,
    .commercial__image,
    .layoutCard__image {
        order: -1;
    }

    .brandBook__image {
        margin: 0 auto;
    }
}

.layoutCard {
    margin-top: 244px;
}

@media screen and (max-width: 1350px) {
    .layoutCard {
        margin-top: calc(20vw - 26px);
    }
}

@media screen and (max-width: 480px) {
    .layoutCard {
        margin-top: 70px;
    }
}

.commercial__title,
.layoutCard__title,
.rules__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 102%;
}

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

    .commercial__title,
    .layoutCard__title,
    .rules__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 1050px) {
    .layoutCard__box {
        margin-top: 22px;
    }
}

.layoutCard__info {
    margin-top: 22px;
}

@media screen and (max-width: 1350px) {
    .layoutCard__info {
        width: 100%;
        max-width: 364px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 1050px) {
    .layoutCard__info {
        margin-right: 0;
    }
}

@media screen and (max-width: 480px) {
    .layoutCard__info {
        max-width: 100%;
    }
}

.layoutCard__text {
    max-width: calc(61.09vw - 460.73px);
    width: 100%;
}

@media screen and (max-width: 1350px) {
    .layoutCard__text {
        max-width: 364px;
    }
}

@media screen and (max-width: 480px) {
    .layoutCard__text {
        max-width: 100%;
    }
}

.layoutCard__name {
    margin-top: 46px;
}

.layoutCard__image {
    margin-top: -88px;
    margin-right: -21px;
}

@media screen and (max-width: 1050px) {
    .layoutCard__image {
        margin: 0 auto;
    }
}

.commercial {
    margin-top: 171px;
}

@media screen and (max-width: 1350px) {
    .commercial {
        margin-top: calc(11.61vw + 14.28px);
    }
}

@media screen and (max-width: 480px) {
    .commercial {
        margin-top: 70px;
    }
}

.commercial__text {
    margin-top: 22px;
}

.commercial__box {
    margin-top: 48px;
}

.commercial__buttons {
    max-width: 486px;
    width: 100%;
    margin-right: 53px;
}

@media screen and (max-width: 1350px) {
    .commercial__buttons {
        margin-right: calc(11vw - 95.5px);
    }
}

@media screen and (max-width: 1050px) {
    .commercial__buttons {
        margin-right: 0;
        margin-top: 41px;
    }
}

@media screen and (max-width: 480px) {
    .commercial__name {
        font-size: 18px;
        line-height: 28px;
    }
}

.btn.commercial__button {
    margin-bottom: 51px;
}

.commercial__image {
    margin-right: -9.75%;
    margin-top: calc(196.27px - 8.91vw);
}

@media screen and (max-width: 1350px) {
    .commercial__image {
        margin-top: 76px;
    }
}

@media screen and (max-width: 1050px) {
    .commercial__image {
        margin-top: 0;
        margin-left: calc(17.54vw - 34.21px);
        margin-right: calc(-19.95px - 6.26vw);
    }
}

@media screen and (max-width: 480px) {
    .commercial__image {
        margin-left: 50px;
        margin-right: -50px;
    }
}

.rules {
    margin-top: 105px;
    margin-bottom: 3px;
}

@media screen and (max-width: 1350px) {
    .rules {
        margin-top: calc(9.89vw - 28.45px);
    }
}

@media screen and (max-width: 480px) {
    .rules {
        margin-top: 19px;
    }
}

.rules__text {
    margin-top: 22px;
}

.rules__box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-gap: 20px;
    gap: 20px;
    margin-top: 50px;
}

@media screen and (max-width: 800px) {
    .rules__box {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(3, auto);
        grid-gap: 20px 0;
        gap: 20px 0;
    }
}

.rules__image:first-child {
    grid-column: span 2;
}

@media screen and (max-width: 800px) {
    .rules__image:first-child {
        grid-column: span 1;
    }
}

.feedback-page {
    background-position: center top 9px;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width: 960px) {
    .feedback-page {
        background-size: auto;
    }
}

.feedback-page .vue-treeselect__label {
    max-width: 100%;
}

.feedback-page__inner {
    padding-top: 77px;
}

@media screen and (max-width: 1350px) {
    .feedback-page__inner {
        padding-top: calc(-47.62px + 9.23vw);
    }
}

@media screen and (max-width: 960px) {
    .feedback-page__inner {
        padding-top: 41px;
    }
}

.feedback-page__form {
    margin-top: 104px;
}

@media screen and (max-width: 1350px) {
    .feedback-page__form {
        margin-top: calc(6.21vw + 20.21px);
    }
}

@media screen and (max-width: 480px) {
    .feedback-page__form {
        margin-top: 50px;
    }
}

.feedback-page__line {
    display: flex;
}

.feedback-page__line+.feedback-page__line {
    margin-top: 30px;
}

.feedback-page__line label {
    max-width: 169px;
    width: 100%;
    display: flex;
    align-items: center;
}

.feedback-page__line label span {
    color: #00ca66;
}

.feedback-page__line input,
.feedback-page__line textarea {
    width: 100%;
    background: #e6faf0;
    border-radius: 40px;
    border: none;
    padding: 16px 46px;
}

.feedback-page__line input::-moz-placeholder,
.feedback-page__line textarea::-moz-placeholder {
    color: #91979c;
}

.feedback-page__line input::placeholder,
.feedback-page__line textarea::placeholder {
    color: #91979c;
}

.feedback-page__line input {
    height: 60px;
    color: #000;
}

.feedback-page__line textarea {
    height: 166px;
    resize: none;
    border-radius: 20px;
}

@media screen and (max-width: 960px) {
    .feedback-page__line {
        flex-direction: column;
    }

    .feedback-page__line input,
    .feedback-page__line textarea {
        margin-top: 10px;
    }
}

.feedback-page__question label {
    align-items: start;
    margin-top: 16px;
}

.feedback-page__select {
    width: 100%;
    border-radius: 40px;
    border: none;
}

.feedback-page__select .vue-treeselect__control {
    border-radius: 40px;
    border: none;
    height: 60px;
    background: #e6faf0;
    padding: 16px 32px 16px 46px;
}

.feedback-page__select .vue-treeselect__placeholder {
    height: 60px;
    color: #91979c;
    line-height: 28px;
}

.feedback-page__select .vue-treeselect__single-value {
    line-height: 28px;
}

.feedback-page__select .vue-treeselect__input-container {
    width: 100%;
}

.feedback-page__select .vue-treeselect__menu {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: 0 6px 6px rgba(0, 202, 102, .05);
    padding: 23px 0;
    z-index: 1000;
    top: 1px;
    border: none;
    max-height: 100%;
    min-height: 100px;
}

.feedback-page__select .vue-treeselect__option--highlight {
    background: rgba(0, 202, 102, .1);
}

.feedback-page__select .vue-treeselect__option {
    padding-left: 46px !important;
    height: 100%;
    display: flex;
    align-items: center;
}

.feedback-page__select .vue-treeselect__list-item {
    height: 42px;
}

.feedback-page__select .vue-treeselect--open-above:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
    top: 100%;
    bottom: 0;
}

.feedback-page__select .vue-treeselect--open.vue-treeselect--open-above .vue-treeselect__control {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.feedback-page__select .vue-treeselect__indent-level-0 .vue-treeselect__option {
    padding-left: 46px;
}

@media screen and (max-width: 960px) {
    .feedback-page__select {
        margin-top: 10px;
    }
}

.feedback-page__appeal input {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

.feedback-page__captcha {
    margin-left: 169px;
}

.btn.feedback-page__btn {
    max-width: 259px;
    margin-left: 169px;
    margin-top: 50px;
    position: relative;
    padding-right: 25px;
}

.btn.feedback-page__btn:after {
    position: absolute;
    content: "";
    background-image: url(/local/templates/ca_main/assets/images/icon/next-white.png);
    top: 23px;
    right: 61px;
    width: 16px;
    height: 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .4s linear;
}

.btn.feedback-page__btn:hover:after {
    right: 28px;
}

@media screen and (max-width: 960px) {
    .btn.feedback-page__btn {
        margin-left: 0;
    }
}

@media screen and (max-width: 480px) {
    .btn.feedback-page__btn {
        max-width: 100%;
    }
}

.feedback-page__shell {
    display: flex;
    width: 100%;
}

@media screen and (max-width: 960px) {
    .feedback-page__shell {
        margin-top: 10px;
    }

    .feedback-page__shell .filename {
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    .feedback-page__shell {
        flex-direction: column;
    }
}

.userfilec {
    display: none;
}

.file-upload {
    position: relative;
    overflow: hidden;
    max-width: 258px;
    width: 100%;
    height: 60px;
    border-radius: 40px;
    border: 1px solid #00ca66;
    color: #00ca66;
    font-weight: 700;
}

.file-upload label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding-left: 50px;
}

.file-upload label svg {
    margin-left: 12px;
    margin-bottom: -2px;
}

.file-upload span {
    line-height: 60px;
}

.filename {
    margin-left: 31px;
    color: #91979c;
}

@media screen and (max-width: 768px) {
    .filename {
        margin-left: 50px;
    }
}

.bg-black {
    background-color: black;
    color: white;
}

.popup-window,
.popup-window.popup-window-with-titlebar {
    display: none !important;
}

.popup-window-overlay {
    display: none !important;
}

.empty-cart-container {
    max-width: 360px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20px;
}

.empty-cart-btn {
    height: 40px;
    padding: 0 25px;
    line-height: 1;
    display: flex;
    align-items: center;
}

body.bg-black {
    background: #000;
}

.wrapper.wrapper__home.bg {
    min-height: 100vh;
    height: 100%;
    background: url('/local/templates/ca_main/assets/images/404.svg') center / cover no-repeat;
}

.not-found-container {
    max-width: 1040px;
    width: 100%;
    margin: 10vh auto 11vh auto;
    padding: 0 60px;
}

.not-found-content {
    display: grid;
    grid-template-columns: min-content 1fr;
    align-items: center;
    gap: 50px;
}

.bg-black .btn {
    color: #FFF;
}

.not-found-text {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20px;
}

.not-found-btn {
    height: 40px;
    padding: 0 25px;
    line-height: 1;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1023px) {
    .not-found-container {
        padding: 0 30px;
    }
}

@media(max-width: 767px) {
    .not-found-content {
        grid-template: unset;
    }
}

@media(max-width: 420px) {
    .not-found-container {
        padding: 0 10px;
    }
}

.personal-container {
    display: flex;
    gap: 30px;
}

.personal-container a {
    color: #000;
    padding: 0;
    line-height: 18px;
    border-bottom: 1px solid #000;
}

.bg-black .personal-container a {
    color: #fff;
    border-bottom: 1px solid #FFF;
}

.personal-current-link {
    border: none !important;
    font-weight: 700;
}

@media(max-width: 767px) {
    .personal-container {
        flex-direction: column;
        gap: 10px;
    }
}

.bg-black .text-block p {
    color: #fff;
}

.bg-black .footer__bottom-info,
.bg-black .footer__bottom-info a {
    color: #fff;
}

.bg-black .package:before {
    color: rgba(239, 242, 246, .2);
}

.change-theme {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px !important;
    text-decoration: none !important;
    color: #000 !important;
}

.bg-black .change-theme {
    color: #FFF !important;
}

.change-theme-toggler {
    width: 40px;
    height: 20px;
    border-radius: 20px;
    background: #000;
    position: relative;
    transition: all .4s linear;
}

.change-theme-toggler::before {
    content: '';
    display: block;
    position: absolute;
    background: #FFF;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    transition: all .3s linear;
}

.change-theme-toggler img {
    width: 12px;
    height: 12px;
    object-fit: cover;
    position: absolute;
    top: 4px;
    z-index: 2;
}

.change-theme-toggler-moon {
    left: 4px;
}

.change-theme-toggler-sun {
    right: 4px;
}

.bg-black .change-theme-toggler {
    background: #FFF;
}

.bg-black .change-theme-toggler::before {
    left: 22px;
    background: #000;
}

.breadcrumbs,
.breadcrumbs span,
.breadcrumbs a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.breadcrumbs span,
.breadcrumbs a {
    color: #A7ADB5;
}

@media (max-width: 767px) {
    .breadcrumbs {
        flex-direction: column;
        align-items: start;
    }
}

.home-news {
    margin-top: 35px;
}

.home-news__title-huge {
    font-size: 90px;
    font-weight: 700;
    color: #EFF2F6;
}

.bg-black .home-news__title-huge {
    color: rgba(239, 242, 246, .2);
}

.g-recaptcha {
    margin-bottom: 20px;
}

.moisture_meter {
    margin-top: calc(-78.36px + 8.55vw);
    padding-bottom: calc(-160px + 14vw);
}

@media screen and (min-width: 1901px) {
    .moisture_meter {
        margin-top: 84px;
        padding-bottom: 106px;
    }
}

@media screen and (max-width: 1350px) {
    .moisture_meter {
        margin-top: calc(57.17px - 1.48vw);
        padding-bottom: 29px;
    }
}

@media screen and (max-width: 1050px) {
    .moisture_meter {
        background-size: auto;
        background-position: center -2.5vw;
    }
}

.moisture_meter__main_text {
    margin-top: 30px;
    max-width: 800px;
    width: 100%;
    padding: 0 0 0 30px;
    border-left: 2px solid #09c75e;
}

.moisture_meter__content {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 274px 560px 360px;
    gap: 20px;
}

.moisture_meter__content_text {
    display: flex;
    flex-direction: column;
    gap: 90px;
}

.moisture_meter__content_text-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.moisture_meter__content_text-item h2 {
    font-size: 48px;
}

.moisture_meter__content_text-item p {
    font-size: 32px;
}

.moisture_meter__content img {
    width: 100%;
    max-height: 560px;
    height: 100%;
    object-fit: contain;
}

.moisture_meter__content_slogan {
    width: 361px;
    font-size: 32px;
    line-height: 1;
    font-weight: 700;
    transform: translateX(-120px);
}

.moisture_meter__content_slogan h2 {
    margin-top: 10px;
    font-size: 90px;
}

.advantages__title {
    margin-bottom: 30px;
    font-size: 65px;
    line-height: 1.2;
}

.advantages__list {
    display: flex;
    flex-direction: column;
    gap: 15px
}

@media (max-width: 1221px) {
    .moisture_meter__content {
        grid-template-columns: 2fr 1fr;
        gap: 30px;
    }

    .moisture_meter__content_text {
        grid-column: span 2;
        gap: 30px;
    }

    .moisture_meter__content_slogan {
        width: auto;
        transform: translateX(-30%);
    }
}

@media (max-width: 991px) {
    .moisture_meter__content_slogan {
        font-size: 20px;
    }

    .moisture_meter__content_slogan h2 {
        font-size: 50px;
    }
}

@media (max-width: 574px) {
    .moisture_meter__content {
        grid-template: unset;
    }

    .moisture_meter__content_text {
        grid-column: 1;
        order: 1;
    }

    .moisture_meter__content img {
        order: 3;
    }

    .moisture_meter__content_slogan {
        order: 2;
        transform: translateX(0);
        align-items: end;
    }

    .moisture_meter__content_slogan h2 {
        font-size: 40px;
    }
}

@media (max-width: 480px) {
    .advantages__title {
        font-size: 30px;
    }
}

.map__container {
    position: relative;
}

.map img {
    width: 100%;
}

.map__text {
    position: absolute;
    top: 30%;
    left: calc(50% - 150px);
}

.map__text p {
    font-size: 36px;
    margin-bottom: 15px;
}

.map__text h2 {
    font-size: 80px;
    margin-bottom: 50px;
}

@media (max-width: 1221px) {
    .map__text p {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .map__text h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .map__text {
        left: calc(50% - 100px);
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .map__text .btn {
        width: auto;
        height: 40px;
        line-height: 1;
        padding: 0 15px;
        display: flex;
        align-items: center;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .map__container {
        display: flex;
        flex-direction: column-reverse;
    }

    .map__text {
        position: static;
        margin-top: 20px;
    }
}

.grains {
    margin-top: 30px;
}

.grains__title {
    margin-bottom: 40px;
    font-size: 65px;
    line-height: 1.2;
}

.grains__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 80px;
}

.grains__text {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.grains img {
    width: 100%;
}

@media (max-width: 991px) {
    .grains__content {
        display: grid;
        grid-template: unset;
        gap: 30px;
    }
}

@media (max-width: 480px) {
    .grains__title {
        font-size: 30px;
    }
}

.complectation {
    margin-top: 30px;
    margin-bottom: 50px;
}

.complectation__content {
    display: grid;
    grid-template-columns: 2fr 1fr;
}

.complectation__text {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20px;
}

.complectation__list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.complectation__list li {
    margin-left: 10px;
    padding-left: 12px;
    position: relative;
}

.complectation__list li::before {
    content: '';
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: #fff;
}

.complectation__text h2 {
    font-size: 100px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.complectation__text h3 {
    font-size: 39px;
    margin-bottom: 25px;
}

.complectation__text .btn {
    height: 40px;
    line-height: 1;
    display: flex;
    align-items: center;
}

.complectation__content img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 991px) {
    .complectation__content h2 {
        font-size: 50px;
    }

    .complectation__content h3 {
        font-size: 25px;
    }
}

@media (max-width: 574px) {
    .complectation__content {
        grid-template: unset;
    }

    .complectation__content img {
        margin-top: 30px;
    }
}

@media (max-width: 847px) {
    .detail-item__properties-block h2 {
        margin-bottom: 40px;
    }
}

.photo {
    margin-top: 50px;
}

.resend {
    cursor: pointer;
    color: #551a8b;
    border: none;
    background: none;
    padding: 0;
}

.bx_profile {
    margin-top: 30px;
}

.mb {
    margin-bottom: 10px;
}

p.mb-2 {
    margin-bottom: 10px;
}

p.mb-3 {
    margin-bottom: 20px;
}

p.error {
    color: #e53935;
    margin-bottom: 10px !important;
}

.bx_profile form {
    margin-top: 30px;
}

.btn-verify {
    height: 50px;
    line-height: 1;
    margin-bottom: 20px;
}

.form-file {
    width: 100%;
    padding: 10px 0;
    margin-bottom: 20px;
    display: flex;
    justify-content: stretch;
    gap: 5px;
    cursor: pointer;
    color: #004CFF !important;
}

.form-file input {
    display: none;
}

.form-file p {
    position: relative;
    color: #004CFF !important;
}

.form-file p::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #004CFF;
    position: absolute;
    bottom: 0;
}

.contacts__title {
    font-size: 50px;
    margin-bottom: 50px;
}

.contacts__phone {
    margin: 30px 0 70px 0;
    font-weight: 700;
    color: #000;
    line-height: 1.1;
}

.bg-black .contacts__phone {
    color: #fff;
}

.contacts__socials {
    max-width: 700px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.contacts__socials-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contacts__socials-item p {
    font-weight: 700;
}

.contacts__socials-item a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
}

.bg-black .contacts__socials-item a {
    color: #fff;
}

@media (max-width: 767px) {
    .contacts__phone {
        font-size: 26px;
    }

    .contacts__socials {
        grid-template: unset;
    }
}

.contacts__tels {
    margin-top: 50px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.contacts__tels-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contacts__tels-item p {
    font-weight: 700;
}

.bg-black .contacts__tels-item a {
    color: #FFF;
}

@media (max-width: 991px) {
    .contacts__tels {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .contacts__tels {
        grid-template: unset;
    }
}

a.underline {
    text-decoration: underline !important;
}

.bg-black .basket-item-info-name-link span {
    color: #fff;
}

input .error {
    border: 2px solid red !important;
}

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

.radio-label {
    display: flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
}

.radio-label span {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #A7ADB5;
    border-radius: 50%;
}

.radio-label.active span {
    border: 5px solid #09C75E;
}

.tab-form {
    max-width: 500px;
    display: none;
}

.tab-form.active {
    display: block;
}

.tab-form b {
    display: block;
    margin-bottom: 20px;
}

.payer__form-container {
    display: grid;
    column-gap: 20px;
    row-gap: 10px;
}

.payer__form-container.ip,
.payer__form-container.org {
    grid-template-columns: 320px 170px;
}

.payer__form-container.bic {
    grid-template-columns: 250px 170px;
}

.payer__form-container .error {
    grid-column: span 2;
    padding-left: 10px;
    display: none;
}

.payer__form-container .error.active {
    display: block;
}

.payer__form-container .btn {
    display: none;
    height: 50px;
    line-height: 1.1;
}

.payer__form-container .btn.active {
    width: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dealer-page {
    background: #F1F2F3;
}

.bg-black .dealer-page {
    background: #000;
}

.dealer-page-content {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 20px;
    align-items: start;
}

.dealer-page-title {
    line-height: 1.2;
    grid-column: span 2;
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    .dealer-page-content {
        grid-template: unset;
    }

    .dealer-page-title {
        grid-column: 1;
    }
}

.dealer-page-item {
    min-height: 500px;
    background: #FFF;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #16161609;
}

@media (max-width: 991px) {
    .dealer-page-item {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .dealer-page-item {
        padding: 20px 10px;
    }
}

.dealer-sidebar {
    padding: 10px 0;
    background: #FFF;
    border-radius: 10px;
}

.bg-black .dealer-sidebar,
.bg-black .dealer-page-item {
    background: #111;
}

@media (max-width: 991px) {
    .dealer-sidebar {
        display: none;
        margin-top: -21px;
        border-radius: 0 0 10px 10px;
        border-top: 1px solid #DDE2E9;
    }

    .bg-black .dealer-sidebar {
        border-top: 1px solid #666;
    }

    .dealer-sidebar.active {
        display: block;
    }
}

.dealer-sidebar__item {
    position: relative;
    width: 100%;
    height: 44px;
    color: #000;
    padding-left: 20px;
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center;
    gap: 15px;
    position: relative;
    border-left: 2px solid #FFF;
}

.dealer-sidebar__item img {
    width: 24px;
    height: 24px;
    /* border-radius: 50%; */
}

.dealer-sidebar__item div {
    display: flex;
    flex-direction: column;
}

.dealer-sidebar__item div>* {
    line-height: 1;
}
.dealer-sidebar__manager {
    height: auto;
    margin: 10px 0;
}

.dealer-sidebar__manager img {
    border-radius: 50%!important;
}

.manager-title {
    color: #000!important;
    font-weight: 400;
}

.manager-phone {
    margin-top: 4px;
    font-size: 18px;
    color: #000!important;
}

.bg-black .manager-title {
    color: #fff!important;
    font-weight: 400;
}

.bg-black .manager-phone {
    color: #fff!important;
}

.dealer-sidebar__item span {
    font-size: 12px;
    color: #09C75E;
    font-weight: 700;
}

.bg-black .dealer-sidebar__item {
    color: #fff;
    border-left: 2px solid #111;
}

.dealer-sidebar__item.active {
    border-left: 2px solid #09C75E;
    font-weight: 700;
    color: #09C75E;
}

.bg-black .dealer-sidebar__item.active {
    border-left: 2px solid #048c41;
}

li.line {
    width: 100%;
    height: 1px;
    margin: 10px 0;
    background: #DDE2E9;
}

.bg-black li.line {
    background: #666;
}

.empty-block {
    width: 100% !important;
    margin-top: 40px;
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.empty-block img {
    width: 124px;
}

.empty-block p {
    margin-bottom: 20px;
}

.empty__btn {
    height: 40px;
    padding: 0 20px !important;
    line-height: 1;
    display: inline-flex !important;
    align-self: center !important;
}

.bg-black .dealer-page .form-group,
.bg-black .dealer-page .form-group input,
.bg-black .dealer-page .form-group label,
.bg-black .dealer-page .form-group select {
    background: #111 !important;
}

.software {
    margin-top: 38px;
}

.software .container {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.software__img {
    max-width: 500px;
    width: 100%;
}

.software__docs {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 50px
}

.software__item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.software__docs a {
    height: 50px;
    margin-top: 10px;
    display: inline-flex;
    align-self: start;
    align-items: center;
    gap: 20px;
}

.software__docs a img {
    position: relative;
    right: 0;
    transition: all .3s linear;
}

.software__docs a:hover img {
    right: -5px;
}

.promo {
    margin-top: 50px;
}

.promo__form {
    width: 100%;
    padding: 40px 20px;
    margin-top: 60px;
    background: #E9F8F0;
}

.bg-black .promo__form {
    background: #222;
}

.promo__form h2 {
    margin-bottom: 30px;
    font-size: 40px;
    line-height: 1.2;
}

.promo__form .form-group,
.promo__form input {
    width: 280px !important;
}

.congratulations .container {
    display: grid;
    grid-template-columns: 1fr 0.6fr;
    gap: 60px;
}

.congratulations__content {
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.congratulations__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.promo__content {
    display: grid;
    grid-template-columns: 1fr .5fr;
    align-items: center;
    gap: 60px;
}

.promo__text {
    display: flex;
    flex-direction: column;
    gap: 30px;
    line-height: 1.2;
}

.promo__text div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.promo__prize {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px;
    align-items: center;
    background: radial-gradient(50% 50% at 50% 50%, #FFFEDE 0%, #E9F8F0 100%);
    border-radius: 30px;
}

.bg-black .promo__prize {
    background: #222;
}

.promo__prize img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.promo__prizes {
    margin-top: 80px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 130px;
}

.promo__prizes-item {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.promo__prizes-img {
    background: radial-gradient(50% 50% at 50% 50%, #FFFEDE 0%, #E9F8F0 100%);
    border-radius: 30px;
    aspect-ratio: 1/1;
}

.bg-black .promo__prizes-img {
    background: #222;
}

.promo__prizes-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.promo__form-container {
    max-width: 360px;
    width: 100%;
    margin: 0 auto;
}

.promo__form .btn {
    height: 40px;
    line-height: 1;
}

.promo__form .form-group label {
    background: #E9F8F0;
}

.promo__form-serial {
    padding: 15px 20px;
    border: 2px solid #09C75E;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
    margin-bottom: 30px;
}

.bg-black .promo__form-serial,
.bg-black .promo__form .form-group,
.bg-black .promo__form input,
.bg-black .promo__form label {
    background: #222 !important;
}

.promo__form-serial .form-group,
.promo__form-serial input {
    margin: 0;
    width: 100% !important;
}

.promo__form-serial p {
    font-size: 16px;
}

.promo__form-serial .btn {
    border: 2px solid #09C75E;
    color: #09C75E;
    padding: 0 20px;
    background: none;
    box-shadow: none;
}

@media (max-width: 1023px) {
    .promo__content {
        display: flex;
        flex-direction: column;
    }

    .promo__prizes {
        gap: 70px;
    }
}

@media (max-width: 767px) {
    .promo__prizes {
        grid-template-columns: repeat(2, 1fr);
        gap: 5vw;
    }

    .congratulations .container {
        display: flex;
        flex-direction: column-reverse;
        gap: 30px;
    }

    .congratulations__img {
        width: 50%;
    }
}

@media (max-width: 500px) {
    .promo__prizes {
        display: flex;
        flex-direction: column;
    }
}

.slot-machine {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    flex-wrap: wrap;
}

.slot {
    width: 60px;
    height: 60px;
    margin: 5px;
    border: 3px solid #444;
    background-color: #fff;
    font-size: 36px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.winner {
    text-align: center;
    display: none;
}

.promo__modal {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .3);
    display: none;
}

.promo__modal.active {
    display: grid;
    place-items: center;
}

.promo__modal-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: radial-gradient(50% 50% at 50% 50%, #FFFEDE 0%, #E9F8F0 100%);
    padding: 30px;
    border-radius: 30px;
    border: 2px solid #222;
}

.promo__modal-content h1 {
    margin-top: 20px;
    margin-bottom: 30px;
    color: #333;
}

.promo__modal-content b {
    max-width: 450px;
    width: 100%;
    text-align: center;
}

.promo__modal-content .btn {
    margin-top: 40px;
    height: 50px;
    line-height: 1;
    padding: 0 25px;
    display: inline-flex;
    align-items: center;
}

.results {
    margin-top: 50px;
}

.results-main {
    margin-top: 30px;
    padding: 30px;
    background: radial-gradient(50% 50% at 50% 50%, #FFFEDE 0%, #E9F8F0 100%);
    border-radius: 30px;
    display: flex;
    gap: 20px;
    align-items: start;
}

.results-main__img {
    max-width: 410px;
    width: 100%;
    max-height: 470px;
    height: 100%;
}

.results-main__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.results-main__content {
    margin-top: 70px;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 50px;
}

.result-prizes {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.result-prizes__item {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 40px;
}

.result-prizes__img {
    width: 300px;
    height: 300px;
    background: radial-gradient(50% 50% at 50% 50%, #FFFEDE 0%, #E9F8F0 100%);
    border-radius: 30px;
}

.result-prizes__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.result-prizes__content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: start;
}

.result-prizes .btn {
    height: 40px;
    line-height: 1;
    padding: 0 20px;
}

.results-serial {
    font-size: 14px;
}

.sidebar-mobile {
    display: none;
}

@media (max-width: 991px) {
    .sidebar-mobile {
        width: 100%;
        height: 50px;
        padding: 0 19px;
        background: #FFF;
        display: flex;
        align-items: center;
        border-radius: 10px;
    }

    .bg-black .sidebar-mobile {
        background: #111;
    }

    .sidebar-mobile.active {
        border-radius: 10px 10px 0 0;
    }

    .sidebar-mobile__toggle {
        width: 30px;
        height: 16px;
        border: none;
        background: none;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0 5px;
    }

    .sidebar-mobile__toggle span {
        width: 100%;
        height: 2px;
        border-radius: 2px;
        background: #B4BCC7;
    }
}
.product-quantity {
    display: flex;
    gap: 10px;
    align-items: center;
}
.product-quantity img {
    width: auto;
    height: 13px;
    object-fit: contain;
}

.where__list {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.where__item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.where__item h3 {
    color: #09C75E;
    font-size: 30px;
    margin-bottom: 10px;
}
.where__item a {
    color: #004CFF;
}
.bg-black .where__item a {
    color: #007aff;
}
.where__item .adress {
    color: #000;
}
.bg-black .where__item .adress {
    color: #fff;
}

.dealers-modal-icon {
    margin-bottom: 20px;
}

.dealers-modal__close {
    position: absolute;
    top: 50px;
    right: 50px;
    width: 30px;
    height: 30px;
    background: url(/local/templates/ca_main/components/bitrix/catalog.element/catalog_detail_main/images/close.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: none;
}

@media (max-width: 767px) {
    .dealers-modal__close {
        top: 20px;
        right: 20px;
        width: 20px;
        height: 20px;
    }
}

.dealers-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    padding: 0 20px;
    display: none;
    z-index: 9999999999;
}
.dealers-modal.active {
    display: grid;
    place-items: center;
}
.dealers-modal__container {
    max-width: 700px;
    width: 100%;
    padding: 40px;
    background: #fff;
    color: #000;
    border-radius: 25px;
}
@media(max-width: 767px) {
    .dealers-modal__container {
        padding: 20px;
        border-radius: 15px;
    }
}
.dealers-modal h2 {
    font-weight: 700;
    margin-bottom: 30px;
}
.dealers-modal__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.dealers-modal__list.first {
    margin-bottom: 30px;
}
@media(max-width: 767px) {
    .dealers-modal__list {
        grid-template: unset;
    }
}
.dealers-modal__item p {
    color: #000;
}
.dealers-modal__item {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.dealers-modal__item h3 {
    font-weight: 700;
    color: #000;
    font-size: 20px;
}
.dealers-modal__item .amount {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #000;
}
.dealers-modal__item .amount.empty {
    color: #B4BCC7;
}
.dealers-modal__item .amount img {
    width: auto;
    height: 13px;
    object-fit: contain;
}
.dealers-modal__item a {
    color: #004CFF;
    text-decoration: underline!important;
}
.dealers-modal__item .grid {
    display: grid;
    grid-template-columns: 100px 1fr;
}
.grid__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.quantity-location {
    color: #004CFF;
    text-decoration: underline!important;
}
.bg-black .quantity-location {
    color: #007aff;
}
.catalog-stores {
    padding: 20px 30px;
    border-radius: 20px;
    background: rgba(0, 202, 102, .1);
    display: flex;
    gap: 40px;
    align-items: center;
}
.catalog-stores h2 {
    font-size: 24px;
}
.catalog-stores__btn {
    height: 40px;
    display: flex!important;
    padding: 0 25px!important;
}

@media (max-width: 767px) {
    .catalog-stores {
        padding: 10px 15px;
        flex-direction: column;
        align-items: start;
        gap: 20px;
        border-radius: 10px;
    }
    .catalog-stores h2 {
        font-size: 20px;
    }
}
#city-input {
    -webkit-appearance: none;
}


.account .header__menu-link {
    font-size: 14px;
    font-weight: 400;
}
.account .header__menu-link:hover,
.account .header-submenu__item:hover .header__menu-link,
.account .header-submenu__list:hover .header__menu-link {
    color: #000!important;
}

.bg-black .account .header__menu-link:hover,
.bg-black .account .header-submenu__item:hover .header__menu-link,
.bg-black .account .header-submenu__list:hover .header__menu-link  {
    color: #fff!important;
}
.tickets-title {
    font-size: 42px;
    line-height: 120%;
    display: grid;
    grid-template-columns: 2fr 1fr;
}
.tickets-content {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
}
.ticket-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.tickets-text {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.tickets-list,
.tickets-list li {
    list-style: inside;
}
.tickets-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.tickets-balance {
    width: 100%;
    background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #FFF9DF 100%);
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    text-align: center;
    border-radius: 20px;
    color: #B66200;
}
.tickets-balance p,
.tickets-balance b {
    font-size: 16px!important;
    color: #B66200;
}
.coins {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #B66200;
    font-size: 50px;
    font-weight: 700;
}
.tickets-card {
    width: 100%;
    background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #DDFFEC 100%);
    padding: 20px 30px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    color: #000;
}
.tickets-card p,
.tickets-card b {
    color: #000;
}
.tickets-card p,
.tickets-card b,
.tickets-card h3 {
    font-size: 16px!important;
}
.tickets-card h3 {
    color: #09C75E;
}
.ticket-cards {
    display: flex;
    align-items: start;
    gap: 10px;
}
.ticket-cards p {
    white-space: nowrap;
}
.ticket-card-items {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.ticket-card {
    padding: 3px 4px;
    color: #FFF;
    background: #09C75E;
    border-radius: 3px;
    line-height: 100%;
}
.ticket-prizes {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    align-items: center;
}
.prize {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 14px;
}
.prize-main {
    background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #CBE3FF 100%);
    padding: 30px;
    border-radius: 30px;
}
.prize-img {
    background: radial-gradient(50% 50% at 50% 50%, #FFFEDE 0%, #E9F8F0 100%);
    border-radius: 30px;
    display: grid;
    place-items: center;
    max-width: 100%;
    width: 100%;
}
.ticket-prizes img {
    max-width: 100%;
    width: 100%;
}
.prize .btn {
    line-height: 120%;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 25px;
}
.prize .btn span {
    font-weight: 400;
    font-size: 13px;
}
.amount-imput {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px
}
.amount-imput input {
    width: 30px;
    height: 24px;
    padding: 0;
    text-align: center;
    border: 1px solid #D0D5DC;
    border-radius: 4px;
    background: none;
    font-size: 16px;
}
.bg-black .amount-imput input {
    color: #FFF;
    border: none;
}
.prize-main .amount-imput input {
    border: none;
    background: #FFF;
    color: #000;
}
.bg-black .prize-main {
    color: #000;
}
.bg-black .prize-main .amount-imput input {
    background: none;
    color: #000;
}
.amount-imput button {
    background: #E9F8F0;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: none;
    display: grid;
    place-items: center;
    color: #09C75E;
    position: relative;
}
.bg-black .amount-imput button {
    background: none;
}
.amount-imput button::before {
    content: '';
    width: 14px;
    height: 2px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #09C75E;
    border-radius: 2px;
}
.amount-plus::after {
    content: '';
    width: 14px;
    height: 2px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    background: #09C75E;
    border-radius: 2px;
}
.amount-imput input::-webkit-inner-spin-button,
.amount-imput input::-webkit-outer-spin-button {
    -webkit-appearance: none; margin: 0;
}
.tiket-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .4);
    z-index: 999999;
    display: none;
    padding: 0 20px;
}
.tiket-modal.active {
    display: grid;
    place-items: center;
}
.tiket-modal-container {
    max-width: 960px;
    width: 100%;
    background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #CBE3FF 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    border-radius: 20px;
    padding: 40px;
}
.tiket-modal-container img {
    max-width: 100%;
}
.tiket-modal p,
.tiket-modal b,
.tiket-modal h3 {
    text-align: center;
    color: #000;
}
.tiket-modal p,
.tiket-modal b {
    font-size: 24px;
}
.tiket-modal h3 {
    font-size: 36px;
    line-height: 120%;
}
.ticket-modal-btn {
    height: 45px;
    display: flex;
    padding: 0 25px;
}
@media (max-width: 1299px) {
    .ticket-prizes {
        gap: 20px;
    }
    .prize-main {
        padding: 20px!important;
    }
}
@media (max-width: 1199px) {
    .ticket-prizes {
        grid-template-columns: repeat(2, 1fr);
    }
    .prize-main {
        padding: 20px!important;
    }
}
@media (max-width: 767px) {
    .tickets-title {
        grid-template: unset;
        font-size: 30px;
    }
    .tickets-content {
        grid-template: unset;
    }
    .tickets-info {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .ticket-prizes {
        grid-template: unset;
        justify-items: center;
    }
    .prize {
        max-width: 350px;
        width: 100%;
    }
    .prize-main {
        order: 1;
    }
    .prize:first-child {
        order: 3;
    }
    .prize:last-child {
        order: 2;
    }
}
@media (max-width: 599px) {
    .tickets-title {
        grid-template: unset;
        font-size: 30px;
    }
    .tickets-info {
        display: grid;
        justify-items: center;
        grid-template: unset;
    }
    .tickets-balance {
        max-width: 350px;
    }
    .tickets-card {
        max-width: 350px;
    }
}
@media (max-width: 474px) {
    .tiket-modal {
        border-radius: 10px;
        padding: 10px;
    }
    .tiket-modal-container img {
        width: 100%;
    }
    .tiket-modal-container {
        border-radius: 10px;
        padding: 20px;
    }
    .tiket-modal h3 {
        font-size: 24px;
    }
    .tiket-modal p,
    .tiket-modal b {
        font-size: 16px;
    }
    .tiket-modal .ticket-card-items {
        justify-content: center;
    }
}
/* End */
/* /local/templates/ca_main/styles.css?1734593805428 */
/* /local/templates/ca_main/template_styles.css?1768808154410491 */