@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@400;600;700&display=swap');

html {
    scrollbar-gutter: stable;
}

.slick-slider {
    visibility: hidden;
    opacity: 0;
    transition: all .3s linear;
}

.slick-slider.slick-initialized {
    visibility: visible;
    opacity: 1;
}

.product__removed {
    margin: 0 -15px;
}

/** Switcher **/
.btn-color-mode-switch {
    display: inline-block;
    margin: 0 0 0 10px;
    position: relative;
    border-radius: 30px;
    background-color: #646376;
}

.btn-color-mode-switch-inner {
    margin: 0;
    width: 384px;
    height: 57px;
    font-size: 22px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.btn-color-mode-switch-inner:before {
    content: attr(data-on);
    position: relative;
    left: 190px;
    color: #9f9fa0;
}

.btn-color-mode-switch-inner:after {
    content: attr(data-off);
    width: auto;
    height: calc(100% - 8px);
    background: #d92904;
    display: flex;
    align-items: center;
    border-radius: 30px;
    padding: 15px;
    justify-content: center;
    color: #fff;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    transition: all 0.3s ease;
}

.btn-color-mode-switch input[type="checkbox"] {
    cursor: pointer;
    width: 50px;
    height: 25px;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    margin: 0;
}

.btn-color-mode-switch-inner:after,
.btn-color-mode-switch-inner:before {
    font-family: 'Montserrat-Medium', sans-serif;
    font-weight: 500;
    line-height: 1.2;
}

.btn-color-mode-switch input[type="checkbox"]:checked + .btn-color-mode-switch-inner {
    color: #fff;
}

.btn-color-mode-switch input[type="checkbox"]:checked + .btn-color-mode-switch-inner:after {
    content: attr(data-on);
    left: 167px;
}

.btn-color-mode-switch input[type="checkbox"]:checked + .btn-color-mode-switch-inner:before {
    content: attr(data-off);
    right: auto;
    left: 15px;
}


.ru .btn-color-mode-switch-inner {
    width: 320px;
}

.ru .btn-color-mode-switch-inner:before {
    left: 176px;
}

.ru .btn-color-mode-switch input[type="checkbox"]:checked + .btn-color-mode-switch-inner:after {
    left: 166px;
}

@media (max-width: 768px) {
    .main {
        overflow: hidden;
    }
}

.footer {
    max-width: none;
    min-width: 0;
    width: 100%;
    margin: 0 auto;
}

.no-flexbox .footer {
    width: auto;
}

.page-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    height: 100%;
}

.lte-ie-11 .page-wrapper,
.lt-ie-11 .page-wrapper {
    min-height: 0;
}

.no-flexbox .page-wrapper {
    display: block !important;
    width: auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

.page-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.page-body.flex-none {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

section {
    position: relative;
}

input,
textarea {
    padding: 16px 36px;
    width: 100%;
    height: 56px;
    background: rgba(75, 75, 97, 0.3);
    border-radius: 30px;
    color: #fff;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

input {
    padding-left: 16px !important;
}

a, button {
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    padding: 0;
    margin: 0;
}

form {
    position: relative;
}

input, select, textarea {
    width: 100%;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #b2b2b3;
    font-family: "Montserrat-Medium", sans-serif;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #b2b2b3;
    font-family: "Montserrat-Medium", sans-serif;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #b2b2b3;
    font-family: "Montserrat-Medium", sans-serif;
}

input::placeholder,
textarea::placeholder {
    color: #b2b2b3;
    font-family: "Montserrat-Medium", sans-serif;
}

textarea {
    padding: 16px 40px 16px 24px;
    height: 116px;
    background: rgba(75, 75, 97, 0.3);
    border-radius: 20px;
}

svg path {
    -webkit-transition: fill 0.4s ease-out;
    -o-transition: fill 0.4s ease-out;
    transition: fill 0.4s ease-out;
}

select {
    outline: none;
}

.section-wrapper {
    position: relative;
    text-align: center;
    z-index: 5;
}

.section-title {
    font-family: "Montserrat-Medium", sans-serif;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 16px;
    font-weight: 500;
}

.section-title-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vh;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: "Montserrat-Black", sans-serif;
    font-size: 65px;
    line-height: 80px;
    text-align: center;
    text-transform: uppercase;
    opacity: 0.45;
    background: -webkit-linear-gradient(-90deg, #7069ba 20.59%, rgba(46, 43, 91, 0) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: -1;
}

.section-title-bg-fast {
    top: 28%;
}

.section-text {
    color: #8481A6;
    margin: 0 auto;
    font-weight: 500;
}

.btn-primary {
    display: inline-block;
    position: relative;
    text-align: center;
    padding: 16px 10px;
    max-width: 100%;
    width: 274px;
    background-color: #EC4740;
    color: #fff;
    font-family: "Montserrat-Bold", sans-serif;
    text-transform: uppercase;
    border-color: transparent;
    -webkit-box-shadow: 0 4px 34px rgba(236, 71, 64, 0.3);
    box-shadow: 0 4px 34px rgba(236, 71, 64, 0.3);
    border-radius: 30px;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    letter-spacing: 0.04em;
}

.btn-primary:hover {
    background-color: #db241e;
    border-color: #db241e;
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: #b52521;
    border-color: #b52521;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-primary:disabled {
    background-color: #661815;
    cursor: none;
}

.btn-primary.loading-ring {
    font-size: 0;
}

.loading-ring:after {
    content: " ";
    position: absolute;
    top: 3px;
    left: calc(50% - 10px);
    display: block;
    width: 20px;
    height: 20px;
    margin: 6% auto;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.container {
    max-width: 1470px;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;
}

/* Nice select */
.selects__form .nice-select, .car-parts__selects .nice-select {
    background-color: rgba(75, 75, 97, 0.3);
    border-radius: 30px;
    color: #fff;
    padding: 16px 40px 16px 24px;
    height: 56px;
    border: solid 1px transparent;
    font-family: "Montserrat-Medium", sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding-left: 18px;
    padding-right: 30px;
    width: 100%;
}

.selects__form .nice-select .option:hover,
.selects__form .nice-select .option.focus,
.selects__form .nice-select .option.selected.focus,
.car-parts__selects .nice-select .option:hover,
.car-parts__selects .nice-select .option.focus,
.car-parts__selects .nice-select .option.selected.focus {
    background-color: rgba(75, 75, 97, 0.3);
}

.selects__form .nice-select .list, .car-parts__selects .nice-select .list {
    background-color: #1e1e25;
    width: 100%;
}

.selects__form .nice-select:after, .car-parts__selects .nice-select:after {
    border-bottom: 2px solid #5f5c5c;
    border-right: 2px solid #5f5c5c;
    content: "";
    display: block;
    height: 10px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 10px;
}

/*** Other ***/
h1, .h1 {
    font-size: 60px;
    margin-bottom: 20px;
    line-height: 73px;
    letter-spacing: 0.01em;
}

.h1 {
    font-size: 50px;
}

.form-control {
    font-family: "Montserrat-Medium", sans-serif;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 40px;
    margin-top: 10px;
}

.form-control:focus {
    color: #fff;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

label {
    font-family: "Montserrat-Bold", sans-serif;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat;
    background-image: none;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #ec4740;
    background-color: #ec4740;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #ec4740;
}

.car-parts .form-group .btn-primary {
    width: 100%;
}

.icon {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.icon-fourth-3 {
    width: 1em;
}

.header {
    position: fixed;
    padding: 27px 0;
    width: 100%;
    z-index: 10;
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
}

.header__navigation {
    max-width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header__wrapper {
    display: grid;
    gap: 64px;
    grid-template-columns: 177px 165px 64px;
}

.header__logo {
    width: 177px;
    max-width: 100%;
    z-index: 3;
}

.header__telephone {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: rgba(255, 255, 255, 0.7);
    font-family: "Montserrat-Light", sans-serif;
}

.header__telephone span {
    font-family: "Montserrat-SemiBold", sans-serif;
    color: #ffffff;
}

.header__telephone a {
    display: block;
    position: relative;
    margin-bottom: 2px;
    padding: 0 0 2px;
}

.header__telephone a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #E42E0B;
    opacity: 0;
    -webkit-transition: opacity 300ms, -webkit-transform 300ms;
    transition: opacity 300ms, -webkit-transform 300ms;
    -o-transition: opacity 300ms, transform 300ms;
    transition: opacity 300ms, transform 300ms;
    transition: opacity 300ms, transform 300ms, -webkit-transform 300ms;
}

.header__telephone a:hover::after,
.header__telephone a:focus::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0.2em, 0);
    transform: translate3d(0, 0.2em, 0);
}

.header__socials a:not(:last-child) {
    margin-right: 17px;
}

.header__socials a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3;
}

.header__socials .facebook svg:hover path,
.header__socials .instagram svg:hover path {
    fill: #E42E0B;
}

.header__socials .youtube svg:hover path {
    stroke: #E42E0B;
}

.header .menu__items {
    text-transform: uppercase;
    font-family: "Montserrat-SemiBold", sans-serif;
}

.header .menu__item:not(:last-child) {
    margin-right: 30px;
}

.header .menu__items a {
    display: block;
    position: relative;
    padding: 0 0 8px;
}

.header .menu__items a:not(.dropdown-toggle):after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.2em;
    background-color: #E42E0B;
    opacity: 0;
    -webkit-transition: opacity 300ms, -webkit-transform 300ms;
    transition: opacity 300ms, -webkit-transform 300ms;
    -o-transition: opacity 300ms, transform 300ms;
    transition: opacity 300ms, transform 300ms;
    transition: opacity 300ms, transform 300ms, -webkit-transform 300ms;
}

.header .menu__items a:not(.dropdown-toggle):hover::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0.2em, 0);
    transform: translate3d(0, 0.2em, 0);
}

.header .menu__items li a:not(.dropdown-toggle):after, .header .menu__items .header__telephone a:after {
    opacity: 1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.header .menu__items li a:hover::after,
.header .menu__items .header__telephone a:hover::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.header .menu__item.active {
    /* Scale from center */
}

.header .menu__item.active a::after,
.header .menu__item.active a:focus::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0.2em, 0);
    transform: translate3d(0, 0.2em, 0);
}

