/* #ffb000 - стоит сейчас
#ecb102
#fcc110
#eec502
#fbbc2f
#ffb000
#ffc700
#d97e0c
#f89820
#f89820
#f4d909
#e1cc28
#e0c600 */
@font-face {
    font-family: "CircleRegular";
    src: url("../fonts/CirceRegular.ttf");
}

@font-face {
    font-family: "CircleBold";
    src: url("../fonts/CirceBold.ttf");
}

@font-face {
    font-family: "CirceExtraBold";
    src: url("../fonts/CirceExtraBold.ttf");
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-Regular.ttf");
}

@font-face {
    font-family: "CirceLight";
    src: url("../fonts/circe-light.ttf");
}

@font-face {
    font-family: "ExoLight";
    src: url("../fonts/exo-2-0.light.otf");
}





* {
    scrollbar-color: #3aaa1f white;
    scrollbar-width: thin;
    scroll-padding-top: 5px;
}

*::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    box-sizing: border-box;
}

*::-webkit-scrollbar-button {
    background-repeat: no-repeat;
    width: 5px;
    height: 0px;
}

*::-webkit-scrollbar-track {
    background-color: white;
    margin: 1px 0px;
}

*::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #3aaa1f;
    height: 30px;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #3aaa1f;
}


* {
    font-family: 'CircleRegular';
}

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

video::-webkit-media-controls-volume-slider {
    display: none;
}

video::-webkit-media-controls-mute-button {
    display: none;
}

html {
    width: 100%;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
}


body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: 'CircleRegular';
}

html.active {
    overflow-y: hidden;
}


a:visited {
    color: transparent;
}

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

img {
    display: block;
    width: 100%;
    border-style: none;
}

* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container {
    width: 100%;
    padding: 0 100px;
    box-sizing: border-box;
    width: 1600px;
    margin: 0 auto;
}

.slider-services {
    padding: 150px 100px;
    box-sizing: border-box;
}

.container-header.visible {
    overflow: visible;
}

header {
    z-index: 200;
    position: relative;
    transition: background 500ms linear;
    transition: 0.5s;
}

.block-submenu.active {
    z-index: 200;
}

.m-auto {
    display: flex;
    padding: 25px 0px 0;
    width: 1600px;
    margin: 0 auto;
    box-sizing: border-box;

}


.logo {
width: 270px;
    height: auto;
    position: relative;
    top: -5px;
}

.header-list {
    display: flex;
    margin: 0 auto;
    align-items: center;
    padding: 0;
    position: relative;
}

.header-list__item {
    padding: 0 42px;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    height: 50px;
    cursor: pointer;
}

.header-list__item:first-child {
    padding: 0 35px 0 0;
}

.header-list__item a {
    color: white;
    text-decoration: none;
    display: flex;
    position: relative;
    transition: 0.5s;
}

.yandex-smart-container{
	width:400px;
	margin: 0 auto 20px;
}

.header-list__item.menu>a::after {
    content: url("data:image/svg+xml;charset=UTF-8, %3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.2725 0L12 0.754687L6 7L0 0.754687L0.723749 0L6 5.48698L11.2725 0Z' fill='white'/%3e%3c/svg%3e");
    margin-left: 10px;
    display: block;
    transition: 0.3s;

}

.header-list__item.menu.active a::after {
    content: url("data:image/svg+xml;charset=UTF-8, %3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.2725 0L12 0.754687L6 7L0 0.754687L0.723749 0L6 5.48698L11.2725 0Z' fill='%23ffb000'/%3e%3c/svg%3e");
    transition: 0.3s;
    transform: rotate(180deg);
    top: 2px;
    position: relative;
}

.header-list__item.menu.active-menu a::after {
    content: url("data:image/svg+xml;charset=UTF-8, %3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.2725 0L12 0.754687L6 7L0 0.754687L0.723749 0L6 5.48698L11.2725 0Z' fill='%23ffb000'/%3e%3c/svg%3e");
    transition: 0.3s;
    transform: rotate(180deg);
    top: 2px;
    position: relative;
}

.submenu .fadeIn a {
    color: white;
}



.submenu .fadeIn a::after {
    display: none;
}

.header-list__item.menu.active-menu a::after {
    transition: 0.3s;
    transform: rotate(180deg);
    top: 2px;
    position: relative;
}

.header-tel {
    color: white;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    transition: 0.5s;
}

.header-tel:hover {
    color: #ffb000;
    transition: 0.5s;
}



.fromCenter {
    cursor: pointer;
}

.header-list__item.active .fromCenter {
    color: #ffb000;
}

.header-list__item.active a {
    color: white;
    transition: 0.5s;
}

.fromCenter::before {
    display: block;
    content: '';
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
    border-radius: 5px 5px 0px 0px;
    width: 100%;
    background-color: #ffb000;
    height: 3px;
    position: absolute;
    top: 47px;
}

.fromCenter:hover::before {
    transform: scaleX(1);
}

.fromCenter.active::before {
    transform: scaleX(1);
}

.menu.active .fromCenter::before {
    transform: scaleX(1);
}

.menu.active-menu .fromCenter::before {
    transform: scaleX(1);
}

.menu.active-menu .fromCenter:hover::before {
    transform: scaleX(0.9);
}

.submenu {
    padding: 0;
    background-color: white;
    overflow: hidden;
    height: 0;

    position: absolute;
    top: 50px;
    width: 1050px;
    display: flex;
    background: none;
    left: 0;
    transition: 0s;
    opacity: 0;

}

select {
    width: 300px;
    height: 50px;
    padding: 0;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid black;
    text-align: left;
}



select::-ms-expand {
    display: none;
}


select {
    transition: 0;
}

.s-hidden {
    visibility: hidden;
    padding-right: 0px;
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-family: 'CircleRegular';
    outline: none;
    background: white;
    font-size: 18px;
    line-height: 130%;
    color: #BFBFBF;
    border: 1px solid #BFBFBF;
    border-radius: 10px;
    margin-bottom: 20px;
}

.prev-none {
    display: none;
}

.styledSelect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    padding: 0 0px;
    border-radius: 10px;
    width: 300px;
    text-align: left;
    padding-left: 15px;
    box-sizing: border-box;
    padding-right: 20px;
    top: 13px;
}

.accordion__item-list {
    list-style: disc;
}

.styledSelect:after {
    content: url("data:image/svg+xml;charset=UTF-8, %3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.2725 0L12 0.754687L6 7L0 0.754687L0.723749 0L6 5.48698L11.2725 0Z' fill='black'/%3e%3c/svg%3e");
    top: 0px;
    right: 15px;
    position: absolute;
    transition: 1s;
    right: 0;
    padding-right: 15px;
    transition: 1s;
}

.styledSelect.active:after {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.2725 7L12 6.24531L6 2.38419e-07L-4.76837e-07 6.24531L0.723749 7L6 1.51302L11.2725 7Z' fill='black'/%3e%3c/svg%3e ");
    transition: 1s;
}

.options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    border: 1px solid black;
    border-radius: 5px;
    background-color: white;
    top: 60px;
}

.options li {
    margin: 0 0;
    padding: 10px 15px;
    border-radius: 5px;
    text-align: left;
    font-size: 16px;
}

.options li:hover {
    background-color: white;
    color: black;
}

.menu.active .fromCenter+.submenu {
    height: 75px;
    opacity: 1;

}

.menu .submenu2 {
    height: 75px;
    opacity: 0;
    transition: 0.6s;
    display: none;
}

.menu .submenu2 .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    animation-duration: 0.6s;
}


ul {
    list-style: none;
    padding-left: 0;
}

.submenu li {
    position: relative;
    display: table;
    margin-right: 50px;

}

.submenu li a {
    color: white;
    font-weight: 400;
    font-size: 17px;
    line-height: 27px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;

}


header.active {
    background: #3aaa1f;
    backdrop-filter: blur(7.5px);
    transition: 1s;
}

header.active-header {
    background: #3aaa1f;
    backdrop-filter: blur(7.5px);
}

.block-submenu {
    height: 75px;
    width: 100%;
    background: rgba(58, 170, 31, 0.7);
    backdrop-filter: blur(7.5px);
    z-index: -1;
    position: relative;
    overflow: hidden;
    height: 0;
    transition: 0.6s;
}

.block-submenu.active {
    height: 75px;
    z-index: 1;
}


@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translate(20px, 0px);
    }

    30% {
        opacity: 0;
        transform: translate(20px, 0px);
    }

    100% {
        opacity: 1;
        transform: translate(0px, 0);
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        transform: translate(0px, 0px);
    }

    100% {
        opacity: 0;
        transform: translate(20px, 0);
    }
}

.menu.active .submenu .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    animation-duration: 0.6s;
    opacity: 1;

}

.menu.active .submenu .fadeIn:nth-child(2) {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    animation-duration: 0.9s;
}

.menu.active .submenu .fadeIn:nth-child(3) {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    animation-duration: 1.3s;
}

.menu.active .submenu .fadeIn:nth-child(4) {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    animation-duration: 1.6s;
}

.menu.active .submenu .fadeIn:nth-child(5) {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    animation-duration: 1.9s;
}

.text-banner__title {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    color: #FFFFFF;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
    display: block;
}

.text-banner__title-name {
    font-size: 58px;
}

.text-banner__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    /* or 23px */


    color: #FFFFFF;
    margin-bottom: 40px;
    width: 650px;
}

.text-banner__subtitle-main {
    font-size: 22px;
    line-height: 130%;
    color: #FFFFFF;
    margin-bottom: 20px;
    width: 672px;
    text-align: left;

}

.text-banner__subtitle-main div {
    font-size: 24px;
    font-weight: bold;
    text-align: left;
}

.text-banner__subtitle-main ul {
    list-style: none;
    margin-bottom: 40px;
}

.text-banner__subtitle-main ul li {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 5px;
}

.text-banner__subtitle-two {
    width: 740px;
}

.block-img__absolute {
    position: absolute;
    width: 100%;
    max-height: 100vh;
    top: 0;
    min-height: 900px;
}

.block-img__absolute .banner {
    height: 100vh;
    object-fit: cover;
    z-index: -1;
    position: relative;
    min-height: 900px;
}

.block-img__absolute::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: transparent;
    background-image: linear-gradient(60deg, #00000080 35%, #0000001F 71%);
    opacity: 0.95;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.text-banner {
    position: absolute;
    bottom: 300px;
}

.text-banner__main {
    bottom: 150px;
}

.banner__btn {
    width: 250px;
    display: table;
    height: 50px;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    box-shadow: 0px 5px 17px 1px rgba(0, 0, 0, 0.7);
}

.banner__btn a {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.banner__btn:hover {
    background-image: url("https://rusagroprom.com/wp-content/themes/rusagroprom/img/back/77.jpg");
    background-size: cover;
    background-position: center;
    transition: 0.5s;
}

.banner__btn:hover a {
    background-image: url("https://rusagroprom.com/wp-content/themes/rusagroprom/img/back/77.jpg");
    background-size: cover;
    background-position: center;
    color: #282828;
    transition: 0.5s;
}

#btn-rach:hover a {
    background-image: url("https://rusagroprom.com/wp-content/themes/rusagroprom/img/back/66.jpg");
}

.banner__btn--white {
    background-image: url("https://rusagroprom.com/wp-content/themes/rusagroprom/img/back/77.jpg");
    background-size: cover;
    background-position: center;
    position: relative;
    box-shadow: 0px 5px 17px 1px rgba(255, 255, 255, 0.7);

}

.banner__btn--white-black {
    /* box-shadow: 0px 5px 17px 1px rgba(0, 0, 0, 0.7); */
    box-shadow: 0px 5px 17px 1px rgba(0, 0, 0, 0.7);
    background-image: url("https://rusagroprom.com/wp-content/themes/rusagroprom/img/back/66.jpg");
        background-size: cover;
        background-position: center;
        border: 0 !important;
}

.banner__btn--white a {
    color: #282828;
}

.banner__btn--white::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transition: all 0.2s ease-in-out;
    pointer-events: none;
    border-radius: 6px;
    /* border-color: white;
    background-color: white; */
    background-image: url("https://rusagroprom.com/wp-content/themes/rusagroprom/img/back/77.jpg");
    background-size: cover;
    background-position: center;
}

#btn-rach::before {
    background-image: url("https://rusagroprom.com/wp-content/themes/rusagroprom/img/back/66.jpg");
    background-size: cover;
    background-position: center;
}

.contentB__btn a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transition: all 0.2s ease-in-out;
    pointer-events: none;
    border-radius: 6px;
    /* border-color: #ffb000;
    background-color: #ffb000; */
    background-image: url("https://rusagroprom.com/wp-content/themes/rusagroprom/img/back/66.jpg");
    background-size: cover;
    /* Масштабирование изображения по размеру фона */
    background-position: center;
    /* Позиция изображения внутри фона */
    z-index: -1;


}

.contentB__btn a:hover::before {
    left: -4px;
    top: -4px;
    bottom: -4px;
    right: -4px;
    border-color: transparent;

}

.banner__btn--white:hover::before {
    left: -4px;
    top: -4px;
    bottom: -4px;
    right: -4px;
    border-color: transparent;

}

.container-header {
    height: 100vh;
    position: relative;
    min-height: 900px;
    overflow-x: hidden;
}

.container-center,
.container-cars {
    padding: 150px 250px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;

}

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

body {
    position: relative;
}

.loader {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 9999;
}

.loader-404 {
    display: block;
}

.loader-404::before {
    content: '';
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 9;
}

.loader-404-text {
    font-size: 24px;
    color: silver;
    z-index: 999;
    position: absolute;
    left: 50%;
    right: 0%;
    width: 300px;
    transform: translate(-50%, -50%);
    top: 50%;
}

