﻿@import url(global.css);
@import url(mobile-menu.css);

nav .submenu .submenu .container,
nav ul {
    padding: 0
}

.flag-switch,
.sidebar-price_btns p svg {
    margin-right: 5px
}

.feedback-inline_content .inline-content .personal-data,
.feedback-inline_content .modal-content .personal-data,
.heading .view,
.logo,
.news_item,
.news_list,
nav {
    flex-wrap: wrap;
    display: flex
}

.lang-btns,
.logo,
.product-page .cascade-block__text,
.product-page .mobile-chars {
    align-items: center
}

.callback-btns p,
.input-form .personal-data .input-data p {
    font-size: 14px;
    margin-top: 5px;
    color: #737373;
    font-weight: 400
}

.flag-switch *,
.services__item,
.tabs-types .b-nav-tab {
    box-sizing: border-box
}

header {
    padding: 13px 0;
    background: #16213D;
    filter: drop-shadow(0px 2px 8px rgba(51, 51, 51, .08));
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    transition: top 333ms
}

.logo-block {
    display: flex;
    align-items: center;
    width: 18%;
    min-width: max-content;
}

.partner-logo {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 2px solid #fff;
    flex: 0 0 calc(50% - 20px);
    display: flex;
}

.partner-logo img {
    width: auto;
    height: auto;
    max-width: 105px;
    max-height: 40px;
    filter: invert(1);
}

.body-content p,
.input-form .personal-data,
.logo-block img,
.news_item-img,
.product p,
.product picture,
.product-page .cascade-block__image picture,
footer .callback-btns p {
    width: 100%
}


nav ul {
    list-style: none;
    margin: 0 0 0 20px
}

.mobile-menu ul li a,
.tabs-contents,
nav ul li {
    position: relative
}

nav>ul>li>a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    transition: .2s;
    padding: 24px 10px 22px;
    border-bottom: 2px solid transparent
}

.logo-block img {
    width: 100%;
    height: 40px;
    object-fit: contain;
}

.logo-block .logo:not(.partner-logo) img {
    height: 35px;
}

nav>ul>li>a.hovered {
    border-bottom: 2px solid #fff
}

nav .submenu {
    display: none;
    flex-wrap: wrap;
    width: 250px;
    position: absolute;
    left: -15px;
    top: 100%;
    padding-top: 24px
}

nav .submenu ul {
    margin-left: 15px;
    max-width: 100%;
    column-fill: balance;
    column-gap: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}

.submenu--bg {
    height: 0;
    transition: height .1s;
    position: fixed;
    left: 0;
    z-index: 3;
    width: 100%;
    background: rgba(255, 255, 255, .85)
}

.submenu--bg.open {
    height: 235px;
    transition: height .1s
}

.fx-col-2 {
    column-count: 2
}

.fx-col-1 {
    column-count: 1
}

.submenu:hover~a,
nav a:hover,
nav ul>li.hover a {
    color: #fff;
    transition: .2s
}

nav.mobile-menu a:hover {
    color: inherit;
}

#commercial-tab.active,
#dealer-tab.active,
.list-view.active,
.submenu:hover,
.video-block .p-icon-play,
nav>ul>li a:hover+.submenu {
    display: flex
}

nav .submenu a,
nav .submenu li {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #171717;
    display: flex;
    width: 100%
}

nav .submenu a {
    padding: 10px 15px
}

nav .submenu li {
    width: 100%;
    position: relative;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid
}

nav .submenu a:hover {
    text-decoration: underline
}

nav .submenu .submenu {
    left: 100%;
    top: -15px;
    box-shadow: none;
    margin: 5px 0 0;
    padding: 0
}

.leasing-page li span,
.reglaments-page .header-text p {
    margin-bottom: 15px;
    color: #265C7A
}

nav .submenu .submenu ul {
    margin: 10px 0;
    max-width: 100%;
    column-count: 1;
    height: auto
}

nav .submenu .submenu li {
    padding-top: 0;
    width: 100%
}

nav .submenu .submenu a {
    font-weight: 500
}

.desk-menu {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 57%
}

.callback-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 15%;
    transition: .2s
}

.header-telephone-btn {
    width: 16%;
    margin-left: auto;
}

.callback-btns div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
    max-width: 100%
}

.lang-btns,
.lang-btns .lang-btn {
    display: flex;
    flex-wrap: wrap;
    align-content: center
}

.lang-btns a,
.lang-btns span {
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    color: rgb(255 255 255 / 60%);
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 12px;
    display: inline-flex;
    width: auto;
    text-transform: none
}

.lang-btns span {
    color: #fff;
    border-color: rgb(255 255 255 / 60%)
}

.lang-btns a:hover {
    color: #fff
}

.lang-btns {
    width: 9%;
    justify-content: flex-end
}

.lang-btns .lang-btn {
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    color: #171717;
    text-decoration: none;
    border: none
}

.flag-switch {
    position: relative;
    outline: 0;
    appearance: none;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

.flag-switch span {
    margin-left: 20px
}

.flag-switch input,
.no-slide .btn-arrow,
.product-page .cascade-block__image .pic {
    display: none
}

.flag-switch input+label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    user-select: none;
    width: 53px;
    height: 29px;
    vertical-align: middle
}

.flag-switch input+label:after,
.flag-switch input+label:before {
    content: "";
    position: absolute;
    border-radius: 30px;
    transition: .25s ease-in-out
}

.flag-switch input+label:before {
    height: 29px;
    width: 53px;
    border: 1px solid #d0d0d0
}

.flag-switch input+label:after {
    top: 3px;
    left: 3px;
    width: 25px;
    height: 25px;
    transform: translate(0, 0)
}

.flag-switch input+label.ru:after {
    background-image: url("../images/ru.svg");
    background-size: cover
}

.flag-switch input+label.kz:after {
    background-image: url("../images/kz.svg");
    background-size: cover;
    background-position: 28px -1px
}

.flag-switch input:checked+label:after {
    transition: .25s ease-in-out;
    transform: translate(24px, 0)
}

.callback-btns .callback-btn {
    text-align: right;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #265C7A;
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center
}

header .callback-btns .callback-btn {
    color: #fff;
}

header .callback-btns .callback-btn svg path {
    fill: #fff;
}

.main-banner .h1,
.main-banner .h3,
.swiper-slide .h1,
.swiper-slide .h3 {
    font-style: normal;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #fff;
    display: flex
}

.callback-btns .callback-btn span {
    border-bottom: 1px solid #16213D;
    margin-left: 7px
}

.callback-btns p {
    line-height: 17px;
    text-align: right;
    width: 100%
}

.callback-btns.open {
    transition: .2s;
    opacity: 0
}

.page {
    padding-top: 30px
}

.main-banner,
.main-slider {
    height: 100vh;
    position: relative
}

.main-banner picture,
.main-slider .swiper-slide picture {
    position: absolute;
    z-index: -3;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

[data-vbg] {
    z-index: -1 !important
}

.main-banner picture img,
.main-slider .swiper-slide picture img {
    object-position: bottom right
}

.main-banner picture:before,
.main-slider .swiper-slide picture:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(37, 37, 37, .24);
    filter: blur(45px);
    z-index: 1
}

.main-banner .h1,
.swiper-slide .h1 {
    font-weight: 700;
    font-size: 75px;
    align-items: center
}

.main-banner .h1,
.slide-text {
    margin-bottom: 60px
}

.main-banner .h1.mb-1 {
    margin-bottom: 1rem
}

.main-banner .h3 {
    margin-bottom: 5rem
}

.main-banner .h3,
.swiper-slide .h3 {
    font-weight: 500;
    font-size: 24px;
    align-items: center
}

.main-slider .swiper-horizontal>.swiper-pagination-bullets,
.main-slider .swiper-pagination-bullets.swiper-pagination-horizontal,
.main-slider .swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 65px
}

.main-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
    width: 34px;
    border-radius: 5px;
    transition: .3s
}

.main-slider .swiper-pagination-bullet {
    transition: .3s;
    opacity: 1;
    background: rgba(255, 255, 255, .36)
}

.main-banner .btn-more,
.main-slider .btn-more {
    padding: 13px 32px
}

.main-banner .btn-more.btn-drive,
.main-slider .btn-more.btn-drive {
    padding: 13px 14px
}

.no-slide .swiper-wrapper {
    flex-wrap: wrap
}

.no-slide .product.swiper-slide {
    margin: 15px 0
}

.about-page,
.home-page.page,
.product-page.page,
.reglaments-page .section-spaced,
.variants.section-spaced {
    padding-top: 0
}

.reglaments-page .footer-text,
.reglaments-page .header-text {
    font-weight: 500;
    margin: 40px 0
}

.leasing-page li,
.leasing-page p,
.reglaments-page .header-text,
.total-view p {
    font-size: 18px
}

.reglaments-page .footer-text {
    padding: 25px 45px;
    background: #f3f3f3;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 16px
}

.reglaments-page .footer-text svg {
    width: 24px;
    height: 24px;
    margin-right: 25px
}

.reglaments-page .footer-text>div {
    width: calc(100% - 50px)
}

.reglaments-page .img {
    margin-bottom: 30px;
    width: 100%
}

.reglaments-page .img img {
    object-fit: contain
}

.dealer-request-page,
.feedback-inline_content .inline-content .send-btn,
.feedback-inline_content .modal-content .send-btn,
.product-page .btns-section {
    margin-top: 30px
}

.dealer-request-page p {
    margin-bottom: 1rem;
    font-size: 18px;
    font-weight: 400
}

.dealer-request-page .body {
    margin-bottom: 80px
}

.dealer-request-page ol,
.dealer-request-page ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    font-size: 18px;
    list-style-type: none;
    margin: 30px -15px;
    counter-reset: section
}

.dealer-request-page li {
    width: calc(50% - 70px);
    background: #fff;
    box-shadow: 0 0 12px 4px rgba(75, 75, 75, .08);
    border-radius: 4px;
    padding: 20px 15px;
    margin: 15px;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1
}

.dealer-request-page li::before {
    counter-increment: section;
    content: "0" counter(section);
    width: 60px;
    height: 60px;
    justify-content: center;
    border-radius: 100px;
    background: #265C7A;
    color: #fff;
    margin: 5px 20px 0 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 2.4;
    display: flex;
    flex: none
}

.leasing-page li:before,
.list__item-icon.no-icon:before,
.main-banner .btn-more:after {
    content: none
}

.dealer-request-page form {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: bottom;
    color: #fff;
    width: 100%
}

.dealer-request-page form h3 {
    font-size: 36px
}

