html {
    box-sizing: border-box;
    font-size: 10px;
    scroll-behavior: smooth;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

@font-face {
    font-family: "Helvetica";
    font-weight: 700;
    font-style: normal;
    src: local("Helvetica-Bold"), url("../fonts/Helvetica-Bold.woff") format("woff"), url("../fonts/Helvetica-Bold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "Helvetica";
    font-weight: 400;
    font-style: normal;
    src: local("Helvetica-Regular"), url("../fonts/Helvetica-Regular.woff") format("woff"), url("../fonts/Helvetica-Regular.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: "Helvetica";
    font-weight: 300;
    font-style: normal;
    src: local("Helvetica-Light"), url("../fonts/Helvetica-Light.woff") format("woff"), url("../fonts/Helvetica-Light.woff2") format("woff2");
    font-display: swap;
}

body {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 360px;
    min-height: 100vh;
    font-family: "Helvetica", "Open Sans", sans-serif;
    background-color: rgb(240, 240, 240);
}

section {
    max-width: 1920px;
    margin: 0 auto;
}

main {
    flex-grow: 1;
}

footer {
    flex-shrink: 0;
}

a {
    text-decoration: none;
    cursor: pointer;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

button {
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
p {
    margin: 0;
    padding: 0;
}

input {
    border: none;
    outline: none;
    background-color: transparent;
}

address {
    font-style: normal;
}

.container {
    max-width: 1920px;
    margin: 0 auto;
    padding-right: 10.4vw;
    padding-left: 10.4vw;
}

.flex {
    display: flex;
}

.grid {
    display: grid;
}


.tg_btn {
    width: 130px;
    position: fixed;
    bottom: 70px;
    right: 0px;
    z-index: 15;
}

.tg_btn img {
    max-width: 100%;
}


.text-red {
    color: red;
}


.header__logo {
    width: 11.9vw;
    height: 1.7vw;
    -o-object-fit: cover;
    object-fit: cover;
}

.header__btnText {
    z-index: 1000;
}

.header__container {
    align-items: center;
    justify-content: space-between;
    padding-top: 1vw;
    padding-bottom: 1vw;
    -moz-column-gap: 0.5vw;
    column-gap: 0.5vw;
}

.header__address {
    position: relative;
    align-items: center;
    padding-left: 1.3vw;
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 1.1vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
}

.header__address::after {
    content: "";
    position: absolute;
    left: 0;
    width: 1vw;
    height: 1.1vw;
    background-image: url(../img/address_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.header__tel {
    position: relative;
    align-items: center;
    padding-left: 1.3vw;
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 1.1vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
}

.header__tel::after {
    content: "";
    position: absolute;
    left: 0;
    width: 1vw;
    height: 1.1vw;
    background-image: url(../img/tel_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.header__telegram {
    position: relative;
    align-items: center;
    padding-left: 1.8vw;
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 1.1vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
}

.header__telegram::after {
    content: "";
    position: absolute;
    left: 0;
    width: 1.13vw;
    height: 1.11vw;
    background-image: url(../img/telegram_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.header__btn {
    position: relative;
    overflow: hidden;
    align-items: center;
    padding: 0.7vw 3.8vw 0.9vw 3.9vw;
    border-radius: 0.26vw;
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 1vw;
    color: rgb(255, 255, 255);
    letter-spacing: 0;
    background-color: rgb(3, 17, 112);
    transition: background-color 0.3s ease-in-out;
    -moz-column-gap: 1vw;
    column-gap: 1vw;
}

.header__btn::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0.26vw;
    background-color: rgb(54, 57, 202);
    transition: transform 0.3s ease-in-out;
    transform: translateX(100%);
    inset: 0;
}

.header__arrow {
    z-index: 1000;
    transition: transform 0.3s ease-in-out;
}

.hero {
    position: relative;
    z-index: 10000;
    height: calc(100vh - 4.7vw);
    /* padding-bottom: 0.7vw; */
    background-color: rgb(240, 240, 240);
}

.hero__btn {
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    padding: 0.8vw 2.6vw;
    border-radius: 0.26vw;
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 1vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
    background-color: transparent;
    -moz-column-gap: 1vw;
    column-gap: 1vw;
    margin-top: 1rem;
}

.hero__slide_7 .hero__btn {
    margin-right: 51.6%;
    margin-top: 2%;
    /* min-width: 276px; */
    box-sizing: border-box;
}

.hero_slide_7 .hero__btn {
    margin-left: -88%;
}

.hero__btnBorder {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: white;
    transition: opacity 0.3s ease-in-out;
    transform: translateX(50%);
    animation: rotate 2s infinite linear;
    filter: blur(0.8vw);
}

.hero__btnBorder2 {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(199, 212, 244, 0.7);
    transition: opacity 0.3s ease-in-out;
    transform: translateX(50%) translateY(50%);
    animation: rotate 2s infinite linear;
    filter: blur(2vw);
}

.hero__btnBorder1 {
    position: absolute;
    z-index: 999;
    display: block;
    overflow: hidden;
    width: 98%;
    height: 90%;
    border-radius: 0.26vw;
    background-color: rgb(240, 240, 240);
}

.hero__btnBorder1::after {
    content: "";
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    border-radius: 0.26vw;
    background-color: rgb(199, 212, 244);
    transition: transform 0.3s ease-in-out;
    transform: translateX(150%);
}

.hero__btnBorder1_blue {
    background-color: rgb(3, 17, 112);
}

.hero__btnTxt {
    z-index: 1001;
}

.hero__btnTxt_white {
    color: #fff;
}

.hero__container {
    height: 100%;
}

.hero__mainBlock {
    flex-direction: column;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(3, 17, 112, 0.2);
    border-radius: 0.26vw;
}

.hero__navList {
    justify-content: center;
}

.hero__nav {
    padding-bottom: 0.8vw;
}

.hero__navLink {
    position: relative;
    display: block;
    /* margin-right: 2.6vw; */
    text-align: center;
    /* margin-left: 2.6vw; */
    padding-top: 0.8vw;
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 1.1vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
    transition: color 0.3s ease-in-out;
}

.hero__navLink::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: transparent;
}

.hero__navItem:not(:last-child) {
    border-right: 1px solid rgba(3, 17, 112, 0.2);
}

.hero__navItem {
    width: 100%;
}

.hero__main {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 0 0 0.26vw 0.26vw;
}

.hero__slide {
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}

.hero__slide_1 .hero__title b span {
    text-shadow: 0.5px 0 #45D0F2,
    -0.5px 0 #45D0F2,
    0 0.5px #45D0F2,
    0 -0.5px #45D0F2;
    color: #45D0F2;
}

.hero__slide_1 .hero__title {
    background: linear-gradient(
            to right,
            rgba(45, 45, 45, 0) 0%,
            rgba(45, 45, 45, 1) 50%,
            rgba(45, 45, 45, 0) 100%
    );
    color: #ffffff;
    width: 1400px;
    margin-top: 10%;
}

.hero__slide_1 {
    background-image: url(../img/bg1.jpg);
}

.hero__slide_2 {
    background-image: url(../img/bg2.jpg);
}

.hero__slide_3 {
    background-image: url(../img/bg3.jpg);
}

.hero__title {
    color: #000;
    text-align: center;
    text-transform: uppercase;
    max-width: 100%;
    padding: 2rem 4rem;
    font-size: min(3vw, 38px);
    line-height: 1.3;
    background: #FFFFFFB2;
    margin-top: 4rem;
}

.hero__subtitle {
    font-size: 28px;
    font-weight: 300;
}

.hero__subtitle b {
    font-weight: 700;
}

.hero__title_black {
    color: #000;
}

.hero__content {
    position: relative;
    top: 100px;
    padding: 24px 0 44px;
    text-align: center;
    text-transform: uppercase;
    z-index: 2;
}

.hero__content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 180%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);
    z-index: -1;
}

.hero__slide_3 .title1 {
    font-size: min(3vw, 38px);
    font-weight: 400;
    line-height: 140%;
}

.hero__slide_3 .title2 {
    margin-top: 8px;
    font-size: min(3vw, 38px);
    font-weight: 400;
}

.hero__slide_3 .title2 b {
    color: #031170;
}

.hero__slide_3 .btn {
    position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%);
}

.hero__arrow {
    z-index: 1001;
    transition: transform 0.3s ease-in-out;
}

.hero__titleDescr {
    display: block;
    margin-bottom: 1vw;
    font-size: 1vw;
    font-weight: 400;
    line-height: 1.4vw;
    color: rgb(240, 240, 240);
    text-align: center;
    letter-spacing: 0;
}

.hero__titleDescr_black {
    color: #000;
}

.hero__sliderNav {
    position: absolute;
    z-index: 10000;
    top: 50%;
    align-items: center;
    justify-content: center;
    width: 1.3vw;
    height: 1.3vw;
    border: 1px solid rgb(240, 240, 240);
    border-radius: 0.3rem;
}

.hero__sliderNav_prev {
    left: 0;
    margin-left: 1vw;
}

.hero__sliderNav_next {
    right: 0;
    margin-right: 1vw;
}

.hero__sliderArrow {
    stroke: #f0f0f0;
}

.hero__sliderArrow_next {
    transform: rotate(180deg);
}

.hero__logo {
    position: absolute;
    left: 20px;
    bottom: 0px;
    display: flex;
    align-items: center;
    column-gap: 10px;
}


.timer {
    padding: 30px 0;
}

.timer__container {
}

.timer__content {
    justify-content: space-between;
    align-items: center;
}

.timer__info {
}

.timer__title {
    font-size: min(28px, 3vw);
}

.timer__form {
    margin-top: 25px;
}

.timer__form .form__inputBlock {
    flex-direction: row;
    gap: 5px;
    width: 100%;
    justify-content: space-between;
}

.timer__form .form__checkBlock {
}

.timer__form input {
    width: 50%;
}

.timer__form button {
    width: 50%;
}

.timer__timer {
}

.timer__timer div[id*="timer"] {
}

.timer__timer span[id*="timer"] {
}


.advant {
    position: relative;
    overflow: hidden;
    padding-bottom: 3.8vw;
    background-color: rgb(0, 14, 103);
}

.advant::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 6.5vw;
    border-radius: 0 0 0.5vw 0;
    background-color: rgb(240, 240, 240);
}

.advant::after {
    content: "";
    position: absolute;
    z-index: 9000;
    top: 0;
    right: 0;
    width: 100%;
    height: 0.5vw;
    border-radius: 0 0 0 0.5vw;
    background-color: rgb(240, 240, 240);
}

.advant__title {
    max-width: 18.8vw;
    margin-right: 2.4vw;
    padding-top: 1.3vw;
    font-size: 1.8vw;
    font-weight: 400;
    line-height: 2.6vw;
    color: rgb(240, 240, 240);
    letter-spacing: 0;
}

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

.advant__list {
    position: relative;
    align-items: flex-start;
    padding-left: 1.4vw;
    border-radius: 0 0 0 0.5vw;
    background-color: rgb(240, 240, 240);
    transform: skew(20deg);
    -moz-column-gap: 1.2vw;
    column-gap: 1.2vw;
}

.advant__border {
    position: absolute;
    top: 0.52vw;
    left: -0.52vw;
    width: 0.52vw;
    height: 0.52vw;
    border-top: 1px solid rgb(240, 240, 240);
    border-right: 1px solid rgb(240, 240, 240);
    background-color: rgb(240, 240, 240);
}

.advant__border::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0 0.52vw 0 0;
    outline: 1px solid rgb(0, 14, 103);
    background-color: rgb(0, 14, 103);
    inset: 0;
}

.advant__item {
    position: relative;
    align-items: center;
    padding-top: 2.6vw;
    height: 80%;
    transform: skew(-20deg);
    justify-content: center;
    max-width: 9.5vw;
    text-align: center;
}

.advant__item::after {
    content: "";
    position: absolute;
    top: .7vw;
    width: 1.3vw;
    height: 1.3vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: skew(0);
}

.advant__item_1::after {
    background-image: url(../img/advant_icon_1.png);
}

.advant__item_2::after {
    background-image: url(../img/advant_icon_2.png);
}

.advant__item_3::after {
    background-image: url(../img/advant_icon_3.png);
}

.advant__item_4::after {
    background-image: url(../img/advant_icon_4.png);
}

.advant__item_5::after {
    background-image: url(../img/advant_icon_5.png);
}

.advant__item_6::after {
    background-image: url(../img/advant_icon_6.png);
}

.advant__link {
    font-size: .8vw;
    font-weight: 400;
    line-height: 1.1vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;

}

.auto {
    position: relative;
    z-index: 1;
    padding-bottom: 4.9vw;
    border-radius: 0 0 0.5vw 0.5vw;
    background-color: rgb(0, 14, 103);
}

.auto__title {
    margin-bottom: 1vw;
    font-size: 1.8vw;
    font-weight: 400;
    line-height: 2.5vw;
    color: rgb(255, 255, 255);
    letter-spacing: 0;
}

.auto__card_new {
    position: absolute;
    top: 10px;
    right: 32px;
}

.auto__titleDescr {
    display: block;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 1.2vw;
    padding: 0.36vw 0.68vw;
    border: 1px solid rgb(199, 212, 244);
    border-radius: 0.7vw;
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 0.5vw;
    color: rgb(255, 255, 255);
    letter-spacing: 0;
}

.auto__nameCar {
    width: -moz-max-content;
    width: max-content;
    margin-top: 1.6vw;
    margin-bottom: 2.1vw;
    font-size: 1.9vw;
    font-weight: 400;
    line-height: 2.5vw;
    color: rgb(54, 57, 202);
    letter-spacing: 0;
}

.auto__carModel {
    font-weight: 700;
    color: rgb(3, 17, 112);
}

.auto__carProfit {
    font-size: 36px;
    font-weight: 400;
}

.auto__carFlag {
    font-size: min(24px, 2vw);
    background-color: red;
    padding: 8px 20px;
    padding-top: 7px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 0;
    left: 29%;
}

.auto_toano_bus .auto__carFlag {
    left: 38%;
}

.auto__carPrice {
    margin-top: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 10px;
    width: fit-content;
    height: 44px;
    background: #3639CA;
    font-weight: 400;
    font-size: 28px;
    color: #ffffff;
    border-radius: 5px;
}

.auto__mainBlock {
    position: relative;
    justify-content: space-between;
    padding-right: 1.8vw;
    padding-bottom: 0.7vw;
    padding-left: 2vw;
    border-radius: 0.26vw;
    background-color: rgb(240, 240, 240);
}

.auto__modelImg {
    width: 27.9vw;
    height: 23vw;
    -o-object-fit: cover;
    object-fit: cover;
}

.auto__modelImg_tunland {
    width: 35.4vw;
    height: 23vw;
}

.auto__specificList {
    flex-direction: column;
    margin-left: 1vw;
    row-gap: 2.3vw;
}

.auto__specificItem {
    flex-direction: column;
    row-gap: 0.36vw;
}

.auto__specIcon {
    width: 1.3vw;
    height: 1.3vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.auto__specIcon_weight {
    background-image: url(../img/auto_weight_icon.png);
}

.auto__specIcon_length {
    background-image: url(../img/auto_length_icon.png);
}

.auto__specIcon_tunland {
    transform: rotate(90deg);
}

.auto__specDescr {
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 1.1vw;
    color: rgba(3, 17, 112, 0.2);
    letter-spacing: 0;
}

.auto__specCount {
    font-size: 0.9vw;
    font-weight: 400;
    line-height: 1.3vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
}

.auto__complectLeft {
    align-items: center;
    -moz-column-gap: 2.3vw;
    column-gap: 2.3vw;
}

.auto__paramList {
    flex-direction: column;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    padding-left: 0.9vw;
    background-image: url(../img/param_back_line.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    row-gap: 1vw;
}

.tunland_v7 .auto__paramList {
    padding-top: 5px;
}

.auto__paramDescr {
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 1.1vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
}

.auto__paramItem {
    flex-direction: column;
}

.auto__paramIcon {
    width: 1.3vw;
    height: 1.3vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.auto__paramIcon_1 {
    background-image: url(../img/auto_param_icon_1.png);
}

.auto__paramIcon_2 {
    background-image: url(../img/auto_param_icon_2.png);
}

.auto__paramIcon_3 {
    background-image: url(../img/auto_param_icon_3.png);
}

.auto__paramIcon_4 {
    background-image: url(../img/auto_param_icon_4.png);
}

.auto__complectModel {
    -moz-column-gap: 3.3vw;
    column-gap: 3.3vw;
}

.auto__advantBlock {
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    width: 8.49vw;
    height: 6.51vw;
    padding: 1vw 0 1vw 1vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.auto__advantBlock svg {
    transition: transform 0.3s ease-in-out;
}

.auto__advantBlock_big {
    background-image: url(../img/auto_advant_blue_big.png);
    width: 100% !important;
    height: auto;
    background-position-x: 100%;
    border-radius: 5px;
}

.auto__advantBlock_big .auto__advantTitle {
    font-size: 16px;
    padding-bottom: 5px;
}

.auto__advantBlock_1 {
    background-image: url(../img/auto_advan_blue.png);
}

.auto__advantBlock_2 {
    background-image: url(../img/auto_advan_white.png);
}

.auto__advantBlock_3 {
    background-image: url(../img/auto_advan_white.png);
}

.auto__complectRight {
    flex-wrap: wrap;
    max-width: 17.5vw;
    row-gap: 0.5vw;
    -moz-column-gap: 0.5vw;
    column-gap: 0.5vw;
}

.auto__advantTitle {
    display: block;
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 1.1vw;
    letter-spacing: 0;
}

.auto__advantTitle_1 {
    color: rgb(240, 240, 240);
}

.auto__advantTitle_2 {
    color: rgb(3, 17, 112);
}

.auto__advantTitle_3 {
    color: rgb(3, 17, 112);
}

.auto__advantIcon {
    display: block;
    width: 1.3vw;
    height: 1.3vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform 0.3s ease-in-out;
}

.auto__advantIcon_1 {
    background-image: url(../img/advant_btn_icon_1.png);
}

.auto__advantIcon_2 {
    background-image: url(../img/advant_btn_icon_2.png);
}

.auto__advantIcon_3 {
    background-image: url(../img/advant_btn_icon_3.png);
}


.auto__advantText_1 {
    background-image: url(../img/auto_advant_item_ico1.svg);
}

.auto__advantText {
    color: #fff;
    background-repeat: no-repeat;
    background-position: 0 60%;
    font-size: 1.2em;
    background-size: auto 65%;
    padding: 2px 0;
    padding-left: 16px;
}

.auto__advantText_2 {
    background-image: url(../img/auto_advant_item_ico2.svg);
}

.auto__advantBtn {
    position: absolute;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    width: 1.3vw;
    height: 1.3vw;
    border: 1px solid rgba(3, 17, 112, 0.2);
    border-radius: 0.15vw;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.auto__btnBlock {
    justify-content: space-between;
    width: 100%;
    background-color: rgb(240, 240, 240);
}

.auto__sliderBlock {
    overflow: hidden;
    padding: 1vw;
    border-radius: 0.26vw;
    background-color: rgb(240, 240, 240);
}

.view .swiper-wrapper {
    justify-content: center !important;
}

.auto__slide {
    overflow: hidden;
    width: 18vw;
    height: 10.3vw;
    border-radius: 0.26vw;
}

.auto__slideImg {
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease-in-out;
    -o-object-fit: cover;
    object-fit: cover;
}

.auto__hiddenImg {
    display: none;
}

.auto__imgHid {
    width: auto;
    height: 30vh;
    -o-object-fit: cover;
    object-fit: cover;
}

.auto__sliderNav {
    position: absolute;
    top: 50%;
    align-items: center;
    justify-content: center;
    width: 1.3vw;
    height: 1.3vw;
    border: 1px solid rgb(240, 240, 240);
    border-radius: 0.26vw;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.auto__sliderNav_prev {
    left: -45px;
}

.auto__sliderNav_next {
    right: -45px;
}

.auto__sliderBlockMain {
    position: relative;
}

.auto__sliderArrow {
    transition: stroke 0.3s ease-in-out;
    stroke: #f0f0f0;
}

.auto__sliderArrow_prev {
    transform: rotate(180deg);
}

.auto__card:not(:last-child) {
    margin-bottom: 4.2vw;
}

.btnBlock__descr {
    border-bottom: 1px solid transparent;
    transition: border-bottom 0.3s ease-in-out;
}

.btnBlock__btn {
    align-items: center;
    justify-content: center;
    width: 33.3%;
    padding-top: 0.8vw;
    padding-bottom: 0.8vw;
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 1vw;
    color: rgb(199, 212, 244);
    letter-spacing: 0;
    transition: background-color 0.3s ease-in-out;
    -moz-column-gap: 1vw;
    column-gap: 1vw;
}

.btnBlock__btn_1 {
    border-radius: 0 0.26vw 0.26vw 0;
    background-color: rgb(0, 14, 103);
}

.btnBlock__btn_2 {
    margin-right: 0.5vw;
    margin-left: 0.5vw;
    border: 1px solid rgb(199, 212, 244);
    border-radius: 0.26vw;
    color: rgb(3, 17, 112);
}

.btnBlock__btn_3 {
    border-radius: 0.26vw 0 0 0.26vw;
    background-color: rgb(0, 14, 103);
}

.btnBlock__arrow1, .btnBlock__arrow2 {
    transition: transform 0.3s ease-in-out;
}

.complect {
    position: relative;
    padding-top: 4.2vw;
    padding-bottom: 4.2vw;
    background-color: white;
}

.complect::after {
    content: "";
    position: absolute;
    top: -10px;
    width: 100%;
    height: 10px;
    background-color: white;
}

.complect__title {
    margin-bottom: 2vw;
    font-size: 1.8vw;
    font-weight: 400;
    line-height: 2.5vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
}

.complect__titleBlue {
    color: rgb(54, 57, 202);
}

.complect__modelBlock {
    justify-content: space-between;
    margin-bottom: 1.4vw;
    border-top: 1px solid rgb(205, 207, 226);
    border-right: 1px solid rgb(205, 207, 226);
    border-left: 1px solid rgb(205, 207, 226);
    border-radius: 0.5vw 0.5vw 0 0;
}

.complect__modelTitleBlock {
    justify-content: center;
    width: 50%;
    padding: 0.36vw 0.5vw 0 0.5vw;
}

.complect__modelTitleBlock_toano {
    align-items: center;
    flex-direction: column;
    border-right: 1px solid rgb(205, 207, 226);
}

.complect__modelList {
    justify-content: space-between;
    width: 100%;
    -moz-column-gap: 1vw;
    column-gap: 1vw;
}

.complect__modelItem {
    justify-content: center;
    width: 50%;
}

.complect__modelTitle {
    margin-bottom: 1vw;
    font-size: 1.2vw;
    font-weight: 400;
    line-height: 1.3vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
    transition: color 0.3s ease-in-out;
}

.complect__modalBtn {
    width: 100%;
    padding-top: 0.36vw;
    padding-bottom: 0.36vw;
    border: 1px solid rgb(205, 207, 226);
    border-radius: 0.7vw;
    font-family: Helvetica;
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 0.9vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.complect__autoList {
    flex-direction: column;
    row-gap: 0.5vw;
}

.complect__autoList_bus, .complect__autoList_tunland {
    display: none;
}

.complect__autoItem {
    align-items: center;
    justify-content: space-between;
    padding: 0.7vw 1vw 1vw 3vw;
    border-radius: 0.5vw;
    background-color: rgb(240, 240, 240);
}

.complect__autoImg {
    width: 12.7vw;
    height: 10.5vw;
    margin-right: 3.1vw;
    -o-object-fit: cover;
    object-fit: cover;
}

.complect__autoList_tunland_v7 .complect__autoImg,
.complect__autoList_tunland_v9 .complect__autoImg {
    width: 16vw;
    margin-right: 0;
}

.complect__autoList_tunland_v7 .complect__autoItem,
.complect__autoList_tunland_v9 .complect__autoItem {
    padding-left: 18px;
}

.complect__autoImg_tunland {
    -o-object-fit: contain;
    object-fit: contain;
}

.complect__char {
    margin-right: 3.4vw;
    margin-bottom: 3.4vw;
}

.complect__autoBtnBlock {
    flex-direction: column;
    row-gap: 0.26vw;
}

.complect__autoBtn {
    justify-content: center;
    min-width: 20.3vw;
    padding: 0.8vw 6vw;
    border-radius: 0.26vw;
    font-size: 0.8vw;
    line-height: 1vw;
    letter-spacing: 0;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.complect__autoBtn_leas {
    border: 1px solid rgb(205, 207, 226);
    color: rgb(3, 17, 112);
}

.complect__autoBtn_price {
    border: 1px solid rgb(0, 14, 103);
    color: rgb(240, 240, 240);
    background-color: rgb(0, 14, 103);
}

.char__chartitle {
    margin-bottom: 1.6vw;
    font-size: 1.2vw;
    font-weight: 400;
    line-height: 1.7vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
}

.char__item {
    flex-direction: column;
    justify-content: space-between;
    max-width: 12.1vw;
    row-gap: 0.8vw;
}

.char__item:not(:last-child) {
    padding-right: 1.1vw;
    border-right: 1px solid rgb(193, 195, 214);
}

.char__item:not(:first-child) {
    padding-left: 1.1vw;
}

.char__descr {
    font-size: 0.7vw;
    font-weight: 400;
    line-height: 1vw;
    color: rgba(3, 17, 112, 0.2);
    letter-spacing: 0;
}

.char__count {
    font-size: 1.2vw;
    font-weight: 400;
    line-height: 1.7vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
    white-space: nowrap;
}

.char__count_tunland {
    font-size: 1.1vw;
}

.cars-instock {
    background: #fff;
    padding-bottom: 40px;
}

.cars-instock .container {
}

.cars-instock .title {
    font-size: 35px;
    color: #031170;
    padding-bottom: 37px;
}

.cars-instock .filter {
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
}

.cars-instock ._control {
    width: 33%;
}

.cars-instock ._control select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 5px;
    width: 100%;
    height: 48px;
    background: url(../img/ico_select_bg.svg) 97% 50% no-repeat;
    padding: 0 10px;
    color: #031170CC;
    border: 1px solid #031170CC;
    font-size: 14px;
}

.cars-instock ._control .select::-ms-expand {
    display: none;
}

.cars-instock ._control select option {
}

.cars-instock .filter_result {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.6%;
    row-gap: 40px;
}

.cars-instock .filter_result .item {
    width: 32.2%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    color: #031170;
}

.cars-instock .filter_result .item .title {
    font-size: 24px;
    padding: 0;
}

.cars-instock .filter_result .item .images {
    width: 100%;
    position: relative;
    z-index: 1;
}

.cars-instock .filter_result .item .images_about-car-compl {
    position: absolute;
    z-index: 2;
    color: #fff;
    background: #031170;
    top: 20px;
    right: 20px;
    padding: 5px 9px 6px 19px;
    border-radius: 50px;
    text-transform: uppercase;
}

.cars-instock .filter_result .item .images_about-car-compl span {
    position: absolute;
    z-index: 2;
    top: calc(50% - 1.5px);
    left: 12%;
    display: block;
    width: 3px;
    height: 3px;
    background: #fff;
    border-radius: 50%;
}

.cars-instock .filter_result .item .images.mgallery {
}

.cars-instock .filter_result .item .images .m_item {
}

.cars-instock .filter_result .item .images .m_item img {
    width: 100%;
    border-radius: 7px;
}

.cars-instock .filter_result .item .car-compl-info {
    background: #F0F0F0;
    border-radius: 7px;
    padding: 20px;
}

.cars-instock .filter_result .item .car-compl-info .compl-name {
    font-size: 24px;
    text-transform: uppercase;
}

.cars-instock .filter_result .item .car-compl-info .compl-techparams {
    margin-top: 20px;
}

.cars-instock .filter_result .item .car-compl-info .techparams-name {
    color: #03117033;
}

.cars-instock .filter_result .item .car-compl-info .techparams-val {
    font-size: 18px;
    margin-top: 5px;
}

.cars-instock .filter_result .item .props {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.cars-instock .filter_result .item .props .props-item {
    border: 1px solid #CDCFE2;
    border-radius: 7px;
    width: calc(50% - 10px);
    padding: 10px 20px;
    padding-bottom: 4px;
    color: #000;
    position: relative;
}

.cars-instock .filter_result .item .props .props-item .auto__advantBtn {
    bottom: 6px;
    right: 6px;
}

.cars-instock .filter_result .item .props .props-item.ico1 {
}

.cars-instock .filter_result .item .props .props-item.ico2 {
}

.cars-instock .filter_result .item .props .props-item-ico {
    height: 25px;
    width: 25px;
}

.cars-instock .filter_result .item .props .props-item-ico img {
    width: 100%;
}

.cars-instock .filter_result .item .props .props-item-name {
    margin-top: 5px;
}

.cars-instock .filter_result .item .props .props-item-val {
    font-size: 23px;
    color: #031170;
    font-weight: 700;
    margin-top: 5px;
}

.cars-instock .filter_result .item .btns {
}

.cars-instock .filter_result .item .btns .btn {
    border-radius: 7px;
    width: 100%;
}

.cars-instock .filter_result .item .instock-image-pag {
}

.cars-instock .filter_result .item .instock-image-pag .swiper-pagination-bullet {
    background: #F0F0F0;
    width: 6%;
    height: 3px;
    border-radius: 0;
}

.cars-instock .filter_result .item .instock-image-pag .swiper-pagination-bullet-active {
}

.cars-instock .filter_more {
    font-size: 16px;
    margin: 0 auto;
    color: #031170;
    margin-top: 40px;
    display: block;
    width: 150px;
    text-align: center;
}


.spec {
    position: relative;
    padding-bottom: 4vw;
    background-color: white;
}

.spec::after {
    content: "";
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 10px;
    background-color: white;
}

.spec__title {
    max-width: 26.4vw;
    margin-bottom: 2vw;
    font-size: 2vw;
    font-weight: 400;
    line-height: 2.86vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
}

.spec__title span {
    color: rgb(54, 57, 202);
}

.spec__list {
    grid-template-columns: repeat(3, 25.6vw);
    grid-template-rows: repeat(2, 20.2vw);
    row-gap: 1vw;
    -moz-column-gap: 1.1vw;
    column-gap: 1.1vw;
}

.spec__item {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.spec__item_even {
    background-image: url(../img/spec__item_even.png);
}

.spec__item_odd {
    background-image: url(../img/spec__item_odd.png);
}

.spec__imgBlock {
    overflow: hidden;
    width: 24.9vw;
    height: 12.3vw;
    border-radius: 0.36vw;
}

.spec__img {
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease-in-out;
    object-fit: cover;
}

/* .spec__img_help {
  object-position: bottom;
} */
.spec__linkBlock {
    position: absolute;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0.36vw;
    inset: 0;
}

.spec__btnArrow {
    position: absolute;
    right: 0.36vw;
    bottom: 0.36vw;
    align-items: center;
    justify-content: center;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 0.36vw;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    stroke: #031170;
}

.spec__btnArrow_even {
    border: 1px solid rgba(3, 17, 112, 0.2);
    background-color: transparent;
}

.spec__btnArrow_odd {
    border: 1px solid rgba(3, 17, 112, 0.2);
    background-color: transparent;
}

.spec__cardTitle {
    margin-top: 0.7vw;
    font-size: 1.1vw;
    font-weight: 400;
    line-height: 1.2vw;
    letter-spacing: 0;
}

.spec__cardTitle_even5 {
    margin-top: 0;
}

.spec__cardTitle_even {
    color: rgb(240, 240, 240);
}

.spec__cardTitle_odd {
    color: rgb(3, 17, 112);
}

.spec__cardRefin {
    width: -moz-max-content;
    width: max-content;
    padding: 0.16vw 0.16vw 0.16vw 0.47vw;
    border-radius: 0.89vw;
    font-size: 0.7vw;
    font-weight: 400;
    line-height: 1vw;
    letter-spacing: 0;
}

.spec__cardRefin_even {
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0.5);
}

.spec__cardRefin_odd {
    border: 1px solid rgba(3, 17, 112, 0.2);
    color: rgb(3, 17, 112);
}

.spec__refinNumb {
    padding-right: 0.57vw;
    padding-left: 0.57vw;
    border-radius: 0.4vw;
    font-size: 0.7vw;
    font-weight: 400;
    line-height: 1vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
    background-color: white;
}

.spec__btn {
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    width: 21.8vw;
    min-height: 2.5vw;
    border-radius: 0.26vw;
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 1.1vw;
    letter-spacing: 0;
}

.spec__btn span {
    z-index: 1;
}

.spec__btn_even {
    color: rgb(3, 17, 112);
    background-color: rgb(240, 240, 240);
}

.spec__btn_even::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(199, 212, 244);
    transition: transform 0.3s ease-in-out;
    transform: translateX(100%);
    inset: 0;
}

.spec__btn_odd {
    color: rgb(240, 240, 240);
    background-color: rgb(3, 17, 112);
}

.spec__btn_odd::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(54, 57, 202);
    transition: transform 0.3s ease-in-out;
    transform: translateX(100%);
    inset: 0;
}

.spec__arrow {
    transition: transform 0.3s ease-in-out;
}

.spec__descrBlock {
    flex-direction: column;
    justify-content: space-between;
    min-height: 4vw;
}

.leas {
    position: relative;
    z-index: 1;
    padding-top: 1vw;
    padding-bottom: 4vw;
    border-radius: 0.5vw 0.5vw 0 0;
    background-color: rgb(0, 14, 103);
}

.leas__title {
    margin-bottom: 2vw;
    font-size: 1.8vw;
    font-weight: 400;
    line-height: 2.5vw;
    color: rgb(255, 255, 255);
    letter-spacing: 0;
}

.leas__mainBlock {
    position: relative;
    align-items: center;
}

.leas__imgBlock {
    overflow: hidden;
    width: 55.8vw;
    height: 29vw;
    border-radius: 0.5vw;
}

.leas__img {
    width: 100%;
    height: 100%;
    border-radius: 0.5vw;
    transition: transform 0.3s ease-in-out;
    -o-object-fit: cover;
    object-fit: cover;
}

.leas__formBlock {
    position: absolute;
    right: 0;
    width: 25vw;
    height: 19.3vw;
    padding: 3vw 0.78vw 2.3vw 3.3vw;
    background-image: url(../img/leas_form_back.png);
    background-position: center;
    background-size: cover;
}

.leas__formIcon {
    display: block;
    width: 2vw;
    height: 2vw;
    margin-bottom: 1.2vw;
    background-image: url(../img/form_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.leas__formTitle {
    display: block;
    max-width: 18vw;
    margin-bottom: 0.8vw;
    font-size: 1vw;
    font-weight: 400;
    line-height: 1.4vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
}

.form__tel {
    padding: 0.7vw 1vw;
    border: 1px solid rgba(3, 17, 112, 0.2);
    border-radius: 0.26vw;
    font-size: 0.7vw;
    font-weight: 400;
    line-height: 1vw;
    color: rgba(3, 17, 112, 0.2);
    letter-spacing: 0;
}

.form__tel::-moz-placeholder {
    font-size: 0.7vw;
    font-weight: 400;
    line-height: 1vw;
    color: rgba(3, 17, 112, 0.2);
    letter-spacing: 0;
}

.form__tel::placeholder {
    font-size: 0.7vw;
    font-weight: 400;
    line-height: 1vw;
    color: rgba(3, 17, 112, 0.2);
    letter-spacing: 0;
}

.form__btn {
    position: relative;
    align-items: center;
    justify-content: center;
    padding: 0.7vw 1vw;
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 1vw;
    color: rgb(240, 240, 240);
    letter-spacing: 0;
}

.form__btn span {
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s ease-in-out;
}

.form__btn::after {
    content: "";
    position: absolute;
    right: 0;
    width: 0.8vw;
    height: 0.7vw;
    background-image: url(../img/form_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform 0.3s ease-in-out;
}

.form__btn_footer {
    overflow: hidden;
    border-radius: 0.26vw;
    background-color: rgb(3, 17, 112);
    transition: transform 0.3s ease-in-out;
}

.form__btn_footer span {
    z-index: 1000;
}

.form__btn_footer::after {
    content: "";
    position: absolute;
    right: 4.9vw;
    width: 0.8vw;
    height: 0.7vw;
    background-image: url(../img/form_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.3s ease-in-out;
}

.form__btn_footer::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0.26vw;
    background-color: rgb(54, 57, 202);
    transition: transform 0.3s ease-in-out;
    transform: translateX(100%);
    inset: 0;
}

.form__inputBlock {
    flex-direction: column;
    margin-bottom: 0.26vw;
    row-gap: 1.2vw;
}

.form__inputBlock_footer {
    row-gap: 0.26vw;
}

.checkBlock {
    position: relative;
    align-items: center;
    padding-left: 1vw;
    cursor: pointer;
}

.checkBlock__check {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.checkBlock__checkVis {
    position: absolute;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 0.6vw;
    height: 0.6vw;
    border: 1px solid rgba(3, 17, 112, 0.2);
}

.checkBlock__checkVis::after {
    content: "";
    position: absolute;
    width: 0.36vw;
    height: 0.2vw;
    opacity: 0;
    background-image: url(../img/check_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: opacity 0.3s ease-in-out;
}

.checkBlock__descr {
    font-size: 0.7vw;
    font-weight: 400;
    line-height: 0.9vw;
    color: rgba(3, 17, 112, 0.2);
    letter-spacing: 0;
}

.checkBlock__descr a {
    color: rgb(3, 17, 112);
}

.checkBlock__check:checked + .checkBlock__checkVis::after {
    opacity: 1;
}

.footer {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding-bottom: 2.1vw;
    background-color: rgb(0, 14, 103);
}

.footer__container {
    border-radius: 0.5vw;
}

.footer__main {
    width: 100%;
    padding: 2.2vw 1vw 0 2vw;
    border-radius: 0.5vw 0.5vw 0 0;
    background-color: rgb(240, 240, 240);
}

.footer__map {
    width: 100%;
    max-width: 1520px;
    height: 23.3vw;
    border-radius: 0 0 0.5vw 0.5vw;
    background-image: url(../img/map.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.footer__logo {
    width: 6.9vw;
    height: 2vw;
    margin-bottom: 24px;
}

.footer__formTitle {
    display: block;
    max-width: 18vw;
    margin-bottom: 1vw;
    font-size: 0.9vw;
    font-weight: 400;
    line-height: 1.3vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
}

.footer__form {
    max-width: 19vw;
}

.footer__topBlock {
    align-items: center;
    padding-bottom: 0.36vw;
    -moz-column-gap: 18.9vw;
    column-gap: 18.9vw;
}

.footer__item {
    display: block;
    font-size: 0.7vw;
    font-weight: 400;
    line-height: 1vw;
    color: rgb(240, 240, 240);
    letter-spacing: 0;
    text-align: left;
}

.footer__yurInfo {
    margin-top: 20px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(240, 240, 240);
    letter-spacing: 0;
}

.footer__bottomBlock {
    margin-top: 20px;
    justify-content: space-around;
    -moz-column-gap: 3.6vw;
    column-gap: 3.6vw;
}

.footer__title {
    margin-bottom: 1.3vw;
    font-size: 1.8vw;
    font-weight: 400;
    line-height: 2.6vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
}

.footer__contactBlock {
    -moz-column-gap: 10.8vw;
    column-gap: 10.8vw;
}

.footer__contactItem {
    flex-direction: column;
    width: 9.3vw;
    row-gap: 0.7vw;
}

.footer__contactTitle {
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(3, 17, 112, 0.2);
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 0.9vw;
    color: rgba(3, 17, 112, 0.2);
    letter-spacing: 0;
}

.footer__contactInfo {
    font-size: 0.8vw;
    font-weight: 400;
    line-height: 1.1vw;
    color: rgb(3, 17, 112);
    letter-spacing: 0;
}

.modal {
    display: none;
    width: 30%;
    max-width: 430px;
}

.modal__formTel {
    width: 100%;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    border: 1px solid #231f20;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    color: rgba(35, 31, 32, 0.6);
    text-align: center;
}

.modal__form {
    flex-direction: column;
    width: 420px;
    max-width: 100%;
    row-gap: 1rem;
}

.modal__btn {
    display: block;
    width: 100%;
    margin-bottom: 0.4rem;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
    color: white;
    text-align: center;
    background-color: rgb(0, 14, 103);
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.modal__checkInput {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.modal__checkBlock {
    position: relative;
    display: flex !important;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    padding-left: 1.5rem !important;
    cursor: pointer;
}

.modal__check {
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #8a8d8f;
    border-radius: 100%;
}

.modal__check::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid white;
    border-radius: 100%;
    opacity: 0;
    background-color: #8a8d8f;
    transition: opacity 0.3s ease-in-out;
}

.modal__title {
    margin-bottom: 2rem;
    font-size: 2.4rem;
    font-weight: 700;
    color: black;
    text-align: center;
}

.burger {
    position: relative;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 25px;
    transition: transform 0.5s ease-in-out;
}

.burger__line {
    display: block;
    height: 3px;
    background-color: rgb(3, 17, 112);
    transition-duration: 0.25s;
}

.burger__line_1 {
    width: 100%;
}

.burger__line_2 {
    width: 75%;
}

.burger__line_3 {
    width: 100%;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ymaps-2-1-79-map ymaps {
    border-radius: 0 0 0.5vw 0.5vw;
}

.br {
    display: none;
}

.open {
    transform: rotateZ(270deg);
}

.disclamer__txt {
    padding-top: 20px;
    padding-bottom: 20px;
    /* white-space: pre-line; */
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    color: rgb(240, 240, 240);
}

.disclamer {
    display: none;
}

.disclamerOp {
    display: block;
}

.visible {
    display: block;
}

@media (any-hover: hover) {
    .modal__btn:hover {
        color: rgb(0, 14, 103);
        background-color: rgb(199, 212, 244);
    }

    .complect__modelTitle:hover {
        color: rgb(54, 57, 202);
    }

    .complect__modalBtn:hover {
        color: rgb(240, 240, 240);
        background-color: rgb(3, 17, 112);
    }

    .btnBlock__btn:hover .btnBlock__descr {
        border-bottom: 1px solid rgb(199, 212, 244);
    }

    .btnBlock__btn_2:hover {
        background-color: rgb(199, 212, 244);
    }

    .btnBlock__btn:hover .btnBlock__descr_complect {
        border-bottom: 1px solid rgb(3, 17, 112);
    }

    .btnBlock__btn_2:hover .btnBlock__descr_complect {
        border-bottom: 1px solid transparent;
    }

    .form__btn_form:hover span {
        border-color: rgb(240, 240, 240);
    }

    .form__btn:hover::after {
        transform: rotate3d(0, 1, 0, 180deg);
    }

    .spec__linkBlock:hover .spec__btnArrow_even {
        border-color: rgb(199, 212, 244);
        background-color: rgb(199, 212, 244);
    }

    .spec__linkBlock:hover .spec__btnArrow_odd {
        border-color: rgb(54, 57, 202);
        background-color: rgb(54, 57, 202);
    }

    .spec__linkBlock:hover .spec__btnArrow_odd .spec__arrow {
        stroke: rgb(240, 240, 240);
    }

    .spec__linkBlock:hover .spec__arrow {
        transform: rotate3d(0, 1, 0, 180deg);
    }

    .spec__linkBlock:hover .spec__btn::after {
        transform: translateX(0);
    }

    .spec__linkBlock:hover .spec__img {
        transform: scale(1.1);
    }

    .complect__autoBtn:hover {
        border-color: rgb(199, 212, 244);
        color: rgb(0, 14, 103);
        background-color: rgb(199, 212, 244);
    }

    .auto__sliderNav:hover .auto__sliderArrow {
        stroke: rgb(3, 17, 112);
    }

    .auto__sliderNav:hover {
        border-color: rgb(199, 212, 244);
        background-color: rgb(199, 212, 244);
    }

    .auto__slide:hover .auto__slideImg {
        transform: scale(1.1);
    }

    .btnBlock__btn_1:hover .btnBlock__arrow1 {
        transform: translateX(-1vw);
    }

    .btnBlock__btn_3:hover .btnBlock__arrow2 {
        transform: translateX(1vw);
    }

    .auto__advantBlock:hover .auto__advantIcon {
        transform: scale(1.5);
    }

    .auto__advantBlock:hover .auto__advantBtn {
        border-color: rgb(199, 212, 244);
        background-color: rgb(199, 212, 244);
    }

    .auto__advantBlock:hover svg {
        transform: rotate3d(0, 1, 0, 180deg);
    }

    .header__btn:hover .header__arrow {
        transform: translateX(1vw);
    }

    .hero__btn:hover .hero__arrow {
        transform: translateX(1vw);
    }

    .hero__navLink:hover {
        color: rgb(54, 57, 202);
    }

    .hero__navLink:hover::after {
        background-color: rgb(54, 57, 202);
        animation: animBorder 0.3s ease-in-out;
    }

    .header__btn:hover::after {
        transform: translateX(0);
    }

    .hero__btn:hover .hero__btnBorder1::after {
        transform: translateX(0);
    }

    .hero__btn:hover .hero__btnBorder,
    .hero__btn:hover .hero__btnBorder2 {
        opacity: 0;
    }

    .form__btn_footer:hover::before {
        transform: translateX(0);
    }

    .form__btn_footer:hover::after {
        transform: translateX(1vw);
    }

    .leas__img:hover {
        transform: scale(1.1);
    }

    .complect__autoBtn_price:hover {
        color: rgb(240, 240, 240);
        background-color: rgb(54, 57, 202);
    }
}

@keyframes rotate {
    0% {
        rotate: 0deg;
    }
    100% {
        rotate: 360deg;
    }
}

@keyframes burger {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes animBorder {
    0% {
        width: 0;
    }
    50% {
        width: 50%;
    }
    100% {
        width: 100%;
    }
}

@keyframes form {
    0% {
        transform: translate3d(-100%, 0, 0) rotate3d(0, 1, 0, 180deg);
    }
    100% {
        transform: translate3d(0, 0, 0) rotate3d(0, 1, 0, 0);
    }
}

.leas__formAnim {
    animation: form 1s forwards;
}

.has-danger input,
.has-danger select,
.has-danger textarea {
    border-width: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
}

#form_popup,
#form_popup2 {
    display: none;
}

.popup_container .agree_field {
    font-size: 10px;
    color: black;
    text-align: left;
}

.popup_container .agree_field a {
    color: black;
}

.popup_container .form_comment {
    padding-bottom: 15px;
    font-size: 20px;
    color: #d6001c;
    text-align: center;
}

.popup_container .form_comment a {
    display: block;
    color: #414141;
    text-decoration: none;
}

.popup_container .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    /* Aey IE */
    /* Aey Firefox */
    /* Aey Safari, Chrome, iOS */
    /* Aey Opera */
    transform: rotate(45deg);
}

.popup_container .close:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
    display: block;
    width: 34px;
    height: 1px;
    background-color: #a8a8a8;
}

.popup_container .close:after {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    display: block;
    width: 1px;
    height: 34px;
    background-color: #a8a8a8;
}

.popup_container .form-group input[type=text] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #f3f3f3;
    line-height: 56px;
    color: black;
    text-align: left;
    text-decoration: none;
    outline: none;
    background: #f3f3f3;
}

.popup_container .form-group textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #c0c6c9;
    font-family: "Montserrat";
    font-size: 16px;
    color: black;
    text-align: left;
    text-decoration: none;
    outline: none;
    background: none;
    resize: none;
}

.popup_container .form-group select {
    width: 100%;
    height: 50px;
    height: 38px;
    padding-left: 10px;
    border: 1px solid white;
    border: 1px solid #c0c6c9;
    border-radius: 5px;
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 300;
    color: #1d1f20;
    background-color: white;
}

.popup_container .form-group button {
    height: 38px;
    height: 60px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

.popup_container .form-group button:before {
    display: none;
}

.popup_container .form-group button:after {
    display: none;
}

.not_agree button {
    color: white !important;
    background-color: #cccccc !important;
    cursor: auto !important;
}

.agree_field {
    position: relative;
    top: 0;
    display: inline-block;
    padding-left: 20px;
    font-size: 10px;
    line-height: 100%;
}

.agree_field input {
    position: absolute;
    top: -1px;
    left: 0;
    margin: 0;
}

.popup_container .form-disclamer {
    padding-top: 10px;
    font-size: 10px;
    color: #b8b8b8;
    text-align: center;
}

.form_tel {
    margin-bottom: 20px;
}

.form_tel a {
    display: block;
    margin-top: 10px;
    font-size: 22px;
    font-weight: 700;
    color: #000000;
    text-decoration: none;
}

/*# sourceMappingURL=style.css.map */