@keyframes fadeInLoader404 {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.loader-404-text span:nth-child(1) {
    opacity: 0;
    animation: fadeInLoader404 500ms infinite;
}

.loader-404-text span:nth-child(2) {
    opacity: 0;
    animation: fadeInLoader404 500ms infinite;
    animation-delay: 500ms;
}

.loader-404-text span:nth-child(3) {
    opacity: 0;
    animation: fadeInLoader404 500ms infinite;
    animation-delay: 1000ms;
}


.title {
    font-weight: bold;
    font-size: 36px;
    line-height: 100%;


    text-align: center;

    color: #3aaa1f;
}

.container-text .subtitle-about {
    font-weight: bold;
    font-size: 28px;
    line-height: 100%;
    text-align: left;
    color: #3aaa1f;
    margin-top: 0px;
}

.slider__list {
    display: flex;
    margin: 50px auto;
    justify-content: center;
    position: relative;
    width: 87%;
}



.slider__list .item.active {
    color: #282828;
}

.slider__img {
    width: 1100px;
    height: 429px;
    margin-bottom: 50px;
    margin: 0 auto 50px;
    position: relative;
}

.slider__img>img {
    width: 1000px;
    margin: 0 auto;

}

.btn-two {

    border-radius: 5px;
    width: 250px;
    display: table;
    height: 50px;
    margin: 0 auto;
    background-image: url("https://rusagroprom.com/wp-content/themes/rusagroprom/img/back/66.jpg");
    background-size: cover;
    background-position: center;
    cursor: pointer;
    box-shadow: 0px 5px 17px 1px rgba(0, 0, 0, 0.7);
    transition: 0.3s;
    position: relative;
}

.btn-two::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 6px;
    /* border-color: #3aaa1f;
    background-color: #3aaa1f; */
    background-image: url("https://rusagroprom.com/wp-content/themes/rusagroprom/img/back/66.jpg");
    background-size: cover;
    background-position: center;

}

.btn-two:hover::before {
    left: -4px;
    top: -4px;
    bottom: -4px;
    right: -4px;
    border-color: transparent;
}

.btn-two-popup {
    margin-top: 30px;
    width: 300px;
    margin-top: 20px;
}

.wpcf7-not-valid-tip,
.wpcf7-response-output {
    display: none !important;
}

.form input.error {
    color: red;
    border: 1px solid red;
}

.popup-title.active {
    color: red;
    transition: 0.3s;
}

.btn-services.active {
    color: red;
}

.btn-two-popup.active {
    border: 1px solid red;
}

.popup-succesful {
    padding: 70px 50px 80px;
    box-sizing: border-box;
    background-color: white;
    color: #fff;
    border-radius: 10px;
    width: 100%;
    max-width: 450px;
    position: absolute;
    top: 50%;
    transform: 0;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
    display: none;
}

.message-form {
    color: #3aaa1f;
    font-size: 36px;
    line-height: 110%;
    text-align: center;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
}


.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
}

.btn-services[disabled=disabled] {
    cursor: not-allowed;
}

.error {
    color: red;

}

.btn-two a {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;

    text-align: center;

    color: black;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 1;
}

.btn-two input {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;

    text-align: center;

    color: #222222;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: none;
    outline: none;
    border: none;
    padding: 0;
    margin: 0 auto;
    cursor: pointer;
}

.wpcf7-spinner {
    visibility: hidden !important;
    display: none !important;
}



.btn-two-popup.active:hover input {
    color: red;
    transition: 0.3s;
}

.btn-two-popup.active:hover {
    background: none;
    transition: 0.3s;
}

.slider__controls {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}


.slider__controls .next {
    right: 0;
}

.slider__controls .prev,
.slider__controls .next {
    position: absolute;
    width: 50px;
    height: 34px;
    top: 41%;
    cursor: pointer;
}

.slider__list::after {
    content: "";
    position: absolute;
    width: 140px;
    left: 0;
    box-shadow: inset 250px 0px 250px -60px #fff;
    height: 30px;
    bottom: 0;
}

.slider__list::before {
    content: "";
    position: absolute;
    width: 200px;
    right: 0;
    box-shadow: inset -250px 0px 250px -60px #fff;
    height: 40px;
}

.slider__list .slick-center {
    color: black;
}

.slick-slide {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;

    text-align: center;

    color: #BFBFBF;
    margin-right: 0px;
    cursor: pointer;
}

.slick-slider {
    display: flex;
}

.section-rating {
    position: relative;
    width: 100%;
    max-height: 100vh;
    top: 0;
    min-height: 900px;
    overflow-x: hidden;
}

.section-rating .banner {
    height: 100vh;
    object-fit: cover;
    z-index: -1;
    position: relative;
    min-height: 900px;
    object-position: 0 0;
}

.text-rating-banner {
    position: absolute;
    bottom: 100px;
    width: 460px;
}

.rating__title {
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    color: #FFFFFF;
    padding: 0;
    margin: 0 0 15px 0;
    display: block;
}

.rating__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #FFFFFF;
    margin-bottom: 50px;
}

.container-asp-nav {
    width: 860px;
    margin: 0 auto;
    position: relative;
    left: 30px;
}

.slider-asp-nav::after {
    content: "";
    position: absolute;
    width: 150px;
    left: 0;
    box-shadow: inset 150px 0px 150px -60px #fff;
    height: 30px;
    bottom: 0;

}

.slider-asp-nav::before {
    content: "";
    position: absolute;
    width: 250px;
    right: 0;
    box-shadow: inset -200px 0px 200px -60px #fff;
    height: 40px;

}

.slider-asp-nav .slick-slide {
    margin-right: 40px;
}

.slider__img-asp {
    width: 1100px;
    height: 490px;
    margin-bottom: 50px;
    margin: 0 auto 50px;
    position: relative;
}

.slider__img-asp>img {
    width: 1000px;
    margin: 0 auto;
}

.cars-asp__list-option {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    color: #BFBFBF;
    margin: 0 auto;
    position: relative;
    left: 0px;
}

.list-option__name {
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    color: #282828;
}

.slider-new-img .slick-list,
.slider-asp-img .slick-list {
    z-index: 5;
    position: relative;
}


.container-services {
    display: flex;
}


.block-services_title {
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    color: #282828;
    margin-bottom: 20px;
}

.block-services {
    min-width: 310px;
    margin: auto 129px auto 0;
    width: 310px;
}


.container-services img {
    width: 100%;
    height: auto;
    max-width: 960px;
}

.container-services .btn-two {
    margin: 0;
    margin-top: 30px;

}

.text {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #282828;
}

.selection-img {
    margin: 80px auto;
    width: 573px;
    height: auto;
}

#spinner,
.myclass {
    color: black;
}

.container-grid-img {
    padding: 0 100px 0 100px;
    text-align: center;
    width: 1600px;
    box-sizing: border-box;
    margin: 0 auto;

}

.grid {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    margin-top: 80px;
    justify-content: space-between;
    gap: 40px;
    -webkit-gap: 40px;
    -webkit-box-gap: 40px;
}


.grid_item {
    width: 440px;
    position: relative;
    overflow: hidden;

}

.grid_item picture img {
    -webkit-transition: all 1s ease;
    /* Safari and Chrome */
    -moz-transition: all 1s ease;
    /* Firefox */
    -ms-transition: all 1s ease;
    /* IE 9 */
    -o-transition: all 1s ease;
    /* Opera */
    transition: all 1s ease;
}

.grid_item picture:hover img {
    -webkit-transform: scale(1.15);
    /* Safari and Chrome */
    -moz-transform: scale(1.15);
    /* Firefox */
    -ms-transform: scale(1.15);
    /* IE 9 */
    -o-transform: scale(1.15);
    /* Opera */
    transform: scale(1.15);


}

.animation__img {
    position: relative;
    height: calc(100% - 35px);
    overflow: hidden;
}

.grid_item picture::after {
    content: '';
    z-index: 1;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: block;
}


.grid_item:hover picture::after {
    content: '';
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: block;
    top: 0;

    opacity: 1;
    transition: 0.5s;

}

.grid_item img {
    margin-bottom: 0px;
    height: 100%;
}

.grid_item:first-child {
    width: 920px;
}

.grid_item .text {
    float: left;
    text-align: left;
    margin-top: 10px;
}

.grid_item:nth-child(6n) {
    width: 920px;

}

.container-footer {
    margin-top: 100px;
    overflow: hidden;
}

footer {
    display: flex;
    padding: 50px 0 0px;
    box-sizing: border-box;
    flex-direction: column;
    position: relative;
}

.block__footer {
    display: flex;
}

.logo-footer {
    width: 200px;
    height: auto;
}

.btn-burger {
    display: none;
}

.text-footer {
    padding: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 8px;
    line-height: 130%;
    width: 280px;
    margin-top: 19px;


    color: white;
}

.policy-footer {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    /* or 23px */

    /* Серый 2 */

    color: white;
    margin-top: auto;
    position: relative;
    bottom: 25px;
}

.policy-footer-mobile {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    /* or 23px */

    /* Серый 2 */

    color: white;
    margin-top: 22px;
    display: none;
}

.policy-footer-mobile::before {
    content: '©';
    position: relative;
    bottom: 2px;
}

.policy-footer::before {
    content: '©';
    position: relative;
    bottom: 2px;
}

.social__footer {
    display: flex;
    justify-content: flex-end;

}

.flex-end .policy-footer::before {
    display: none;
}

.flex-end .policy-footer a {
    color: white;
}

.policy-footer-mobile a {
    color: white;
}

.flex-end .policy-footer {
    text-align: right;
}

.flex-grow {
    flex-grow: 1;
}

.social__item {
    margin-left: 25px;
    width: auto;
    justify-content: center;
    display: flex;
}

.social__item>img {
    margin-top: auto;
}


.social__item:last-child img {
    width: 49px;
    height: 18px;
}

.social__item:nth-child(1) img {
    width: 16px;
    height: 13px;
}

.social__item:nth-child(2) img {
    width: 53px;
    height: 13px;
}

.social__item:nth-child(3) img {
    width: 22px;
    height: 13px;
}

.cookies__container {
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(7.5px);
    height: auto;
    width: 100%;
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 99999999999999999999999;
    align-items: center;
    display: flex;
    display: none;
}

.lwpcngNotice-dark {
    background: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(7.5px) !important;
    padding: 26px 100px 16px;
}

.lwpcngNotice_message {
    display: inline;
    margin-right: 8px;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #FFFFFF;
    width: 564px;
    margin-right: 25px;
    display: inline-block;
    text-align: left;
}

.lwpcngNotice_accept,
.lwpcngNotice_reject {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    padding: 14px 0px;
    border: 1px solid white;
    white-space: nowrap;
    cursor: pointer;
    width: 250px;
    box-sizing: border-box;
    height: 50px;
    position: relative;
    bottom: 12px;
    transition: 0.5s;
    border-radius: 5px;
}

.lwpcngNotice-dark .lwpcngNotice_accept:hover {
    background: white;
    color: black;
    transition: 0.5s;
}

.lwpcngNotice_accept {
    font-weight: 400;
    font-size: 18px;
}

.lwpcngNotice-dark .lwpcngNotice_accept {
    border-color: white;
    color: white;
}

.cookies-block {
    width: 1039px;
    height: auto;
    display: flex;
    padding: 26px 100px 28px;
    box-sizing: border-box;
    align-items: center;
    margin: 0 auto;
}

.cookies-block .cookies__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    /* or 23px */


    /* White */

    color: #FFFFFF;
    width: 564px;
    margin-right: 25px;

}

.cookies-block .cookies__btn {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: white;
    border: 1px solid white;
    border-radius: 5px;
    height: 50px;
    position: relative;
    top: 0px;
    cursor: pointer;
    background: none;
    width: 250px;
    display: table;
    margin: 0 auto;
    transition: 0.5s;
    box-sizing: border-box;

}

.cookies-block .cookies__btn:hover {
    background: white;
    color: black;
    transition: 0.5s;
}

.cookies-block .cookies__btn a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
}


.show-btn {
    display: none;
}

.slider-services {
    display: flex;

}

.slider-services__item {
    width: auto;
    max-width: 440px;
}

.slider-services__item img {
    max-width: 440px;
}

.slider-services__text {
    font-weight: 400;
    font-size: 24px;
    line-height: 35px;
    color: #282828;
    margin-top: 20px;
    margin-bottom: 0;

}

.slider__container {
    width: 100%;
    display: flex;
}

.sliderServices {
    display: flex;
    gap: 40px;
    -webkit-gap: 40px;
    -webkit-box-gap: 40px;
    flex-wrap: nowrap;
}


.container-control {
    display: flex;
    margin: 150px auto;
}

.container-map {
    display: flex;
    margin: 150px auto 0;
    gap: 50px;
    -webkit-gap: 50px;
    -webkit-box-gap: 50px;
}

.control__title {
    font-weight: bold;
    font-size: 36px;
    line-height: 100%;
    text-align: left;
    color: #3aaa1f;
    min-width: 440px;
    margin-right: 40px;
}

.control__content-btn {
    margin: 0;
}

.control__content {
    max-width: 488px;
}

.control__content-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    /* or 23px */


    /* Черный */

    color: #282828;
    margin-bottom: 50px;
}

.text-banner__title-selection {
    width: 531px;
}

.submenu li a {
    transition: 0.5s;
}

.submenu li a:hover {
    color: rgba(255, 255, 255, 0.6);
    transition: 0.5s;
}

p {
    margin: 0;
    padding: 0;
}

.submenu .current a {
    color: rgba(255, 255, 255, 0.6);
}

header.hidden {
    opacity: 0;
    top: -100px;
    transition: 0.5s;
}

.block-submenu.hidden {
    opacity: 0;
    top: -100px;
    transition: 0.5s;
    display: flex;
}

header.scroll-active {
    position: fixed;
    transition: 0.5s;
    width: 100%;
    transition: background 500ms linear;
    transition: 1s;
    top: 0;
    opacity: 1;
    transition: 0.5s;
}

.block-submenu.scroll-active {
    position: fixed;
    transition: 0.5s;
    width: 100%;
    transition: background 500ms linear;
    transition: 1s;
    top: 75px;
    opacity: 1;
    transition: 0.5s;
    z-index: 100;

}


header.background {
    background: #3aaa1f;
    transition: background 500ms linear;
    backdrop-filter: blur(7.5px);
}

.overlay {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    position: fixed;
    overflow-y: auto;
    scrollbar-width: none;
}

.popup-gallery {
    padding: 70px 0px 70px;
    box-sizing: border-box;
    background-color: none;
    color: #fff;
    border-radius: 10px;
    width: 100%;
    max-width: 1000px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    text-align: center;
    z-index: 99999999;
}

.popup-contacts {
    padding: 70px 0px 70px;
    box-sizing: border-box;
    background-color: white;
    color: #fff;
    border-radius: 10px;
    width: 100%;
    max-width: 600px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    text-align: center;
    z-index: 99999999;
}

/* .js-popup-pattern .form {
    overflow-y: scroll;
    height: 350px;
} */

.popup-delivery {
    padding: 70px 0px 70px;
    box-sizing: border-box;
    background-color: white;
    color: #fff;
    border-radius: 10px;
    width: 100%;
    max-width: 600px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    text-align: center;
    z-index: 99999999;
}

.popup-gallery #big {
    margin: 0 auto;
    width: 1000px;
    height: 660px;
}