.input-form .personal-data .input-data,
.sidebar-price_wrapper .input-data {
    position: relative;
    margin: 15px 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.input-form .personal-data .input-data p {
    line-height: 150%
}

.input-form .personal-data input::placeholder,
.input-form .personal-data textarea::placeholder {
    text-indent: -9999px
}

.feedback-page .personal-data textarea:focus~.label,
.feedback-page .personal-data textarea:not(:focus):not(:placeholder-shown)~.label,
.input-form .personal-data input:focus~.label,
.input-form .personal-data input:not(:focus):not(:placeholder-shown)~.label,
.input-form .personal-data textarea:focus~.label,
.input-form .personal-data textarea:not(:focus):not(:placeholder-shown)~.label {
    top: 7px;
    bottom: 9px;
    left: 15px;
    font-size: 12px;
    opacity: 1
}

.input-form .personal-data input,
.input-form .personal-data textarea,
.sidebar-price_wrapper .input-data input {
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    color: #171717;
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    padding: 24px 15px 15px
}

.feedback-page .personal-data .label,
.input-form .personal-data .label {
    position: absolute;
    pointer-events: none;
    left: 20px;
    top: 18px;
    transition: .2s;
    color: #737373
}

.input-form .send-btn .btn {
    margin: 10px 0;
    width: 100%;
    padding: 13px 70px;
    color: #fff;
    background: #265C7A;
    border-radius: 4px;
    border: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    transition: .2s;
    outline: 0
}

.product .product_btn:after,
.product-page .section-heading a:hover:after,
.show-map:hover:after {
    margin-left: 15px;
    transition: .2s
}

.input-form .send-btn .btn:hover,
.tabs-contents .btn-arrow:hover {
    background: #1c4359
}

.input-form .send-btn .btn:active {
    background: #bc4343
}

.input-form .send-btn .btn:disabled {
    color: #fff;
    background-color: #d1d1d1;
    cursor: not-allowed;
    display: none
}

.input-form .send-btn p {
    color: #ebebeb
}

.warranty-page {
    padding-bottom: 70px
}

.warranty-page .body span {
    font-weight: 700;
    font-size: 32px
}

.warranty-page .body {
    margin-bottom: 3em
}

.warranty-page .btn-bordered {
    display: inline-flex;
    align-items: center;
    align-content: center;
    box-sizing: border-box
}

.sidebar-price_text svg,
.warranty-page .btn-bordered svg {
    margin-right: 10px
}

.leasing-page h1 {
    margin-bottom: 2rem
}

.leasing-page a {
    color: #7b61ff
}

.leasing-page li {
    background: #f9f9f9;
    border-radius: 4px;
    box-shadow: none;
    width: calc(33% - 70px);
    padding: 38px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

.leasing-page li span {
    display: flex;
    justify-content: center;
    font-weight: 700;
    font-size: 58px;
    width: 100%
}

.main-banner .bottom-text,
.main-slider .bottom-text {
    position: absolute;
    bottom: 15%;
    color: #b7b7b7;
    font-weight: 500;
    font-size: 22px
}

.main-banner .bottom-text.sub {
    background: #00000059;
    padding: 5px;
    border-radius: 10px;
    margin-top: 10px
}

.main-banner .bottom-text.sub,
.main-slider .bottom-text.sub {
    bottom: 7%;
    font-size: 14px;
    width: 50%
}

.main-banner .bread,
.main-slider .bread {
    padding: 25px 0 50px
}

.body-content .btn-drive,
.main-banner .bread a,
.main-banner .bread span,
.main-slider .bread a,
.main-slider .bread span {
    color: #fff
}

.main-banner .bread a:after,
.main-slider .bread a:after {
    content: '';
    margin-left: 10px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.292893 13.7071C-0.0976311 13.3166 -0.0976312 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976317 1.31658 -0.0976317 0.683417 0.292893 0.292893C0.683417 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L7.70711 6.29289C8.09763 6.68342 8.09763 7.31658 7.70711 7.70711L1.70711 13.7071C1.31658 14.0976 0.683418 14.0976 0.292893 13.7071Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 6px;
    height: 12px;
    transition: .2s
}

.picker__list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 80px;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start
}

.picker__img {
    background: #f9f9f9;
    border-radius: 12px;
    width: 47%
}

.picker__text {
    width: 47%;
    margin-left: 30px
}

.picker__text-excerpt {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 370px;
    align-items: center;
    align-content: center
}

.list__item ul,
.list__item.active,
.mobile-chars {
    align-content: flex-start
}

.picker__text.w-100 {
    width: 100%;
    margin-left: 0
}

.picker__text.w-100 p.w-auto {
    display: inline;
    margin: 0 5px 0 0
}

.picker__text p {
    margin-bottom: 25px;
    font-weight: 400;
    font-size: 18px;
    display: inline-flex;
    width: 100%
}

.picker__text .btn-iconed {
    width: 330px;
    justify-content: center;
    align-items: center
}

.picker__images img {
    display: none;
    width: 100%
}

.picker__images img.active {
    display: inline-block
}

.picker__btns {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    margin: 43px 0
}

.sidebar-price_text,
.sidebar-price_text p {
    flex-wrap: wrap;
    display: flex;
    align-content: center
}

.picker__color {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: #dedede;
    margin: 5px;
    border: 4px solid #f9f9f9
}

.picker__color.active {
    border: 4px solid #fff;
    box-shadow: 0 0 5px 2px rgba(34, 34, 34, .3)
}

.choose-equipment .equipment-items {
    list-style: none;
    padding: 0;
    margin: 0
}

.choose-equipment .equipment-item {
    margin: 10px 0;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer
}

.choose-equipment .equipment-item.active {
    border: 2px solid #265C7A
}

.choose-equipment .equipment-item .equipment-old-price {
    color: grey;
    text-decoration-line: line-through
}

.bread a:hover,
.choose-equipment .equipment-item .equipment-credit {
    color: #1c4359
}

.choose-equipment .equipment-item .equipment-credit span {
    font-weight: 700
}

.choose-equipment p {
    margin: 5px 0
}

.choose-equipment .equipment-price {
    font-size: 22px;
    font-weight: 700
}

.sidebar-price_wrapper {
    padding: 20px 16px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .05), 0 2px 12px rgba(0, 0, 0, .05);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    border-radius: 8px
}

.sidebar-price_wrapper hr {
    border: none;
    background: #ccc;
    margin-top: 15px;
    margin-bottom: 15px
}

.credit-month,
.sidebar-price_btns p {
    background: rgba(128, 128, 128, .1);
    border-radius: 8px;
    align-content: center
}

.sidebar-price_text {
    border-bottom: .5px solid rgba(128, 128, 128, .2);
    padding: 5px;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    margin: 5px 0
}

.sidebar-price_text:last-child {
    border-bottom: none
}

.sidebar-price_text p {
    line-height: 1.4;
    max-width: 50%
}

.sidebar-price_total {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 5px 0
}

.sidebar-price_total p {
    font-weight: 700;
    font-size: 20px
}

.credit-form p,
.sidebar-price_total.credit p {
    font-size: 12px
}

.sidebar-price_btns {
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0 0
}

.sidebar-price_btns a {
    width: 100%;
    margin: 5px 0
}

.sidebar-price_btns p {
    padding: 12px;
    backdrop-filter: blur(12px);
    font-size: 12px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.sidebar-price_btns p svg path,
.sidebar-price_text svg path,
.sidebar-price_text svg.gift path {
    fill: #265C7A
}

.sidebar-price_wrapper .input-data span {
    top: 7px;
    bottom: 9px;
    left: 15px;
    font-size: 12px;
    opacity: 1;
    position: absolute;
    pointer-events: none;
    transition: .2s;
    color: #737373
}

.credit-months_group input {
    opacity: 0;
    visibility: hidden;
    display: none
}

.credit-months_group input:checked+label {
    background: #1c4359;
    color: #fff
}

.credit-month {
    width: 45px;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    line-height: 1.5;
    cursor: pointer;
    margin: 4px
}

.credit-form .credit-monthly {
    font-size: 22px;
    font-weight: 700;
    margin-top: 5px
}

.credit-form button {
    box-shadow: none;
    outline: 0;
    margin-top: 15px;
    border: none;
    cursor: pointer
}

.equipment-category.hidden,
.equipment-items .equipment-item .equipment-item-block.hidden,
.equipment-items .equipment-item.hidden,
.page-equipments .variants-list .variant.hidden,
.picker__img_mobile,
.variants-dropdown li.hidden {
    display: none !important
}

.cascade-block:nth-child(2n),
.feedback-inline,
.product-page .cascade-block:nth-child(2n),
.services,
.total-view {
    background: #f9f9f9
}

.total-view__app {
    margin: 40px 0;
    height: auto;
    background: #efefef
}

.total-view__app iframe {
    height: 580px;
    width: 100%
}

.cascade-block__text h2,
.mobile-chars h2 {
    line-height: 1.1;
    margin-bottom: 30px;
    width: 100%;
    font-size: 30px
}

.cascade-block__text .suptitle,
.mobile-chars .suptitle {
    font-weight: 600;
    font-size: 16px;
    color: #265C7A;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    text-transform: uppercase
}

.cascade-block__text ul,
.mobile-chars ul {
    font-weight: 400;
    padding: 0 0 0 25px;
    font-size: 16px;
    color: #979797;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0
}

.cascade-block__text li,
.mobile-chars li {
    margin: 10px 0;
    width: 100%;
    position: relative;
    cursor: pointer
}

.cascade-block__text li.active {
    color: #171717;
    font-weight: 500
}

.cascade-block__text li.active:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #265C7A;
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%)
}

.list__item-icon:before,
.product .product_btn:after {
    background-repeat: no-repeat;
    background-size: contain
}

.mobile-chars {
    display: none;
    align-items: flex-start
}

.product-page.xmas-page .secondary-menu {
    padding-top: 95px
}

.product-page .secondary-menu {
    background-color: #171717;
    padding: 30px 0;
    color: #fff
}

.product-page .secondary-menu ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 70%;
    margin: 0;
    padding: 0
}

.product-page .secondary-menu ul a {
    color: #fff;
    text-decoration: none;
    padding: 10px
}

.secondary-menu-title {
    display: flex;
    flex-wrap: wrap;
    width: 30%
}

.secondary-menu-title p:last-child {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #fff
}

.variants-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: -5px;
    margin-right: -5px
}

.variants-list .variant {
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    width: 25%
}

.equipment-items .equipment-item .equipment-item-block.first-key,
.variants-list .variant.first-key {
    order: 1
}

.equipment-items .equipment-item .equipment-item-block.second-key,
.variants-list .variant.second-key {
    order: 2
}

.variants-list .variant div {
    padding: 36px 20px;
    font-size: 18px;
    width: 100%
}

.variants-list .variant .name {
    color: #fff;
    background-color: #265C7A;
    position: relative
}

.chars-cat-heading,
.equipment-items .equipment-item:nth-child(odd) .equipment-item-block div {
    background-color: #f5f5f5
}

.variants-list .variant .price {
    color: #87838b;
    background-color: #f5f5f5
}

.product-page .tabs-types {
    justify-content: center;
    margin-bottom: 15px
}

.product-page .tabs-types .b-nav-tab {
    width: auto;
    color: #171717;
    font-weight: 400;
    border-bottom-width: 2px;
    flex-grow: 1
}

.product-page .tabs-types .b-nav-tab.active,
.product-page .tabs-types .b-nav-tab:hover {
    font-weight: 400;
    color: #265C7A;
    border-bottom-width: 2px
}

.awards_list,
.body-content,
.characteristic-cat,
.chars-cat-body,
.equipment-items .equipment-item,
.missions,
.missions_block {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.chars-cat-heading {
    color: #171717;
    font-size: 18px;
    font-weight: 400;
    padding: 18px 30px;
    width: 100%
}

.chars-list-item {
    display: flex;
    flex-wrap: wrap;
    width: 33.3333%;
    padding: 30px
}

.chars-list-item span {
    font-size: 14px;
    color: #87838b;
    display: flex;
    font-weight: 600;
    width: 100%
}

.chars-list-item p {
    font-size: 18px;
    color: #171717;
    display: flex;
    width: 100%;
    margin-top: 10px
}

.previous-url {
    text-decoration: none;
    cursor: pointer;
    color: #000
}

.page-equipments h1 {
    text-align: center;
    font-size: 28px
}

.page-equipments .variants-list .variant .price {
    color: #171717;
    font-size: 14px
}

.page-equipments .variants-list[data-index] .variant {
    padding: 1px;
    width: calc(100% / var(--index));
    position: relative
}

.page-equipments .variants-list .variant div {
    padding: 20px 15px;
    font-size: 16px
}

.page-equipments .variants-list {
    margin: 0
}

.page-equipments .body {
    min-height: 120px
}

.variants-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #fff;
    color: #171717;
    list-style: none;
    z-index: 1;
    box-shadow: 0 4px 8px -5px #000;
    display: none
}

.variants-dropdown.visible {
    display: block
}

.variants-dropdown li {
    padding: 8px 5px;
    border: 1px solid #e3e3e3;
    font-size: 10px;
    margin-bottom: -1px
}

.equipments-page header {
    position: relative;
    top: 0 !important
}

.equipments-page .xmas {
    top: 60px !important;
    position: absolute
}

.equipments-heading {
    position: sticky;
    top: 0;
    z-index: 1
}

.equipment-items {
    max-height: 0;
    overflow: hidden
}

.equipment-items .equipment-item[data-index] .equipment-item-block {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% / var(--index));
    padding: 0 1px
}

.equipment-items .equipment-item .equipment-item-block div {
    padding: 20px 15px;
    color: #171717;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 14px
}

.chars-list-item p .check-icon,
.equipment-items .equipment-item .equipment-item-block .check-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.6644 5.2526C21.0772 5.61952 21.1143 6.25159 20.7474 6.66437L10.0808 18.6644C9.89099 18.8779 9.61898 19 9.33334 19C9.04771 19 8.7757 18.8779 8.58593 18.6644L3.2526 12.6644C2.88568 12.2516 2.92286 11.6195 3.33565 11.2526C3.74843 10.8857 4.3805 10.9229 4.74742 11.3356L9.33334 16.4948L19.2526 5.33565C19.6195 4.92286 20.2516 4.88568 20.6644 5.2526Z' fill='%23171717'/%3E%3C/svg%3E%0A");
    background-size: contain;
    width: 20px;
    height: 20px;
    display: flex;
    flex-wrap: wrap
}