.header .menu__item.active a:after, .header .menu__item.active .header__telephone a:after {
    opacity: 1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.header .menu__item.active a::after,
.header .menu__item.active a:focus::after, .header .menu__item.active .header__telephone a::after, .header .menu__item.active .header__telephone a:focus::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.header .header__burger-menu {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 30px;
    cursor: pointer;
}

.header .header__burger-menu span {
    background: #fff;
    border-radius: 10px;
    height: 2px;
    margin: 2px 0;
    -webkit-transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    -o-transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.header span:nth-of-type(1) {
    width: 100%;
}

.header span:nth-of-type(2) {
    width: 100%;
}

.header span:nth-of-type(3) {
    width: 75%;
}

.header .header__burger-menu.open span:nth-of-type(1) {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    width: 50%;
    -webkit-transform: rotatez(45deg) translate(2px, 1px);
    -ms-transform: rotate(45deg) translate(2px, 1px);
    transform: rotatez(45deg) translate(2px, 1px);
}

.header .header__burger-menu.open span:nth-of-type(2) {
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: rotatez(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotatez(-45deg);
}

.header .header__burger-menu.open span:nth-of-type(3) {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    width: 50%;
    -webkit-transform: translate(11px, 1px) rotatez(45deg);
    -ms-transform: translate(11px, 1px) rotate(45deg);
    transform: translate(11px, 1px) rotatez(45deg);
}

.header.fixed {
    background: #131316;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    -webkit-box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
    box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
}

@media (max-width: 1400px) {
    .header__wrapper {
        grid-gap: 10px;
        grid-template-columns: 119px 147px 48px;
    }

    .header .menu__item:not(:last-child) {
        margin-right: 24px;
    }
}

@media screen and (max-width: 1200px) {
    .header .menu__item:not(:last-child) {
        margin-right: 12px;
    }
}

@media (max-width: 1154px) {
    .footer-row {
        flex-direction: column;
    }

    .contacts__terms {
        margin: 5px auto;
    }
}

/**  Header Mobile **/
.section-title-bg-fast {
    top: 25%;
}

.header__block {
    justify-self: flex-end;
}

.header__navigation {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr;
    justify-items: center;
}

.header__wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.header__telephone {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.header__telephone a:first-child {
    margin: 0;
}

.header__last {
    justify-self: flex-end;
}

.btn-back {
    position: absolute;
    right: 20px;
    top: 110px;
}

.header {
    padding: 15px 0;
}

.header__telephone {
    position: relative;
    z-index: 5;
}

.header::before {
    content: "";
    left: auto;
    right: auto;
    bottom: auto;
    position: absolute;
    display: block;
    width: 100%;
    height: 60%;
    top: -15px;
    background: rgba(19, 19, 22, 0.3);
    z-index: 2;
}

.header .header__burger-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    margin-right: 18px;
    z-index: 15;
}

.header__menu {
    position: absolute;
    z-index: 15;
    -webkit-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    transform: translateX(-100vw);
    top: 0;
    bottom: 0;
}

.header__menu.open {
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    height: 100%;
}

.open .menu__items {
    min-width: 320px;
    width: 23vw;
}

.menu-burger {
    position: absolute;
    width: 30px;
    height: 38px !important;
    z-index: 2;
    top: 40px;
    left: 20px;
}

.header .menu__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 60px 15px;
    background-color: #131316;
    height: 100vh;
}

.header .menu__item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 30px;
}

.header__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-self: flex-start;
}

.header__logo {
    width: 90px;
}