.popup-gallery #big img {
    width: 1000px;
    height: 660px;
    object-fit: cover;
}

.popup-gallery #big video {
    width: auto;
    height: auto;
    object-fit: cover;
}

.modal-open {
    overflow: hidden;
}

.close-popup {
    position: absolute;
    top: 20px;
    right: -80px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: none;
    padding: 9px;
    border-radius: 50%;
}

.close-popup:before {
    content: '';
    background-color: white;
    position: absolute;
    height: 2px;
    width: 35px;
    top: 21px;
    left: 3px;
    transform: rotate(-45deg);
}

.close-popup:after {
    content: '';
    background-color: white;
    position: absolute;
    height: 2px;
    width: 35px;
    top: 21px;
    transform: rotate(45deg);
    left: 4px;
}

.popup-title {
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    /* identical to box height, or 36px */

    text-align: center;

    /* Черный текст */

    color: #3aaa1f;
    white-space: nowrap;
    margin-bottom: 30px;
    padding: 0 50px;
}

.close-popup--two {
    top: 15px;
    right: 15px;
}


.close-popup--two:before {
    content: '';
    background-color: black;
}

.close-popup--two:after {
    content: '';
    background-color: black;
}

.form {
    display: flex;
    flex-direction: column;
    gap: 0px;
    -webkit-gap: 0px;
    -webkit-box-gap: 0px;
    align-items: center;
}

.form .input {
    width: 400px;
    padding: 14px 15px 13px 15px;
    color: black;
    border: 1px solid #BFBFBF;
    border-radius: 10px;
    outline: none;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    height: 50px;
    margin-bottom: 20px;
}

.form .input::placeholder {
    color: #BFBFBF;
    opacity: 1;
}

.form-two .input {
    width: 300px;
}

.form .textarea {
    height: 100px;
    outline: none;
    -moz-appearance: none;
    resize: none;
}

.select-box {
    display: flex;
    width: 400px;
    flex-direction: column;
    position: relative;
}

.select-container__box {
    position: relative;
}

.select-box .options-container-dealer {
    background: white;
    color: #BFBFBF;
    opacity: 0;
    overflow: hidden;
    order: 1;
    transition: 0s;
    border: 1px solid black;
    width: 400px;
    position: absolute;
    z-index: -2;
    top: 60px;
    border-radius: 5px;
}

.selected-dealer {
    background: white;
    position: relative;
    order: 0;
    font-size: 18px;
    line-height: 130%;
    color: #BFBFBF;
    border: 1px solid #BFBFBF;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 13px 15px 13px 15px;
    height: 50px;
    text-align: left;

}

.selected-dealer::after {
    content: url("data:image/svg+xml;charset=UTF-8, %3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.2725 0L12 0.754687L6 7L0 0.754687L0.723749 0L6 5.48698L11.2725 0Z' fill='black'/%3e%3c/svg%3e");
    top: 13px;
    right: 15px;
    position: absolute;
    transition: 1s;
}

.select-box .options-container-dealer.active {
    max-height: 200px;
    opacity: 1;
    overflow-y: auto;
    border: 1px solid black;
    width: 400px;
    position: absolute;
    z-index: 2;
    top: 60px;
    text-transform: none;
    box-sizing: border-box;
    transition: 0.25s;
    text-align: left;
    border-radius: 5px;
}


.select-box .options-container-dealer.active+.selected-dealer::after {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.2725 7L12 6.24531L6 2.38419e-07L-4.76837e-07 6.24531L0.723749 7L6 1.51302L11.2725 7Z' fill='black'/%3e%3c/svg%3e ");
    transition: 1s;
}

.selected-dealer {
    width: 400px;
    cursor: pointer;
}

.select-box label {
    padding: 10px 15px;
    cursor: pointer;
}

.select-box label:hover {
    color: black;
}

.select-box label {
    cursor: pointer;
    display: block;
}

.select-box .radio {
    display: none;
}

.form .text {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    text-align: center;
    color: #BFBFBF;
    margin-bottom: 20px;
    width: 100%;
    padding: 0 80px;
    box-sizing: border-box;
}


.form .text a {
    color: #ffb000;
    text-decoration: underline;
}

.form .btn-two {
    border-radius: 10px;
}

.container-useful {
    padding: 150px 100px 0;
    flex-direction: column;
}

.useful-filter {
    margin-bottom: 50px;
    display: flex;

}


.useful__checkbox {
    display: flex;
    gap: 10px 40px;
    -webkit-gap: 10px 40px;
    -webkit-box-gap: 10px 40px;
    align-items: center;
    flex-wrap: wrap;
}

.useful__checkbox-item {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    color: #BFBFBF;


    cursor: pointer;
}

.useful__checkbox-item.active {
    color: #282828;
    border-bottom: 1px solid black;
}

.useful__checkbox input {
    display: none;
}


.search-block input {
    width: 100%;
    height: 50px;
    padding-left: 15px;
    border: 1px solid #282828;
    border-radius: 5px;
    outline: none;
    background: white;
    color: black;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 27px;
    color: #282828;
}

.search-block input::placeholder {
    color: #BFBFBF;
    opacity: 1;
}

.search-block .submit-search {
    position: absolute;
    top: 0;
    right: 0px;
    width: 45px;
    height: 50px;
    border: none;
    background: #282828;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
    display: flex;
}

.search-block .submit-search::before {
    content: url("data:image/svg+xml;charset=UTF-8, %3csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16 16L11 11M12.6667 6.83333C12.6667 7.59938 12.5158 8.35792 12.2226 9.06565C11.9295 9.77339 11.4998 10.4164 10.9581 10.9581C10.4164 11.4998 9.77339 11.9295 9.06565 12.2226C8.35792 12.5158 7.59938 12.6667 6.83333 12.6667C6.06729 12.6667 5.30875 12.5158 4.60101 12.2226C3.89328 11.9295 3.25022 11.4998 2.70854 10.9581C2.16687 10.4164 1.73719 9.77339 1.44404 9.06565C1.15088 8.35792 1 7.59938 1 6.83333C1 5.28624 1.61458 3.80251 2.70854 2.70854C3.80251 1.61458 5.28624 1 6.83333 1C8.38043 1 9.86416 1.61458 10.9581 2.70854C12.0521 3.80251 12.6667 5.28624 12.6667 6.83333Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    display: block;
    position: relative;
    top: 3px;
    margin: auto;
}


.article-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    -webkit-gap: 30px;
    -webkit-box-gap: 30px;
    margin-bottom: 80px;
}

.article-list__item {
    padding-bottom: 30px;
    display: flex;
    position: relative;
}

.search-block,
.article-list__item-info {
    min-width: 440px;
    margin-right: 40px;
    position: relative;
}

.article-list__item-date {
    font-size: 14px;
    line-height: 130%;
    /* or 18px */


    /* серый */

    color: #BFBFBF;
    margin-bottom: 10px;
}

.article-list__item-date {
    display: none;
}

.article-list__item-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 35px;

    /* Черный */

    color: #282828;
    margin-bottom: 10px;
}

.article-list__item-tag {
    background: rgba(191, 191, 191, 0.3);
    border-radius: 5px;
    padding: 1px 4px 0 4px;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height */

    text-align: center;

    /* Черный */

    color: #282828;
    cursor: default;
}

.article-list__text {
    padding-right: 170px;
    font-size: 18px;
    line-height: 27px;
    color: #282828;
}

input:checked+.useful__checkbox-item {
    color: black;
    border-bottom: 1px solid #282828;
}

.pagination-block {
    display: flex;

}

.hidden {
    display: none;
}

.pagination-container {
    width: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    justify-content: center;
    position: relative;
}

.page-item {
    width: 20px;
    text-align: center;
}

.page-item a {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    /* or 23px */

    text-align: center;

    /* серый */

    color: #BFBFBF;
    background: none;
    border: none;
    cursor: pointer;
    padding-bottom: 0;
}

.page-item.prev,
.page-item.next {
    width: auto;
}

.page-item.first,
.page-item.last {
    display: none;
}

.page-item.prev a,
.page-item.next a {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    /* or 23px */

    text-align: center;

    /* серый */

    color: #282828;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
}



#next-button>.arrow {
    position: relative;
    top: 2px;
    margin-left: 10px;
}

#prev-button>.arrow {
    margin-right: 10px;
}

.page-item.prev.disabled a,
.page-item.next.disabled a {
    color: #BFBFBF;
}

.pagination-container .prew-arrow {
    margin-right: 15px;
}

.pagination-container .next-arrow {
    margin-left: 15px;
    position: relative;
    top: 2px;
}



.pagination-number:hover,
.pagination-button:not(.disabled):hover {
    background: #fff;
}

.page-item.active a {
    color: #fff;
    color: #282828;
    border-bottom: 1px solid black;
    padding-bottom: 0;
}

.form #cooperations {
    display: none;
}

.d-flex {
    display: flex;
}

.hidden,
.d-none {
    display: none;
}

.pagination {
    padding: 0;
    display: flex;
    gap: 15px;
    -webkit-gap: 15px;
    -webkit-box-gap: 15px;
}

.form-two .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    -webkit-gap: 20px;
    -webkit-box-gap: 20px;
}

.form-two .btn-two-popup {
    margin-top: 0px;
}

.message-error {
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    text-align: center;
    color: #232323;
    white-space: nowrap;
    margin-bottom: 30px;
    display: none;
}

.message-error.active {
    display: block;
    color: red;
    transition: 0.3s;
}

@-webkit-keyframes animationLine {
    0% {
        width: 0;
    }

    100% {
        width: 0%;
    }
}

@keyframes animationLine {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}



.animationLineFooter::before {
    content: "";
    display: block;
    height: 1px;
    background-color: #BFBFBF;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-animation-name: animationLine;
    animation-name: animationLine;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.btn {
    border: 1px solid #3aaa1f;
    border-radius: 5px;
    width: 400px;
    display: table;
    height: 50px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 0px;
    margin-top: 0px;
    background: #3aaa1f;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: white;
    border-radius: 10px;
    padding: 0;
    outline: none;
}

.mt-30 {
    margin-top: 30px;
}

.btn.active {
    color: red;
    border: 1px solid red;
    background: white;
}



.banner__container-btn {
    display: flex;
    gap: 40px;
}


.container .card {
    position: relative;
    height: 350px;
    background: #3aaa1f;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 12px 12px 17px rgba(0, 0, 0, 0.85);
}

.slick-slide .card {
    box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.85);
}

.container .card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    clip-path: circle(90px at 90% 1%);
    transition: 0.5s ease-in-out;
}

.container .card.active:before {
    clip-path: circle(280px at 80% -20%);
    /* background: #ffb000; */
    background-image: url("https://rusagroprom.com/wp-content/themes/rusagroprom/img/back/1.jpg");
    background-size: cover;
    background-position: center;
}


.container .card .imgBx {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10000;
    width: 100%;
    height: 220px;
    transition: 0.3s;
    z-index: 1;
}

.container .card.active .imgBx {
    top: 0%;
    transform: translateY(0%);

}

.container .card-maslo.active .imgBx {
    top: 10%;
    transform: translateY(0%);

}

.container .card-soi.active .imgBx {
    top: 10%;
    transform: translateY(0%);

}

.container .card-jmix.active .imgBx {
    top: 10%;
    transform: translateY(0%);

}

.container .card .imgBx img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-25deg);
    width: 270px;
    height: auto;
}

.container .card-maslo .imgBx img {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    width: 130px;
    height: auto;
}

.card-maslo .contentBx .contentB__btn {
    margin-top: 0px;

}

.container .card-soi .imgBx img {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    width: 200px;
    height: auto;
}

.container .card-jmix .imgBx img {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    width: 220px;
    height: auto;
}

.container .card .contentBx {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    text-align: center;
    transition: 0.5s;
    z-index: 10;
}

.container .card.active .contentBx {
    height: 210px;
}

.container .card-maslo.active .contentBx {
    height: 140px;
}

.container .card-jmix.active .contentBx {
    height: 140px;
}

.container .card-soi.active .contentBx {
    height: 150px;
}

.card-soi .contentBx .contentB__btn {
    margin-top: 0;
}

.container .card .contentBx h2 {
    position: relative;
    font-weight: 600;
    color: white;
    margin: 0;
    font-size: 20px;
    line-height: 32px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}


.container .card .contentBx a {
    display: inline-block;
    padding: 10px 20px;
    /* background: rgb(250, 205, 70); */
    background-image: url("https://rusagroprom.com/wp-content/themes/rusagroprom/img/back/66.jpg");
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    margin-top: 10px;
    text-decoration: none;
    color: black;
    opacity: 0;
    transform: translateY(30px);
    transition: 0.25s;
    margin-top: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    width: 300px;
    box-shadow: 0px 5px 17px 1px rgba(215, 215, 215, 0.7);
    /* box-shadow: 0px 5px 17px 1px rgba(250, 205, 70, 0.7); */
}

.container .card.active .contentBx a {
    opacity: 1;
    transform: translateY(10px);
    transition-delay: 0.25s;

}

.container-card {
    display: flex;
}


.container-card__fixed-scroll {
    width: 30%;
}

.container-card__right {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px 40px;
    justify-content: space-between;
    width: 100%;
    margin-left: 0px;

}

.container-card__fixed-scroll {
    position: relative;
}

.title-left {
    text-align: left;
}

.container-card__text {
    margin-top: 20px;
}

.contentB__btn {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 15px;
}

.container-advantages {
    display: flex;
    margin: 250px auto 150px;
}

.container-advantages__list {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    max-width: 650px;
    gap: 40px;
    width: 650px;
    margin-right: 80px;
}

.container-advantages__list li {
    width: 300px;
}

.container-advantages__list-number {
    font-weight: 350;
    font-size: 56px;
    line-height: 110%;
    color: #ffb000;
    margin-bottom: 5px;
    font-family: "ExoLight";
    display: flex;
}

.container-advantages__list-number p {
    font-family: "ExoLight";
}

.container-advantages__list-title {
    font-weight: bold;
    font-size: 26px;
    line-height: 35px;
    color: #3aaa1f;
    margin-bottom: 10px;
}

.container-advantages__list-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #282828;
    margin-bottom: 0px;
}

.container-advantages__gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    position: relative;
    bottom: 80px;
    align-items: center;
}

.container-advantages__gallery img:nth-child(1) {
    width: 48.5%;
    height: 350px;
    object-fit: cover;
}

.container-advantages__gallery img:nth-child(2) {
    width: 47%;
    height: 350px;
    object-fit: cover;
}