.equipment-category .accordion {
    background-color: #fff;
    color: #171717;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    outline: 0;
    font-size: 16px;
    font-weight: 600;
    transition: .4s;
    border: none;
    border-bottom: 1px solid #e3e3e3
}

.equipment-category .accordion.active,
.equipment-category .accordion:hover {
    transition: .2s
}

.equipment-category .accordion:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='%239F9F9F' /%3E%3C/svg%3E");
    display: block;
    width: 24px;
    height: 24px;
    color: #777;
    transition: .2s;
    font-weight: 700;
    float: right;
    margin-left: 5px
}

.about-page .cascade-block:nth-child(2n),
.list__item,
.page-equipments .btns-section .btn-bordered {
    background: #fff
}

.equipment-category .accordion.active:after {
    content: "";
    transition: .2s;
    transform: rotate(180deg)
}

.page-equipments .btns-section a {
    flex-wrap: wrap;
    display: inline-flex;
    align-items: center
}

.page-equipments .btns-section {
    position: sticky;
    bottom: 15px
}

.product-page .characteristics {
    padding: 60px 0 0
}

.product-page .cascade-block {
    padding: 80px 0;
    margin: 0
}

.product-page .section-heading a:after,
.show-map:after {
    margin-left: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    transition: .2s
}

.product-page .cascade-block__image .pic.active {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    height: 530px
}

.product-page .cascade-block__image .pic p {
    margin-top: 20px
}

.product-page .section-heading a {
    font-size: 18px;
    font-weight: 500;
    transition: .2s
}

.product-page .section-heading a:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9953 5.17628L14.3287 0.509611C14.2199 0.400833 14.0907 0.314545 13.9486 0.255675C13.8065 0.196804 13.6542 0.166504 13.5003 0.166504C13.3465 0.166504 13.1942 0.196804 13.052 0.255675C12.9099 0.314545 12.7808 0.400833 12.672 0.509611C12.5632 0.618389 12.4769 0.747528 12.4181 0.889654C12.3592 1.03178 12.3289 1.18411 12.3289 1.33794C12.3289 1.49178 12.3592 1.64411 12.4181 1.78624C12.4769 1.92836 12.5632 2.0575 12.672 2.16628L15.3553 4.83794H1.83366C1.52424 4.83794 1.22749 4.96086 1.0087 5.17965C0.789908 5.39845 0.666992 5.69519 0.666992 6.00461C0.666992 6.31403 0.789908 6.61078 1.0087 6.82957C1.22749 7.04836 1.52424 7.17128 1.83366 7.17128H15.3553L12.672 9.84294C12.5626 9.9514 12.4758 10.0804 12.4166 10.2226C12.3574 10.3648 12.3269 10.5173 12.3269 10.6713C12.3269 10.8253 12.3574 10.9778 12.4166 11.1199C12.4758 11.2621 12.5626 11.3912 12.672 11.4996C12.7804 11.609 12.9095 11.6958 13.0517 11.755C13.1938 11.8142 13.3463 11.8447 13.5003 11.8447C13.6543 11.8447 13.8068 11.8142 13.949 11.755C14.0912 11.6958 14.2202 11.609 14.3287 11.4996L18.9953 6.83294C19.1015 6.72199 19.1848 6.59115 19.2403 6.44794C19.357 6.16391 19.357 5.84532 19.2403 5.56128C19.1848 5.41807 19.1015 5.28723 18.9953 5.17628Z' fill='%23171717'/%3E%3C/svg%3E%0A");
    width: 18px;
    height: 11px;
    display: inline-block
}

.models-page .product a.img img,
.product-page .product a.img img {
    width: 100%;
    object-position: left;
    transform: scale(1.1)
}

.models-page .h2 {
    font-weight: 600;
    font-size: 42px
}

.models-page h3 {
    font-weight: 600;
    font-size: 22px
}

.heading .view a,
.section-heading a {
    font-weight: 400;
    color: #171717;
    text-decoration: none
}

.btns-section a {
    margin: 7px
}

.section-heading a {
    font-size: 24px
}

.section-heading h2 {
    margin-bottom: 0
}

.heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 50px
}

.heading .view a {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s;
    margin: 0 7px;
    border: 1px solid #dedede;
    border-radius: 4px;
    height: auto;
    width: auto;
    padding: 0 10px
}

.heading .view a span {
    margin: 5px;
    font-size: 16px;
    color: #9f9f9f
}

.bread span,
.heading .view a.active span,
.heading .view a:hover span {
    color: #265C7A
}

.heading .view svg path {
    transition: .2s;
    fill: #9F9F9F
}

.heading .view a.active svg path,
.heading .view a:hover svg path,
.services__item:hover svg path {
    fill: #265C7A;
    transition: .2s
}

.heading .view a.active,
.heading .view a:hover {
    color: #265C7A;
    transition: .2s;
    border-color: #265C7A
}

.list-view {
    display: none;
    flex-wrap: wrap;
    width: 100%
}

.list__item {
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    width: calc(33.333% - 20px);
    margin: 10px;
    padding: 24px 20px;
    display: none
}

.list__item.active {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.list__item ul,
.list__item-icon {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

ymaps .list__item {
    width: 100%;
    box-shadow: none;
    margin: 0;
    padding: 5px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    border: none
}

.list__item ul {
    list-style: none;
    font-weight: 400;
    font-size: 16px;
    color: #171717;
    padding: 0;
    align-items: flex-start
}

.list__item a {
    text-decoration: none;
    color: #3d84d9
}

.list__item-title {
    font-weight: 600;
    font-size: 18px;
    display: flex;
    align-items: flex-start;
    color: #265C7A;
    height: 40px
}

.list__item-icon {
    margin: 11px 0;
    align-items: center;
    align-content: center;
    font-weight: 500;
    height: 30px
}

.list__item-icon:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.83221 2H7.32216L8.76937 5.61803L6.44449 7.16795C6.16629 7.35342 5.99919 7.66565 5.99919 8C6.00173 8.09363 5.99919 8.001 5.99919 8.001L5.99919 8.00205L5.9992 8.00429L5.99923 8.00933L5.99938 8.02167C5.99952 8.03089 5.99977 8.04208 6.0002 8.05519C6.00104 8.0814 6.00257 8.1153 6.00531 8.15636C6.01078 8.23846 6.0211 8.34944 6.04049 8.48517C6.07925 8.75646 6.15447 9.12811 6.30051 9.56623C6.59374 10.4459 7.16992 11.5849 8.29208 12.7071C9.41424 13.8293 10.5533 14.4054 11.433 14.6987C11.8711 14.8447 12.2427 14.9199 12.514 14.9587C12.6497 14.9781 12.7607 14.9884 12.8428 14.9939C12.8839 14.9966 12.9178 14.9981 12.944 14.999C12.9571 14.9994 12.9683 14.9997 12.9775 14.9998L12.9899 15L12.9949 15L12.9971 15L12.9982 15C12.9982 15 13.1098 14.9939 12.9992 15C13.378 15 13.7242 14.786 13.8936 14.4472L14.5633 13.1078L18.9992 13.8471V18.167C16.8881 18.4723 11.1866 18.7732 6.7063 14.2929C2.226 9.81259 2.52691 4.1111 2.83221 2ZM8.07284 8.48609L9.87877 7.28213C10.6657 6.75751 10.9776 5.75338 10.6263 4.87525L9.17911 1.25722C8.87538 0.497902 8.13996 0 7.32216 0H2.77996C1.87145 0 1.01628 0.631162 0.867131 1.6169C0.527821 3.8595 0.0659738 10.481 5.29208 15.7071C10.5182 20.9332 17.1397 20.4714 19.3823 20.1321C20.368 19.9829 20.9992 19.1277 20.9992 18.2192V13.8471C20.9992 12.8694 20.2924 12.0351 19.328 11.8743L14.8921 11.135C14.026 10.9907 13.1671 11.4281 12.7745 12.2134L12.428 12.9064C12.3191 12.8796 12.1975 12.8453 12.0654 12.8013C11.4451 12.5946 10.5841 12.1707 9.7063 11.2929C8.82846 10.4151 8.40464 9.55407 8.19787 8.93377C8.142 8.76616 8.10178 8.61545 8.07284 8.48609Z' fill='%239F9F9F'/%3E%3C/svg%3E%0A");
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 10px
}

.list__item-icon.phone:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='14.6349mm' height='14.6354mm' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'%0AviewBox='0 0 84.77 84.77' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .fil0 %7Bfill:%239F9F9F;fill-rule:nonzero%7D %5D%5D%3E%3C/style%3E%3C/defs%3E%3Cg id='Слой_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer'/%3E%3Cpath class='fil0' d='M84.76 68.31c-0.1,-3.28 -1.47,-6.34 -3.84,-8.62 -4.62,-4.46 -8.5,-7.03 -12.2,-8.1 -5.09,-1.47 -9.79,-0.13 -14,3.98 -0.02,0.01 -0.02,0.01 -0.02,0.02l-4.48 4.44c-2.8,-1.58 -8.26,-5.04 -14.12,-10.92l-0.45 -0.44c-5.86,-5.88 -9.34,-11.32 -10.91,-14.12l4.45 -4.48c0,-0.01 0,-0.01 0.02,-0.02 4.11,-4.21 5.44,-8.92 3.96,-14.02 -1.06,-3.69 -3.64,-7.57 -8.09,-12.19 -2.29,-2.36 -5.35,-3.73 -8.62,-3.85 -3.29,-0.12 -6.44,1.02 -8.87,3.22l-0.1 0.08c-0.04,0.04 -0.08,0.08 -0.12,0.12 -4.86,4.86 -7.42,11.67 -7.38,19.68 0.08,13.62 7.56,29.18 20.03,41.65 2.35,2.35 5.01,4.68 7.93,6.91 1.45,1.11 3.54,0.84 4.64,-0.61 1.12,-1.45 0.84,-3.53 -0.61,-4.64 -2.68,-2.06 -5.13,-4.19 -7.27,-6.34 -11.26,-11.26 -18.02,-25.09 -18.08,-37 -0.02,-6.17 1.84,-11.32 5.37,-14.9l0.02 -0.02c2.41,-2.16 6.05,-2.03 8.3,0.3 8.58,8.89 7.97,13.09 4.17,16.97l-6.13 6.19c-0.96,0.97 -1.23,2.43 -0.67,3.68 0.14,0.35 3.92,8.68 13.3,18.07l0.45 0.44c9.38,9.39 17.72,13.16 18.06,13.31 1.25,0.56 2.7,0.29 3.68,-0.67l6.19 -6.14c3.88,-3.79 8.07,-4.41 16.96,4.16 2.33,2.25 2.47,5.89 0.31,8.3l-0.02 0.03c-3.56,3.51 -8.64,5.37 -14.75,5.37 -0.06,0 -0.1,0 -0.16,0 -4.86,-0.02 -10.52,-1.36 -16.33,-3.87 -1.68,-0.73 -3.64,0.05 -4.35,1.73 -0.74,1.68 0.04,3.63 1.72,4.35 6.72,2.9 13.1,4.38 18.94,4.41 0.06,0 0.12,0 0.18,0 7.93,0 14.67,-2.55 19.49,-7.37 0.04,-0.04 0.08,-0.08 0.12,-0.13l0.08 -0.1c2.19,-2.44 3.33,-5.59 3.21,-8.87z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.list__item-icon.address,
.list__item-icon.no-icon,
.list__item-icon.website {
    height: 30px
}

.list__item-icon.address:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='11.7228mm' height='14.6353mm' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'%0AviewBox='0 0 36.63 45.73' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .fil0 %7Bfill:%239F9F9F;fill-rule:nonzero%7D %5D%5D%3E%3C/style%3E%3C/defs%3E%3Cg id='Слой_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer'/%3E%3Cpath class='fil0' d='M18.31 7.14c-6.15,0 -11.15,5.01 -11.15,11.16 0,6.16 5,11.16 11.15,11.16 1.05,0 2.07,-0.14 3.06,-0.43 0.95,-0.27 1.5,-1.26 1.23,-2.21 -0.28,-0.95 -1.26,-1.5 -2.2,-1.23 -0.68,0.19 -1.38,0.29 -2.09,0.29 -4.18,0 -7.58,-3.4 -7.58,-7.59 0,-4.19 3.41,-7.59 7.58,-7.59 4.19,0 7.59,3.41 7.59,7.59 0,0.74 -0.1,1.48 -0.32,2.18 -0.28,0.94 0.25,1.94 1.2,2.22 0.95,0.28 1.94,-0.25 2.23,-1.2 0.31,-1.04 0.46,-2.12 0.46,-3.21 0,-6.16 -5,-11.16 -11.17,-11.16z'/%3E%3Cpath class='fil0' d='M31.25 5.36c-3.45,-3.45 -8.05,-5.36 -12.94,-5.36 -4.88,0 -9.48,1.9 -12.93,5.36 -3.46,3.45 -5.37,8.05 -5.38,12.94 0.01,3.56 0.99,6.9 3.03,10.21 1.75,2.87 4.03,5.37 6.46,8.02 2.37,2.6 4.82,5.28 6.78,8.38 0.33,0.52 0.89,0.83 1.51,0.83l1.07 0c0.62,0 1.18,-0.31 1.51,-0.83 1.96,-3.1 4.41,-5.78 6.78,-8.38 2.42,-2.65 4.71,-5.15 6.46,-8.02 2.04,-3.31 3.02,-6.65 3.03,-10.21 -0.01,-4.88 -1.92,-9.48 -5.38,-12.93zm-6.75 28.75c-2.11,2.31 -4.28,4.68 -6.19,7.42 -1.91,-2.73 -4.08,-5.11 -6.18,-7.42 -4.58,-5.02 -8.54,-9.35 -8.54,-15.82 0,-8.12 6.61,-14.72 14.73,-14.72 8.12,0 14.74,6.6 14.74,14.72 0,6.47 -3.96,10.8 -8.54,15.82z'/%3E%3C/g%3E%3C/svg%3E")
}