.header__wrapper {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: dense;
    grid-template-rows: 1fr 1fr;
    gap: 5px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header__telephone {
    grid-area: 1/1/1/3;
    padding: 0 0 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header__tools {
    display: flex;
    align-items: center;
    justify-self: flex-end;
}

.header__socials {
    margin-right: 20px;
}

/**  Header Mobile End **/

.footer {
    position: relative;
    padding-top: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.footer:before {
    content: "";
    top: -67px;
    left: 0;
    position: absolute;
    background: linear-gradient(360deg, rgba(19, 19, 22, 0.00) 1%, #131316 37%, #131316 80%, rgba(19, 19, 22, 0.07) 90%);
    width: 100%;
    z-index: 3;
    height: 196px;
}

.footer-bottom {
    position: relative;
    z-index: 4;
    background-color: #131316;
    margin-bottom: 20px;
}

.footer-row {
    padding: 20px 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .footer-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.footer-text {
    font-family: "Montserrat-Regular", sans-serif;
    color: #8481A6;
}

.footer-text span {
    font-family: "Montserrat-Bold", sans-serif;
    color: #C8C6DD;
}

.contacts {
    position: absolute;
    top: 50%;
    left: 30%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 4;
}

.contacts-blur {
    position: relative;
}

.contacts-blur:before {
    content: "";
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(19, 19, 22, 0.6);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    border-radius: 30px;
}

.contacts__info {
    width: 705px;
    max-width: 100%;
    border: 3px solid rgba(255, 255, 255, 0.02);
    border-radius: 30px;
    padding: 72px 72px 32px;
    color: #8481A6;
    position: relative;
    overflow: hidden;
}

.contacts__title {
    text-align: left;
    margin-bottom: 57px;
    font-size: 40px;
    line-height: 40px;
    color: #fff;
}

.contacts__title-bg {
    left: 36%;
    top: 110%;
}

.contacts__items {
    margin-bottom: 18px;
}

.contacts__items-img {
    margin-right: 16px;
}

.contacts__items span {
    font-family: "Montserrat-SemiBold", sans-serif;
    color: #C8C6DD;
}

.contacts__telephone {
    margin-bottom: 30px;
}

.contacts__address-text {
    font-style: normal;
}

.contacts__telephone a {
    color: #8481A6;
}

.contacts__telephone a:not(:last-child) {
    margin-right: 10px;
}

.contacts__telephone a:hover {
    color: #C8C6DD;
}

.contacts__socials {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 3px solid rgba(255, 255, 255, 0.04);
    padding: 32px 0 0;
}

.contacts__socials-text {
    max-width: 378px;
}

.contacts__socials-link:not(:last-child) {
    margin-right: 26px;
}

.contacts__socials .facebook svg:hover path,
.contacts__socials .instagram svg:hover path {
    fill: #C8C6DD;
}

.contacts__socials .youtube svg:hover path {
    stroke: #C8C6DD;
}

#map {
    width: 100%;
    height: 100%;
    background-color: #131316;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    bottom: 0;
}

@media (max-width: 1200px) {
    .contacts__info {
        width: inherit;
        max-width: 650px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .footer {
        padding-top: 80px;
    }

    .footer-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer-bottom p {
        margin-bottom: 8px;
    }

    .footer-bottom a.footer-text {
        font-size: 14px;
    }

    .contacts, #map {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    #map {
        height: 267px;
    }

    .contacts__info {
        padding: 32px 16px 24px;
    }

    .contacts__title {
        text-align: center;
        margin-bottom: 32px;
        font-size: 28px;
        line-height: 40px;
    }

    .contacts__title-bg {
        left: 50%;
        top: 95%;
    }

    .contacts__items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .contacts__items-img {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .contacts__telephone {
        margin-bottom: 30px;
    }

    .contacts__socials {
        padding: 24px 0 0;
    }

    .contacts__socials-link:not(:last-child) {
        margin-right: 23px;
    }
}

@media (max-width: 476px) {
    .footer:before {
        display: none;
    }

    .footer .contacts {
        position: relative;
    }

    .footer .contacts:before {
        content: "";
        top: -40px;
        left: 0;
        right: auto;
        bottom: auto;
        position: absolute;
        background: #15151b;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(13%, #131316), color-stop(87%, rgba(25, 25, 29, 0)));
        background: -o-linear-gradient(top, #131316 13%, rgba(25, 25, 29, 0) 87%);
        background: linear-gradient(180deg, #131316 13%, rgba(25, 25, 29, 0) 87%);
        width: 100%;
        z-index: 5;
        height: 10%;
    }

    .footer .contacts__title-bg {
        top: 58%;
    }
}

.fixed-page {
    overflow: hidden;
    z-index: 10;
}

.main .alert {
    position: fixed;
    right: 0;
    top: 100px;
    z-index: 999;
}

/* Remodal */
.remodal-wrapper h2 {
    font-size: 22px;
    margin-bottom: 15px;
}

.remodal-close {
    left: unset;
    right: 0 !important;
}

.site-terms {
    font-family: "Montserrat-Regular", sans-serif;
}

.site-terms p, .site-terms ul {
    margin-bottom: 15px;
}

.site-terms ul, .model-description ul, .model-description ol {
    padding-left: 25px;
}

.site-terms ul li, .model-description ul li {
    list-style: circle;
    padding-left: 10px;
}

.site-terms h2 {
    font-weight: bold;
    margin: 30px auto;
}

.site-terms a {
    opacity: 0.7;
}

/* Home */
.home {
    position: relative;
    z-index: 3;
    background-color: #131316;
}

.home__offer {
    position: relative;
    overflow: hidden;
    height: 676px;
    padding: 40px 0;
}

.home__offer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
    z-index: 2;
}

.home__offer .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.home__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/** Slick dots **/

.home__slider .slick-dots li button:before {
    display: none;
}

.home__slider .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 16px 0;
    bottom: 0;
    list-style-type: none;
}

.home__slider .slick-dots li {
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.home__slider .slick-dots li:not(:last-child) {
    margin-right: 10px;
}

.home__slider .slick-dots button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #CE592C;
    text-indent: -9999px;
}

.home__slider .slick-dots li.slick-active button {
    background-color: #EC4740;
}

.home__title, .home__text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.home__title {
    color: rgba(253, 242, 240, 0.90);
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 1.6;
    text-transform: capitalize;
}

.home__wrapper {
    position: relative;
    z-index: 5;
}

.home__text {
    color: rgba(255, 255, 255, 0.80);
    font-size: 48px;
    line-height: 1.6;
    letter-spacing: 0.16px;
}

.home__items {
    margin-bottom: 52px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.home__item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.home__item-icon {
    margin-right: 23px;
    width: 60px;
    height: 60px;
}

.home__item-title {
    max-width: 226px;
    font-family: "Montserrat-Light", sans-serif;
}

.home__item:last-child .home__item-icon {
    width: 87px;
    height: 70px;
}

.home .order {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    background: rgba(75, 75, 97, 0.2);
    border: 3px solid rgba(255, 255, 255, 0.02);
    padding: 56px 72px;
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    border-radius: 30px;
    margin-bottom: 85px;
}

.home .order__title {
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
}

.home .order__text {
    color: #A3A1BB;
}

.home .order__form {
    justify-self: flex-end;
    display: grid;
    grid-template-columns: 260px 202px;
    gap: 24px;
}

/* Selects */
.selects {
    position: relative;
    z-index: 5;
    overflow: hidden;
}

.selects select {
    visibility: visible;
    display: inline-block;
    background-color: rgba(75, 75, 97, 0.3);
    color: #fff;
    border-radius: 18px;
    padding: 20px 10px;
}

.selects__wrapper {
    margin-bottom: 64px;
}

.selects__text {
    max-width: 465px;
}

.selects__title {
    display: flex;
    justify-content: center;
    align-items: center;
}

.selects__items {
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(auto-fill, minmax(338px, 1fr));
    /* see notes below */
    margin-bottom: 64px;
    position: relative;
    z-index: 4;
}

.selects__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 30px;
    border: 3px solid #FFF;
    background: linear-gradient(227deg, rgba(30, 32, 48, 0.30) 1.53%, rgba(24, 24, 29, 0.30) 100%);
    background: -o-linear-gradient(220.07deg, rgba(30, 32, 48, 0.3) 1.53%, rgba(24, 24, 29, 0.3) 107.1%);
    background: linear-gradient(229.93deg, rgba(30, 32, 48, 0.3) 1.53%, rgba(24, 24, 29, 0.3) 107.1%);
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    padding: 63px 32px 40px;
    position: relative;
    z-index: -1;
}

.selects__item .selects__form > a {
    text-align: center;
    display: block;
    margin: 0 auto;
}

@media (min-width: 520px) {
    .selects__item:hover {
        background: -o-linear-gradient(223.99deg, #1E2030 1.43%, #18181D 100.34%);
        background: linear-gradient(226.01deg, #1E2030 1.43%, #18181D 100.34%);
        border: 3px solid rgba(255, 255, 255, 0.02);
        -webkit-box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
        box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
    }
}

.selects__item:hover select {
    background-color: #EC4740;
    -webkit-box-shadow: 0 4px 34px rgba(236, 71, 64, 0.3);
    box-shadow: 0 4px 34px rgba(236, 71, 64, 0.3);
    color: #fff;
}

.selects__item:hover .nice-select {
    background-color: #EC4740;
    -webkit-box-shadow: 0 4px 34px rgba(236, 71, 64, 0.3);
    box-shadow: 0 4px 34px rgba(236, 71, 64, 0.3);
    color: #fff;
}

.selects__item:hover .nice-select::after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

.selects .z-index-more {
    z-index: 1;
}

.selects__img {
    justify-self: flex-start;
    margin-bottom: 40px;
    width: 100%;
    height: 100px;
    text-align: center;
}

.selects__img img {
    height: auto;
    position: relative;
}

.selects__name {
    margin-bottom: 31px;
    font-size: 24px;
    line-height: 29px;
    font-family: "Montserrat-Medium", sans-serif;
    text-align: center;
}

.selects__form {
    position: relative;
    width: 100%;
}

.selects__btn {
    background: rgba(75, 75, 97, 0.3);
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    color: #919191;
    display: none;
}

.selects__btn:hover {
    color: #fff;
}

.selects .nice-select {
    margin-bottom: 16px;
    z-index: 8;
}

.selects .nice-select span.current {
    display: block;
    overflow: hidden;
}

.selects .nice-select .option {
    padding-left: 10px;
}

.selects .nice-select.open {
    z-index: 5;
}

.selects .nice-select.open .list {
    z-index: 6;
    border: 1px solid #5f5c5c;
}

.selects .nice-select .option:last-child {
    padding: 10px;
}

.selects .btn-more {
    display: none;
    margin: 0 auto;
    padding-bottom: 10px;
    border-bottom: 2px dashed #92403d;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    color: #EC4740;
    font-size: 18px;
    line-height: 24px;
    font-family: "Montserrat-SemiBold", sans-serif;
    text-transform: uppercase;
}

.selects .btn-more:hover {
    color: #bb3c37;
}

/** Disassembly **/

/* the slides */
.disassembly {
    overflow: hidden;
}

.disassembly .slick-slide {
    margin: 0 12px;
}

/* the parent */
.disassembly .slick-list {
    margin: 0 -12px;
    /*overflow: visible;*/
}

.disassembly {
    padding: 50px 0 120px;
}

.disassembly__wrapper {
    margin-bottom: 50px;
}

.disassembly__items {
    z-index: 1;
    margin-bottom: 15px;
}

.disassembly__item {
    border-radius: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #f7ed6962;
    width: 350px;
}

.disassembly__items .slick-arrow {
    z-index: 10;
}

.disassembly__items .slick-prev:before,
.disassembly__items .slick-next:before {
    content: '';
    display: block;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 100%;
}

.disassembly__items .slick-prev,
.disassembly__items .slick-next {
    width: 54px;
    height: 54px;
}

.disassembly__items .slick-prev:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='80px' height='80px' viewBox='-4.5 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-345.000000, -6679.000000)' fill='%23EC4740'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M299.633777,6519.29231 L299.633777,6519.29231 C299.228878,6518.90256 298.573377,6518.90256 298.169513,6519.29231 L289.606572,6527.55587 C288.797809,6528.33636 288.797809,6529.60253 289.606572,6530.38301 L298.231646,6538.70754 C298.632403,6539.09329 299.27962,6539.09828 299.685554,6538.71753 L299.685554,6538.71753 C300.100809,6538.32879 300.104951,6537.68821 299.696945,6537.29347 L291.802968,6529.67648 C291.398069,6529.28574 291.398069,6528.65315 291.802968,6528.26241 L299.633777,6520.70538 C300.038676,6520.31563 300.038676,6519.68305 299.633777,6519.29231' id='arrow_left-%5B%23335%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.disassembly__items .slick-next:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='80px' height='80px' viewBox='-4.5 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-305.000000, -6679.000000)' fill='%23EC4740'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M249.365851,6538.70769 L249.365851,6538.70769 C249.770764,6539.09744 250.426289,6539.09744 250.830166,6538.70769 L259.393407,6530.44413 C260.202198,6529.66364 260.202198,6528.39747 259.393407,6527.61699 L250.768031,6519.29246 C250.367261,6518.90671 249.720021,6518.90172 249.314072,6519.28247 L249.314072,6519.28247 C248.899839,6519.67121 248.894661,6520.31179 249.302681,6520.70653 L257.196934,6528.32352 C257.601847,6528.71426 257.601847,6529.34685 257.196934,6529.73759 L249.365851,6537.29462 C248.960938,6537.68437 248.960938,6538.31795 249.365851,6538.70769' id='arrow_right-%5B%23336%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.disassembly .info {
    width: 100%;
    padding: 22px;
    position: relative;
}

.disassembly .info p {
    font-weight: 700;
    font-size: 12px;
}

.disassembly .desc {
    display: none !important;
    margin-bottom: 10px;
    font-size: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.6;
}

.disassembly .attributes {
    /*display: grid;*/
    display: none;
    grid-gap: 15px;
    margin-bottom: 14px;
}

.disassembly .attribute {
    display: flex;
    align-items: center;
    grid-gap: 20px;
}

.disassembly .title {
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 80px;
    text-align: center;
}

.disassembly .thumbnail {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #232020;
}

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

/** Partners **/
.partners {
    position: relative;
    background: linear-gradient(180deg, rgba(61, 58, 98, 0.25) 0%, rgba(40, 38, 63, 0.40) 50%, rgba(38, 36, 59, 0.25) 100%);
}

.partners__wrapper {
    display: grid;
    grid-template-columns: 35% 60%;
    padding-bottom: 250px;
}

.partners__info {
    margin-top: 70px;
}

.partners__text, .partners__title {
    font-family: "Montserrat-SemiBold", sans-serif;
    font-weight: 600;
}

.partners__wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 55px;
}

.partners__title {
    font-size: 32px;
    line-height: 1;
    margin: 0 20px 0;
}

.partners__img {
    width: 55%;
    position: absolute;
    right: 40px;
    top: 0;
    z-index: 4;
}

.remarks {
    background-image: url("../img/audi.png");
    background-position: -8vh;
    background-size: 90vw;
    background-repeat: no-repeat;
    padding-bottom: 228px;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.remarks:before {
    content: "";
    left: unset;
    bottom: auto;
    position: absolute;
    width: 100vw;
    height: 74vh;
    right: -13vw;
    top: -1vh;
    background: -o-radial-gradient(50% 50% at 50% 50%, #EC4740 0%, rgba(236, 71, 64, 0) 100%);
    background: radial-gradient(50% 50% at 50% 50%, #EC4740 0%, rgba(236, 71, 64, 0) 100%);
    opacity: 0.2;
    z-index: 2;
}

.remarks:after {
    content: "";
    top: unset;
    left: unset;
    position: absolute;
    width: 58vw;
    height: 100vh;
    right: -26vw;
    bottom: -20vh;
    background: -o-radial-gradient(50% 50% at 50% 50%, #5A51D9 0%, rgba(90, 81, 217, 0) 100%);
    background: radial-gradient(50% 50% at 50% 50%, #5A51D9 0%, rgba(90, 81, 217, 0) 100%);
    opacity: 0.3;
    z-index: 2;
}

.remarks__wrapper {
    max-width: 582px;
    margin-left: auto;
    padding-top: 141px;
    position: relative;
    z-index: 5;
}

.remarks__block {
    padding: 56px 40px;
    background: -o-linear-gradient(226.81deg, #1E2030 1.36%, #18181D 95.48%);
    background: linear-gradient(223.19deg, #1E2030 1.36%, #18181D 95.48%);
    border: 3px solid rgba(255, 255, 255, 0.02);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
    box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    border-radius: 30px;
}

.remarks__title {
    text-align: center;
    max-width: 422px;
    margin: 0 auto 40px;
    font-family: "Montserrat-Regular", sans-serif;
    font-size: 32px;
    line-height: 40px;
}

.remarks__title span {
    font-family: "Montserrat-Bold", sans-serif;
}

.remarks__text {
    text-align: center;
    margin-bottom: 48px;
    color: #8481A6;
}

.remarks__text p {
    margin-bottom: 15px;
}

.remarks__text span {
    font-family: "Montserrat-Bold", sans-serif;
    color: #C8C6DD;
}

.remarks__form {
    display: grid;
    gap: 24px;
    grid-template-rows: 1fr;
}

.remarks__form textarea {
    grid-area: 3/1/3/3;
}

.remarks_vin {
    grid-area: 1/1/1/3;
    position: relative;
}

.remarks__form .uploaded-files {
    grid-area: 2/1/2/3;
}

.remarks__input {
    padding: 16px 40px 16px 24px;
}

.remarks__form .file-upload {
    position: absolute;
    right: 15px;
    top: 15px;
}

.remarks_vin .file-upload__label {
    font-weight: normal;
    font-size: 12px;
    font-family: "Montserrat-Regular", sans-serif;
}

.uploaded-files {
    display: grid;
    align-items: flex-start;
    grid-template-columns: repeat(auto-fit, 63px);
    grid-gap: 8px;
}

.remove-uploaded-file {
    display: inline-block;
    margin-top: 8px;
}

.uploaded-files li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    text-align: center;
}

.remarks_vin .remarks__input {
    padding-right: 170px;
}

@media (max-width: 768px) {
    .remarks_vin .file-upload__label {
        font-size: 9px;
        font-family: "Montserrat-Regular", sans-serif;
    }

    .remarks_vin .remarks__input {
        padding-right: 135px;
    }

    .remarks_vin, .remarks__form .uploaded-files, .remarks__form textarea {
        grid-area: auto;
    }

}

.remarks__btn {
    width: 100%;
}

/* Benefits */
.benefits {
    z-index: 2;
    position: relative;
}

.benefits:after {
    content: "";
    top: unset;
    right: auto;
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 7vw;
    bottom: -100vh;
    background: -o-radial-gradient(50% 50% at 50% 50%, #5A51D9 0%, rgba(90, 81, 217, 0) 100%);
    background: radial-gradient(50% 50% at 50% 50%, #5A51D9 0%, rgba(90, 81, 217, 0) 100%);
    opacity: 0.3;
    z-index: 2;
}

.benefits__wrapper {
    margin: 0 auto 64px;
}

.benefits__title span {
    display: block;
    font-size: 24px;
    line-height: 40px;
    text-transform: lowercase;
}

.benefits__text span {
    text-transform: uppercase;
    font-family: "Montserrat-Bold", sans-serif;
}

.benefits__items {
    position: relative;
    z-index: 5;
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(460px, 1fr));
    /* see notes below */
}

.benefits__item {
    background: -o-linear-gradient(220.07deg, rgba(30, 32, 48, 0.3) 1.53%, rgba(24, 24, 29, 0.3) 107.1%);
    background: linear-gradient(229.93deg, rgba(30, 32, 48, 0.3) 1.53%, rgba(24, 24, 29, 0.3) 107.1%);
    border: 3px solid #FFF;
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    border-radius: 30px;
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    padding: 48px 30px;
    text-align: center;
}

@media (min-width: 520px) {
    .benefits__item:hover {
        background: -o-linear-gradient(223.99deg, #1E2030 1.43%, #18181D 100.34%);
        background: linear-gradient(226.01deg, #1E2030 1.43%, #18181D 100.34%);
        border: 3px solid rgba(255, 255, 255, 0.02);
        -webkit-box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
        box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
    }
}

.benefits__item:nth-child(2) .benefits__img {
    width: 160px;
}

.benefits__img {
    width: 80px;
    height: 80px;
    margin: 0 auto 32px;
}

.benefits__item-title {
    font-family: "Montserrat-Medium", sans-serif;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 16px;
    font-weight: 500;
}

.benefits__item-text {
    color: #8481A6;
}

.benefits__item-text span {
    display: block;
    font-family: "Montserrat-Bold", sans-serif;
}

/* About */
.about {
    padding-top: 211px;
    padding-bottom: 144px;
    z-index: 0;
}

.about:before {
    content: "";
    top: 0;
    left: 0;
    bottom: auto;
    position: absolute;
    background-image: url("../img/about.jpg");
    background-position: right;
    right: -6vw;
    width: 100vw;
    height: 156vh;
    background-size: auto;
    background-repeat: no-repeat;
    z-index: 2;
    display: none;
}

.about__wrapper {
    position: relative;
    z-index: 5;
    display: grid;
    gap: 50px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: minmax(30px, 1fr);
}

.about__block {
    text-align: left;
}

.about__block span {
    top: 90%;
    left: 168px;
}

.about__img {
    max-width: 430px;
    max-height: 121px;
    -ms-flex-item-align: center;
    align-self: center;
    justify-self: center;
    grid-area: 1/2/4/3;
}

.about__title {
    font-size: 50px;
    line-height: 40px;
}

.about__subtitle {
    margin-bottom: 35px;
    color: #C8C6DD;
}

.about__subtitle span {
    font-family: "Montserrat-Bold", sans-serif;
}

.about__info {
    line-height: 32px;
}

.about__text span {
    display: block;
    margin-bottom: 22px;
}

@media (max-width: 1148px) {
    .home__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .home__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        margin: 10px;
    }

    .home__item-icon {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .home .order {
        padding: 40px 50px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .home .order__info {
        text-align: center;
    }

    .home .order__form {
        grid-template-columns: 1fr;
    }

    .home .order__btn {
        width: 100%;
    }

    .selects__wrapper {
        margin-bottom: 60px;
    }

    .selects__items {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
        /* see notes below */
        margin-bottom: 60px;
    }

    .selects__item {
        padding: 53px 28px 30px;
    }

    .selects__img {
        justify-self: flex-start;
        margin-bottom: 35px;
        width: 82px;
    }

    .selects__name {
        margin-bottom: 26px;
    }

    .selects__item:last-child .selects__img {
        width: 100px;
        height: 70px;
    }

    .selects__item:last-child img {
        margin: 0 !important;
    }

    /* Benefits */
    .benefits__wrapper {
        margin: 0 auto 64px;
    }

    .benefits__items {
        display: grid;
        gap: 25px;
        grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
        /* see notes below */
    }

    .benefits__item {
        background: -o-linear-gradient(220.07deg, rgba(30, 32, 48, 0.3) 1.53%, rgba(24, 24, 29, 0.3) 107.1%);
        background: linear-gradient(229.93deg, rgba(30, 32, 48, 0.3) 1.53%, rgba(24, 24, 29, 0.3) 107.1%);
        border: 3px solid rgba(255, 255, 255, 0.02);
        -webkit-backdrop-filter: blur(13px);
        backdrop-filter: blur(13px);
        border-radius: 30px;
        -webkit-transition: 0.4s ease;
        -o-transition: 0.4s ease;
        transition: 0.4s ease;
        padding: 46px 28px;
    }
}

@media (max-width: 1148px) and (min-width: 520px) {
    .benefits__item:hover {
        background: -o-linear-gradient(223.99deg, #1E2030 1.43%, #18181D 100.34%);
        background: linear-gradient(226.01deg, #1E2030 1.43%, #18181D 100.34%);
        border: 3px solid rgba(255, 255, 255, 0.02);
        -webkit-box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
        box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
    }
}

@media (max-width: 992px) {
    .section-title {
        font-size: 40px;
        line-height: 46px;
    }

    .home__offer {
        height: 558px;
    }

    .home__title {
        font-size: 44px;
    }

    .home__text {
        font-size: 34px;
    }

    .section-title-bg {
        font-size: 43px;
        line-height: 36px;
    }

    .home__offer {
        height: 558px;
    }
}

@media (max-width: 767px) {
    /* Home */
    .home__items {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .home__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 25px;
    }

    .home__item-icon {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .home .order {
        padding: 40px 50px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        grid-template-columns: 1fr;
    }

    .home .order__title {
        margin-bottom: 16px;
    }

    .home .order__form {
        justify-self: center;
    }

    /* Selects */
    .selects__wrapper {
        margin-bottom: 60px;
    }

    .selects__items {
        display: grid;
        gap: 18px;
        grid-template-columns: repeat(auto-fill, minmax(223px, 1fr));
        /* see notes below */
        margin-bottom: 50px;
    }

    .selects__item {
        padding: 40px 20px 24px;
    }

    .selects__img {
        margin-bottom: 30px;
    }

    .selects__name {
        margin-bottom: 26px;
        font-size: 22px;
        line-height: 26px;
    }

    .remarks {
        background-position: 0vh -7vw;
        background-size: 100vw;
        padding-bottom: 180px;
        background-image: url("../img/audi-m.png");
        z-index: 3;
    }

    .remarks:after {
        right: 0;
    }

    .remarks__wrapper {
        margin: 0 auto;
    }

    .remarks__block {
        padding: 46px 30px;
    }

    .remarks__title {
        margin: 0 auto 30px;
        font-size: 30px;
        line-height: 38px;
    }

    .remarks__text {
        margin-bottom: 42px;
    }

    /* Benefits */
    .benefits__wrapper {
        margin: 0 auto 64px;
    }

    .benefits__items {
        display: grid;
        gap: 25px;
        grid-template-columns: repeat(auto-fill, minmax(282px, 1fr));
        /* see notes below */
    }

    .benefits__item {
        background: -o-linear-gradient(220.07deg, rgba(30, 32, 48, 0.3) 1.53%, rgba(24, 24, 29, 0.3) 107.1%);
        background: linear-gradient(229.93deg, rgba(30, 32, 48, 0.3) 1.53%, rgba(24, 24, 29, 0.3) 107.1%);
        border: 3px solid rgba(255, 255, 255, 0.02);
        -webkit-backdrop-filter: blur(13px);
        backdrop-filter: blur(13px);
        border-radius: 30px;
        -webkit-transition: 0.4s ease;
        -o-transition: 0.4s ease;
        transition: 0.4s ease;
        padding: 40px 22px;
    }
}

@media (max-width: 767px) and (min-width: 520px) {
    .benefits__item:hover {
        background: -o-linear-gradient(223.99deg, #1E2030 1.43%, #18181D 100.34%);
        background: linear-gradient(226.01deg, #1E2030 1.43%, #18181D 100.34%);
        border: 3px solid rgba(255, 255, 255, 0.02);
        -webkit-box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
        box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
    }
}

@media (max-width: 767px) {
    /* About */
    .about {
        padding-top: 180px;
        padding-bottom: 100px;
    }

    .about:before {
        background-position: top right;
        width: 100vw;
        height: 100vh;
        background-size: contain;
    }

    .about:after {
        width: 100vw;
        height: 110vh;
        left: -38vw;
        top: -37vh;
        background: -o-radial-gradient(50% 50% at 50% 50%, #5A51D9 0%, rgba(90, 81, 217, 0) 100%);
        background: radial-gradient(50% 50% at 50% 50%, #5A51D9 0%, rgba(90, 81, 217, 0) 100%);
    }

    .about__wrapper {
        -webkit-column-gap: initial;
        -moz-column-gap: initial;
        column-gap: initial;
        grid-template-columns: 1fr;
        row-gap: 30px;
    }

    .about__block span {
        top: 50%;
        left: 50%;
    }

    .about__img {
        max-width: 230px;
        max-height: 101px;
        -ms-flex-item-align: center;
        align-self: center;
        justify-self: center;
        grid-area: initial;
    }

    .about__title {
        text-align: center;
        margin-bottom: 30px;
    }

    .about__subtitle {
        margin-bottom: 30px;
    }

    .about__text span {
        margin-bottom: 24px;
    }

    .remarks__form {
        display: grid;
        gap: 8px;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 524px) {
    .selects select {
        visibility: visible;
        padding: 13px 3px;
        background-color: #EC4740;
        -webkit-box-shadow: 0 4px 34px rgba(236, 71, 64, 0.3);
        box-shadow: 0 4px 34px rgba(236, 71, 64, 0.3);
        color: #fff;
        font-size: 12px;
    }

    .home__item:nth-child(-n+2) {
        width: 120px;
        margin: 0 2px 10px;
    }

    .home:before {
        top: 0;
        right: 0;
        left: auto;
        width: 134vw;
        height: 114vh;
    }

    .home:before {
        top: 0;
        right: 0;
        left: auto;
        width: 134vw;
        height: 114vh;
    }
}

@media (max-width: 476px) {
    body {
        font-size: 14px;
        line-height: 20px;
    }

    .section-title {
        font-size: 28px;
        line-height: 34px;
    }

    .section-title {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 24px;
    }

    .section-wrapper {
        overflow: hidden;
    }

    .section-title-bg {
        font-size: 30px;
        line-height: 36px;
        top: 24%;
    }

    /* Home */
    .home__offer {
        height: 410px;
    }

    .home__title {
        font-size: 18px;
        line-height: 18px;
    }

    .home__text {
        font-size: 24px;
    }

    .home__items {
        margin-bottom: 48px;
    }

    .home__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        margin: 10px;
    }

    .home__item-icon {
        width: 41px;
        height: 41px;
        margin-bottom: 10px;
    }

    .home .order {
        padding: 26px 16px 24px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .home .order__info {
        text-align: center;
    }

    .home .order__form {
        grid-template-columns: 1fr;
    }

    .home .order__btn {
        width: 100%;
    }

    /* Selects*/
    .selects__items {
        grid-template-columns: repeat(auto-fill, minmax(159px, 1fr));
        /* see notes below */
        gap: 16px;
    }

    .selects__item {
        padding: 24px 10px 15px;
        background: -o-linear-gradient(223.99deg, #1E2030 1.43%, #18181D 100.34%);
        background: linear-gradient(226.01deg, #1E2030 1.43%, #18181D 100.34%);
    }

    .selects__title {
        margin-bottom: 10px;
    }

    .selects__title-bg {
        width: 100vh;
    }

    .selects__img {
        margin-bottom: 4px;
        height: 60px;
        width: 135px;
    }

    .selects__name {
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 21px;
    }

    .selects__form {
        position: relative;
        width: 100%;
    }

    .selects .nice-select {
        margin-bottom: 8px;
    }

    .selects .nice-select:after {
        margin-top: -8px;
    }

    .selects .nice-select, .selects__btn {
        height: auto;
        font-size: 12px;
        line-height: 14px;
        padding: 10px;
    }

    .selects .btn-more {
        font-size: 16px;
        line-height: 24px;
    }

    .remarks {
        background-position: 3vh -4vw;
        background-size: 100vw;
        padding-bottom: 80px;
        z-index: 2;
    }

    .remarks:before {
        content: "";
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        position: absolute;
        height: 56vh;
        right: -36vw;
        top: 0;
    }

    .remarks:after {
        content: "";
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        position: absolute;
        width: 58vw;
        height: 100vh;
        right: -26vw;
        bottom: -20vh;
    }

    .remarks__block {
        padding: 24px 16px 16px;
    }

    .remarks__title {
        margin: 0 auto 20px;
        font-size: 28px;
    }

    .remarks__text {
        width: 276px;
        margin: 0 auto 24px;
        font-size: 14px;
    }

    .remarks__text p {
        margin-bottom: 15px;
    }

    .remarks__form {
        display: grid;
        gap: 8px;
        grid-template-columns: 1fr;
    }

    .remarks__form textarea {
    }

    /* Benefits */
    .benefits__wrapper {
        margin: 0 auto 40px;
    }

    /* Benefits */
    .benefits__wrapper {
        margin: 0 auto 40px;
    }

    .benefits__title {
        margin-bottom: 16px;
    }

    .benefits__items {
        display: grid;
        gap: 16px;
        grid-template-columns: 1fr;
    }

    .benefits__item {
        background: -o-linear-gradient(220.07deg, rgba(30, 32, 48, 0.3) 1.53%, rgba(24, 24, 29, 0.3) 107.1%);
        background: linear-gradient(229.93deg, rgba(30, 32, 48, 0.3) 1.53%, rgba(24, 24, 29, 0.3) 107.1%);
        border: 3px solid rgba(255, 255, 255, 0.02);
        -webkit-backdrop-filter: blur(13px);
        backdrop-filter: blur(13px);
        border-radius: 30px;
        -webkit-transition: 0.4s ease;
        -o-transition: 0.4s ease;
        transition: 0.4s ease;
        padding: 32px 16px;
        text-align: center;
        background: -o-linear-gradient(223.99deg, #1E2030 1.43%, #18181D 100.34%);
        background: linear-gradient(226.01deg, #1E2030 1.43%, #18181D 100.34%);
    }
}

@media (max-width: 476px) and (min-width: 520px) {
    .benefits__item:hover {
        background: -o-linear-gradient(223.99deg, #1E2030 1.43%, #18181D 100.34%);
        background: linear-gradient(226.01deg, #1E2030 1.43%, #18181D 100.34%);
        border: 3px solid rgba(255, 255, 255, 0.02);
        -webkit-box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
        box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
    }
}

@media (max-width: 476px) {
    .benefits__item:nth-child(2) .benefits__img {
        width: 120px;
    }

    .benefits__img {
        width: 70px;
        height: 70px;
        margin: 0 auto 32px;
    }

    .benefits__item-title {
        font-size: 18px;
        line-height: 24px;
    }

    /* About */
    .about {
        padding-top: 91px;
        padding-bottom: 0;
    }

    .about:before {
        background-position: right;
        width: 100vw;
        height: 100vh;
        background-size: cover;
    }

    .about:after {
        width: 100vw;
        height: 49vh;
        left: -38vw;
        top: -7vh;
        background: -o-radial-gradient(50% 50% at 50% 50%, #5A51D9 0%, rgba(90, 81, 217, 0) 100%);
        background: radial-gradient(50% 50% at 50% 50%, #5A51D9 0%, rgba(90, 81, 217, 0) 100%);
    }

    .about__block span {
        top: 64%;
    }

    .about__wrapper {
        -webkit-column-gap: initial;
        -moz-column-gap: initial;
        column-gap: initial;
        grid-template-columns: 1fr;
        row-gap: 64px;
    }

    .about__img {
        max-width: 198px;
        max-height: 56px;
        -ms-flex-item-align: center;
        align-self: center;
        justify-self: center;
        grid-area: initial;
    }

    .about__title {
        text-align: center;
        margin-bottom: 0;
        height: 45px;
    }

    .about__text span {
        margin-bottom: 16px;
    }
}

body.loading .modal {
    overflow: hidden;
}

body.loading .modal {
    display: block;
}

.toTop {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 15px;
    z-index: 6;
    border: none;
    outline: none;
    background-color: #ec4740;
    color: white;
    cursor: pointer;
    padding: 9px;
    border-radius: 10px;
    font-size: 18px;
    opacity: 0.6;
}

.toTop svg {
    width: 25px;
    height: 25px;
    fill: #fff;
}

.toTop:hover {
    background-color: #f85d57;
}

.car-parts, .product {
    padding-top: 150px;
    position: relative;
}

.car-parts:before, .product:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../img/car-parts-bg.png");
    background-position: top;
    width: 100vw;
    height: 126vh;
    background-size: cover;
    background-repeat: no-repeat;
}

.car-parts__count, .product__count {
    margin-bottom: 54px;
    font-size: 12px;
    color: #65e565;
    margin-left: 23px;
}

.car-parts__count-span, .product__count-span {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.car-parts__block, .product__block {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 80px;
    position: relative;
}

.car-parts__text, .product__text {
    font-size: 32px;
    line-height: 39px;
    letter-spacing: 0.07em;
    position: relative;
}

.car-parts__text span, .product__text span {
    font-family: "Montserrat-Bold", sans-serif;
    text-transform: capitalize;
}

.car-parts__zoom, .product__zoom {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: -10px;
}

.car-parts__zoom:hover ~ .car-parts__name-img, .product__zoom:hover ~ .car-parts__name-img, .car-parts__zoom:hover ~ .product__name-img, .product__zoom:hover ~ .product__name-img {
    visibility: visible;
    opacity: 1;
}

.car-parts__name, .product__name {
    position: relative;
    cursor: pointer;
}

.car-parts__name:hover ~ .car-parts__name-img, .product__name:hover ~ .car-parts__name-img, .car-parts__name:hover ~ .product__name-img, .product__name:hover ~ .product__name-img {
    visibility: visible;
    opacity: 1;
}

.car-parts__name-img, .product__name-img {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    overflow: hidden;
    max-width: 502px;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
    right: -9px;
    background: #fff;
    top: 38px;
    z-index: 5;
    -webkit-transition: visibility 0s, opacity 0.3s linear;
    -o-transition: visibility 0s, opacity 0.3s linear;
    transition: visibility 0s, opacity 0.3s linear;
}

.car-parts__wrapper, .product__wrapper {
    background: -o-linear-gradient(225.74deg, #1E2030 1.39%, #18181D 97.31%);
    background: linear-gradient(224.26deg, #1E2030 1.39%, #18181D 97.31%);
    border: 3px solid rgba(255, 255, 255, 0.02);
    -webkit-box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
    box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
    border-radius: 30px;
    padding: 40px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 4;
    margin: 0 auto 25px;
}

.car-parts .switch, .product .switch {
    position: relative;
    width: 100%;
    height: 64px;
    padding: 4px;
    display: grid;
    gap: 0;
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: 24px;
    z-index: 10;
}

.car-parts .switch:before, .product .switch:before {
    content: "  ";
    position: absolute;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(75, 75, 97, 0.4);
    border-radius: 30px;
}

.car-parts .switch label, .product .switch label {
    display: inline-block;
    height: 100%;
    padding: 16px 2px;
    text-transform: capitalize;
    letter-spacing: 0.1em;
    font-family: "Montserrat-Bold", sans-serif;
    text-align: center;
    cursor: pointer;
    -webkit-transition: color 200ms ease-out;
    -o-transition: color 200ms ease-out;
    transition: color 200ms ease-out;
    position: relative;
    z-index: 4;
}

.car-parts .switch label:hover, .product .switch label:hover {
    color: #fff;
}

.car-parts .switch__indicator, .product .switch__indicator {
    padding: 16px 32px;
    width: auto;
    height: calc(100% - 8px);
    background: #EC4740;
    border-radius: 30px;
    position: absolute;
    z-index: 2;
    top: 4px;
    left: 0;
    -webkit-transition: background 300ms cubic-bezier(0.17, 0.67, 0.14, 1.03), -webkit-transform 600ms cubic-bezier(0.02, 0.94, 0.09, 0.97);
    transition: background 300ms cubic-bezier(0.17, 0.67, 0.14, 1.03), -webkit-transform 600ms cubic-bezier(0.02, 0.94, 0.09, 0.97);
    -o-transition: transform 600ms cubic-bezier(0.02, 0.94, 0.09, 0.97), background 300ms cubic-bezier(0.17, 0.67, 0.14, 1.03);
    transition: transform 600ms cubic-bezier(0.02, 0.94, 0.09, 0.97), background 300ms cubic-bezier(0.17, 0.67, 0.14, 1.03);
    transition: transform 600ms cubic-bezier(0.02, 0.94, 0.09, 0.97), background 300ms cubic-bezier(0.17, 0.67, 0.14, 1.03), -webkit-transform 600ms cubic-bezier(0.02, 0.94, 0.09, 0.97);
    -webkit-transform: translate3d(1rem, 0, 0);
    transform: translate3d(1rem, 0, 0);
}

.car-parts .switch input[type=radio]:not(:checked), .car-parts .switch input[type=radio]:checked, .product .switch input[type=radio]:not(:checked), .product .switch input[type=radio]:checked {
    display: none;
}

.car-parts__form, .product__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.car-parts__form-item, .product__form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.car-parts__search, .product__search {
    padding-left: 72px !important;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 40px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.7);
    background: #fff url("../img/svg/search.svg");
    margin: 20px auto 10px;
    background-position: 32px 15px;
    color: #2f2e2e;
    background-repeat: no-repeat;
}

.car-parts__search::-webkit-input-placeholder, .product__search::-webkit-input-placeholder {
    color: #746D6D;
}

.car-parts__search::-moz-placeholder, .product__search::-moz-placeholder {
    color: #746D6D;
}

.car-parts__search::-ms-input-placeholder, .product__search::-ms-input-placeholder {
    color: #746D6D;
}

.car-parts__search::placeholder, .product__search::placeholder {
    color: #746D6D;
}

.car-parts__selects {
    display: grid;
    grid-template-columns: 12fr 2fr 1fr;
    gap: 30px;
    align-items: center;
    width: 100%;
}

.car-parts__selects.one-row {
    grid-template-columns: 1fr !important;
}

.car-items__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    margin-bottom: 24px;
}

/**/
.car-models__form {
    margin-top: 0;
    margin-bottom: 40px;
}

.car-item {
    border: 1px solid #6C7074;
    border-radius: 30px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    text-align: center;
    display: grid;
    background-color: #252525;
    transition: all .3s linear;
}

.card-item:hover {
    border-color: #fff;
}

.car-item__info {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: 20px;
    border-radius: 0 0 30px 30px;
    overflow: hidden;
    position: relative;
}

.car-item__info .car-item__btn {
    margin-top: auto;
}

.car-item__info > * {
    position: relative;
    z-index: 3;
}

.car-item a {
    transition: color .3s linear;
}

.car-item__img {
    height: 280px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.car-item__img img {
    height: fit-content;
}

.car-models-item__img img {
    object-fit: cover;
    height: 100%;
}

.car-item__img.selects__img img {
    object-fit: contain;
}

.car-item__img, .car-item__title,
.car-item__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s linear;
}

.car-item__title {
    flex-direction: column;
    font-family: 'Montserrat-Bold', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0.16px;
    color: #FFFFFF;
    padding: 10px 10px 16px;
}

.car-item__title a {
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.car-item__name {
    display: block;
    text-align: center;
}

.car-item__btn {
    width: calc(100% - 20px);
    padding: 10px 15px;
    margin: 0 auto;
    background: #3D3D3D;
    border: 1px solid #6C7074;
    border-radius: 30px;
    font-family: 'Montserrat-Bold', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0.16px;
    color: #FEFEFE;
}

.car-item__btn:hover {
    background-color: #ba280c;
    border-color: #ba280c;
}

.car-models-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.car-parts__item, .product__item {
    display: grid;
    grid-template-columns: minmax(130px, 175px) minmax(340px, 464px) minmax(105px, 140px) minmax(80px, 100px) minmax(105px, 150px) minmax(206px, 220px);
    grid-template-rows: 1fr;
    -webkit-column-gap: 35px;
    -moz-column-gap: 35px;
    column-gap: 35px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.car-parts__item a:hover, .product__item a:hover {
    color: #aeaeae;
}

.car-parts__search::-webkit-input-placeholder, .product__search::-webkit-input-placeholder {
    color: #0D0A0A;
    font-family: "Montserrat-Medium", sans-serif;
}

.car-parts__search::-moz-placeholder, .product__search::-moz-placeholder {
    color: #0D0A0A;
    font-family: "Montserrat-Medium", sans-serif;
}

.car-parts__search::-ms-input-placeholder, .product__search::-ms-input-placeholder {
    color: #0D0A0A;
    font-family: "Montserrat-Medium", sans-serif;
}

.car-parts__search::placeholder, .product__search::placeholder {
    color: #0D0A0A;
    font-family: "Montserrat-Medium", sans-serif;
}

.car-parts__item-name, .product__item-name {
    font-family: "Montserrat-Medium", sans-serif;
    color: #b2b3b8;
    text-transform: uppercase;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #3f4046;
}

.car-parts__item-detail, .product__item-detail {
    padding-bottom: 24px;
    border-bottom: 1px solid #3f4046;
    margin-bottom: 24px;
}

.car-parts__item-detail .article-span, .product__item-detail .article-span {
    display: none;
}

.car-parts__item-detail .price, .product__item-detail .price {
    font-family: "Montserrat-Bold", sans-serif;
}

.car-parts__item-detail .img, .product__item-detail .img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    height: 145px;
    background: #1F2233;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.car-parts__item-detail .img:before, .product__item-detail .img:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("../img/svg/zoom.svg");
    width: 35px;
    height: 35px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
    cursor: pointer;
}

.car-parts__item-detail .img.has-no-image:before, .product__item-detail .img.has-no-image:before {
    display: none;
}

.car-parts__item-detail .img__link:not(:first-child), .product__item-detail .img__link:not(:first-child) {
    display: none;
}

.car-parts__item-detail .img__link, .product__item-detail .img__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.car-parts__item-detail .img img, .product__item-detail .img img {
    width: 100%;
    height: auto;
}

.car-parts__load-more, .product__load-more {
    width: 100%;
    background: rgba(75, 75, 97, 0.4);
    border-radius: 10px;
    padding: 19px 10px;
    text-align: center;
    color: #fff;
}

.car-parts__load-more:hover, .product__load-more:hover {
    background-color: rgba(86, 86, 126, 0.3);
    color: #fff;
}

/**Order form **/
.car-parts__order__form {
    display: none;
    opacity: 0;
    -webkit-transition: 0.4s ease-in;
    -o-transition: 0.4s ease-in;
    transition: 0.4s ease-in;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.car-parts__order__form input {
    margin-bottom: 8px;
}

.car-parts__order__form.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    -webkit-transition: 0.4s ease-in;
    -o-transition: 0.4s ease-in;
    transition: 0.4s ease-in;
}

.some__form.response {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-success {
    text-align: center;
    color: #70E2A0;
}

.form-error {
    text-align: center;
    color: #db241e;
    position: absolute;
    bottom: -3vh;
    font-size: 11px;
    line-height: 13px;
    font-family: "Montserrat-Bold", sans-serif;
}

.cart-parts .form-error {
    bottom: -4vh;
    font-size: 10px;
}

/*** Remarks section ***/
.car-part-remarks {
    padding-bottom: 56px;
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.btn-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(75, 75, 97, 0.3);
    border-radius: 30px;
    padding: 16px 24px;
    max-width: 348px;
    font-family: "Montserrat-Medium", sans-serif;
    text-align: center;
    -webkit-transition: 0.4s ease-in;
    -o-transition: 0.4s ease-in;
    transition: 0.4s ease-in;
}

.btn-back svg {
    -webkit-transition: 0.6s ease-in;
    -o-transition: 0.6s ease-in;
    transition: 0.6s ease-in;
}

.btn-back:hover {
    background-color: rgba(86, 86, 126, 0.3);
}

.btn-back:hover svg {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
}

.btn-back span {
    margin-left: 16px;
}

.remarks__btn-back {
    margin: 120px auto 0;
    position: static;
}

/**Loading**/
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(35, 37, 40, 0.8);
    overflow: hidden;
}

.modal__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100vh;
}

.modal img {
    max-width: 300px;
}

.bread-crumbs {
    position: relative;
    z-index: 5;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.bread-crumbs li {
    letter-spacing: 0.07em;
}

.bread-crumbs li a {
    -webkit-transition: 0.4s ease-in;
    -o-transition: 0.4s ease-in;
    transition: 0.4s ease-in;
}

.bread-crumbs li a:hover {
    color: #db241e;
}

.bread-crumbs li:not(:last-child) {
    position: relative;
    margin-right: 20px;
    z-index: 5;
}

.bread-crumbs li:not(:last-child):after {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 1px;
    right: -13px;
    top: 11px;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 5;
}

.bread-crumbs li:last-child {
    color: rgba(255, 255, 255, 0.4);
}

.breadcrumb {
    background: none;
    padding: 0;
    position: relative;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
}

.breadcrumb li {
    letter-spacing: 0.07em;
}

.breadcrumb li a {
    -webkit-transition: 0.4s ease-in;
    -o-transition: 0.4s ease-in;
    transition: 0.4s ease-in;
}

.breadcrumb li a:hover {
    color: #db241e;
}

.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    content: "-";
    color: #6c757d;
}

.product {
    padding-top: 130px;
}

.product__title {
    font-size: 24px;
    line-height: 48px;
    letter-spacing: 0.07em;
    margin-bottom: 40px;
    font-weight: 600;
    position: relative;
    z-index: 5;
}

.product__wrapper {
    background: -o-linear-gradient(223.8deg, #1E2030 1.43%, #18181D 100.67%);
    background: linear-gradient(226.2deg, #1E2030 1.43%, #18181D 100.67%);
    border: 3px solid rgba(255, 255, 255, 0.02);
    padding: 40px;
    -webkit-box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
    box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
    border-radius: 30px;
    display: grid;
    gap: 40px;
    grid-template-columns: minmax(400px, 543px) minmax(492px, 1fr);
}

.product__gallery {
    position: relative;
    overflow: hidden;
}

.product__zoom {
    position: absolute;
    top: 18px;
    right: 10px;
}

.product__images {
    width: 100%;
}

.product__img {
    border: 3px solid rgba(255, 255, 255, 0.02);
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    border-radius: 10px;
    overflow: hidden;
    max-height: 450px;
    margin-bottom: 16px;
    background-color: #1F2233;
}

.product__img-link {
    display: block;
    position: relative;
    height: 450px;
}

.product__img-link img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.product__nav-items.slick-current {
    opacity: 0.2;
}

.product__nav-items {
    opacity: 0.6;
    background-color: #1F2233;
    cursor: pointer;
}

.product__nav-item {
    border: 3px solid rgba(255, 255, 255, 0.02);
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    border-radius: 10px;
    overflow: hidden;
    margin-right: 8px;
    height: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product img {
    width: 100%;
}

.product__items {
    padding-bottom: 24px;
    border-bottom: 1px solid #383946;
}

.product__item {
    display: grid;
    gap: 40px;
    grid-template-columns: 110px 1fr;
    margin-bottom: 16px;
}

.product__item-status span {
    color: #65e565;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product__item-status-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: -10px;
}

.product__item-status-img svg {
    width: 20px;
    height: 20px;
}

.product__item p:first-child {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #86868b;
}

.product__data {
    border-bottom: 1px solid #383946;
    padding: 32px 0;
    margin-bottom: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product__price {
    font-weight: 700;
    font-size: 32px;
    line-height: 24px;
}

.product__order-btn {
    max-width: 230px;
}

.product__form {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    -o-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    transition: visibility 0s linear 0.5s, opacity 0.5s linear;
}

.product__form input[type=tel] {
    display: inline-block;
    margin-bottom: 16px;
}

.product__form.show {
    position: relative;
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    max-width: 230px;
}

.product__removed-img {
    margin-right: 20px;
    overflow: hidden;
    border-radius: 10px;
    width: 160px;
    height: 104px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product__removed-text {
    text-transform: uppercase;
    color: #86868b;
    font-weight: 500;
    margin-bottom: 5px;
}

.product__btn-back {
    margin: 120px auto 20px;
}

.slider-for, .slider-nav {
    visibility: hidden;
    opacity: 0;
}

.slider-for.slick-initialized, .slider-nav.slick-initialized {
    visibility: visible;
    opacity: 1;
}

.terms-agreement {
    font-size: 12px;
    text-align: center;
    display: block;
    color: #646464;
    line-height: 1.6em;
}

.terms-agreement-modal {
    background: linear-gradient(224.26deg, #1E2030 1.39%, #18181D 97.31%);
    border: 3px solid rgba(255, 255, 255, 0.02);
    box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
    border-radius: 30px;
    position: relative;
    color: white;
    text-align: start;
}

.terms-remodal-close {
    top: 5px;
    right: 5px !important;
}

.terms-agreement-modal p {
    margin: 15px 0;
}

.terms-agreement-modal h2 {
    margin: 30px 0 !important;
}

.terms-agreement-modal ul {
    padding-left: 25px;
}

.terms-agreement-modal li {
    list-style: circle;
    padding-left: 10px;
}

.oe {
    margin-top: 15px;
    font-size: 13px;
    font-family: "Montserrat-Light";
    color: #8481A6;
}

.oe span {
    font-weight: bold;
    color: white;
}

.select2-dropdown ul {
    scrollbar-width: thin !important;
}

.select2-dropdown ul li[aria-selected=true] {
    background: #202020 !important;
}

.product-description {
    padding: 15px;
}

.checkout-register-account {
    display: flex;
    align-items: center;
}

.checkout-register-account label {
    font-size: 13px !important;
    cursor: pointer;
}

.checkbox-holder {
    display: flex;
    align-items: center;
}

.checkbox-holder .sgs-checkbox {
    display: none;
}

.checkbox-holder svg {
    width: 18px;
    cursor: pointer;
}

.checkbox-holder svg path {
    fill: #495057;
}

.checkbox-holder svg #sgs-checkbox-check {
    opacity: 0;
    /*fill: #EC4740;*/
}

.checkbox-holder input:checked + svg #sgs-checkbox-check {
    opacity: 1;
}

.russian_warship {
    position: absolute;
    top: -185px;
}


@media screen and (max-width: 1440px) {
    .partners__wrapper {
        padding-bottom: 105px
    }

    .car-items__list {
        gap: 20px;
    }
}

@media (max-width: 1232px) {
    .cart-parts__header.header::before {
        height: 34%;
    }

    .car-parts {
        padding-top: 215px;
    }

    .car-parts__item {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }

    .car-parts__title {
        text-align: left;
    }

    .car-parts__wrapper {
        padding: 20px;
    }

    .car-parts .switch label {
        padding: 14px 2px;
        font-size: 15px;
    }

    .car-parts .switch__indicator {
        padding: 14px 2px;
    }
}

@media (max-width: 1200px) {
    .product {
        padding-top: 196px;
    }

    /***/
    .partners__wrapper {
        grid-template-columns: 42% 54%;
        grid-gap: 30px;
        padding-bottom: 20px;
    }

    .partners__wrap {
        margin-bottom: 40px;
    }

    .partners__img {
        position: relative;
        width: 100%;
        right: 0;
    }
}

@media (max-width: 1148px) {
    .car-parts {
        /**version 1 custom **/
    }

    .car-parts .switch.hover {
        height: auto;
        background-color: #3b3b4f;
        z-index: 6;
    }

    .car-parts__form {
        position: relative;
        padding-top: 58px;
    }

    .car-parts__inputs:after {
        content: "";
        position: absolute;
        border-style: solid;
        border-width: 0.15em 0.15em 0 0;
        display: inline-block;
        height: 0.65em;
        vertical-align: top;
        width: 0.65em;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        top: 21px;
        right: 18px;
        z-index: 12;
    }

    .car-parts__count {
        margin-bottom: 30px;
        margin-left: 23px;
    }

    .car-parts .switch {
        padding: 4px 3px 4px 4px;
        height: 60px;
        grid-template-columns: 1fr;
        row-gap: 4px;
        background: rgba(75, 75, 97, 0.4);
        border-radius: 30px;
        margin-bottom: 24px;
        overflow: hidden;
        position: absolute;
        top: -10px;
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top;
        -webkit-transition: max-height 1.5s;
        -o-transition: max-height 1.5s;
        transition: max-height 1.5s;
    }

    .car-parts .switch input[type=radio] {
        position: absolute;
        visibility: hidden;
        display: none;
    }

    .car-parts .switch label {
        border-radius: 40px;
        position: relative;
    }

    .car-parts .switch label:hover {
        color: #fff;
        background: #ec4740;
    }

    .car-parts .switch input[type=radio]:checked + label {
        color: #fff;
        background: #ec4740;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .car-parts .switch__indicator {
        display: none;
    }

    .car-parts__item {
        display: grid;
        grid-template-columns: minmax(114px, 176px) 2fr 1fr 1fr minmax(242px, 244px);
        grid-template-rows: 1fr;
        gap: 15px;
    }

    .car-parts li:first-child {
        grid-area: 1/1/3/2;
    }

    .car-parts li:nth-child(2) {
        grid-area: 1/2/3/2;
    }

    .car-parts li:nth-child(3) {
        grid-area: 1/3/2/4;
    }

    .car-parts li:nth-child(4) {
        grid-area: 2/3/3/4;
    }

    .car-parts__item-name {
        grid-template-columns: minmax(114px, 176px) minmax(229px, 354px) minmax(114px, 176px) minmax(114px, 160px) minmax(242px, 244px);
        font-size: 14px;
    }

    .car-items__list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {
    .car-item__img {
        justify-self: center;
        margin: 0;
        height: 180px;
    }

    .car-item__title {
        font-size: 16px;
        padding: 10px;
    }

    .car-item__name, .car-item__btn {
        font-size: 20px;
    }

    .car-item__img {
        justify-self: center;
        margin: 0;
        height: 180px;
    }

    .car-item__img img {
        width: 80%;
    }

    .car-models-item__img img {
        width: 100%;
        height: 100%;
    }
}


@media (max-width: 992px) {
    .header__wrapper .btn-back {
        position: absolute;
        top: 124px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .header.fixed .btn-back {
        opacity: 0;
        visibility: hidden;
        display: none;
    }

    .product__wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .car-parts__selects {
        gap: 15px;
    }

    /** Disassembly */
    .disassembly .slick-slide {
        margin: 0 20px;
    }

    .disassembly .slick-list {
        margin: 0 -20px;
    }

    .disassembly__item {
        grid-template-columns: 1fr;
    }

    .disassembly .thumbnail {
        max-height: 217px;
    }

    .disassembly .info {
        padding: 20px;
    }

    .disassembly .info:before {
        height: calc(100% + 34px);
        width: 100%;
        top: unset;
        bottom: 1px;
        border-radius: 0 0 30px 30px;
    }

    .disassembly__btn {
        margin: 0 auto;
        display: block;
        width: 100%;
    }
}

@media (max-width: 867px) {
    h1, .h1 {
        font-size: 38px;
        line-height: 39px;
    }

    .car-parts__block-info {
        margin-bottom: 32px;
    }

    .car-parts .btn-back {
        padding: 14px 14px;
    }

    .car-parts__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        margin-bottom: 40px;
    }

    .car-parts__title {
        text-align: center;
        font-size: 38px;
        line-height: 39px;
    }

    .car-parts__text {
        font-size: 26px;
        line-height: 24px;
    }

    .car-parts__item {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
        justify-items: center;
        text-align: center;
    }

    .car-parts li:nth-child(n) {
        grid-area: initial;
    }

    .car-parts__item-name {
        display: none;
    }

    .car-parts__item-detail {
        padding-bottom: 40px;
    }

    .car-parts__item-detail .article {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .car-parts__item-detail .article-span {
        display: block;
        margin-right: 8px;
    }

    .car-parts__item-detail .img {
        height: 250px;
        max-width: 290px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .car-parts__selects {
        grid-template-columns: 2fr 1fr;
        margin-bottom: 20px;
    }

    .car-parts__search {
        grid-column-start: 1;
        grid-column-end: 3;
    }
}

@media (max-width: 767px) {
    .cart-parts .remarks {
        z-index: 2;
    }

    .product__img-link {
        height: 385px;
    }

    /** SEARCH **/
    .selects__title {
        flex-direction: column;
    }

    .btn-color-mode-switch {
        margin: 10px 0 0;
    }

    .btn-color-mode-switch-inner {
        height: 50px;
    }

    /** Disassembly **/
    .disassembly .slick-slide {
        margin: 0 10px;
    }

    .disassembly .slick-list {
        margin: 0 -10px;
    }

    .disassembly .thumbnail {
        height: 196px;
    }

    /***/
    .partners__info {
        margin-top: 50px;
    }

    .partners__wrapper {
        grid-template-columns: 1fr;
    }

    .partners__wrap {
        margin-bottom: 30px;
    }

    .partners .section-title {
        margin-bottom: 0;
    }

    .partners__img {
        margin: 0 auto;
        max-width: 530px;
    }

    .car-items__list {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select:focus,
    textarea:focus,
    input:focus {
        font-size: 16px;
    }
}

@media (max-width: 560px) {
    .terms-agreement-modal .h1, .terms-agreement-modal .h2 {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.6em;
    }

    .terms-agreement-modal p, .terms-agreement-modal li {
        font-size: 13px;
    }

    h1 {
        font-size: 32px;
        line-height: 39px;
    }

    .btn-back {
        width: 95%;
    }

    .bread-crumbs {
        font-size: 12px;
    }

    .car-parts:before {
        height: 85vh;
    }

    .car-parts .switch {
        top: -5px;
    }

    .car-parts__title, .car-parts h1 {
        text-align: center;
        font-size: 32px;
        line-height: 39px;
    }

    .car-parts__text {
        font-size: 20px;
        line-height: 24px;
    }

    .car-parts__wrapper {
        padding: 10px;
    }

    .car-parts .switch {
        height: 60px;
    }

    .car-parts .btn-primary {
        width: 230px;
    }

    .car-parts__search {
        padding: 10px 5px 10px 38px !important;
        background-position: 10px 15px;
        font-size: 12px;
    }

    .car-parts__zoom {
        margin-top: 0;
        height: 25px;
        width: 25px;
    }

    .car-parts__name-img {
        top: 54px;
    }

    .product__zoom {
        margin-top: initial;
        top: 7px;
        right: 7px;
    }

    .product__wrapper {
        padding: 15px;
    }

    .product__title {
        line-height: 1.6em;
        font-size: 16px;
        margin-bottom: 16px;
    }

    .breadcrumb-item:nth-child(3) {
        display: none;
    }

    .product__img-link {
        height: 238px;
    }

    .product__items {
        padding-bottom: 16px;
    }

    .product__item {
        margin-bottom: 10px;
    }

    .product__item p, .product__item p:first-child, .product__removed-text, .product__removed-name {
        font-size: 14px;
    }

    .product__data, .product__removed {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 25px 0;
        margin-bottom: 30px;
    }

    .product__price, .product__removed-img {
        margin-bottom: 20px;
        font-size: 25px;
    }

    .product__removed {
        padding: 0;
        text-align: center;
        margin-bottom: 0;
    }
}

@media (max-width: 475px) {
    .car-parts .switch {
        height: 56px;
    }

    #tel + .form-error {
        width: 200%;
        left: unset;
        right: 0;
    }

    .form-error {
        font-size: 10px;
    }

    .bread-crumbs li:not(:last-child):after {
        top: 9px;
    }

    .btn-back {
        padding: 12px 20px;
    }
}

.table {
    color: #ffffff;
}

@media (min-width: 768px) {
    .mobile_grid .mbv {
        display: none;
    }
}

@media (max-width: 767px) {
    .mobile_grid thead {
        display: none;
    }

    .mobile_grid .serial {
        display: none;
    }

    .mobile_grid table {
        border: none;
    }

    .mobile_grid tbody tr {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0;
        padding: 15px 0;
        border-top: 1px solid #303037;
        border-bottom: 1px solid #141521;
        position: relative;
    }

    .mobile_grid tbody tr td {
        display: flex;
        align-items: flex-start;
        border: none;
        padding: 2px;
        color: #999999;
    }

    .mobile_grid tbody tr > td {
        margin-right: 15px;
    }

    .mobile_grid tbody tr td.mbv {
        margin-right: 10px;
        font-weight: bold;
        color: white;
    }

    .mobile_grid .action_column {
        position: absolute;
        top: 15px;
        right: 0;
        font-size: 20px;
    }

    .mobile_grid .action_column a + a {
        margin-left: 10px;
    }
}

.header__menu {
    display: flex;
}

.lang_holder {
    margin-left: 15px;
    position: relative;
    z-index: 14;
    cursor: pointer;
}

.header__last {
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .header__navigation__item__rigth .lang_holder {
        display: none;
    }

    .header__last {
        margin-left: auto;
    }
}

.header .menu__items .lang_holder {
    font-family: "Montserrat-Regular", sans-serif;
}

.lang_holder .dropdown-menu {
    background-color: transparent;
    min-width: unset;

}

.lang_holder .dropdown-item {
    padding: 5px 0;
    color: white;
}

.lang_holder .dropdown-item:hover {
    background-color: transparent;
}

.header__navigation__item__rigth {
    display: flex;
    align-items: center;
}

.header__cart-inner {

}

.header__cart {
    position: relative;
    margin-left: 10px;
    z-index: 2;
}

.header__cart span {
    font-size: 8px;
    position: relative;
    z-index: 2;
}

.header__cart-num {
    position: absolute;
    top: -30%;
    right: -30%;
    z-index: 1;
}

.header__cart span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #F24A42;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    z-index: -1;
}

.header__cart-popup {
    position: fixed;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4901960784);
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
    z-index: 100;
}

.empty-cart-message {
    padding: 20px 0;
}

.header__cart-popup.show {
    visibility: visible;
    opacity: 1;
}

.header__cart-popup-wrap {
    width: 408px;
    background-color: #292929;
    border-radius: 5px;
    padding-bottom: 16px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100vh;
    -webkit-transform: perspective(600px) translateX(100%);
    transform: perspective(600px) translateX(100%);
    -webkit-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
    opacity: 0;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header__cart-popup.show .header__cart-popup-wrap {
    -webkit-transform: perspective(600px) translateX(0);
    transform: perspective(600px) translateX(0);
    opacity: 1;
}

.header__cart-popup-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 24px;
    background-color: #1B1B1B;
    border-radius: 3px 3px 0 0;
}

.header__cart-popup-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: calc(100vh - 82px);
    padding: 0 16px;
}

.header__cart-popup-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
}

.header__cart-popup-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 24px 0;
    border-bottom: 1px solid #292929;
}

.header__cart-popup-img-inner {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
}

.header__cart-popup-img-inner img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.header__cart-popup-link-product {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    margin-bottom: 12px;

}

.header__cart-popup-link-product:hover {
    color: #F24A42;
    transition: all 0.3s;
}

.header__cart-popup-cost {
    font-size: 16px !important;
    font-weight: 700;
    margin-left: 6px;
    color: #fff;
}

.header__cart-popup-delete-btn {
    border-radius: 5px;
    background-color: #505050;
    padding: 8px 8px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.header__cart-popup-delete-btn:hover {
    background-color: #F24A42;
    transition: all 0.3s;
}

.header__cart-popup-bottom {
    margin-bottom: 16px;
}

.header__cart-popup-link-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__cart-popup-link-btn {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 16px 12px;
    border-radius: 5px;
    width: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.header__cart-popup-link {
    background-color: #F24A42;
    margin-bottom: 4px;
}

.header__cart-popup-link:hover {
    background-color: rgba(27, 27, 27, 0.8039215686);
    color: #fff;
    transition: all 0.3s;
}

.header__cart-popup-link-close {
    background-color: #505050;
}

.header__cart-popup-link-close:hover {
    background-color: rgba(27, 27, 27, 0.8039215686);
    color: #fff;
    transition: all 0.3s;
}

/** Toggle Switch */
fieldset {
    margin: 0;
    padding: 2rem;
    display: block;
    min-width: 0;
    border-radius: 30px;
    background-color: #dee2e6;
}

fieldset legend {
    margin: 0 0 1.5rem;
    padding: 0;
    width: 100%;
    float: left;
    display: table;
    font-size: 1.5rem;
    line-height: 140%;
    font-weight: 600;
    color: #333;
}

fieldset legend + * {
    clear: both;
}

body fieldset {
    display: table-cell;
}

/* TOGGLE STYLING */
.toggle {
    margin: 0 0 1.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2px;
    align-items: stretch;
    background-color: #dee2e6;
    max-width: fit-content;
    border-radius: 30px;
    padding: 4px;
    position: relative;
}

.toggle input {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px;
    z-index: 5;
}

.toggle input + label {
    margin: 0;
    padding: 0.3rem 0.48rem;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    font-size: 1rem;
    line-height: 140%;
    font-weight: 500;
    text-align: center;
    color: #9f9fa0;
    cursor: pointer;
    transition: all .3s linear;
}

.toggle input + label:first-of-type {
    border-radius: 30px 0 0 30px;
    border-right: none;
}

.toggle input + label:last-of-type {
    border-radius: 0 30px 30px 0;
    border-left: none;
}

.toggle input:hover + label {
    border-color: #213140;
}

.toggle input:checked + label {
    color: #FFF;
    z-index: 2;
}

.switch__indicator {
    display: block;
    position: absolute;
    width: 34%;
    height: calc(100% - 8px);
    border-radius: 30px;
    background-color: #1E2030;
    top: calc(50% - 16px);
    left: 0;
    transition: transform 600ms cubic-bezier(.02, .94, .09, .97);
    transform: translate3d(0.3rem, 0, 0);
    opacity: 1;
}

input#brand_all:checked ~ .switch__indicator {
    transform: translate3d(0.3rem, 0, 0);
    opacity: 1;
}

input#brand_bv:checked ~ .switch__indicator {
    transform: translate3d(6.8rem, 0, 0);
    opacity: 1;
}

input#brand_n:checked ~ .switch__indicator {
    transform: translate3d(13.3rem, 0, 0);
    opacity: 1;
}


@media (max-width: 992px) {
    .toggle {
        margin: 1.5rem auto 1rem;
    }
}

.part_of_title {
    color: white;
    font-size: 1.5rem;
    margin-bottom: 15px;
}

/** Socials contacts **/
.social-contacts {
    display: flex;
    align-items: center;
    z-index: 1000;
    max-width: fit-content;
    position: fixed;
    bottom: 30px;
    right: 10px;
}

.social-contacts .soc-link {
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-contacts .soc-link, .social-contacts .soc-link svg {
    width: 60px;
    height: 60px;
}

.social-contacts .soc-link svg {
    border-radius: 50%;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.social-contacts .soc-what svg {
    animation-name: color-what;
}

.social-contacts .soc-vib svg {
    animation-name: color-vib;
}

.social-contacts .soc-what {
    margin-right: 20px;
}

@keyframes color-what {
    0% {
        background-color: transparent;
    }
    50% {
        background-color: #2cb7427d;
    }
    100% {
        background-color: transparent;
    }
}

@keyframes color-vib {
    0% {
        background-color: transparent;
    }
    50% {
        background-color: #E5DCEB;
    }
    100% {
        background-color: transparent;
    }
}

.car-parts__sort {
    position: relative;
}

.car-parts__sort_dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 63px;
}

.car-parts__sort_dropdown.open {
    display: flex;
    flex-direction: column;
    background-color: #1e1e25;
    z-index: 999;
}

.car-parts__sort_dropdown input {
    display: none;
}

.car-parts__sort_dropdown input:checked + label::before {
    background: #EC4740;
}

.car-parts__sort_dropdown label {
    cursor: pointer;
    text-align: start;
    padding: 10px 10px 10px 35px;
    position: relative;
    margin-bottom: 3px;
    color: #fff;
}

.car-parts__sort_dropdown label::before {
    content: "";
    display: block;
    position: absolute;
    margin-right: 10px;
    width: 12px;
    height: 12px;
    box-shadow: 0 0 0px 2px #fff, 0 0 0px 4px #000;
    border-radius: 50%;
    vertical-align: middle;
    background: #ffffff;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
}

.car-parts__sort_dropdown .dropdown-item:hover {
    background-color: rgba(75, 75, 97, 0.3);
}

.disassembly__item .btn-primary {
    background-color: #343a40;
    box-shadow: none;
}

@media (max-width: 768px) {
    .disassembly__item .btn-primary {
        background-color: #db241e;
        box-shadow: 0 4px 34px rgba(236, 71, 64, 0.3);
    }

    .header__cart-popup-wrap {
        width: 320px;
    }

    .header__cart-popup-item {
        flex-wrap: wrap;
    }

    .header__cart-popup-img-inner {
        margin: 0 auto;
    }

    .header__cart-popup-content {
        width: 75%;
    }

    .header__cart-popup-link-btn {
        font-size: 14px;
    }

}

.disassembly__item .btn-primary:hover {
    background-color: #db241e;
    box-shadow: 0 4px 34px rgba(236, 71, 64, 0.3);
}

.disassembly__item:hover {
    background: linear-gradient(226.01deg, #1E2030 1.43%, #18181D 100.34%);
    border: 1px solid rgba(255, 255, 255, 0.02);
    -webkit-box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
    box-shadow: 0 24px 84px rgba(0, 0, 0, 0.4);
}

.disassembly__item:hover .btn-primary {
    background-color: #db241e;
    box-shadow: 0 4px 34px rgba(236, 71, 64, 0.3);
}

/** Vacancies Page **/
.vacancies {
    background-color: #131316;
    padding-top: 114px;

}

.vacancies__hero {
    background-position: center;
    background-size: cover;
    position: relative;
    height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
}

.vacancies__hero:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);

}

.vacancies__title, .vacancyModal__title {
    font-family: 'Montserrat Alternates', sans-serif;
    font-weight: 600;
}

.vacancies__title {
    text-align: center;
    position: relative;
    font-weight: 600;
    font-size: clamp(56px, 8vw, 96px);
    letter-spacing: 0.16px;
    line-height: 1.3;
    color: #ECEAEA;
    z-index: 1;
}

.selects-vacancy__wrapper {
    max-width: 846px;
    margin: 0 auto 60px;
}

.selects-vacancy__items {
    gap: 3.6em;
    grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
}

.selects-vacancy__item {
    font-family: 'Montserrat', sans-serif;
    height: 100%;
    padding: 24px 36px;
    line-height: 1.4;
}

.selects-vacancy__item:hover {
    background: #4A6678;
    box-shadow: 10px 10px 10px #4A6678;
    border: 3px solid rgba(255, 255, 255, 1);
}

.selects-vacancy__item_sub-title {
    font-weight: 400;
    font-size: 26px;
    text-align: center;
    letter-spacing: 0.16px;
    color: rgba(255, 255, 255, 0.7);
}

.selects-vacancy__item_name {
    line-height: 1.3;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 0.16px;
    color: #FFFFFF;
    margin-top: 20px;
    margin-bottom: 20px;
}

.selects-vacancy__item_info {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.2px;
    margin-bottom: 30px;
    color: #FFFFFF;
}

.selects-vacancy__item_btn {
    max-width: 400px;
    width: 100%;
    color: #793607;
    margin: auto auto 0;
    background-color: #EBF3F7;
    box-shadow: none;
    text-transform: capitalize;
}

.selects-vacancy__item_btn:hover {
    background-color: #27991D;
    border-color: #27991D;
    color: #072F79;
}

#vacancyForm {
    grid-auto-flow: dense;
    grid-template-columns: 1fr 1fr;
    display: grid;
    grid-gap: 1em;
}

.vacancyModal__title {
    margin-bottom: 16px;
}

#vacancyForm .remarks__message,
#vacancyForm .remarks__btn {
    grid-column: 1/-1;
}

#vacancyForm input, #vacancyForm textarea {
    border: 1px solid #b2b2b3;
    background-color: #fff;
    color: #2b2e38;
}

@media screen and (max-width: 1200px) {
    .selects-vacancy__item {
        padding: 24px 20px;
    }

    .selects-vacancy__items {
        gap: 2em;
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    }
}


@media screen and (max-width: 767px) {
    .vacancies__items {
        margin-top: 20px;
    }

    .selects-vacancy__items, #vacancyForm {
        grid-template-columns: 1fr;
    }
}

/** Categories **/
.categories-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 12px;
    margin: 0 auto 10px;
}

.categories-wrap select {
    background-color: rgba(45, 45, 55, 0.8);
    border-radius: 30px;
    color: #fff;
    padding: 14px 20px;
    height: 56px;
    width: calc(50% - 6px);
    border: 1px solid transparent;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    appearance: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.categories-wrap select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 14px;
}


.categories-wrap select:hover {
    background-color: rgba(45, 45, 55, 1);
}

.categories-wrap select:focus {
    outline: none;
    border-color: rgba(106, 90, 205, 0.5);
}


.categories-wrap select:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.categories-wrap select option {
    background: #2d2d37;
    color: #fff;
}

/* Адаптив для мобільних */
@media (max-width: 767px) {
    .categories-wrap {
        gap: 8px;
        grid-template-columns: 1fr;
    }

    .categories-wrap select {
        width: 100%;
        height: 50px;
        font-size: 14px;
        padding: 12px 16px;
    }

    .vacancies__items {
        margin-top: 20px;
    }

    .selects-vacancy__items, #vacancyForm {
        grid-template-columns: 1fr;
    }

    .remarks__btn-back {
        margin: 60px auto 0;
    }
}

.model-description {
    padding: 25px;
}

.model-description p {
    margin: 1rem auto;
}

.model-description h2 {
    font-size: 1.6rem;
    margin: 1rem auto;
}

.model-description h3 {
    font-size: 1.3rem;
    margin: 1rem auto;
}

.model-description ol {
    padding-left: 35px;
}

.model-description ol li {
    list-style: decimal;
    padding-left: 10px;
}

.product-custom-fields {
    margin-top: 15px;
}

.product-custom-fields-title {
    margin-bottom: 10px;
}

.product-custom-fields-item > span {
    color: #86868b;
    font-weight: bold;
}

#code_container, #timer_container, #send_sms_link {
    display: none;
}

input.error {
    border: 1px solid red;
!important;
}

#send_sms_link {
    color: #0f82df;
    cursor: pointer;
}

#code_container .help-block-error {
    color: red;
}

.site-login, .site-signup {
    padding-bottom: 85px;
}

.help-block.help-block-error {
    color: #dc3545;
}

.order-product-list {
    padding-top: 14px;
}

.old-price {
    text-decoration: line-through;
    color: #999999;
    font-size: 0.9rem;
}

.with-old-price {
    display: flex;
    flex-direction: column;
}

.product__price.with-old-price {
    flex-direction: row;
}

.product__price.with-old-price .old-price {
    margin-right: 10px;
    font-size: 20px;

}
.checkout-register-account {
    display: none !important;
}
.order-form-select-getdata {
    display: none;
}