.container-advantages__gallery img:nth-child(3) {
    height: 550px;
    object-fit: cover;
}

.container-advantages__text .btn-two {
    margin-top: 70px;
}

.container-advantages__list .btn-two {
    margin-top: auto;
}

.section-silver {
    width: 100%;
    background: #f5f9fc;
    padding: 100px 0;
}

.title-left {
    text-align: left;
}

.section-orange {
    width: 100%;
    background: #ffb000;
    padding: 100px 0;
}

#delivery {
    background: #ffb000;
}

.section-orange .title {
    color: white;
}

.text-delivery {
    font-size: 18px;
    font-weight: 400px;
    color: white;
    width: 620px;
    margin-top: 30px;
}

.section-orange .banner__btn {
    margin-top: 50px;
}

.container-delivery {
    display: flex;
    gap: 50px;
}

.container-delivery img {
    width: auto;
    height: 400px;
    top: 60px;
    position: relative;
}

.container-request {
    margin-top: 150px;
}

.container-request .text {
    text-align: center;
    width: 350px;
    margin: 30px auto 30px;
}

.container__card-delivery {
    display: flex;
    gap: 30px;
}

.card-delivery {
    width: 400px;
    background: #F1F5F9;
    height: 250px;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 12px 12px 17px rgba(0, 0, 0, 0.85);
}

.card-delivery__top {
    display: flex;
    position: relative;

}

.card-delivery__top img {
    width: 65px;
    height: 65px;
    background: none;
    border-radius: 50%;
    position: relative;
    top: 5px;
    border: 1px solid rgba(26, 134, 0, 0.5);
    padding: 5px;
}

.card-delivery__top>div {
    font-weight: 350;
    font-size: 56px;
    line-height: 110%;
    color: #ffb000;
    margin-bottom: 5px;
    font-family: "ExoLight";
    position: absolute;
    right: 0px;
    top: 10px;
}

.card-delivery__title {
    color: #3aaa1f;
    font-weight: bold;
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.card-delivery__text {
    color: black;
    font-weight: 400;
    font-size: 16px;
}

.slick-slide .inner {
    margin: 0 15px;
}

.inner img {
    cursor: zoom-in;
}

.inner img:hover {
    opacity: 0.75;
}

.slick-slide .inner:nth-child(2n) {
    position: relative;
    margin-top: 50px;
}

.slick .slick-slide:nth-child(odd) {
    position: relative;
    top: 50px;
}

.slick .slick-slide-deliviry:nth-child(odd) {
    position: relative;
    top: 90px;
}

.section-gallery-kompani {
    margin: 100px auto 0;
}

.section-footer {
    width: 100%;
    background: #3aaa1f;
}

.link-polyce {
    margin-top: 10px;
    font-size: 16px;
}

.link-polyce a {
    color: white;
    transition: 0.5s;
}

.link-polyce a:hover {
    color: #ffb000;
    transition: 0.5s;
}

.footer-menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px 40px;
    justify-content: space-between;
    width: 70%;
    margin-top: 65px;
}

.footer-menu a {
    font-size: 18px;
    color: white;
    transition: 0.5s;
}

.footer-menu a:hover {
    color: #ffb000;
    transition: 0.5s;
}

.footer-tel {
    width: auto;
    font-size: 20px;
    margin-top: 15px;
    display: flex;
    color: white;
}

.footer-tel a {
    color: white;
    transition: 0.5s;
}

.footer-tel a:hover {
    color: #ffb000;
    transition: 0.5s;
}

.footer-tel a svg {
    width: 22px;
    height: 22px;
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.footer-block-submenu {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-block-submenu ul {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-block-submenu ul li a {
    font-size: 18px;
    color: white;
    transition: 0.5s;
}

.footer-block-submenu ul li a:hover {
    color: #ffb000;
    transition: 0.5s;
}

.footer-menu__link {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-zaivka {
    width: auto;
    font-size: 20px;
    margin-top: 15px;
    padding-bottom: 2px;
    transition: 0.5s;
}

.footer-zaivka a {

    color: white;
    border-bottom: 1px solid white;
}

.footer-zaivka:hover {
    border-bottom: none;
}

.footer-zaivka:hover a {
    transition: 0.5s;
    color: #ffb000;
    border-bottom: 1px solid #ffb000;
}

.footer-menu__social {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    bottom: 70px;
    overflow: hidden;
}

.footer-contact-link {
    display: flex;
    gap: 10px 10px;
    flex-direction: column;
    margin-top: 20px;
}

.checkbox-group {
    width: 100%;
    padding: 0 50px;
    box-sizing: border-box;
    margin-bottom: 20px;

}

.checkbox-group .wpcf7-checkbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3px 20px;
    color: #3aaa1f;
    justify-content: space-between;
    width: 400px;
    margin: 0 auto;
}

.checkbox-group .wpcf7-list-item {
    margin: 0;
    text-align: left;
    font-size: 18px;
}

.checkbox-group .wpcf7-list-item input {
    width: 15px;
    height: 15px;
}

input[type=checkbox]:checked {
    background-color: rgb(151, 55, 199);
    border-radius: 45px;
}

.container-advantages__list-icon svg {
    width: 50px;
    height: 50px;
    fill: #ffb000;
}

.text-subtitle-2 {
    font-size: 26px;
    line-height: 130%;
    color: #FFFFFF;
    margin-bottom: 20px;
    font-weight: bold;
}

.list-product-banner {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 50px;
}

.list-product-banner__item {
    color: white;
    font-size: 20px;
}


.text-fasovka {
    margin: 10px 0;
}

.text-fasovka {
    font-size: 26px;
    color: #ffb000;
    margin-bottom: 40px;
}

.text-fasovka,
.dop-text span,
.list-product-banner__item span {
    font-weight: bold;
}

.dop-text {
    color: white;
    font-size: 20px;
    margin-bottom: 10px;
}

.text-gold {
    color: #ffb000;
}

.active-menu a {
    color: #ffb000;
}

#productText {
    margin-bottom: 20px;
}



.delivery__list {
    list-style: disc;
    padding-left: 15px;
    margin-top: 35px;
}

.delivery__list {
    color: #ffb000;
}

.delivery__list span {
    color: black;
}

.text-delivery a {
    color: white;
}

.container__card-advantages {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.advantages .banner__btn {
    margin-top: 0px;
}

.container-advantages2 {
    gap: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.card-advantages2 {

    width: auto;
    background: #F1F5F9;
    height: auto;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.7);

}

.card-advantages2__top>div {
    font-weight: 350;
    font-size: 56px;
    line-height: 110%;
    color: #ffb000;
    margin-bottom: 5px;
    font-family: "ExoLight";
    position: relative;
    right: 0px;
    top: 0px;

}

.card-advantages2__title {
    color: #3aaa1f;
    font-weight: bold;
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.card-advantages2__text {
    color: black;
    font-weight: 400;
    font-size: 16px;
}

.container-sertification {
    margin: 50px auto 80px;
    display: flex;
    gap: 50px;
}

.container-sertification a {
    width: 250px;
    height: auto;
}

.container-sertification img {
    cursor: zoom-in;
    border: 3px solid silver;
    border-radius: 20px;
    box-sizing: border-box;
    height: 100%;
}

.logo-text {
    text-transform: uppercase;
    font-size: 20px;
    color: #ffb000;
    font-weight: bold;
    font-family: "ExoLight";
    letter-spacing: 1px;
}

.container-map__block {
    border: 1px solid silver;
    border-radius: 20px;
    width: 520px;
    height: 490px;
    padding: 30px;
    box-sizing: border-box;
}

.container-map__block-text {
    margin-top: 20px;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.container-map__block-text a {
    color: black;
}

.container-map__block-text .btn-two {
    margin-top: 10px;
}

.container-map__block-text .btn-two a {
    color: black;
}

#map {
    width: 100%;
    height: 490px;
}

.container-text {
    display: flex;
    margin: 150px auto 0;
    gap: 50px;
    flex-direction: column;

}

.container-text div {
    font-size: 22px;
    font-weight: 400px;
}

.container-text div span {
    color: #3aaa1f;
    font-weight: 700;
}

.container-text ul {
    list-style: conic-gradient;
    padding-left: 25px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    font-size: 22px;
    color: #3aaa1f;
    margin-bottom: 0;
}

.container-text ul li span {
    color: black;
    font-weight: 400;
}

.text-banner__subtitle a {
    color: white;
    transition: 1s;
}

.text-banner__subtitle a:hover {
    border-bottom: 1px solid white;
    transition: 1s;
}

.text-banner__subtitle .border-none:hover {
    border: none;
}

.js-popup-pattern .form .select-box {
    margin-bottom: 20px;
}

.js-popup-pattern .wpcf7-checkbox {
    display: flex;
    width: 244px;
    margin: 0 auto;
    flex-direction: column;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-top: 4px;
}

.popup-text {
    color: black;
    font-size: 18px;
    text-align: center;

    margin: 0 auto 20px;
    width: 400px;
}

.js-popup-pattern .popup-title {
    margin-bottom: 20px;
}

.wpcf7-list-item-label {
    color: black;
    font-size: 18px;
}

.wpcf7-list-item {
    margin: 0;
    text-align: left;
}

#fasovka-checkbox {
    color: black;
    display: flex;
    flex-direction: row-reverse;
    width: 400px;
    margin: 0 auto;
    font-size: 18px;
}

.text-fasovka-bold {
    font-size: 22px;
    font-weight: bold;
}

.phone-subtitle {
    margin: 20px 0;
    font-weight: bold;
    font-size: 26px;
    display: flex;
}

.phone-subtitle img {
    width: 40px;
    height: auto;
    margin-right: 20px;
}

.phone-subtitle span {
    position: relative;
    top: 10px;
}

.text-zakupka {
    margin-bottom: 5px;
    font-size: 22px;
}

.block-img__absolute-postavka::before {
    background-image: linear-gradient(60deg, black 41%, #0000001F 100%);
    opacity: 0.75;
}

.btn-file {
    border: 1px solid #3aaa1f;
    border-radius: 5px;
    width: 200px;
    display: table;
    height: 50px;
    background: #3aaa1f;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    color: white;
    border-radius: 10px;
    padding: 0;
    outline: none;
    padding-top: 10px;
    box-sizing: border-box;
    margin-left: 100px;
    margin-bottom: 20px;
}

.input-file {

    position: relative;

    display: block;
    width: 300px;
    margin-left: 100px;

}

.input-file div {

    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    font-size: 16px;
    vertical-align: middle;
    color: rgb(255 255 255);
    text-align: center;
    border-radius: 10px;
    background-color: #3aaa1f;
    line-height: 22px;
    height: 50px;
    padding: 14px 20px;
    box-sizing: border-box;
    border: none;
    margin: 0;
    transition: background-color 0.2s;
    box-sizing: border-box;
    margin-bottom: 15px;
    width: 300px;

}

.wpcf7 input[type="file"] {
    color: red;
}

.input-file input[type=file] {

    position: absolute;

    z-index: -1;

    opacity: 0;

    display: block;

    width: 0;

    height: 0;

}

.input-file input[type=file]:focus+span {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}

.input-file:hover div {
    background-color: #3aaa1f;
}

.input-file:active div {
    background-color: #3aaa1f;
}

.input-file input[type=file]:disabled+div {
    background-color: #eee;
}

.block-policy {
    margin-bottom: 50px;
    font-size: 18px;
    color: black;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.container-text .block-police__title {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 20px;
}

.container-sertification-soi {
    gap: 30px;
}

.container-sertification-maslo {
    gap: 40px;
}

.container-sertification-soi div,
.container-sertification-jmix div,
.container-sertification-maslo div {
    display: flex;
    gap: 30px;
    margin: 0 auto 50px;
}

.container-sertification-jmix div a,
.container-sertification-maslo div a {
    width: 250px;
    height: auto;
    display: block;
}

.container-sertification-soi div a {
    width: 250px;
    height: auto;
    display: block;
}

.gtranslate_wrapper {
    display: flex;
    gap: 10px;
    margin-left: 30px;
}

.gtranslate_wrapper a {
    color: white;
}

.header-flag {
    color: white;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    transition: 0.5s;
    display: flex;
    gap: 10px;
    margin-left: 30px;
}

.container-sertification__main-jmix {
    margin: 50px auto 60px;
    display: flex;
    gap: 50px;
    justify-content: center;
}

.container-sotrudn {
    gap: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.container-sotrudn .card-advantages2__title {
    font-size: 22px;
}

.container-sotrudn .card-advantages2 {
    height: 215px;
}

.footer-tel a {
    display: flex;
}

.footer-tel a img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.adress-banner-yr {
    margin-top: 50px;
}

.adress-banner-yr span,
.adress-banner span {
    font-size: 22px;
    font-weight: bold;
}

.adress-banner {
    margin-top: 30px;
}

.map {
    width: 50%;
}

.map .title {
    margin-bottom: 25px;
}

#map,
#map2 {
    width: 100%;
    height: 500px;
    border: 15px solid transparent;
    box-sizing: border-box;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.7);
    border-radius: 15px;
    background-image: url("https://rusagroprom.com/wp-content/themes/rusagroprom/img/back/1.jpg");
    background-size: cover;
    background-position: center;
}

.container-btn-map {
    display: flex;
    margin: 30px auto 0;
}

.container-btn-map .btn-two {
    margin: 0 auto;
}

#product {
    flex-direction: column;
}

#product .title {
    margin-bottom: 50px;
}

.button-prev::before,
.button-next::before {
    line-height: 0.5;
    background: url('../assets/slick/prev.svg') left center no-repeat transparent;
    width: 30px;
    height: 20px;
    display: inline-block;
    content: '';
    top: 15px;
    position: relative;
}

.button-next::before {

    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);

}

.button-prev,
.button-next {
    background: white;
    padding: 10px;
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

.button-prev {
    left: -100px;
}

.button-next {
    right: -100px;
}

.button-prev,
.button-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 42%;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    border-radius: 50%;
    background-color: #fff;
    z-index: 10;
}

.name-compani {
    font-weight: bold;
    font-size: 20px;
    display: initial;

}

.ml-10 {
    margin-left: 10px;
}

#product .title {
    padding-left: 25px;
}

.policy-footer-mb {
    display: none;
}

.header-flag {
    display: flex;
}

a.glink {
    width: 25px;
}

.container-advantages__gallery img {
    border: 5px solid silver;
    border-radius: 20px;
    box-sizing: border-box;
}