.list__item-icon.schedule:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='14.6368mm' height='14.6353mm' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'%0AviewBox='0 0 67 66.99' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .fil0 %7Bfill:%239F9F9F;fill-rule:nonzero%7D %5D%5D%3E%3C/style%3E%3C/defs%3E%3Cg id='Слой_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer'/%3E%3Cpath class='fil0' d='M57.18 9.81c-6.33,-6.33 -14.73,-9.81 -23.69,-9.81 -8.95,0 -17.34,3.48 -23.67,9.81 -6.33,6.33 -9.82,14.74 -9.82,23.69 0,8.95 3.49,17.36 9.82,23.68 6.33,6.33 14.73,9.81 23.67,9.81 6.14,0 12.13,-1.67 17.34,-4.83 1.23,-0.75 1.63,-2.36 0.87,-3.59 -0.74,-1.24 -2.36,-1.63 -3.59,-0.88 -4.39,2.66 -9.45,4.07 -14.63,4.07 -15.58,0 -28.26,-12.68 -28.26,-28.26 0,-15.58 12.68,-28.26 28.26,-28.26 15.6,0 28.28,12.68 28.28,28.26 0,5.57 -1.66,11 -4.8,15.69 -0.81,1.2 -0.48,2.83 0.73,3.63 1.19,0.8 2.83,0.48 3.62,-0.72 3.71,-5.55 5.68,-11.98 5.68,-18.59 0,-8.95 -3.49,-17.36 -9.82,-23.69z'/%3E%3Cpath class='fil0' d='M33.49 9.94c-1.44,0 -2.62,1.17 -2.62,2.62l0 19.85 -9.59 9.6c-1.02,1.02 -1.02,2.68 0,3.7 0.52,0.51 1.18,0.77 1.86,0.77 0.66,0 1.34,-0.26 1.84,-0.77l10.37 -10.36c0.48,-0.49 0.78,-1.16 0.78,-1.85l0 -20.94c0,-1.45 -1.18,-2.62 -2.63,-2.62z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.list__item-icon.website:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='14.7401mm' height='14.7117mm' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'%0AviewBox='0 0 109.26 109.05' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .str0 %7Bstroke:white;stroke-width:0.56;stroke-miterlimit:10%7D .fil0 %7Bfill:%239F9F9F;fill-rule:nonzero%7D %5D%5D%3E%3C/style%3E%3C/defs%3E%3Cg id='Слой_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer'/%3E%3Cpath class='fil0 str0' d='M93.09 16.17c-10.24,-10.25 -23.87,-15.89 -38.35,-15.89 -0.02,0 -0.05,0 -0.07,0 -0.05,0 -0.09,-0 -0.14,-0 -14.49,0 -28.11,5.64 -38.35,15.89 -10.25,10.24 -15.89,23.87 -15.89,38.35 0,14.49 5.64,28.11 15.89,38.35 10.24,10.25 23.87,15.89 38.35,15.89 0.05,0 0.09,-0 0.14,-0 0.02,0 0.05,0 0.07,0 9.26,0 18.4,-2.37 26.43,-6.87 2.04,-1.14 2.77,-3.72 1.63,-5.77 -1.14,-2.04 -3.72,-2.77 -5.77,-1.63 -1.18,0.66 -2.38,1.26 -3.61,1.81 0.9,-1.4 1.76,-2.91 2.56,-4.53 4.5,-9 7.19,-20.6 7.69,-33.01l16.63 0c-0.66,7.18 -3,14.09 -6.86,20.19 -1.25,1.98 -0.66,4.59 1.31,5.85 0.7,0.45 1.49,0.66 2.26,0.66 1.4,0 2.78,-0.7 3.59,-1.97 5.48,-8.66 8.37,-18.67 8.37,-28.96 0,-14.49 -5.64,-28.11 -15.89,-38.35zm-57.57 -3.28c-0.86,1.36 -1.69,2.82 -2.47,4.38 -0.89,1.79 -1.71,3.68 -2.46,5.65 -2.61,-0.5 -5.09,-1.09 -7.38,-1.75 3.61,-3.39 7.76,-6.2 12.31,-8.28zm0.92 19.55c4.41,0.56 9.06,0.91 13.84,1.05l0 16.8 -16.43 0c0.27,-6.32 1.16,-12.36 2.59,-17.84zm-19.29 -4.31c3.28,1.15 6.95,2.14 10.9,2.94 -1.5,5.97 -2.41,12.47 -2.69,19.21l-16.42 0c0.76,-8.2 3.68,-15.78 8.2,-22.15zm-8.2 30.63l16.42 0c0.27,6.67 1.17,13.1 2.64,19.02 -3.99,0.81 -7.68,1.8 -10.97,2.97 -4.45,-6.34 -7.33,-13.86 -8.08,-21.98zm14.08 28.95c2.32,-0.68 4.82,-1.28 7.47,-1.8 0.77,2.05 1.62,4.02 2.54,5.87 0.78,1.56 1.6,3.02 2.47,4.38 -4.63,-2.12 -8.84,-4.99 -12.49,-8.45zm27.25 11.5c-3.49,-1.77 -6.86,-5.65 -9.65,-11.22 -0.54,-1.08 -1.05,-2.21 -1.54,-3.38 3.59,-0.41 7.34,-0.67 11.18,-0.78l0 15.39zm0 -23.86c-4.79,0.13 -9.45,0.49 -13.89,1.06 -1.41,-5.43 -2.27,-11.4 -2.54,-17.64l16.43 0 0 16.59zm0 -50.34c-3.8,-0.11 -7.52,-0.38 -11.1,-0.78 0.46,-1.09 0.94,-2.15 1.45,-3.16 2.79,-5.58 6.16,-9.45 9.65,-11.22l0 15.17zm8.48 -15.17c3.49,1.77 6.86,5.65 9.65,11.22 0.51,1.02 0.99,2.07 1.44,3.16 -3.57,0.4 -7.29,0.67 -11.1,0.78l0 -15.17zm9.65 78.15c-2.79,5.58 -6.16,9.45 -9.65,11.22l0 -15.39c3.83,0.11 7.57,0.37 11.18,0.79 -0.48,1.17 -0.99,2.29 -1.53,3.38zm4.24 -11.59c-4.47,-0.57 -9.12,-0.92 -13.89,-1.05l0 -16.58 16.44 0c-0.27,6.24 -1.14,12.21 -2.54,17.64zm-13.89 -26.11l0 -16.8c4.78,-0.13 9.43,-0.49 13.84,-1.04 1.44,5.48 2.32,11.53 2.59,17.84l-16.44 0zm17.23 -33.01c-0.81,-1.61 -1.66,-3.12 -2.55,-4.52 4.65,2.09 8.88,4.93 12.56,8.37 -2.33,0.68 -4.86,1.28 -7.54,1.8 -0.75,-1.98 -1.57,-3.87 -2.46,-5.65zm7.69 33.01c-0.27,-6.74 -1.19,-13.24 -2.69,-19.21 4.02,-0.82 7.75,-1.82 11.07,-3 4.54,6.39 7.48,13.99 8.24,22.21l-16.63 0z'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.list__item-icon p {
    display: inline-block;
    width: calc(100% - 30px)
}

.list__item .show-map,
.show-map {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #265C7A;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    transition: .2s
}

.show-map:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893L15.7071 6.29289C15.8946 6.48043 16 6.73478 16 7C16 7.26522 15.8946 7.51957 15.7071 7.70711L9.70711 13.7071C9.31658 14.0976 8.68342 14.0976 8.29289 13.7071C7.90237 13.3166 7.90237 12.6834 8.29289 12.2929L12.5858 8L1 8C0.447715 8 0 7.55229 0 7C0 6.44772 0.447715 6 1 6L12.5858 6L8.29289 1.70711C7.90237 1.31658 7.90237 0.683417 8.29289 0.292893Z' fill='%23265C7A'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 12px;
    display: inline-block
}

.dealers-page {
    margin-bottom: 50px;
    margin-top: 30px
}

.dealers-page .heading {
    margin-bottom: 10px
}

.tabs-list.tabs-types {
    border-bottom: 2px solid #dedede
}

.tabs-types .b-nav-tab {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #c7c7c7;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    width: 50%;
    border: none;
    border-radius: 0;
    border-bottom: 3px solid transparent;
    height: 50px;
    margin: 0 0 -2px
}

.product .product_title,
.tabs-contents .swiper-slide h4 {
    font-size: 20px;
    font-weight: 600
}

.tabs-types .b-nav-tab.active,
.tabs-types .b-nav-tab:hover {
    border-bottom: 3px solid #265C7A;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #265C7A
}

#commercial-tab,
#dealer-tab,
.product_list {
    width: 100%;
    flex-wrap: wrap
}

.product_list {
    display: flex;
    align-items: flex-start;
    margin: 50px 0
}

.product.swiper-slide {
    width: calc(25% - 0px);
    padding: 15px;
    display: flex;
    flex-wrap: wrap
}

.product a.img {
    margin-bottom: 15px;
    width: 100%;
    height: 165px
}

.product a.img img {
    width: 100%;
    object-fit: contain
}

.product .product_title {
    margin-bottom: 10px;
    text-decoration: none;
    color: #171717
}

.product .product_excerpt {
    font-weight: 400;
    font-size: 16px;
    color: #7e7e7e;
    margin-bottom: 5px
}

.b-nav-tab,
.product .product_btn {
    font-weight: 500;
    font-size: 16px;
    text-decoration: none
}

.product .product_btn {
    margin-top: 5px;
    color: #265C7A;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    align-content: center
}

.product .product_btn:after {
    content: '';
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.292893 13.7071C-0.0976311 13.3166 -0.0976312 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976317 1.31658 -0.0976317 0.683417 0.292893 0.292893C0.683417 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L7.70711 6.29289C8.09763 6.68342 8.09763 7.31658 7.70711 7.70711L1.70711 13.7071C1.31658 14.0976 0.683418 14.0976 0.292893 13.7071Z' fill='%23265C7A'/%3E%3C/svg%3E%0A");
    width: 8px;
    height: 12px
}

.product .product_btn:hover:after {
    margin-left: 20px;
    transition: .2s
}

.model-row {
    background: #f9f9f9;
    padding: 100px 0
}

.b-nav-tab {
    padding: 10px 30px;
    border: 1px solid #9f9f9f;
    border-radius: 42px;
    color: #9f9f9f;
    transition: .2s;
    margin: 10px
}

.b-nav-tab.active,
.b-nav-tab:hover {
    border-color: #265C7A;
    color: #265C7A;
    transition: .2s
}

.tabs-contents .btn-arrow {
    background: #265C7A;
    top: 45%;
    transform: translateY(-50%)
}

.tabs-contents .btn-arrow.swiper-button-disabled {
    background: #e1e2e2;
    opacity: 1
}

.tabs-contents .btn-arrow:after {
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 11 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6095 18.9427C11.1302 18.422 11.1302 17.5778 10.6095 17.0571L3.55229 9.99992L10.6095 2.94272C11.1302 2.42203 11.1302 1.5778 10.6095 1.05711C10.0888 0.536406 9.24456 0.536406 8.72386 1.05711L0.723859 9.05711C0.20316 9.57781 0.20316 10.422 0.723859 10.9427L8.72386 18.9427C9.24456 19.4634 10.0888 19.4634 10.6095 18.9427Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A")
}

.tabs-contents .arrow-prev {
    left: -10%
}

.tabs-contents .arrow-next {
    right: -10%;
    transform: matrix(-1, 0, 0, 1, 0, 0) translateY(-50%)
}

.tabs-contents .swiper-scrollbar-drag {
    background: #e1e2e2
}

.tabs-contents .swiper-scrollbar {
    background: 0 0;
    top: 100%;
    height: 4px
}

.cascade-block {
    overflow: hidden;
    padding: 80px 0
}

.cascade-block__content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    align-content: center
}

.product-page .cascade-block__content {
    align-items: flex-start;
    align-content: flex-start
}

.cascade-block__text {
    padding-right: 60px
}

.cascade-block__text p {
    margin: 0 0 70px
}

.cascade-block:nth-child(2n) .cascade-block__text {
    order: 2;
    padding-left: 60px
}

.feedback-inline_content {
    width: 40%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    box-shadow: 0 0 12px 2px rgba(73, 73, 73, .08);
    border-radius: 8px;
    overflow: hidden
}

.feedback-inline_content .inline-content .dealer-data,
.feedback-inline_content .modal-content .dealer-data {
    width: 100%;
    margin-bottom: 30px
}

.feedback-inline_content .test-drive-steps {
    margin: 0;
    padding: 50px 120px
}

.feedback-inline_content h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #171717
}

.feedback-page h1,
.feedback-page p {
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #171717
}

.feedback-inline_content .send-btn p {
    margin-top: 10px;
    color: #171717
}

.feedback-inline_content .inline-content .personal-data .label,
.feedback-inline_content .modal-content .personal-data .label {
    top: 21px
}

.feedback-inline_content .inline-content .ts-control,
.feedback-inline_content .inline-content .ts-wrapper.single.input-active .ts-control,
.feedback-inline_content .modal-content .ts-control,
.feedback-inline_content .modal-content .ts-wrapper.single.input-active .ts-control {
    min-width: auto
}

.feedback-page {
    padding: 30px 0
}

.feedback-page .feedback-inline {
    background: 0 0
}

.feedback-page .feedback-inline_content {
    width: 60%;
    box-shadow: none
}

.feedback-page h1 {
    text-align: center;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 0
}

.feedback-page p {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: justify
}

.feedback-page p.text-center {
    text-align: center;
    margin-bottom: 10px
}

.feedback-page .personal-data textarea::placeholder {
    text-indent: -9999px
}

.feedback-page .personal-data textarea {
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    color: #171717;
    background: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    padding: 24px 15px 15px;
    resize: none
}

.feedback-page .send-btn p {
    text-align: left;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px
}

.about-page .main-banner p,
.missions_text {
    font-weight: 400;
    font-feature-settings: 'pnum' on, 'lnum' on
}

.about-page .main-banner {
    height: 100vh;
    padding-top: 60px
}

.about-page .main-banner h1 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 40px
}

.about-page .main-banner p {
    font-size: 16px;
    line-height: 129%;
    color: #fff;
    width: 50%
}

.about-page .cascade-block {
    padding: 50px 0
}

.about-page .cascade-block.pt-5 {
    padding-top: 70px
}

.about-page .cascade-block .cascade-block__image {
    width: 47%
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true],
.plyr__control--overlaid {
    background: 0 0 !important
}

.about-page .cascade-block:nth-child(2n) .cascade-block__text {
    padding: 0 80px 0 0;
    order: 0;
    width: 50%
}

.about-page .cascade-block:nth-child(odd) .cascade-block__text {
    order: 2;
    padding: 0 0 0 60px;
    width: 53%
}

.about-page .cascade-block__text p {
    font-size: 16px;
    line-height: 1.4;
    margin: 0
}

.about-page .cascade-block__text span,
.missions_text span {
    color: #265C7A;
    font-weight: 500
}

.video-block {
    margin: 80px 0;
    position: relative;
    width: 100%
}

.plyr__control--overlaid {
    border: 1px solid #fff !important;
    padding: 22px !important
}

.video-block .image button {
    position: absolute;
    z-index: 1;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    cursor: pointer;
    display: inline-flex;
    align-items: stretch;
    align-content: stretch;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    margin-bottom: 0;
    background: 0 0;
    outline: 0;
    border: none;
    transition: .2s;
    box-shadow: none
}

.video-block .image button:hover {
    transition: .2s;
    opacity: .7
}

.video-block .p-icon-play:before {
    content: '';
    background: url("../images/about/play.svg") center/contain no-repeat;
    width: 60px;
    height: 60px;
    display: flex;
    font-size: 14px
}

.missions {
    margin-bottom: 50px
}

.missions h2 {
    font-size: 38px
}

.missions_block {
    align-content: center;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px
}

.missions_text {
    width: 50%;
    padding-right: 30px;
    font-size: 16px;
    line-height: 1.4
}

.missions_img {
    width: 45%
}

.dealers-section {
    padding: 80px 0;
    background: #f9f9f9;
    margin-top: 50px
}

.awards_item,
.services__item {
    display: flex;
    background: #fff;
    align-content: center;
    cursor: pointer;
}

.dealers-section img {
    margin: auto;
    width: 75%
}

.dealers-section picture {
    width: 100%;
    display: flex;
    margin-top: 40px
}

.awards {
    padding: 80px 0
}

.awards h2 {
    margin-bottom: 40px
}

.awards_item {
    padding: 40px 35px;
    margin: 25px 0;
    width: 100%;
    flex-wrap: wrap;
    box-shadow: 0 0 12px 4px rgba(75, 75, 75, .08);
    border-radius: 4px;
    align-items: center
}

.awards_item_text {
    width: 75%;
    padding-left: 50px;
    line-height: 1.4
}

.news_item-desc,
.news_item-title,
.services .feedback-call {
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on
}

.awards_item_text strong {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.awards_item picture {
    width: calc(25% - 20px);
    height: 205px
}

.awards_item picture img {
    height: 100%;
    object-fit: contain;
    object-position: center
}

.bg-white.services {
    background: #ffff
}

.services.section-spaced {
    padding-bottom: 45px
}

.faqs.section-spaced {
    padding-top: 45px;
    margin-top: 45px
}

.services .feedback-call,
.services__item span {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 400
}

.services .feedback-call {
    color: #171717
}

.services .feedback-call a {
    color: #3d84d9
}

.services_list {
    margin: 50px 0 30px
}

.services__item {
    width: calc(33% - 30px);
    text-decoration: none;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    padding: 24px 30px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: .2s;
    color: #171717
}

.bread a:after,
.chevron-down {
    background-repeat: no-repeat;
    transition: .2s
}

.services__item:hover {
    border-color: #265C7A;
    transition: .2s;
    color: #265C7A
}

.services__item svg {
    width: 52px;
    height: 52px
}

.services__item.filled {
    background: #265C7A;
    color: #fff;
    border-color: #265C7A
}

.services__item.filled:hover {
    background: #1c4359
}

.services__item.filled svg path {
    fill: white
}

.news_item-img img,
.services__item svg path {
    transition: .2s
}

.services__item p {
    width: 100%;
    text-align: center
}

.news_list {
    margin: 0 -10px
}

.news_item {
    width: calc(33% - 20px);
    margin: 30px 10px
}

.bread,
footer ul {
    padding: 0;
    list-style: none;
    flex-wrap: wrap
}

.news_item-img:hover img {
    transform: scale(1.05);
    transition: .2s
}

.news_item picture {
    width: 100%;
    height: 250px;
    display: flex;
    margin: 0 0 20px;
    overflow: hidden
}

.news_item img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.news_item-title {
    margin: 5px 0;
    font-weight: 600;
    font-size: 19px;
    color: #171717;
    text-decoration: none;
    height: 50px
}

.news_item-desc {
    margin: 10px 0;
    font-weight: 400;
    font-size: 16px;
    color: #646464
}

.bread a,
.bread span,
.post_date {
    color: #737373;
    display: flex;
    font-weight: 400
}

.news_item-desc:not(.news_item-date) {
    height: 60px
}

.news_item .news_item-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin: 20px 0
}

.news_item .news_item-link:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893L15.7071 6.29289C15.8946 6.48043 16 6.73478 16 7C16 7.26522 15.8946 7.51957 15.7071 7.70711L9.70711 13.7071C9.31658 14.0976 8.68342 14.0976 8.29289 13.7071C7.90237 13.3166 7.90237 12.6834 8.29289 12.2929L12.5858 8L1 8C0.447715 8 0 7.55229 0 7C0 6.44772 0.447715 6 1 6L12.5858 6L8.29289 1.70711C7.90237 1.31658 7.90237 0.683417 8.29289 0.292893Z' fill='%23265C7A'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 14px
}

.bread {
    display: flex;
    width: 100%;
    margin: 0 0 40px
}

.bread a,
.bread span {
    font-size: 16px;
    line-height: 15px;
    align-items: center;
    text-decoration: none;
    margin: 0 10px 0 0
}

.bread a:after {
    content: '';
    margin-left: 10px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='%23737373' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.292893 13.7071C-0.0976311 13.3166 -0.0976312 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976317 1.31658 -0.0976317 0.683417 0.292893 0.292893C0.683417 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L7.70711 6.29289C8.09763 6.68342 8.09763 7.31658 7.70711 7.70711L1.70711 13.7071C1.31658 14.0976 0.683418 14.0976 0.292893 13.7071Z' fill='%23737373'/%3E%3C/svg%3E%0A");
    background-size: contain;
    width: 6px;
    height: 12px
}

.single-post-page {
    padding: 30px 0;
    margin: 0
}

.post_date {
    font-size: 14px;
    line-height: 130%;
    align-items: center;
    margin-bottom: 20px
}

.single-post-page h1 {
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #171717
}

.single-post-page picture {
    margin: 30px 0;
    display: flex;
    height: 550px
}

.single-post-page picture img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left
}

.body-content * {
    font-weight: 400;
    font-size: 16px;
    line-height: 125%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #000;
    margin: 10px 0;
    max-width: 100%
}

.body-content strong {
    font-weight: 600
}

.body-content blockquote {
    padding: 40px;
    background: #f3f3f3;
    border-radius: 4px;
    margin: 60px 0 20px;
    position: relative
}

.body-content blockquote:before {
    background-image: url("data:image/svg+xml,%3Csvg width='70' height='60' viewBox='0 0 70 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.2939 8.57143V0C15.4898 1.93051 9.65655 6.2934 5.79392 13.0888C1.93129 19.8842 0 29.1119 0 40.7722V60H26.25V34.2857H15.0169V31.6216C15.0169 25.3668 15.7066 20.3282 17.0861 16.5058C18.4657 12.6834 20.5349 10.0386 23.2939 8.57143ZM67.0442 8.57143V0C59.2401 1.93051 53.4069 6.2934 49.5442 13.0888C45.6816 19.8842 43.7503 29.1119 43.7503 40.7722V60H70.0003V34.2857H58.7672V31.6216C58.7672 25.3668 59.4569 20.3282 60.8365 16.5058C62.216 12.6834 64.2852 10.0386 67.0442 8.57143Z' fill='%23265C7A'/%3E%3C/svg%3E%0A");
    content: '';
    width: 70px;
    height: 60px;
    display: inline-flex;
    position: absolute;
    left: -25px;
    top: -35px
}

.body-content blockquote * {
    font-weight: 500;
    font-size: 16px
}

footer {
    background: #16213D;
    padding: 60px 0
}

footer a {
    color: #e7e7E7CC;
    transition: .2s;
    text-decoration: none
}

footer .copyrights a:hover,
footer a:hover {
    color: #fff;
    transition: .2s
}

footer strong {
    color: #fff;
    margin-bottom: 15px;
    display: inline-flex;
    width: 100%
}