#cookie-banner {
    position: fixed;
    bottom: 30px;
    left: 10px;
    right: 0;
    background: #f3f2f2;
    color: #fff;
    padding: 15px;
    text-align: center;
    z-index: 9999;
    display: none;
    border-radius: 5px;
    width: 450px;
    text-align: left;
    color: black;
    display: flex;
    gap: 10px;
    font-size: 14px;
    align-items: center;
    line-height: 130%;
	box-sizing:border-box;
}

#cookie-accept {
    background: #3aaa1f;
    color: black;
    border: none;
    padding: 8px 20px;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 4px;
    box-sizing: border-box;
    color: white;
    height: 30px;
    box-sizing: border-box;
    font-size: 14px;
    display: flex;
    width: 50px;
    min-width: 50px;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-wrap: nowrap;
}

#cookie-banner a {
    color: #3aaa1f;
    text-decoration: none;
    font-size: 14px;

}


@media(max-width:1750px) {
    .slider__list {
        width: 100%;
        left: 0px;
    }

    .slider__list::after {
        content: "";
        height: 50px;
        width: 150px;
    }

    .slider-new-nav .slick-slide {
        min-width: 150px;
    }
}

.header-flag a:nth-child(2) {
    order: 2;
}

@media(max-width:1600px) {
    .container {
        padding: 0 50px;
        width: 100%;
    }

    .footer-menu__social {
        bottom: 85px;
    }

    .logo {
        top: -5px;
    }

    .text-banner__title-name {
        font-size: 48px;
    }

    .text-banner__subtitle-main ul li {
        font-size: 22px;
    }

    .text-banner__subtitle-main {
        font-size: 20px;
    }

    .container-card__right {
        padding: 0 40px;
    }

    #product .title {
        padding: 0 60px;
    }

    .footer-menu {
        width: 75%;
        grid-gap: 20px 20px;
        margin-top: 75px;
    }

    .footer-menu a {
        font-size: 16px;
    }


    .grid {
        gap: 35px;
    }

    .m-auto {
        padding: 25px 50px 0px;
        width: 100%;
    }

    .header-list {
        bottom: 3px;
    }

    .header-list__item {
        padding: 0 30px;
        height: 47px;
    }

    .header-list__item:first-child {
        padding: 0 30px 0 0;
    }

    .container-center,
    .container-cars {
        padding: 150px 100px;
    }

    .block-img__absolute,
    .container-header,
    .section-rating,
    .block-img__absolute .banner {
        min-height: 700px;

    }

    .section-rating {
        min-height: 900px;
    }


    .text-banner {
        bottom: 250px;
    }

    .text-rating-banner {
        bottom: 150px;
    }

    .container-grid-img {
        padding: 0 50px 0 50px;
        width: 100%;
    }

    .grid_item:first-child {
        width: 65.5%;
    }

    .grid_item {

        width: 31%;
    }

    .slider__img {
        width: 1100px;
    }

    .container-services .img {
        max-width: 100%;
    }

    .slider-services {
        padding: 150px 50px;
    }

    .control__title {
        min-width: 370px;
    }

    .container-useful {
        padding: 150px 25px 0;
    }

    .article-list__text {
        padding-right: 100px;
    }

    .slider__img {
        height: 380px;
        margin: 0 auto 30px;
    }

    .slider__img-asp {
        height: 460px;
        margin: 0 auto 30px;
        width: 1100px;
    }

    .block-submenu.scroll-active {
        top: 70px;
    }

    .container-footer {
        height: 350px;
    }
}

@media(max-width:1500px) {
    .container-advantages__gallery img:nth-child(1) {
        width: 48.2%;
    }
}

@media(max-width:1450px) {
    .container-advantages__gallery img:nth-child(1) {
        width: 49.7%;
    }

    .header-flag {
        margin-right: 40px;
    }

    .footer-tel {
        font-size: 18px;
    }

    .logo-footer {
        width: 230px;
    }

    .text-footer {
        width: 250px;
        margin-top: 10px;
    }

    .footer-menu__social {
        bottom: 75px;
    }

    .footer-zaivka {
        font-size: 18px;
    }

    .footer-contact-link {
        gap: 5px 10px;
    }

    .footer-menu {
        margin-top: 53px;
    }

    .header-tel {
        font-size: 20px;
    }

    .text-delivery {
        width: 620px;
    }

    .container-delivery img {
        height: 310px;
        top: 145px;
        right: 70px;
    }

    .card-delivery__top img {
        width: 65px;
        height: 65px;
        top: 5px;
        right: 0px;
    }

    .popup-gallery #big img {
        width: 800px;
        height: 460px;
    }

    .popup-gallery {
        max-width: 800px;
    }

    .popup-gallery #big {
        width: 800px;
        height: 460px;
    }

    .container-advantages__list {
        max-width: 600px;
        gap: 40px 20px;
        width: 600px;
        margin-right: 40px;
    }

    .container-advantages__list li {
        width: 270px;
    }

    .container-advantages__gallery {
        gap: 15px;
    }

    .lwpcngNotice_message {
        width: 353px;
    }

    .loader-404-text {
        font-size: 20px;
        top: 28%;
    }

    .lwpcngNotice_accept,
    .lwpcngNotice_reject {
        bottom: 20px;
    }

    .m-auto {
        padding: 25px 50px 23px;
        height: 70px;
    }

    .header-list__item {
        height: auto;
    }

    .header {
        position: sticky;
        top: 0;
        z-index: 101;
    }

    .btn-burger::before {
        height: 2px;
        width: 100%;
        position: absolute;
        background: white;
        margin: 0 auto;
        text-align: center;
        content: "";
        top: 10px;
        transition: .4s;
    }

    .btn-burger::after {
        height: 2px;
        width: 100%;
        position: absolute;
        background: white;
        margin: 0 auto;
        text-align: center;
        content: "";
        bottom: 4px;
        transition: .4s;
    }

    .btn-burger span {
        height: 2px;
        width: 100%;
        position: absolute;
        background: white;
        margin: 0 auto;
        text-align: center;
        top: 17px;
        display: flex;
    }

    .btn-burger {
        display: block;
        position: relative;
        width: 40px;
        height: 30px;
        display: block;
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: 16px;
    }




    .close-burger::after {
        transform: translateY(-8px) rotate(-135deg)
    }

    .close-burger::before {
        transform: translateY(6px) rotate(135deg);
    }

    .close-burger span {
        transform: scale(0);
    }

    .close-burger {
        transition: 0.5s;
    }

    .header-list.active {
        position: absolute;
        opacity: 1;
        transition: 0.5s;
        height: 100vh;
        top: 0px;
        right: 0;
        background: rgba(0, 0, 0, 0.7);
        backdrop-filter: blur(7.5px);
        box-sizing: border-box;
        padding: 70px 24px 70px 50px;
        z-index: 0;
    }


    .header-list {
        right: -100%;
        position: absolute;
        opacity: 0;
        transition: 0.5s;
        height: 100vh;
        padding: 70px 24px 70px 50px;
        width: 400px;
        display: flex;
        flex-direction: column;
        top: 0px;
        align-items: flex-start;
        overflow: hidden;
        z-index: 0;

    }




    .block-submenu {
        display: none;
    }

    .container {
        width: 100%;
        padding: 0 50px;
    }

    .logo-text {
        flex-grow: 1;

    }


    .container-center,
    .container-cars {
        padding: 100px 0px;
        overflow: hidden;
    }

    .slider-new-nav .slick-slide {
        min-width: 150px;
        max-width: 220px;
    }

    .slider-new-nav {
        height: 25px;
    }

    .slick-slide {
        margin-right: 0px;
    }

    .slider__list::before {
        content: "";
        position: absolute;
        width: 200px;
    }

    .slider__list::after {
        content: "";
        height: 50px;
        width: 75px;
    }

    .slider__img {
        height: auto;
    }

    .slider__img-asp {
        width: 100%;
        height: auto;
    }

    .cars-asp__list-option {
        left: 0px;
    }

    .block-services {
        margin: auto 111px auto 0;
    }

    .grid {
        gap: 21px;
    }

    .header-list__item {
        font-size: 22px;
        line-height: 32px;
        padding: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .header-list__item:first-child {
        padding: 0;
    }


    .header-list__item.menu>a::after {

        content: url("data:image/svg+xml;charset=UTF-8, %3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.2725 0L12 0.754687L6 7L0 0.754687L0.723749 0L6 5.48698L11.2725 0Z' fill='white'/%3e%3c/svg%3e");
        margin-left: 0;
        display: block;
        transition: 0.3s;
        position: absolute;
        right: 0;

    }

    .item__fromCenter::before {
        display: block;
        content: '';
        transform: scaleX(0);
        transition: transform 250ms ease-in-out;
        border-radius: none;
        width: 100%;
        background-color: #ffb000;
        height: 1px;
        position: relative;
        top: 32px;
    }

    .fromCenter::before {
        display: none;
    }

    .fromCenter:hover .item__fromCenter::before {
        transform: scaleX(1);
    }

    .menu.active .fromCenter .item__fromCenter::before {
        transform: scaleX(1);
    }

    .item__fromCenter:hover::before {

        transform: scaleX(1);

    }

    .header-list__item.menu.active a::after {
        position: absolute;
    }

    .header-list__item.menu.active-menu a::after {
        position: absolute;
    }

    .submenu {
        position: relative;
        display: flex;
        flex-direction: column;
        top: 15px;
        transition: 0.5s;
        overflow: visible;
    }

    .submenu li a {
        font-size: 14px;
        line-height: 130%;
        display: block;
        text-align: left;
        margin-bottom: 10px;
    }

    .submenu li a:last-child {
        margin-bottom: 0;
    }

    .menu .submenu2 {
        height: 0px;
        opacity: 0;
        transition: 0.8s;
        padding-left: 30px;
    }

    .menu.active .fromCenter+.submenu {
        height: auto;
        opacity: 1;
        transition: 0.5s;
        padding-left: 30px;
    }

    .submenu li {
        margin-bottom: 10px;
    }

    .submenu li:last-child {
        margin-bottom: 17px;
    }

    .container-header {
        overflow-y: hidden;
    }

    header {
        z-index: 200;
    }

    header.active {
        background: none;
        backdrop-filter: none;

    }

    .text-banner {
        bottom: 150px;
    }

    .submenu li {
        margin-right: 0;
    }

    .text-footer {
        width: 485px;
    }

    .container-footer {
        margin-top: 100px;
    }


    .submenu li a {
        z-index: 9999999999999999999999;
    }

    .submenu2 li a {
        z-index: -1;
    }

    .cookies-block {
        padding: 20px 25px 21px 15px;
        width: 668px;
    }

    .cookies-block .cookies__text {
        font-size: 16px;
        width: 353px;
        margin-right: 25px;

    }

    .cookies-block .cookies__btn {
        max-width: 250px;
    }

    .cookies-block .cookies__btn a {
        font-size: 16px;
    }

    .slider-services {
        padding: 100px 15px;
        overflow: hidden;
    }

    .slider-services__item>img {
        max-width: 440px;
        width: auto;
    }

    .slider-services__text {
        font-size: 22px;
        margin-top: 15px;
    }

    .sliderServices {
        max-width: 1024px;
    }

    .sliderServices .slick-list {
        z-index: 9;
    }

    .slider-services__text {
        text-align: left;
    }

    .sliderServices .slick-slide img {
        left: 0;
    }

    .sliderServices .slick-slide {
        margin-right: 0px;
        position: relative;
        right: 0px;
        filter: opacity(50%);
        transition: 0.25s;
        margin-left: 0px;
    }



    .sliderServices .slick-current {
        filter: opacity(100%);
        transition: 0.25s;
    }



    .slider-services__item {
        max-width: 100%;
    }

    .sliderServices .slick-slide img {
        max-width: 440px;
        margin: 0;
    }

    .control__title {
        min-width: 283px;
        font-size: 34px;
        margin-right: 104px;
    }

    .control__content-text {
        font-size: 16px;
    }

    .control__content {
        max-width: 355px;
    }

    .text-banner__title-selection {
        width: 434px;
    }

    .container-asp-nav {
        width: 768px;
        left: 0px;
    }

    .header-list__item.menu.active a::after {
        top: 2px;
    }

    .container-services .img {
        max-width: 653px;
    }

    .container-grid-img {
        padding: 0 10px 0 10px;
    }

    .header-list__item.menu.active-menu a::after {
        position: absolute;
    }

    header.active-header {
        background: none;
        backdrop-filter: none;
    }

    header.background {
        background: #3aaa1f;
        transition: background 500ms linear;
        backdrop-filter: blur(7.5px);
    }

    .popup-title {
        white-space: normal;
    }

    .popup-services {
        padding: 70px 154px 70px;
        max-width: 600px;
    }

    .container-useful {
        padding: 100px 15px 0;
    }

    .useful-filter {
        flex-direction: column;
    }

    .search-block {
        min-width: 354px;
        margin-right: 0;
        width: 354px;
        margin-bottom: 40px;
    }

    .article-list__item {
        flex-direction: column;
    }

    .article-list__item-info {
        min-width: 440px;
        margin-right: 0;
        position: relative;
        width: 440px;
        margin-bottom: 20px;
    }

    .useful__checkbox {
        grid-template-columns: repeat(7, 1fr);
    }

    .article-list {
        margin-bottom: 60px;
    }

}

@media(max-width:1350px) {
    .slider-new-nav .slick-slide {
        min-width: 150px;
    }

    .slick-slide {
        margin-right: 0px;
    }


}

@media(max-width:1200px) {

    .header-flag {
        margin-right: 80px;
    }

    a.glink {
        margin-right: 5px;
    }

    #product .title {
        padding: 0px 70px;
    }

    .container-advantages__list-title {
        font-size: 24px;
    }

    .container-advantages__list-text {
        font-size: 16px;
    }

    .container-advantages__list li {
        width: 250px;
    }

    .container-advantages__list {
        gap: 30px 20px;
    }

    .container-advantages__list {
        max-width: 550px;
        gap: 30px 20px;
        width: 550px;
        margin-right: 40px;
    }

    .text-delivery {
        width: 400px;
    }

    .card-delivery {
        width: 350px;
        background: #F1F5F9;
        height: 250px;
        border-radius: 20px;
        padding: 20px 20px 60px;
    }

    .container-delivery img {
        height: 320px;
        top: 145px;
        right: 0px;
    }

    .card-delivery__top img {
        width: 65px;
        height: 65px;
        top: 5px;
        right: 0px;
    }

    .section-orange {
        padding: 80px 0;
    }

    .container-advantages {
        margin: 200px auto 100px;
    }

    .section-silver {
        padding: 80px 0;
    }

    .container-request {
        margin-top: 100px;
    }

    .m-auto {
        padding: 25px 12px 0px;
        width: 100%;
    }

    .container {
        width: 100%;
        padding: 0 12px;
    }

    .submenu li a,

    .header-list__item,
    .text-banner__subtitle,
    .btn-two a,
    .rating__subtitle,
    .text,
    .btn-two input {
        font-size: 18px;
        line-height: 130%;
    }

    .header-tel {
        font-size: 18px;
    }

    .container-grid-img {
        padding: 0 12px 0 12px;
        width: 100%;
    }

    .text-banner__subtitle-main ul li {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .text-banner__title-name {
        font-size: 38px;
    }

    .text-banner__subtitle-main {
        width: 550px;
    }

    .footer-menu__social {
        bottom: 85px;
    }

    .container-footer {
        height: auto;
    }

    .block__footer {
        display: flex;
        flex-direction: column;
    }

    .footer-contact-link {
        display: grid;
        margin-top: 20px;
        grid-template-columns: repeat(2, 240px);
    }

    .footer-contact-link {
        gap: 5px 55px;
    }

    .footer-menu {
        display: grid;
        grid-template-columns: repeat(3, 240px 300px);
        grid-gap: 20px 55px;
    }

    .footer-menu__social {
        bottom: 75px;
    }

    .text-banner__title {
        font-size: 38px;
    }

    #map,
    #map2 {
        width: 100%;
        height: 400px;
        border: 5px solid transparent;
        box-sizing: border-box;
        border-radius: 5px;
    }

    .container-map {
        display: flex;
        margin: 150px auto 0;
        gap: 30px;
    }

    .container-sotrudn .card-advantages2__title {
        font-size: 18px;
    }

    .card-advantages2__top>div {
        font-size: 46px;
    }

    .container-sertification {
        margin: 50px auto 0px;
    }

    .container-sertification-jmix div a,
    .container-sertification-maslo div a {
        width: 350px;
        height: auto;
    }

    .container-sertification-soi div a {
        width: 350px;
        height: auto;
    }

    .container-advantages__gallery img:nth-child(2) {
        width: 47%;
        height: 300px;
    }

    .container-advantages__gallery img:nth-child(1) {
        width: 48.7%;
        height: 300px;
    }

    .container-advantages__gallery {
        bottom: 20px;
    }
}

@media(max-width:1024px) {
    .lwpcngNotice_message {
        width: 353px;
    }



    .container-map {
        display: flex;
        margin: 100px auto 0;
        gap: 70px;
        flex-direction: column;
    }

    .container-sertification-jmix div a,
    .container-sertification-maslo div a {
        width: 300px;
        height: auto;

    }

    .container-sertification-soi div a {
        width: 300px;
        height: auto;
    }


    .map {
        width: 100%;
    }

    .loader-404-text {
        font-size: 20px;
        top: 28%;
    }

    .lwpcngNotice_accept,
    .lwpcngNotice_reject {
        bottom: 20px;
    }

    .m-auto {
        padding: 25px 15px 23px;
        height: 70px;
    }

    .header-list__item {
        height: auto;
    }

    .header {
        position: sticky;
        top: 0;
        z-index: 101;
    }

    .btn-burger::before {
        height: 2px;
        width: 100%;
        position: absolute;
        background: white;
        margin: 0 auto;
        text-align: center;
        content: "";
        top: 10px;
        transition: .4s;
    }

    .btn-burger::after {
        height: 2px;
        width: 100%;
        position: absolute;
        background: white;
        margin: 0 auto;
        text-align: center;
        content: "";
        bottom: 4px;
        transition: .4s;
    }

    .btn-burger span {
        height: 2px;
        width: 100%;
        position: absolute;
        background: white;
        margin: 0 auto;
        text-align: center;
        top: 17px;
        display: flex;
    }

    .btn-burger {
        display: block;
        position: relative;
        width: 40px;
        height: 30px;
        display: block;
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: 19px;
    }

    .header-tel {
        display: none;
    }


    .close-burger::after {
        transform: translateY(-8px) rotate(-135deg)
    }

    .close-burger::before {
        transform: translateY(6px) rotate(135deg);
    }

    .close-burger span {
        transform: scale(0);
    }

    .close-burger {
        transition: 0.5s;
    }

    .header-list.active {
        position: absolute;
        opacity: 1;
        transition: 0.5s;
        height: 100vh;
        top: 0px;
        right: 0;
        background: rgba(0, 0, 0, 0.7);
        backdrop-filter: blur(7.5px);
        box-sizing: border-box;
        padding: 70px 24px 70px 50px;
        z-index: 0;
    }


    .header-list {
        right: -100%;
        position: absolute;
        opacity: 0;
        transition: 0.5s;
        height: 100vh;
        padding: 70px 24px 70px 50px;
        width: 350px;
        display: flex;
        flex-direction: column;
        top: 0px;
        align-items: flex-start;
        overflow: hidden;
        z-index: 0;

    }




    .block-submenu {
        display: none;
    }

    .container {
        width: 100%;
        padding: 0 15px;
    }

    .container-center,
    .container-cars {
        padding: 100px 0px;
        overflow: hidden;
    }

    .slider-new-nav .slick-slide {
        min-width: 150px;
        max-width: 220px;
    }

    .slider-new-nav {
        height: 25px;
    }

    .slick-slide {
        margin-right: 0px;
    }

    .slider__list::before {
        content: "";
        position: absolute;
        width: 200px;
    }

    .slider__list::after {
        content: "";
        height: 50px;
        width: 75px;
    }

    .slider__img {
        height: auto;
    }

    .slider__img-asp {
        width: 100%;
        height: auto;
    }

    .cars-asp__list-option {
        left: 0px;
    }

    .block-services {
        margin: auto 111px auto 0;
    }

    .grid {
        gap: 21px;
    }

    .header-list__item {
        font-size: 22px;
        line-height: 32px;
        padding: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .header-list__item:first-child {
        padding: 0;
    }


    .header-list__item.menu>a::after {

        content: url("data:image/svg+xml;charset=UTF-8, %3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.2725 0L12 0.754687L6 7L0 0.754687L0.723749 0L6 5.48698L11.2725 0Z' fill='white'/%3e%3c/svg%3e");
        margin-left: 0;
        display: block;
        transition: 0.3s;
        position: absolute;
        right: 0;

    }

    .item__fromCenter::before {
        display: block;
        content: '';
        transform: scaleX(0);
        transition: transform 250ms ease-in-out;
        border-radius: none;
        width: 100%;
        background-color: white;
        height: 1px;
        position: relative;
        top: 32px;
    }

    .fromCenter::before {
        display: none;
    }

    .fromCenter:hover .item__fromCenter::before {
        transform: scaleX(1);
    }

    .menu.active .fromCenter .item__fromCenter::before {
        transform: scaleX(1);
    }

    .item__fromCenter:hover::before {

        transform: scaleX(1);

    }

    .header-list__item.menu.active a::after {
        position: absolute;
    }

    .header-list__item.menu.active-menu a::after {
        position: absolute;
    }

    .submenu {
        position: relative;
        display: flex;
        flex-direction: column;
        top: 15px;
        transition: 0.5s;
        overflow: visible;
    }

    .submenu li a {
        font-size: 14px;
        line-height: 130%;
        display: block;
        text-align: left;
        margin-bottom: 10px;
    }

    .submenu li a:last-child {
        margin-bottom: 0;
    }

    .menu .submenu2 {
        height: 0px;
        opacity: 0;
        transition: 0.8s;
        padding-left: 30px;
    }

    .menu.active .fromCenter+.submenu {
        height: auto;
        opacity: 1;
        transition: 0.5s;
        padding-left: 30px;
    }

    .submenu li {
        margin-bottom: 10px;
    }

    .submenu li:last-child {
        margin-bottom: 17px;
    }

    .container-header {
        overflow-y: hidden;
    }

    header {
        z-index: 200;
    }

    header.active {
        background: none;
        backdrop-filter: none;

    }

    .text-banner {
        bottom: 150px;
    }

    .submenu li {
        margin-right: 0;
    }

    .text-footer {
        width: 315px;
    }

    .container-footer {
        margin-top: 100px;
    }


    .submenu li a {
        z-index: 9999999999999999999999;
    }

    .submenu2 li a {
        z-index: -1;
    }

    .cookies-block {
        padding: 20px 25px 21px 15px;
        width: 668px;
    }

    .cookies-block .cookies__text {
        font-size: 16px;
        width: 353px;
        margin-right: 25px;

    }

    .cookies-block .cookies__btn {
        max-width: 250px;
    }

    .cookies-block .cookies__btn a {
        font-size: 16px;
    }

    .slider-services {
        padding: 100px 15px;
        overflow: hidden;
    }

    .slider-services__item>img {
        max-width: 440px;
        width: auto;
    }

    .slider-services__text {
        font-size: 22px;
        margin-top: 15px;
    }

    .sliderServices {
        max-width: 1024px;
    }

    .sliderServices .slick-list {
        z-index: 9;
    }

    .slider-services__text {
        text-align: left;
    }

    .sliderServices .slick-slide img {
        left: 0;
    }

    .sliderServices .slick-slide {
        margin-right: 0px;
        position: relative;
        right: 0px;
        filter: opacity(50%);
        transition: 0.25s;
        margin-left: 0px;
    }



    .sliderServices .slick-current {
        filter: opacity(100%);
        transition: 0.25s;
    }



    .slider-services__item {
        max-width: 100%;
    }

    .sliderServices .slick-slide img {
        max-width: 440px;
        margin: 0;
    }

    .control__title {
        min-width: 283px;
        font-size: 34px;
        margin-right: 104px;
    }

    .control__content-text {
        font-size: 16px;
    }

    .control__content {
        max-width: 355px;
    }

    .text-banner__title-selection {
        width: 434px;
    }

    .container-asp-nav {
        width: 768px;
        left: 0px;
    }

    .header-list__item.menu.active a::after {
        top: 2px;
    }

    .container-services .img {
        max-width: 653px;
    }

    .container-grid-img {
        padding: 0 10px 0 10px;
    }

    .header-list__item.menu.active-menu a::after {
        position: absolute;
    }

    header.active-header {
        background: none;
        backdrop-filter: none;
    }

    header.background {
        background: #3aaa1f;
        transition: background 500ms linear;
        backdrop-filter: blur(7.5px);
    }

    .popup-title {
        white-space: normal;
    }

    .popup-services {
        padding: 70px 154px 70px;
        max-width: 600px;
    }

    .container-useful {
        padding: 100px 15px 0;
    }

    .useful-filter {
        flex-direction: column;
    }

    .search-block {
        min-width: 354px;
        margin-right: 0;
        width: 354px;
        margin-bottom: 40px;
    }

    .article-list__item {
        flex-direction: column;
    }

    .article-list__item-info {
        min-width: 440px;
        margin-right: 0;
        position: relative;
        width: 440px;
        margin-bottom: 20px;
    }

    .useful__checkbox {
        grid-template-columns: repeat(7, 1fr);
    }

    .article-list {
        margin-bottom: 60px;
    }

    .container .card {
        height: 300px;
    }

    .slick-slide .card {
        box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.85);
    }

    .container .card-jmix .imgBx img {
        position: absolute;
        top: 35%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(0deg);
        width: 150px;
    }

    .container .card .contentBx a {
        width: 250px;
    }

    .container .card .contentBx h2 {
        font-size: 18px;
    }

    .container .card.active::before {
        clip-path: circle(205px at 80% -20%);
        background: #ffb000;
    }

    .container .card-soi .imgBx {
        top: 10%;
        transform: translateY(0%);
    }



    .container .card::before {
        clip-path: circle(205px at 80% -20%);
        /* background: #ffb000; */
        background-image: url("https://rusagroprom.com/wp-content/themes/rusagroprom/img/back/66.jpg");
        background-size: cover;
        background-position: center;
    }

    #product .title {
        padding: 0px 60px;
    }

    .container .card-soi .imgBx img {
        position: absolute;
        top: 32%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(0deg);
        width: 150px;
    }


    .container .card-soi .contentBx {
        height: 125px;
    }


    .container .card-maslo .imgBx img {
        position: absolute;
        top: 32%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(0deg);
        width: 75px;
    }

    .container-advantages {
        flex-direction: column;
        margin: 80px auto 80px;
    }

    .container-advantages__list {
        max-width: 100%;
        gap: 30px 20px;
        width: 100%;
        margin-right: 0;
    }

    .container-advantages__list li {
        width: auto;
    }

    .container-advantages__list {
        max-width: 100%;
        gap: 30px 20px;
        width: 100%;
        margin-right: 0;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin-bottom: 60px;
    }

    .container-advantages__list-title {
        font-size: 20px;
    }

    .container-advantages__gallery {
        bottom: 0;
    }

    .container-advantages__gallery img:nth-child(3) {
        height: 550px;
    }

    .container-advantages__gallery img:nth-child(2) {
        width: 48%;
        height: 400px;
    }

    .container-advantages__gallery img:nth-child(1) {
        width: 50%;
        height: 400px;

    }

    .container .card-jmix .contentBx {
        height: 130px;
    }

    .container .card-maslo .imgBx {
        top: 10%;
        transform: translateY(0%);
    }

    .container .card .contentBx a {
        opacity: 1;
        transform: translateY(10px);
        transition-delay: 0.25s;
    }

    .container .card-maslo .contentBx,
    .container .card-soi .contentBx {
        height: 150px;
    }

    .container-advantages__list .btn-two {
        margin: auto auto 0;
    }

    .container-delivery img {
        height: 450px;
        top: 120px;
        right: -100px;
        object-fit: contain;
        width: auto;
    }

    .card-delivery__top img {
        width: 65px;
        height: 65px;
        top: 5px;
        right: 0px;
    }

    .footer-menu {
        width: 100%;
    }

    .footer-menu {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px 20px;
    }

    .footer-menu__link {
        display: flex;
        flex-direction: column;
        gap: 10px;
        grid-row: 2;
    }

    .footer-menu__social {
        bottom: 0;
        grid-row: 1;
        grid-column: 2;
    }

    .footer-menu {
        margin-top: 0;
    }

    .footer-tel a img {
        width: 27px;
        height: 27px;
    }

    .footer-contact-link {
        display: grid;
        margin-top: 0px;
        grid-template-columns: repeat(1, 1fr);
        gap: 5px 20px;
        position: absolute;
        top: 55px
    }

    .footer-menu a {
        font-size: 18px;
    }

    footer {
        padding-bottom: 50px;
        padding-top: 0;
    }

    .popup-gallery #big img {
        width: 600px;
        height: 400px;
    }

    .popup-gallery #big {
        width: 600px;
        height: 400px;
    }

    .popup-gallery {
        max-width: 600px;
    }

    .button-prev::before,
    .button-next::before {
        line-height: 0.5;
        background: url('../assets/slick/prev.svg') left center no-repeat transparent;
        width: 20px;
        height: 10px;
    }

    .button-prev,
    .button-next {
        width: 40px;
        height: 40px;
    }

    .button-prev {
        left: -60px;
    }

    .button-next {
        right: -60px;
    }

    .popup-gallery #big video {
        height: 400px;
    }

    .container-sotrudn {
        gap: 40px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .container-sotrudn .card-advantages2 {
        height: 200px;
    }
}