footer ul {
    width: 100%;
    display: flex
}

footer li {
    margin: 10px 0;
    width: 100%
}

footer .col {
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start
}

footer .col:first-child {
    padding-left: 0
}

footer .col:nth-child(5) {
    padding-right: 0
}

footer .col.socials {
    justify-content: flex-end;
    width: 100%
}

footer .callback-btns {
    width: 100%;
    margin-bottom: 15px
}

footer .callback-btns .callback-btn {
    color: #fff;
    font-weight: 500;
    width: auto
}

footer .callback-btns .callback-btn span {
    border: none
}

footer .socials strong {
    justify-content: center
}

footer .social {
    width: 44px;
    height: 44px;
    background: #1e1e1e;
    border-radius: 44px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 5px;
    transition: .2s
}

footer .social img {
    width: 20px;
    height: 20px
}

footer .social:hover {
    transition: .2s;
    background: #3c3c3c
}

footer .copyrights a,
footer .copyrights p {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    transition: .2s
}

.chevron-down {
    display: flex;
    flex-wrap: wrap;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    background-position: right .75rem center;
    background-size: 16px 12px;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%)
}

.chevron-down.opened {
    transition: .2s;
    transform: translateY(-50%) matrix(1, 0, 0, -1, 0, 0)
}

@media only screen and (max-width: 1570px) {
    .feedback-inline_content {
        width: 45%
    }
}

@media only screen and (max-width: 1399px) {
    .callback-btns {
        width: 12%
    }

    .header-telephone-btn {
        width: auto
    }

    .logo-block {
        width: 13%
    }

    .lang-btns {
        width: 8%
    }

    .lang-btns a,
    .lang-btns span {
        font-size: 14px;
        padding: 6px
    }

    .flag-switch input+label {
        width: 44px;
        height: 25px
    }

    .flag-switch input+label:before {
        height: 23px;
        width: 44px
    }

    .flag-switch input+label:after {
        width: 20px;
        height: 20px
    }

    .flag-switch input:checked+label:after {
        transform: translate(20px, 0)
    }

    .flag-switch input+label.kz:after {
        background-position: 22px -1px
    }

    .callback-btns p {
        font-size: 12px
    }

    .callback-btns .callback-btn,
    footer,
    footer .copyrights a,
    footer .copyrights p {
        font-size: 14px
    }

    .desk-menu {
        flex-basis: 66%
    }

    .feedback-inline_content {
        width: 650px
    }

    .picker__text-excerpt p {
        font-size: 16px
    }

    nav>ul>li>a {
        padding: 22px 10px
    }

    .list__item ul,
    nav .submenu a,
    nav .submenu li {
        font-size: 15px
    }

    .tabs-contents .arrow-prev {
        left: -4%
    }

    .tabs-contents .arrow-next {
        right: -4%
    }

    .main-banner .h1,
    .swiper-slide .h1 {
        font-size: 70px
    }

    .main-banner,
    .main-slider {
        height: 650px
    }

    .news_item-title,
    .services__item p,
    .tabs-contents .swiper-slide h4 {
        font-size: 18px
    }

    .news_item picture {
        height: 230px
    }

    .news_item-desc {
        font-size: 17px
    }

    .cascade-block__text h2,
    .mobile-chars h2 {
        font-size: 26px
    }

    .about-page .main-banner p {
        width: 60%
    }

    .about-page .main-banner h1 {
        font-size: 36px
    }

    .sidebar-price_btns p {
        font-size: 10px
    }
}

@media only screen and (max-width: 1199px) {
    .partner-logo img {
        width: 100%
    }

    .dealer-request-page li,
    .dealer-request-page p,
    .list__item .show-map,
    .news_item-title,
    .product .product_btn,
    .services__item p,
    .show-map,
    .sidebar-price_total p,
    .tabs-contents .swiper-slide h4,
    .tabs-types .b-nav-tab.active,
    .tabs-types .b-nav-tab:hover {
        font-size: 16px
    }

    .sidebar-price_btns .btn-regular {
        padding: 13px
    }

    .sidebar-price_btns span {
        width: 85%
    }

    .picker__text-excerpt p {
        font-size: 15px
    }

    .feedback-inline_content,
    .feedback-page .feedback-inline_content {
        width: 650px
    }

    .product .product_btn:after,
    nav ul {
        margin-left: 10px
    }

    nav>ul>li>a {
        font-size: 13px;
        padding: 24px 4px
    }

    .desk-menu {
        flex-basis: 62%
    }

    .callback-btns .callback-btn {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px
    }

    .callback-btns .callback-btn span,
    .lang-btns .lang-btn {
        display: none
    }

    .lang-btns a,
    .lang-btns span {
        font-size: 12px;
        padding: 5px
    }

    .callback-btns,
    .logo-block {
        width: 15%
    }

    .header-telephone-btn {
        width: auto
    }

    .header-telephone-btn svg {
        width: 20px;
        height: 20px
    }

    .callback-btns p {
        font-size: 11px
    }

    .main-banner .h1,
    .swiper-slide .h1 {
        font-size: 70px
    }

    .about-page .cascade-block__text p,
    .awards_item_text p,
    .list__item ul {
        font-size: 14px
    }

    .body-content *,
    .body-content blockquote *,
    .list__item-title,
    .product .product_title {
        font-size: 18px
    }

    .tabs-types .b-nav-tab {
        font-size: 16px;
        border-bottom: 2px solid #dedede
    }

    .product-page .b-nav-tab {
        padding: 10px
    }

    .equipment-items .equipment-item .equipment-item-block div,
    .page-equipments .variants-list .variant div,
    footer,
    footer .copyrights a,
    footer .copyrights p {
        font-size: 12px
    }

    .dealer-request-page h1,
    .h2,
    .models-page .h2,
    .models-page h1,
    .news-page h1 {
        font-size: 36px
    }

    .models-page h3 {
        font-size: 20px
    }

    .dealer-request-page h3 {
        font-size: 26px
    }

    .leasing-page li,
    .leasing-page p {
        font-size: 18px;
        margin-bottom: 5px
    }

    .leasing-page li span {
        margin-bottom: 0
    }

    .news_item picture {
        height: 170px
    }

    .news_item-desc {
        font-size: 14px;
        margin: 5px 0
    }

    .news_item .news_item-link {
        margin: 10px 0;
        font-size: 16px
    }

    .news_item .news_item-link:after {
        height: 12px;
        margin-left: 10px
    }

    .single-post-page picture {
        height: 500px
    }

    .body-content blockquote:before {
        background-size: contain;
        width: 55px;
        height: 50px;
        background-repeat: no-repeat;
        left: -15px;
        top: -27px
    }

    .product-page .cascade-block__image .pic.active {
        height: 450px
    }

    .about-page .main-banner p {
        width: 70%
    }

    .about-page .cascade-block:nth-child(2n) .cascade-block__text {
        padding-right: 60px
    }

    .video-block {
        margin: 40px 0 60px
    }

    .missions {
        margin-bottom: 15px
    }

    .awards h2,
    .dealers-section h2,
    .missions h2 {
        font-size: 32px
    }

    .missions_block {
        margin-top: 15px
    }

    .missions_text {
        font-size: 14px;
        padding-right: 0
    }

    .awards,
    .dealers-section {
        padding: 50px 0
    }

    .awards h2 {
        margin-bottom: 30px
    }

    .awards_item {
        padding: 25px;
        margin: 15px 0
    }

    .awards_item_text {
        padding-left: 30px
    }

    .awards_item_text strong {
        font-size: 16px;
        margin-bottom: 15px
    }

    .awards_item picture {
        height: 150px
    }

    .about-page .cascade-block {
        padding: 40px 0
    }

    footer .social {
        width: 35px;
        height: 35px
    }
}

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

    .picker__text p,
    .product-page .tabs-types {
        margin-bottom: 15px
    }

    [data-vbg] {
        z-index: -4 !important
    }

    .credit-scroll .w-65 {
        width: 60%
    }

    .about-page .cascade-block .cascade-block__image,
    .credit-scroll .w-35 {
        width: 40%
    }

    .credit-month {
        margin: 2px
    }

    .about-page .main-banner p,
    .news_item .news_item-link,
    .picker__text-excerpt p,
    .product .product_btn,
    .product-page .tabs-types .b-nav-tab,
    .secondary-menu-title,
    nav .submenu a,
    nav .submenu li {
        font-size: 14px
    }

    .picker__btns {
        margin: 30px 0
    }

    .lang-btns {
        width: 10%
    }

    header .logo {
        width: auto
    }

    header .logo-block {
        max-width: 16%
    }

    .about-page .main-banner p,
    .dealer-request-page li,
    header .logo img {
        width: 100%
    }

    header .logo {
        height: 44px;
    }

    header .logo:not(.partner-logo) img {
        height: 35px;
    }

    header .logo img {
        height: 43px;
    }

    .desk-menu {
        flex-basis: 68%
    }

    .desk-menu ul {
        margin-left: 10px
    }

    .desk-menu ul>li>a {
        font-size: 11px;
        padding: 22px 3px
    }

    .desk-menu ul .submenu li a {
        padding: 0
    }

    nav .submenu ul {
        max-width: 50%
    }

    .callback-btns {
        width: 6%;
        justify-content: center
    }

    .header-telephone-btn {
        width: auto;
        margin-left: auto
    }

    .callback-btns span,
    .empty-header .mobile-menu__trigger {
        display: none
    }

    .flag-switch input+label {
        width: 36px;
        height: 20px
    }

    .flag-switch input+label:before {
        width: 40px;
        height: 20px
    }

    .flag-switch input+label:after {
        width: 16px;
        height: 16px
    }

    .flag-switch input+label.kz:after {
        background-position: 18px -1px
    }

    .callback-btns p {
        font-size: 12px;
        display: none
    }

    .chars-list-item span,
    .lang-btns .lang-btn,
    .news_item-desc {
        font-size: 12px
    }

    nav a {
        font-size: 17px
    }

    .main-banner,
    .main-slider {
        height: 550px
    }

    .main-banner .bottom-text,
    .main-slider .bottom-text {
        bottom: 15%
    }

    .main-banner .bottom-text.sub,
    .main-slider .bottom-text.sub {
        bottom: 10%
    }

    .model-row {
        padding: 50px 0
    }

    .picker__list {
        margin-top: 50px
    }

    .picker__text {
        width: 50%;
        margin-left: 0
    }

    .picker__text p {
        font-size: 14px
    }

    .total-view p {
        font-size: 16px
    }

    .product-page .cascade-block__image .pic.active,
    .total-view__app iframe {
        height: 400px
    }

    .cascade-block__text {
        padding-right: 20px
    }

    .cascade-block__text h2 {
        font-size: 22px
    }

    .cascade-block__text li.active:after {
        height: 8px;
        width: 8px;
        left: -15px
    }

    .cascade-block:nth-child(2n) .cascade-block__text {
        padding-left: 20px
    }

    .cascade-block__text p {
        margin-bottom: 30px
    }

    .cascade-block__text ul {
        font-size: 16px
    }

    .cascade-block__text li {
        margin: 5px 0
    }

    .about-page .cascade-block__text p {
        font-size: 13px
    }

    .about-page .cascade-block.pt-5 {
        padding-top: 50px
    }

    .about-page .cascade-block:nth-child(2n) .cascade-block__text {
        width: 60%;
        padding-right: 20px
    }

    .about-page .cascade-block:nth-child(odd) .cascade-block__text {
        width: 60%;
        padding-left: 20px
    }

    .about-page .cascade-block {
        padding: 20px 0
    }

    .video-block {
        margin-bottom: 40px
    }

    .awards h2,
    .dealers-section h2,
    .missions h2 {
        font-size: 30px
    }

    footer .social {
        width: 20px;
        height: 20px
    }

    footer .col {
        padding: 0 5px
    }

    footer .col.w-21 {
        width: 25%
    }

    footer .col.w-15 {
        width: 18%
    }

    .no-slide .product.swiper-slide {
        margin: 15px 0;
        width: calc(33% - 20px)
    }

    .models-page .tabs-contents .btn-arrow {
        top: 40%
    }

    .dealer-request-page h1,
    .models-page h1,
    .news-page h1 {
        font-size: 36px
    }

    .models-page h3 {
        font-size: 18px
    }

    .models-page .product_list,
    .models-page .product_list .b-tab.mt-5 {
        margin-top: 20px
    }

    .product_list .b-tab {
        padding: 10px 0
    }

    .product_list .b-tab.mt-1 {
        margin-top: 0
    }

    .product .product_btn:after {
        height: 11px
    }

    .product a.img {
        height: 125px
    }

    .product-page .secondary-menu ul a {
        padding: 5px;
        font-size: 14px
    }

    .variants-list .variant div {
        padding: 36px 12px;
        font-size: 15px
    }

    .chars-cat-heading {
        font-size: 14px;
        padding: 15px
    }

    .chars-list-item {
        padding: 15px
    }

    .chars-list-item p {
        font-size: 16px;
        margin-top: 5px
    }

    .equipment-items .equipment-item .equipment-item-block div,
    .page-equipments .variants-list .variant .price,
    .page-equipments .variants-list .variant div {
        font-size: 10px;
        padding: 10px 5px;
        align-items: center
    }

    .equipment-category .accordion {
        padding: 10px 5px;
        font-size: 10px;
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .equipment-category .accordion:after {
        width: 15px;
        height: 15px;
        background-size: contain
    }

    .chars-list-item p .check-icon,
    .equipment-items .equipment-item .equipment-item-block .check-icon {
        width: 12px;
        height: 12px
    }

    .page-equipments .btns-section a {
        font-size: 12px;
        padding: 12px
    }

    header.empty-header .container.d-flex {
        justify-content: space-between
    }

    .list__item {
        width: calc(50% - 20px)
    }

    .dealer-request-page form .w-40 {
        width: 50%
    }

    .dealer-request-page form h3 {
        font-size: 26px
    }

    .warranty-page .body {
        margin-bottom: 2em
    }

    .news_item picture {
        height: 210px;
        margin: 0 0 10px
    }

    .single-post-page picture {
        margin: 15px 0
    }

    .body-content blockquote {
        padding: 25px
    }

    .body-content blockquote:before {
        background-size: contain;
        width: 40px;
        height: 35px;
        background-repeat: no-repeat;
        left: -10px;
        top: -20px
    }
}

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

    .main-banner .bottom-text,
    .main-slider .bottom-text {
        bottom: 15%
    }

    .main-banner .bottom-text.sub,
    .main-slider .bottom-text.sub {
        bottom: 5%;
        width: 95%;
        font-size: 12px
    }

    .mobile-chars,
    nav .submenu {
        position: relative
    }

    .cascade-block,
    .feedback-page .send-btn p {
        font-size: 14px
    }

    .product-page .cascade-block__text ul,
    .tabs-list {
        overflow-x: scroll;
        white-space: nowrap;
        padding-bottom: 15px
    }

    .product-page .secondary-menu {
        padding: 15px 0
    }

    .product-page .secondary-menu ul {
        justify-content: center;
        width: 100%
    }

    .mobile-menu,
    .product-page .secondary-menu ul li {
        display: flex
    }

    .product-page .secondary-menu ul a {
        padding: 5px 10px
    }

    .cb_imgs,
    .lang-btns,
    .secondary-menu-title,
    header .desk-menu,
    header nav {
        display: none
    }

    .product-page .characteristics {
        padding: 30px 0 0
    }

    .product-page .characteristics h2 {
        margin-bottom: 10px
    }

    .product-page .tabs-list.tabs-types {
        margin-top: 10px;
        margin-bottom: 10px;
        justify-content: flex-start
    }

    .chars-list-item,
    .variants-list .variant {
        width: 50%
    }

    .variants-list .variant div {
        padding: 20px 10px;
        font-size: 14px
    }

    .page-equipments .variants-list .variant .price,
    .page-equipments .variants-list .variant div {
        height: 45px
    }

    .picker__text-excerpt {
        height: auto;
        margin-bottom: 20px
    }

    .picker__btns,
    .services_list {
        margin: 20px 0
    }

    .feedback-inline_content {
        background: 0 0;
        box-shadow: none
    }

    .feedback-inline_content,
    .feedback-page .feedback-inline_content {
        width: 90%
    }

    .feedback-inline_content .test-drive-steps {
        padding: 50px 65px;
        background: 0 0
    }

    .body-content *,
    .body-content blockquote *,
    .product-page .cascade-block__text p,
    .services .feedback-call {
        font-size: 16px
    }

    .callback-btns {
        justify-content: inherit
    }

    .header-telephone-btn {
        margin-left: initial;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: auto
    }

    .callback-btns span {
        display: inherit
    }

    .callback-btns p {
        display: block
    }

    .lang-btns a,
    .lang-btns span {
        font-size: 15px;
        padding: 6px 10px
    }

    .dealer-request-page h1,
    .models-page h1,
    .news-page h1 {
        font-size: 28px
    }

    .dealer-request-page h3 {
        font-size: 22px
    }

    .warranty-page .body span {
        font-size: 24px
    }

    .mobile-menu ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: 0
    }

    .mobile-menu ul li {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }

    .flag-switch input+label,
    .flag-switch input+label:before {
        height: 30px;
        width: 53px
    }

    .mobile-menu ul li a {
        font-size: 16px;
        text-transform: unset
    }

    .mobile-menu ul ul {
        max-height: 0;
        transition: max-height .15s ease-out, margin-top .15s ease-out, margin-bottom .15s ease-out;
        overflow: hidden;
        margin: 0
    }

    .mobile-menu ul ul.opened {
        max-height: 500px;
        transition: max-height .25s ease-in, margin-bottom .25s ease-in, margin-top .25s ease-in
    }

    .mobile-menu ul ul li a {
        padding: .4rem .4rem .4rem 35px
    }

    .cascade-block__text h2,
    .mobile-chars h2 {
        margin-bottom: 15px
    }

    .mobile-chars {
        display: flex;
        flex-wrap: wrap;
        width: 100%
    }

    .mobile-chars picture {
        height: 340px;
        display: block;
        width: 100%
    }

    .mobile-chars picture img {
        object-fit: cover
    }

    .mobile-chars .swiper-pagination-bullets.swiper-pagination-horizontal {
        top: 345px;
        bottom: auto;
        text-align: left;
        left: 0;
        max-width: 525px;
        transform: translate(0, 0)
    }

    .mobile-chars .swiper-pagination-bullet {
        background: #dedede;
        border-radius: 5px;
        opacity: 1;
        width: 44px;
        height: 2px
    }

    .mobile-chars .swiper-pagination-bullet-active {
        background: #4f4a4a;
        border-radius: 5px;
        opacity: 1
    }

    .mobile-chars .swiper {
        margin-top: 30px;
        height: 100%;
        width: 100%
    }

    .mobile-chars__text {
        max-height: 140px
    }

    .mobile-chars .swiper .pic strong {
        margin: 30px 0 15px;
        display: block;
        width: 100%
    }

    header {
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
        background: #16213D;
        z-index: 18
    }

    header .container.d-flex {
        justify-content: center;
        position: relative
    }

    .callback-btns {
        width: 45%
    }

    .mobile-menu .lang-btns {
        display: flex;
        width: 100%;
        justify-content: center;
        margin-top: 30px
    }

    .mobile-menu .lang-btns .lang-btn {
        display: inherit;
        font-size: 14px
    }

    .flag-switch {
        margin-right: 10px
    }

    .flag-switch input+label:after {
        width: 25px;
        height: 25px
    }

    .flag-switch input:checked+label:after {
        transform: translate(24px, 0)
    }

    .flag-switch input+label.kz:after {
        background-position: 28px -1px
    }

    header .logo-block {
        max-width: 35%;
        width: 100%
    }

    .mobile-menu .socials {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 30px
    }

    .mobile-menu .socials strong {
        width: 100%;
        text-align: center;
        display: inline-block;
        margin-bottom: 15px
    }

    .mobile-menu .social {
        width: 20px;
        height: 20px;
        background: #1e1e1e;
        border-radius: 44px;
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        align-items: center;
        margin: 10px;
        transition: .2s
    }

    .mobile-menu .social img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .main-banner,
    .main-slider {
        height: 450px
    }

    .main-banner .bread,
    .main-slider .bread {
        padding: 15px 0;
        margin-bottom: 0
    }

    .main-banner .h1,
    .swiper-slide .h1 {
        font-size: 40px
    }

    .main-banner .h3,
    .swiper-slide .h3 {
        font-size: 20px
    }

    .slide-text {
        margin-bottom: 30px
    }

    .picker__img {
        width: 100%;
        margin-bottom: 20px
    }

    .credit-scroll .w-35,
    .credit-scroll .w-65,
    .dealer-request-page form .w-40,
    .picker__text {
        width: 100%
    }

    .tabs-contents .btn-arrow {
        top: 25%
    }

    .tabs-list {
        flex-wrap: nowrap;
        margin-bottom: 10px;
        justify-content: flex-start
    }

    .tabs-list.tabs-types {
        padding-bottom: 0;
        margin-bottom: 30px;
        border: none
    }

    .b-nav-tab {
        display: inline-table;
        margin: 0 5px
    }

    .b-nav-tab:first-child,
    .heading .view a:first-child {
        margin-left: 0
    }

    .b-nav-tab:last-child,
    .heading .view a:last-child {
        margin-right: 0
    }

    .cascade-block__text p,
    .product-page .cascade-block__image {
        margin: 0 0 30px
    }

    .model-row {
        padding: 25px 0
    }

    .cascade-block,
    .product-page .cascade-block {
        padding: 30px 0
    }

    .product-page .cascade-block__image,
    .product-page .cascade-block__text {
        width: 100%;
        padding: 0;
        order: 1
    }

    .product-page .cascade-block__text ul {
        flex-wrap: nowrap;
        padding-left: 0;
        margin-bottom: 0
    }

    .product-page .cascade-block__text li {
        margin: 10px 15px
    }

    .product-page .section-heading a {
        font-size: 18px
    }

    .product a.img {
        height: 125px
    }

    .services__item {
        width: calc(33% - 10px)
    }

    .services__item p {
        font-size: 14px
    }

    .list__item-icon,
    .list__item-icon.address,
    .list__item-icon.no-icon,
    .list__item-icon.website,
    .list__item-title {
        height: auto
    }

    .reglaments-page .no-slide .product.swiper-slide {
        width: calc(50% - 0px)
    }

    .btn-download {
        margin: 0
    }

    .heading .view {
        width: 100%;
        margin-top: 30px;
        justify-content: flex-end
    }

    .heading .view a {
        margin: 0 6px
    }

    .list__item {
        width: calc(100%)
    }

    .leasing-page li span {
        font-size: 36px;
        line-height: 1.6
    }

    .tabs-types .b-nav-tab {
        width: 70%;
        margin-bottom: 0
    }

    .news_list {
        width: 100%;
        margin: 0 0 30px
    }

    .news_item {
        width: calc(50% - 20px)
    }

    .single-post-page h1 {
        font-size: 26px
    }

    .single-post-page picture {
        height: 360px
    }

    .bread li {
        margin: 5px
    }

    .body-content blockquote {
        margin: 40px 0 20px
    }

    .about-page .cascade-block:nth-child(2n) .cascade-block__text,
    .about-page .cascade-block:nth-child(odd) .cascade-block__text {
        width: 100%;
        order: 2;
        margin-top: 20px;
        padding: 0
    }

    .about-page .cascade-block .cascade-block__image {
        width: 65%;
        height: auto;
        margin: auto
    }

    .missions_text {
        width: 100%;
        order: 2;
        margin-top: 20px
    }

    .missions_img {
        width: 65%;
        height: auto;
        margin: auto;
        text-align: center
    }

    .awards_item_text strong,
    footer .callback-btns {
        justify-content: center
    }

    .awards_item_text {
        width: 100%;
        padding: 0;
        text-align: center
    }

    .awards_item picture {
        height: 150px;
        width: 100%;
        margin-bottom: 20px
    }

    .dealers-section img {
        width: 95%
    }

    footer .col {
        padding: 0;
        margin-bottom: 25px
    }

    footer .callback-btns p {
        width: 100%;
        text-align: center
    }

    footer .col.w-25 {
        width: 64%
    }

    footer .w-15 {
        width: 36%
    }

    footer .col.w-21,
    footer .w-18,
    footer .w-20 {
        width: 32%
    }

    footer .col.w-15 {
        width: 24%
    }

    footer .col.socials {
        padding: 0;
        justify-content: center;
        width: 100%
    }

    .picker__img_mobile {
        display: block
    }
}

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

    .page-equipments .variants-list .variant:not(:first-child) .name:after,
    footer strong:after {
        content: '';
        background-size: contain;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: .2s
    }

    .mobile-chars .swiper-pagination-bullets.swiper-pagination-horizontal {
        top: 285px;
        bottom: auto;
        text-align: left;
        left: 0;
        max-width: 100%;
        transform: translate(0, 0)
    }

    .mobile-chars picture {
        height: 280px
    }

    .mobile-chars picture img {
        object-fit: cover
    }

    .about-page .cascade-block .cascade-block__image,
    .cascade-block__text .btn-bordered,
    .feedback-inline_content,
    .feedback-page .feedback-inline_content,
    .missions_img,
    footer .col,
    footer .col.w-25 {
        width: 100%
    }

    .feedback-inline_content .test-drive-steps {
        padding: 25px 15px
    }

    .callback-btns {
        width: 52%
    }

    .header-telephone-btn {
        width: auto;
        margin-right: 1rem
    }

    header .logo-block {
        max-width: 45%
    }

    .chars-cat-heading,
    .chars-list-item {
        padding: 10px
    }

    .chars-list-item p {
        font-size: 14px
    }

    .cascade-block,
    .leasing-page li {
        padding: 20px 0
    }

    .awards h2,
    .cascade-block__text h2,
    .dealers-section h2,
    .missions h2 {
        font-size: 26px
    }

    .btn-iconed,
    .picker__text p,
    .section-heading a,
    footer,
    footer .copyrights a,
    footer .copyrights p {
        font-size: 16px
    }

    footer .col.m-accord {
        width: 100%;
        margin-bottom: 0
    }

    footer .col.w-18:not(.socials),
    footer .col:first-child {
        display: flex
    }

    footer .copyrights p {
        width: 100%;
        text-align: center;
        margin-top: 15px;
        order: 2
    }

    .main-banner,
    .main-slider {
        height: 600px
    }

    .btn-iconed {
        width: 100%;
        justify-content: center
    }

    .main-banner picture img,
    .main-slider .swiper-slide picture img {
        object-position: center
    }

    .tabs-list {
        padding: 15px 12px 20px
    }

    .model-row h2 {
        padding: 0 12px
    }

    footer .col,
    footer .col:nth-child(5) {
        padding: 25px 25px 25px 0
    }

    .model-row .container,
    .page-equipments .variants-list .variant .name {
        padding: 0
    }

    .tabs-contents .swiper-slide {
        width: 198px;
        margin: 0
    }

    .product .product_title {
        margin-bottom: 5px
    }

    .tabs-contents .swiper-scrollbar,
    footer .socials strong {
        display: none
    }

    .tabs-contents .swiper-slide:hover {
        transform: none
    }

    .tabs-contents .swiper-slide img {
        transform: scale(1.1)
    }

    .tabs-contents .btn-arrow,
    .tabs-contents .btn-arrow:hover {
        background: rgba(255, 255, 255, .72)
    }

    .tabs-contents .btn-arrow:after {
        background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 11 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6095 18.9427C11.1302 18.422 11.1302 17.5778 10.6095 17.0571L3.55229 9.99992L10.6095 2.94272C11.1302 2.42203 11.1302 1.5778 10.6095 1.05711C10.0888 0.536406 9.24456 0.536406 8.72386 1.05711L0.723859 9.05711C0.20316 9.57781 0.20316 10.422 0.723859 10.9427L8.72386 18.9427C9.24456 19.4634 10.0888 19.4634 10.6095 18.9427Z' fill='%23171717'/%3E%3C/svg%3E%0A")
    }

    .tabs-contents .btn-arrow.swiper-button-disabled {
        opacity: .5;
        background: rgba(255, 255, 255, .72)
    }

    .tabs-contents .arrow-next {
        right: 0
    }

    .body-content blockquote:before,
    .tabs-contents .arrow-prev {
        left: 0
    }

    .main-slider .swiper-horizontal>.swiper-pagination-bullets,
    .main-slider .swiper-pagination-bullets.swiper-pagination-horizontal,
    .main-slider .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 20px
    }

    .cascade-block:nth-child(2n) .cascade-block__text,
    .cascade-block__text {
        padding: 0;
        width: 100%;
        order: 2;
        margin-top: 20px
    }

    .services__item {
        width: 100%;
        padding: 10px;
        justify-content: flex-start;
        margin: 5px 0
    }

    .services__item p {
        width: auto;
        margin-left: 16px;
        margin-top: 0;
        font-size: 16px
    }

    .reglaments-page .no-slide .product.swiper-slide {
        width: calc(100% - 0px);
        text-align: center;
        justify-content: center;
        margin: 15px 0
    }

    .reglaments-page .no-slide .product.swiper-slide .img {
        width: 85%
    }

    .reglaments-page .no-slide .product.swiper-slide img {
        transform: scale(1)
    }

    .reglaments-page .footer-text {
        padding: 25px
    }

    .dealer-request-page form h3 {
        font-size: 22px
    }

    .news_item {
        width: 100%;
        margin: 20px 0
    }

    .news_item picture {
        height: 230px
    }

    .news_item .news_item-link,
    .news_item-title {
        font-size: 17px
    }

    .news_item-desc {
        font-size: 15px
    }

    .single-post-page picture {
        height: auto;
        max-height: 250px
    }

    .about-page .main-banner h1 {
        font-size: 30px;
        margin-bottom: 25px
    }

    .about-page .main-banner {
        height: calc(100vh - 75px);
        padding-top: 35px
    }

    .awards_item {
        box-shadow: none;
        border: 1px solid #ededed
    }

    .about-page .cascade-block.pt-5 {
        padding-top: 20px
    }

    .about-page .cascade-block:nth-child(2n) .cascade-block__text,
    .about-page .cascade-block:nth-child(odd) .cascade-block__text {
        margin-top: 0;
        margin-bottom: 20px
    }

    .about-page .cascade-block .cascade-block__image {
        order: 3
    }

    .page-equipments .variants-list .variant .price,
    .page-equipments .variants-list .variant div {
        height: auto
    }

    .page-equipments .variants-list .variant .name span {
        padding: 10px 5px;
        display: flex;
        flex-wrap: wrap;
        z-index: 1;
        position: relative
    }

    .page-equipments .variants-list .variant:not(:first-child) .name:after {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='%23FFFFFF' /%3E%3C/svg%3E");
        display: block;
        width: 12px;
        height: 12px;
        color: #fff;
        font-weight: 700;
        float: right;
        right: 5px
    }

    .page-equipments .variants-list .variant:not(:first-child) .name.shown:after,
    footer .m-accord.opened strong:after {
        transition: .2s;
        transform: translateY(-50%) rotate(180deg)
    }

    .page-equipments .variants-list .variant:not(:first-child) .name.minismax:after {
        content: none
    }

    .page-equipments h1 {
        font-size: 18px
    }

    footer {
        padding: 20px 0 50px
    }

    footer .col.socials {
        order: 4;
        margin-top: 50px;
        border: 0
    }

    footer .copyrights {
        justify-content: center;
        margin-top: 15px
    }

    footer .col {
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }

    footer .col.m-accord {
        order: 1
    }

    footer strong {
        margin: 0;
        position: relative
    }

    footer strong:after {
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976312 1.70711 0.292893L7 5.58579L12.2929 0.292893C12.6834 -0.0976317 13.3166 -0.0976317 13.7071 0.292893C14.0976 0.683417 14.0976 1.31658 13.7071 1.70711L7.70711 7.70711C7.31658 8.09763 6.68342 8.09763 6.29289 7.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='white'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        width: 14px;
        height: 8px;
        margin: 0;
        right: 0
    }

    footer ul {
        max-height: 0;
        transition: max-height .15s ease-out, margin-top .15s ease-out, margin-bottom .15s ease-out;
        overflow: hidden;
        margin: 0
    }

    footer .m-accord.opened ul {
        max-height: 500px;
        margin: 1em 0;
        transition: max-height .25s ease-in, margin-bottom .25s ease-in, margin-top .25s ease-in
    }

    footer .social {
        width: 33px;
        height: 27px
    }

    footer .social img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .equipment-items .equipment-item .equipment-item-block,
    .page-equipments .variants-list .variant {
        width: calc(100% / calc(var(--index) + var(--count))) !important
    }
}