@media(max-width:850px) {
    .slider-new-nav .slick-slide {
        min-width: 140px;
        max-width: 170px;
    }

    #product .title {
        padding: 0;
        text-align: center;
    }

    .container-card {
        padding: 0 100px;
    }

    .container-delivery img {
        height: 390px;
        top: 160px;
        right: 0px;
        object-fit: cover;
        width: auto;

    }

    .card-delivery__top img {
        width: 65px;
        height: 65px;
        top: 5px;
        right: 0px;
    }

    .container-delivery {
        display: flex;
        gap: 30px;
    }


}


@media(max-height: 800px) {
    .popup-contacts {
        position: relative;
        top: 0;
        transform: 0;
        left: 0;
        margin: 20px auto;
        transform: translate(0%, 0%);
    }

    .popup-succesful {
        position: relative;
        top: 25%;
        transform: 0;
        left: 0;
        margin: 20px auto;
        transform: translate(0%, 0%);
    }

    .popup-delivery {
        position: relative;
        top: 0;
        transform: 0;
        left: 0;
        margin: 20px auto;
        transform: translate(0%, 0%);
    }

    .popup-delivery {
        position: relative;
        top: 25%;
        transform: 0;
        left: 0;
        margin: 20px auto;
        transform: translate(0%, 0%);
    }

    .close-popup--two {
        top: 15px;
        right: 15px;
        background: none;
    }

    .close-popup--two::before {
        content: '';
        background-color: black;
    }

    .close-popup--two::after {
        content: '';
        background-color: black;
    }
}

@media(max-width:768px) {
    .lwpcngNotice-dark {
        padding: 15px 10px 15px;
    }

    .container-sertification-soi div a {
        width: 250px;
        height: auto;
    }

    .container-sertification {
        display: flex;
        gap: 20px;
    }

    .container-sertification-jmix div a,
    .container-sertification-maslo div a {
        width: 250px;
        height: auto;
    }

    .lwpcngNotice_accept,
    .lwpcngNotice_reject {
        width: 100%;
        bottom: 0;
    }

    .lwpcngNotice_message {


        font-size: 12px;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .slider-new-nav .slick-slide {
        max-width: none;
    }

    .block-services {
        margin: auto 40px auto 0;
    }

    .container-services .img {
        max-width: 755px;
        height: auto;
        object-fit: cover;
    }

    .social__office {
        justify-content: flex-start;
    }

    .slider__list::before {
        background: white;
        box-shadow: none;
        opacity: 0.7;
    }

    .slider__list::after {
        background: white;
        box-shadow: none;
        opacity: 0.7;
        width: 120px;
    }

    .grid_item:first-child {
        width: 65%;
    }

    .grid_item:nth-child(6n) {
        width: 65%;

    }

    .grid_item {
        width: 30.5%;
    }

    .cookies-block {
        padding: 15px 10px;
        flex-direction: column;
        width: 100%;
    }

    .cookies-block .cookies__text {
        font-size: 12px;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;

    }

    .cookies-block .cookies__btn {
        max-width: 100%;
        width: 100%;
    }

    .container-control {
        flex-direction: column;
    }

    .control__title {
        margin-right: 0;
        min-width: 100%;
        margin-bottom: 20px;
    }

    .control__content {
        max-width: 480px;
    }

    .container-asp-nav {
        width: 556px;
        left: 20px;
    }

    .container-asp-nav .slider__list::before {
        content: "";
        position: absolute;
        width: 100px;
    }

    .popup-services {
        padding: 70px 30px 70px;
        max-width: 566px;
    }

    .useful__checkbox {
        grid-template-columns: repeat(5, 1fr);
    }

    .message-form {
        text-align: center;
        font-weight: bold;
        font-size: 32px;
        line-height: 100%;
        text-align: center;
    }

    .popup-succesful {
        padding: 70px 30px 70px;
        max-width: 566px;
    }

    .container-card {
        padding: 0 15px;
    }

    .section-silver {
        padding: 50px 0;
    }

    .container-advantages {

        margin: 50px auto 50px;
    }

    .container-advantages__list {
        max-width: 100%;
        gap: 20px 20px;
        width: 100%;
        margin-right: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 50px;
    }

    .container-advantages__gallery img:nth-child(1) {
        width: 49.3%;
    }

    .section-orange {
        padding: 50px 0;
    }

    .card-delivery {
        width: 100%;
        background: #F1F5F9;
        height: 200px;
        border-radius: 20px;
        padding: 20px 0px 45px 20px;
    }

    .container-delivery {
        flex-direction: column;
        gap: 70px;
    }

    .container-delivery img {
        height: auto;
        top: 0;
        right: 0px;
        object-fit: contain;
        width: auto;
    }

    .card-delivery__top img {
        width: 50px;
        height: 50px;
        top: 10px;
        right: 0px;
    }

    .section-gallery-kompani {
        margin: 50px auto 0;
    }

    .slick .slick-slide:nth-child(2n+1) {
        position: relative;
        top: 35px;
    }

    .footer-menu a {
        font-size: 16px;
    }

    .container-request {
        margin-top: 50px;
    }

    .container-footer {
        margin-top: 80px;
    }

    .popup-gallery #big img {
        width: 450px;
        height: 300px;
    }

    .popup-gallery #big {

        width: 450px;
        height: 300px;
    }

    .popup-gallery {
        max-width: 450px;
    }

    .close-popup {
        position: absolute;
        top: 0px;
        right: -50px;
        width: 20px;
        height: 20px;
    }

    .close-popup::before {

        width: 25px;
    }

    .close-popup::after {
        width: 25px;
    }

    .button-prev {
        left: -50px;
    }

    .button-next {
        right: -50px;
    }

    .popup-gallery #big video {
        height: 300px;
    }

    .logo-footer {
        width: 200px;
    }

    .footer-contact-link {
        top: 35px;
    }

    .popup-contacts {
        padding: 50px 0px 50px;
        max-width: 550px;
    }

    .close-popup--two {
        right: 0;
    }

    .btn-burger {
        top: 18px;
    }

    .text-banner__subtitle-two {
        width: 550px;
    }

    .phone-subtitle {
        font-size: 22px;
    }

    .phone-subtitle span {
        position: relative;
        top: 5px;
    }

    .phone-subtitle img {
        width: 30px;
        height: auto;
        margin-right: 15px;
    }

    .text-zakupka {
        margin-bottom: 0px;
        font-size: 20px;
    }

    .input-file div {
        width: 250px;
        display: block;
    }

    .popup-title {
        font-size: 32px;
    }

    .input-file {
        position: relative;
        display: block;
        width: 100%;
        margin-left: 0;
    }

    .input-file {
        margin-left: 75px;
    }

    .title {
        font-weight: bold;
        font-size: 32px;
    }

    #map,
    #map2 {
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
    }

    .text-banner__subtitle a:hover {
        border-bottom: none;
    }

    .text-banner__subtitle {
        width: auto;
    }

    .text-banner__title {
        font-size: 32px;
    }

    .adress-banner-yr span,
    .adress-banner span {
        font-size: 18px;
        font-weight: bold;
    }

    .adress-banner-yr {
        margin-top: 35px;
    }

    .card-advantages2__text {
        font-size: 16px;
    }

    .container-sotrudn {
        gap: 40px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .container-sotrudn .card-advantages2__title {
        font-size: 17px;
    }

    .container-sotrudn .card-advantages2 {
        height: 150px;
    }
}

@media(max-height:800px) {
    .text-banner {
        bottom: 100px;
    }

    .text-rating-banner {
        bottom: 100px;
    }

    .popup-title {
        white-space: normal;
    }
}

@media (max-height: 700px) {
    .text-banner {
        bottom: 80px;
    }
}

@media (max-width: 576px) {
    .loader-404-text {
        font-size: 16px;
    }


.yandex-smart-container{
	width:100%;
	margin: 0 auto 20px;
}
 #cookie-banner {
            position: fixed;
            bottom: 0px;
            left: 0px;
            right: 0;
            background: #f3f2f2;
            color: #fff;
            padding: 15px;
            text-align: center;
            z-index: 9999;
            display: none;
            border-radius: 5px;
            width: 100%;
            text-align: left;
            color: black;
            display: flex;
            gap: 10px;
            font-size: 14px;
            align-items: center;
            line-height: 130%;
        }

    a.glink {
        margin-right: 0;
    }

    .container-sertification-soi div,
    .container-sertification-jmix div,
    .container-sertification-maslo div {
        gap: 20px;
        margin: 0 auto 30px;
    }

    .phone-subtitle span a {
        margin-right: 7px;
    }

    .policy-footer-lg {
        display: none;
    }

    .container-sertification {
        margin: 30px auto 0px;
    }

    .policy-footer-mb {
        display: block;
    }

    .container-sertification-jmix div a,
    .container-sertification-maslo div a {
        width: auto;
        height: auto;
        margin-bottom: 20px;
        max-width: 50%;
    }

    .container-sertification-soi div a {
        width: auto;
        height: auto;
        margin-bottom: 20px;
        max-width: 50%;
    }


    .banner__btn a {
        font-size: 16px;
    }

    .accordion__item-list {
        padding-left: 20px;
    }

    .select {
        width: 100%;
    }

    .styledSelect {
        width: 100%;
    }

    .header-flag {
        margin-right: 50px;
    }

    .btn-burger {
        width: 30px;
    }

    .m-auto {
        padding: 25px 10px 23px;
        height: 65px;
    }

    .container {
        padding: 0 10px;
    }

    .text-banner__title {
        font-size: 24px;
        width: auto;
    }

    .submenu li a,
    .header-tel,
    .text-banner__subtitle,
    .rating__subtitle,
    .text {
        font-size: 14px;
    }

    .text-banner__subtitle {
        margin-bottom: 30px;
    }

    .text-banner {
        bottom: 80px;
        width: 95.6%;
        position: absolute;
    }

    .block-img__absolute,
    .container-header,
    .section-rating,
    .block-img__absolute .banner,
    .section-rating .banner {
        max-height: 568px;
        min-height: 568px;
    }

    .header-list {
        width: 255px;
    }

    .header-list.active {
        z-index: 999;
        backdrop-filter: none;
        padding: 60px 16px 60px 25px;
    }

    .btn-burger {
        z-index: 1000;
        right: 10px;
    }

    .header-list__item {
        font-size: 18px;
    }

    .header-list__item.menu.active a::after {
        top: 4px;
    }

    .menu.active .fromCenter+.submenu {
        padding-left: 25px;
    }

    .submenu li:last-child {
        margin-bottom: 20px;
    }

    .container-center,
    .container-cars {
        padding: 120px 0px;
    }

    .slider-new-nav {
        height: 18px;
        margin: 30px auto 50px;
    }

    .slick-slide {
        font-size: 14px;
    }

    .title {
        font-size: 26px;
    }

    .slider__list::before {
        content: "";
        position: absolute;
        width: 100px;
    }

    .slider__list::after {
        background: white;
        box-shadow: none;
        opacity: 0.7;
        width: 80px;
    }

    .banner__btn,
    .btn-two {
        max-width: 100%;
        width: 100%;
    }

    .block-services_title,
    .rating__title {
        font-size: 30px;
    }




    .rating__title {
        width: 250px;
        margin: 0 0 10px 0;
    }

    .text-rating-banner {
        width: 100%;
        bottom: 45px;
    }

    .rating__subtitle {
        width: 300px;
    }

    .rating__subtitle {
        margin-bottom: 30px;
    }

    .container-asp-nav {
        width: auto;
        margin: 0 auto;
        position: relative;
        right: 0px;
    }

    .slider-asp-nav {
        height: 18px;
        margin: 30px auto 50px;
    }

    .list-option__name {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .cars-asp__list-option {
        font-size: 14px;
    }

    .container-services {
        flex-direction: column-reverse;
    }

    .container-services .img {
        max-width: 100%;
        max-height: 400px;
        object-fit: cover;
    }

    .block-services_title {
        margin-top: 25px;
        margin-bottom: 10px;
    }

    .block-services {
        margin: 0;
        width: 100%;
    }

    .selection-img {
        margin: 50px auto;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .container-services .btn-two {
        margin: 30px 0 0;
        width: 100%;
    }

    .grid {
        margin-top: 40px;
        flex-direction: column;
        gap: 40px;
        -webkit-gap: 40px;
        -webkit-box-gap: 40px;
    }

    .grid_item:first-child {
        width: 100%;
    }

    .grid_item:last-child {
        width: 100%;
        margin-bottom: 0px;
    }

    .grid_item {
        width: 100%;
    }

    .show-btn {
        display: table;
        width: 100%;
    }

    .show-btn a::after {
        content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect y='5' width='11' height='1' fill='%23282828'/%3e%3crect x='5' width='1' height='11' fill='%23282828'/%3e%3c/svg%3e ");
        width: 11px;
        height: 11px;
        display: inline-block;
        position: relative;
        margin-left: 10px;
        top: 1px;
        transition: 0.5s;
    }

    .show-btn:hover a::after {
        content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect y='5' width='11' height='1' fill='white'/%3e%3crect x='5' width='1' height='11' fill='white'/%3e%3c/svg%3e ");
        transition: 0.5s;
    }

    .grid_item:nth-child(n+4) {
        display: none;
    }

    footer {
        padding: 30px 0 45px;
        position: relative;
    }

    .footer-logo {
        width: 150px;
    }

    .block__footer {
        flex-direction: column;
    }

    .policy-footer::before {

        content: '©';
        position: relative;
        bottom: 2px;

    }

    .policy-footer-mobile,
    .policy-footer {
        font-size: 14px;
        margin-top: 20px;

    }

    .social__footer {
        margin-top: 20px;
        justify-content: flex-start;
    }

    .flex-end .policy-footer {
        text-align: left;
        position: absolute;
        bottom: -100px;
        margin-top: 20px;
        display: none;
    }

    .policy-footer-mobile {
        text-align: left;
        display: block;
    }

    .social__item {
        margin-right: 25px;
        margin-left: 0;
    }

    .text-footer {
        width: auto;
        margin-top: 10px;
    }

    .slider-services {
        padding: 80px 10px;
    }

    .sliderServices {
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
    }

    .slider-services__text {
        font-size: 18px;
        line-height: 27px;
        margin-top: 10px;
    }

    .slider-services__item>img {
        max-width: 100%;
        max-height: 330px;
        width: 100%;
        object-fit: cover;
    }

    .control__title {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .control__content-text {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .control__content {
        max-width: 100%;
    }

    .control__content-btn {
        width: 100%;
        box-sizing: border-box;
    }

    .container-asp-nav {
        width: 100%;
        left: 0px;
    }

    .container-asp-nav .slider__list::before {
        content: "";
        position: absolute;
        width: 100px;
    }

    .text-banner__title-selection {
        width: 293px;
    }

    .popup-title {
        font-size: 30px;
        line-height: 100%;
        font-size: 30px;
        line-height: 100%;
    }

    .popup-services {
        padding: 70px 25px 70px;
        max-width: 100%;
        position: relative;
    }

    .form .text {
        font-size: 14px;
        width: 100%;
    }

    .form .input {
        width: 100%;
    }

    .select-box .options-container-dealer,
    .selected-dealer,
    .select-box {
        width: 100%;
    }

    .popup-services .btn-two {
        width: 100%;
    }

    .overlay {
        padding: 0 10px;
        box-sizing: border-box;
    }

    .close-popup {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 25px;
        height: 25px;
    }

    .close-popup::before {
        width: 25px;
        left: 0;
    }

    .close-popup::after {
        width: 25px;
        left: 0;
    }

    .container-useful {
        padding: 80px 10px 0;
    }

    .useful__checkbox {
        grid-template-columns: repeat(4, 1fr);
        gap: 15px 30px;
        -webkit-gap: 15px 30px;
        -webkit-box-gap: 15px 30px;
    }

    .search-block input,
    .useful__checkbox-item {
        font-size: 14px;
        line-height: 130%;
    }

    .search-block {
        min-width: 100%;
        margin-right: 0;
        width: 100%;
        margin-bottom: 30px;
    }

    .article-list__item-title {
        padding-right: 0;
        font-size: 18px;
        line-height: 27px;
    }

    .article-list__item-date {
        margin-bottom: 5px;
    }

    .article-list__text {
        font-size: 14px;
        line-height: 21px;
    }

    .article-list__item {
        padding-bottom: 20px;
    }

    .useful-filter {
        margin-bottom: 40px;
    }

    .article-list {
        gap: 20px;
        -webkit-gap: 20px;
        -webkit-box-gap: 20px;
    }

    .article-list {
        margin-bottom: 40px;
    }

    .page-item.prev a,
    .page-item.next a {
        font-size: 14px;
    }

    .page-item a {
        font-size: 14px;
    }

    .pagination-button .text-buttons {
        display: none;
    }

    .arrow-text {
        display: none;
    }

    .pagination-container .prew-arrow {
        margin-right: 0;
        position: relative;
        top: 4px;
        left: 5px;
    }

    .page-item.prev.disabled {
        display: none;
    }

    .pagination-container .next-arrow {
        margin-left: 0;
        position: relative;
        top: 5px;
        right: 5px;
    }

    .page-item.next.disabled {
        display: none;
    }

    .message-form {
        text-align: center;
        font-weight: bold;
        font-size: 24px;
        line-height: 100%;
        text-align: center;
    }

    .popup-succesful {
        padding: 70px 25px 70px;
        max-width: 100%;
        position: relative;
        top: 25%;
        transform: 0;
        left: 0;
        margin: 20px auto;
        transform: translate(0%, 0%);
    }

    .select-box .options-container-dealer.active {
        max-width: 100%;
        width: 100%;
    }

    .message-error {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .select-box .options-container-dealer {
        border-radius: 5px;
    }

    .form .input {
        border-radius: 5px;
    }

    .selected-dealer,
    .form .btn-two {
        border-radius: 5px;
    }

    .message-error {
        white-space: normal;
    }

    .block-services_title-custom {
        width: 320px;
    }

    .services-text-custom {
        width: 270px;
    }

    .btn {
        width: 100%;
        border-radius: 5px;
    }

    .text-banner__subtitle-main ul li {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .text-banner__subtitle-main div {
        font-size: 20px;
    }

    #product .title {
        margin-bottom: 30px;
    }
 .logo-text {
     right: 20px;
     position: relative;
 }
    .logo {
    width: 200px;
        position: relative;

        top: -3px;
    }

    .btn-burger {
        top: 16px;
    }

    .header-flag {
        margin-right: 40px;
        margin-left: 0;
        bottom: 3px;
        position: relative;
    }

    a.glink img {
        width: 25px;
    }

    .header-list.active {
        width: 100%;
    }

    .text-banner__subtitle-main {
        width: auto;
    }

    .container-card__right {
        padding: 0;
    }

    .container .card {
        height: 270px;
    }

    .slick-slide .card {
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.85);
    }

    .container .card .contentBx h2 {
        font-size: 14px;
        line-height: 24px;
    }

    .container .card .contentBx a {
        width: 100%;
        font-size: 16px;
    }

    .container .card-soi .imgBx img {
        position: absolute;
        top: 23%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(0deg);
        width: 130px;
    }

    .container .card-maslo .imgBx img {
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(0deg);
        width: 70px;
    }

    .container .card-jmix .imgBx img {
        position: absolute;
        top: 28%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(0deg);
        width: 120px;
    }

    .container .card::before {
        clip-path: circle(175px at 80% -20%);
    }

    .container .card .contentBx a {
        display: inline-block;
        padding: 7px 20px;
    }

    .container .card .contentBx a {
        opacity: 1;
        transform: translateY(15px);
        transition-delay: 0.25s;
    }

    .container .card-jmix .contentBx {
        height: 100px;
    }

    .contentB__btn {
        margin-top: 0;
    }

    .container .card-soi .contentBx {
        height: 120px;
    }

    .container .card-jmix .imgBx img {
        top: 40%;
    }

    .container .card-soi .imgBx img {
        top: 35%;
    }

    .container .card-maslo .imgBx img {
        top: 32%;
    }

    .container .card-maslo .contentBx {
        height: 120px;
    }

    .container-advantages__list {
        max-width: 100%;
        gap: 10px 10px;
        -webkit-gap: 10px;
        -webkit-box-gap: 10px;
        width: 100%;
        margin-right: 0;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .container-advantages__list-title {
        line-height: 21px;
    }

    .container-advantages__list-icon svg {
        width: 40px;
        height: 40px;
    }

    .container-advantages__gallery img:nth-child(2) {
        width: 47%;
        height: 240px;
    }

    .container-advantages__gallery img:nth-child(1) {
        height: 240px;
    }

    .container-advantages__gallery img:nth-child(3) {
        height: 250px;
    }

    .container-advantages__list .btn-two {
        margin: auto auto 0;
        margin-top: auto;
        margin-top: 30px;
    }

    .text-delivery {
        width: auto;
    }

    .delivery__list {
        margin-top: 20px;
    }

    .card-delivery__text {
        font-size: 14px;
    }

    .card-delivery {
        box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.85);
    }

    .section-orange .banner__btn {
        margin-top: 40px;
        width: 100%;
    }

    .container-delivery img {
        display: none;
    }

    .card-delivery__top img {
        width: 40px;
        height: 40px;
        top: 5px;
        display: block;
    }

    .container-request .text {
        text-align: center;
        width: auto;
        margin: 15px auto 30px;
    }

    .title {
        font-style: 26px;
    }

    .popup-text {
        color: black;
        font-size: 16px;
        text-align: center;
        margin: 0 auto 20px;
        width: auto;
        padding: 0 10px;
    }

    .popup-title {
        font-size: 26px;
        padding: 0 10px;
    }

    .close-popup {
        position: absolute;
        top: 3px;
        right: 0px;
        width: 20px;
        height: 25px;
    }

    .selected-dealer {
        font-size: 14px;
    }

    .form {
        padding: 0 10px;
    }

    .form .input {
        font-size: 14px;
        width: 100%;
    }

    #fasovka-checkbox {
        color: black;
        display: flex;
        flex-direction: column-reverse;
        width: auto;
        margin: 0;
        font-size: 16px;
    }

    .text-fasovka-bold {
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        padding: 0px;
    }

    .wpcf7-list-item-label {
        font-size: 16px;
    }

    .js-popup-pattern .wpcf7-checkbox {
        width: auto;
        margin-left: 0px;
    }

    .form .text {
        padding: 0;
    }



    .overlay {
        padding: 0;
    }

    .submenu li a,
    .header-list__item,
    .text-banner__subtitle,
    .btn-two a,
    .rating__subtitle,
    .text,
    .btn-two input {
        font-size: 16px;
    }

    footer {
        padding: 0px 0 45px;
    }

    .footer-contact-link {
        position: relative;
        gap: 0px 20px;
        -webkit-gap: 0px 20px;
        -webkit-box-gap: 0px 20px;
    }

    .footer-menu {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px 20px;

    }

    .footer-menu__social {
        bottom: 0;
        grid-row: 1;
        grid-column: auto;
    }

    .footer-menu__link {
        grid-row: auto;
    }

    .footer-menu {
        margin-top: 0px;
    }

    .block__footer {
        flex-direction: column-reverse;

    }

    .footer-menu__social {
        position: relative;
        top: 15px;
    }

    .footer-contact-link {
        top: 10px;
    }

    .policy-footer {
        bottom: 0px;
        margin-top: 20px;
    }

    .logo-footer {
        width: 200px;
        right: 10px;
        position: relative;
    }

    .button-prev {
        left: 0;
    }

    .button-next {
        right: 0;
    }

    .popup-gallery #big {
        width: 100%;
        height: 300px;
    }

    .popup-gallery {
        max-width: 100%;
    }

    .popup-gallery #big img {
        width: 100%;
        height: 300px;
    }

    .text-banner__subtitle a:hover {
        border-bottom: none;
        transition: 1s;
    }

    .btn-two {
        max-width: 100%;
        width: 100%;
    }

    .container .card .contentBx {
        text-align: center;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .button-prev,
    .button-next {
        top: 45%;
        opacity: 0.7;
        transition: 0.5s;
    }

    .button-prev:hover,
    .button-next:hover {
        opacity: 1;
        transition: 0.5s;
    }

    .phone-subtitle {
        font-size: 20px;
    }

    .banner__container-btn {
        display: flex;
        gap: 25px;
        -webkit-gap: 25px;
        -webkit-box-gap: 25px;
        flex-direction: column;
    }

    .text-banner__subtitle-two {
        width: auto;
    }

    .input-file {
        margin-left: 0px;
    }

    .container-map {
        display: flex;
        margin: 50px auto 0;
    }

    #map,
    #map2 {
        width: 100%;
        height: 300px;
    }

    .phone-subtitle {
        font-size: 18px;
    }

    .phone-subtitle span {
        position: relative;
        top: 5px;
        display: flex;
    }

    .text-banner__title {
        margin-bottom: 15px;
    }

    .phone-subtitle img {
        width: 30px;
        height: 30px;
    }

    .ml-10 {
        margin-left: 5px;
    }

    .phone-subtitle img {
        width: 25px;
        height: 25px;
        top: 2px;
        margin-right: 10px;
    }

    .phone-subtitle {
        font-size: 15px;
    }

    .phone-subtitle {
        margin: 10px 0;
    }

    .adress-banner {
        margin-top: 20px;
    }

    .container-sotrudn .card-advantages2 {
        height: auto;
    }

    .card-advantages2 {
        padding: 20px;
    }

    .container-sotrudn .card-advantages2__title {
        font-size: 18px;
    }


    .popup-contacts {
        margin: 0;
        transform: translate(-50%, -50%);
        border-radius: 0;
        border-radius: 10px;
        width: 96%;
        margin: 20px 0;

    }

    .overlay {
        padding: 0;
        padding: 0 5px;
        box-sizing: border-box;
    }



}

@media(max-height:800px) {
    .popup-contacts {
        transform: translate(0%, 0%);
        border-radius: 10px;
        width: 100%;
        margin: 20px auto;
    }
}

@media(max-width:470px) {
    .slider-new-nav .slick-slide {
        min-width: 100px;
    }
}

@media(max-width:430px) {
    .slider__list .slick-slide {
        margin-right: 0px;
    }

    .container-advantages__gallery img:nth-child(2) {
        width: 47%;
    }

    .container-advantages__gallery img:nth-child(1) {

        width: 48%;
    }

    .banner__btn,
    .btn-two {
        max-width: 100%;
        width: 100%;
    }

    .text-banner {
        bottom: 80px;
        width: 93%;
        position: absolute;
    }

    .slider-new-nav .slick-slide {
        min-width: auto;
        margin-right: 50px;

        position: relative;
        left: 110px;
    }


    .slider-new-nav .slick-current {
        color: black;
        margin-left: 0px;
        position: relative;
        left: 110px;
        overflow: visible;
        min-width: auto;
    }

    .slider-new-nav .slick-center {
        min-width: auto;

    }

    .slider__list::before {
        content: "";
        position: absolute;
        width: 30px;
    }

    .slider__list::after {
        background: white;
        box-shadow: none;
        opacity: 0.7;
        width: 30px;
    }

    .container-asp-nav {
        width: auto;
        margin: 0 auto;
        position: relative;
        right: 0px;
    }

    .container-asp-nav .slider__list::before {
        content: "";
        position: absolute;
        width: 30px;
    }


}

@media(max-width:380px) {
    .container-advantages__gallery img:nth-child(2) {
        width: 47%;
    }

    .container-advantages__gallery img:nth-child(1) {

        width: 46%;
    }
}

@media(max-width:380px) {
    .useful__checkbox {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media(max-width:360px) {
    .container-footer {
        margin-top: 80px;
    }

    .container-center,
    .container-cars {
        padding: 80px 0px;
    }
}



@media(max-width:350px) {
    .slider-new-nav .slick-slide {
        min-width: auto;
        margin-right: 50px;

        position: relative;
        left: 80px;
        overflow: hidden;
    }



    .slider-new-nav .slick-current {
        color: black;
        margin-left: 0px;
        position: relative;
        left: 100px;
        overflow: visible;
        min-width: 150px
    }
}