@media only screen and (max-width: 481px) {
    .dealer-request-page h3 {
        font-size: 22px
    }

    .dealer-request-page li::target-text {
        width: calc(100% - 70px)
    }

    .dealer-request-page li::before {
        width: 50px;
        height: 50px;
        margin: 5px 10px 10px 0;
        font-size: 20px;
        line-height: 2.5
    }
}

@media only screen and (max-width: 385px) {
    .section-heading h2 {
        margin-bottom: 20px;
        width: 100%
    }

    .btn-iconed {
        font-size: 14px
    }
}

div.rngst_phone_button {
    display: none !important;
}

.phone-call,
.whatsapp-call {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    opacity: .75;
    background: #000;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    border-radius: 50%;
    z-index: 99;
    display: none;
    line-height: 65px;
    outline: none;
    border: none;
    box-shadow: none;
}

.toggle-button.open~.phone-call,
.toggle-button.open~.whatsapp-call {
    display: inline-block;
}

.floating-btn svg {
    width: 25px;
    height: 25px;
}

.floating-btn svg path {
    fill: white;
}

.toggle-button {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    opacity: .75;
    background: #000;
    color: #ffffff;
    cursor: pointer;
    border-radius: 50%;
    z-index: 99;
    display: inline-flex;
    line-height: 65px;
    outline: none;
    border: none;
    box-shadow: none;
}

.toggle-button:not(.open) .closed {
    display: none;
}

.toggle-button:not(.open) .open {
    display: block;
}

.toggle-button.open .closed {
    display: block;
}

.toggle-button.open .open {
    display: none;
}

.floating-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
}

@keyframes floatingAnimation {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.floating-btn:hover {
    animation: none;
}

.floating-btn:hover a {
    animation: bounceAnimation .7s ease infinite;
}

@keyframes bounceAnimation {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

.home-page .main-banner .btn-more.bottom-fixed,
.home-page .main-slider .btn-more.bottom-fixed {
    position: absolute;
    bottom: 20%;
}

.banner--38.swiper-slide .h1 {
    max-width: 600px;
    font-size: 75px;
}

@media only screen and (max-width: 768px) {
    .banner--38.swiper-slide .h1 {
        font-size: 45px;
    }

    .home-page .main-banner .btn-more.bottom-fixed,
    .home-page .main-slider .btn-more.bottom-fixed {
        bottom: 18%;
        width: 75%;
    }
}

@media (max-width:570px) {
    .banner--43.swiper-slide.pt-5 {
        padding-top: 2rem !important;
    }

    .banner--43.swiper-slide .container {
        height: 100%;
    }

    .banner--43.swiper-slide .slide-text {
        height: 50%;
    }

    .banner--43.swiper-slide .slide-text .h1 {
        font-size: 35px;
        color: #000;
    }
}

.main-banner .bottom-text,
.main-slider .bottom-text {
    display: none
}

.product .img {
    position: relative;
}

.product .product-flashes {
    display: block;
    position: absolute;
    left: 0;
    top: 10%;
    z-index: 1;
}

.product .product-flash {
    width: 80px;
    height: 28px;
    display: block;
}

.product-flash.is_new {
    background: url("images/new-jac.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.product-flash.is_profit {
    background: url("images/profit-ru-jac.png");
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (max-width:768px) {
    .product .product-flash {
        height: 20px;
        top: 0;
    }
}

.loader {
    height: 100%;
    text-align: center;
    padding: 1em;
    margin: 0 auto 1em;
    display: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 1111;
    left: 0;
    width: 100%;
    top: 0;
}

.loader svg path,
.loader svg rect {
    fill: #171717;
}

.form-group.error {
    .err-msg {
        display: block;
    }
}

.err-msg {
    display: none;
}

.pristine-error,
.err-msg {
    padding-left: 8px;
    color: red;
    margin-top: 4px;
    font-size: 14px;
}

.submitting .form-submit-btn span {
    display: none;
}

.form-submit-btn svg {
    display: none;
}

.submitting .form-submit-btn svg {
    display: inline;
}

.submitting .form-submit-btn {
    opacity: 70%;
    pointer-events: none;
}

.form-content {
    max-width: 530px;
}

form.success .form-content {
    display: none;
}

.form-success {
    display: none;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 40px;
}

form.success .form-success {
    display: flex;
}
