@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* Настройки шаблона */
@font-face {
    font-family: "europeext";
	font-weight: 900;
    src: url("/templates/rostsayt-4/vendor/fonts/europeext.otf") format("opentype");
}
/* @font-face {
    font-family: "Montserrat";
	font-weight: 500;
    src: url("/templates/rostsayt-4/vendor/fonts/Montserrat-Medium.ttf") format("opentype");
} */


:root, body {font-size: 10px;}
@media screen and (min-width: 576px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 768px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 16px;}
}


/* Переменные*/

:root {
	/* цвета */
	--violet: #6953DA;
	--dark: #161820;
	--orange: #E7531E;
	--red: #E82F2F;
	/* --light-orange: #F79646; */
	--light-orange: #FF9136;
	--white: #fff;
	--black: #000;
	--yellow: #DCDC19;
	--light-yellow: #eeee43;
	--grey: #ddd;
	--green: #10DA6C;
	
	/* шрифты */
	--Lemon: "europeext";
	--montserrat: "Montserrat", sans-serif;
}

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

::-webkit-scrollbar {width: 10px; position: fixed;}
::-webkit-scrollbar-track {background: transparent;}
::-webkit-scrollbar-thumb {background: var(--violet); border-radius: 5px;}

/* Элементы */
.mod-hiden{overflow: hidden;}
html {width: calc(100% + calc(100vw - 100%)); overflow-x: hidden;}
body {display: flex; flex-direction: column; margin: 0 auto; /* max-width: 1920px; */ font-family: var(--montserrat); color: var(--black); outline: 1px solid var(--grey); overflow-x: hidden; background: var(--dark);}
#middle main  {overflow: inherit;}
*::before {pointer-events: none;}
@media (min-width: 1680px) {.container {max-width: 1680px;}}
/* @media (min-width: 1920px) {.bg-color::before {margin-left: -960px;}} */

h1, .h1 {font-size: 2.5rem; line-height: normal; font-family: var(--Lemon);}
h2, .h2 {font-size: 2rem; line-height: normal;}
h3, .h3 {font-size: 1.5rem; line-height: normal; font-weight: 600;}
h4, .h4 {font-size: 1.25rem; line-height: normal;}
h5, .h5 {}
h6, .h6 {font-size: 1rem; line-height: normal; font-weight: 500;}

a {text-decoration: none; color: var(--white);}
a:hover {color: var(--violet);}

.btn.btn-violet {background: var(--violet); color: var(--white); font-size: 1rem; text-transform: uppercase; font-family: var(--Lemon); border-radius: 0.62rem; padding: 0.94rem 2.19rem; font-weight: 400;}
.btn.btn-violet:focus {box-shadow: none;}


.mod-volume {cursor: pointer;}

/* Цепочка */

.breadcrumb {background: none; padding-left: 0!important; padding-right: 0!important; padding-top: 1.88rem!important; padding-bottom: 0!important;}
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item.active {color: var(--white); font-size: 1rem; font-weight: 500;}
.breadcrumb .breadcrumb-item+.breadcrumb-item {padding-left: 1.25rem;}
.breadcrumb .breadcrumb-item+.breadcrumb-item::before {padding-right: 1.25rem; color: var(--white);}


/* Кастомные цвета для фонов */

.produkty-dlya-dizelnykh-dvig:has(.color_bg_custom) {background: linear-gradient(180deg, var(--dark) 35%, var(--yellow) 87%, var(--green) 100%);}
.tekhnicheskoe-obsluzhivanie:has(.color_bg_custom) {background: linear-gradient(180deg, var(--dark) 35%, var(--light-orange) 100%);}
.produkty-dlya-dizelnykh-dvigatelej:has(.color_bg_custom) {background: linear-gradient(180deg, var(--dark) 35%, var(--light-yellow) 100%);}
.produkty-dlya-masel:has(.color_bg_custom) {background: linear-gradient(180deg, var(--dark) 35%, var(--red) 100%);}
.servisnye-produkty:has(.color_bg_custom) {background: linear-gradient(180deg, var(--dark) 35%, var(--light-orange) 100%);}

.remont-i-obsluzhivanie:has(.color_bg_custom) {background: linear-gradient(180deg, var(--dark) 35%, var(--light-orange) 100%);}

body:has(.color_bg_custom) footer {background: none!important;}


body:has(.color_bg_custom.yellow-green-orange) {background: linear-gradient(180deg, var(--dark) 35%, var(--yellow) 57%, var(--green) 67%, var(--light-orange) 100%) !important;}
body:has(.color_bg_custom.orange) {background: linear-gradient(180deg, var(--dark) 35%, var(--light-orange) 100%) !important;}
body:has(.color_bg_custom.orange) {background: linear-gradient(180deg, var(--dark) 35%, var(--light-orange) 100%) !important;}
body:has(.color_bg_custom.green) {background: linear-gradient(180deg, var(--dark) 35%, var(--green) 100%) !important;}


/* Шапка */

header.navbar {padding-top: 1.31rem; padding-bottom: 1.31rem;}
header > .container {justify-content: space-between;}
header #header_items {justify-content: center; align-items: center; flex-direction: row; width: 100%; gap: 1rem;}
header .mod-menu {align-items: center; display: flex; gap: 1.88rem; flex-direction: column; text-align: center;}

header .mod-menu li a {font-family: var(--Lemon); font-size: 1rem; text-transform: uppercase;}

header .mod-search__input {max-width: 200px;}

.header-contacts {gap: .31rem;}
.header-contacts .mod-block {gap: .94rem;}
.header-contacts img {max-width: 30px;}

.navbar-toggler-icon {width: 3.5rem; height: 3.5rem;}


.logo_contacts {max-width: 12rem;margin:0 auto;}

footer .item-125{display:block;}
header .item-125{display:none;}


/* модалка */

.modal .modal-content {background: var(--dark); border-radius: 1rem;}
.modal .modal-header {border-bottom: none; color: var(--white);}
.modal .btn-close {filter: invert(1);}
.modal .modal-body {color: var(--white);}

/* выпадающий список */
header .logo img {max-width: 120px;}
header .mod-menu > li.parent.active_li > ul {opacity: 1; display: flex; pointer-events: all; gap: .63rem; z-index: 10;}
header .mod-menu > li.parent.active_li > ul::before {-webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); opacity: 1;}

header .mod-menu > li.parent:hover > ul {opacity: 1; display: flex; pointer-events: all; gap: .63rem;}
header .mod-menu > li.parent:hover > ul::before {-webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); opacity: 1;}
header .mod-menu > li.parent > ul::before {-webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); transition: all .5s; opacity: 0; content: ''; height: 95%; width: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -500; pointer-events: none; margin-top: 2rem;  background: rgba(255, 255, 255, 0.2); border-bottom: 0.50px solid var(--white); border-top: 0.50px solid var(--white);}
header .mod-menu > li.parent > ul {opacity: 0; flex-wrap: wrap; gap: .63rem; display: flex; pointer-events: none; position: absolute; width: 100vw;  padding: 0.62rem 0; padding-top: 3.09rem; left: 50%; transform: translateX(-50%); justify-content: center;}
header .mod-menu > li.parent > ul > li {width: 164px; text-align: center;}
header .mod-menu > li.parent > ul > li > a {display: flex!important; height: 100%; flex-direction: column; align-items: center; font-size: .88rem; font-family: var(--montserrat); font-weight: 600; text-transform: none;}
header .mod-menu > li.parent > ul > li > a > img {max-width: 60px; height: fit-content; margin-bottom: .63rem;}
header .mod-menu > li.parent > ul > li > a span {margin: auto 0;}
.search {position: relative;}
.mod-search__input {margin-bottom: 0; border-radius: 0.62rem; padding: 0.62rem 0.94rem; border: none; font-family: var(--Lemon);}
.mod-search__input:focus {box-shadow: none;}
.search .btn.btn-search {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.search .btn.btn-search:focus {box-shadow: none;}
.mod-search__input::placeholder {color: var(--black);}


.navbar-light .navbar-toggler-icon {filter: invert(1);}

/* Футер */

footer {padding: 3.13rem 0;}
footer:not(.tekhnicheskoe-obsluzhivanie footer) { background: var(--dark);}
footer .logo {margin-right: 1rem;}
footer .logo img {max-width: 200px; width: 100%;}

footer .mod-menu > li.parent > ul {display: none;}
footer .mod-menu li a {font-family: var(--Lemon); font-size: 1rem; text-transform: uppercase;}
footer .mod-menu {align-items: start; flex-direction: column; width: 100%; display: flex; gap: .94rem;}

footer .footer_items {width: 100%; justify-content: space-between; flex-wrap: wrap; gap: 1rem;}

footer .mod-soc {gap: .85rem;}

.mod-menu > li.active_li > a,
.mod-menu > li > a:hover {color: var(--white); position: relative;}
.mod-menu > li.active_li > a::before,
.mod-menu > li > a:hover::before {content: ''; opacity: 0; transition: all .5s;  position: absolute; width: 100%; height: 2px; background: var(--violet); border-radius: 2px; bottom: -.6rem; left: 0;}
.mod-menu > li.active_li > a::before,
.mod-menu > li > a:hover::before {opacity: 1;}
/* кастомный скролл наверх */

.scroll-up {background: none; left: auto; right: 5%; width: 5.34rem; height: auto; border-radius: 1.25rem; z-index: 1000; bottom: 20%; opacity: .5;}


.mod-detail__advantages{}
.mod-detail__advantages .image_detail  img{max-height: 1100px;}

/* Главный баннер */


.mod-banner {position: relative; color: var(--white); padding-bottom: 5.38rem;}
.mod-banner.fullbg {background: none;}
.mod-banner .title {gap: .94rem; margin-bottom: 2.19rem;}
.mod-banner .mod-title {font-family: var(--Lemon); line-height: 100%; font-size: 3.38rem; color: var(--violet);}
.mod-banner .mod-subtitle {font-weight: 600; font-size: 1rem; font-family: var(--montserrat);} 
.mod-banner .container {padding-top: 2.38rem;}
.mod-banner .desc {font-weight: 600; margin-bottom: 2.19rem;}
.mod-banner .image {pointer-events: none; position: relative; z-index: -10;}
.mod-banner .mod-fon__design {z-index: -100; pointer-events: none; top: 13.83rem; left: -3.87rem;width: 2099px;overflow: hidden;}
.mod-banner .mod-fon__design img {max-width: 224%;display:none;}

.about .mod-banner .container {padding-top: 2rem;}
.mod-banner .contain_car {width: auto; position: relative;}
.mod-banner .contain_car .mod-shadow {bottom: -3rem; left: 0; z-index: -100;}
.lens-center {opacity: 0; position: absolute;width: 16.25rem; height: 16.25rem; border-radius: 100%; left: 30%; top: 14%; background: radial-gradient(closest-side circle at center,
        hsl(4 5% 100% / 100%) 0%, 
        hsl(4 5% 100% / 100%) 15%, 
        hsl(4 10% 70% / 70%) 30%,
        hsl(4 0% 50% / 30%) 55%,
        hsl(4 0% 10% / 5%) 75%,
        transparent 99%
    );
    filter: blur(4px);
}
.lens-center {
	background: radial-gradient(closest-side circle at center,
        hsl(4 5% 100% / 100%) 0%, 
        hsl(4 5% 100% / 100%) 0%, 
        hsl(4 10% 70% / 70%) 30%,
        hsl(4 0% 50% / 30%) 55%,
        hsl(4 0% 10% / 5%) 75%,
        transparent 99%
    )
}
.lens-center::before{content: '';display: block;width: 80vmin;height: 80vmin;left: calc((80vmin - 40vmin) / 2 * -1);top: calc((80vmin - 40vmin) /2 * -1);position: absolute;border-radius: 100%;
    background: radial-gradient(closest-side circle at center,
      hsl(4 15% 70% / 15%) 0%,
      transparent 100%);
}

.lens-center::after {content: ''; display: block; width: 4vmin; height: 4vmin; left: 54%; bottom: 20%; position: absolute; border-radius: 100%;
    background: radial-gradient(closest-side circle at center,
        hsl(4 30% 70% / 60%) 0%,
        transparent 75%);
}


.lens-center2{opacity: 0; position: absolute;width: 16rem; height: 16rem;border-radius: 100%; left: 68%; top: 12%; background: radial-gradient(closest-side circle at center,
	hsl(4 5% 100% / 100%) 0%, 
	hsl(4 5% 100% / 100%) 15%, 
	hsl(4 10% 70% / 70%) 30%,
	hsl(4 0% 50% / 30%) 55%,
	hsl(4 0% 10% / 5%) 75%,
	transparent 99%
);
filter: blur(4px);
}
.lens-center2::before{content: '';display: block;width: 80vmin;height: 80vmin;left: calc((80vmin - 40vmin) / 2 * -1);top: calc((80vmin - 40vmin) /2 * -1);position: absolute;border-radius: 100%;
    background: radial-gradient(closest-side circle at center,
      hsl(4 15% 70% / 15%) 0%,
      transparent 100%);
}

.lens-center2::after {content: ''; display: block; width: 4vmin; height: 4vmin; left: 54%; bottom: 20%; position: absolute; border-radius: 100%;
    background: radial-gradient(closest-side circle at center,
        hsl(4 30% 70% / 60%) 0%,
        transparent 75%);
}


/* блок преимущества */

.mod-advantages {position: relative; margin-bottom: 6.5rem;}
.mod-advantages.fullbg {background: none;}
.mod-advantages .mod-advant__bg {transform: translateX(-50%); left: 50%; top: -10.19rem; width: 340%; z-index: -100; pointer-events: none; user-select: none;}
.mod-advantages .mod-advant__bg img {max-width: 100%;}
.mod-advantages .title {color: var(--white); margin-bottom: 2.25rem;}
.mod-advantages .mod-card {padding: 1.56rem; border-radius: 1.25rem; border: 0.50px solid var(--white); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px);  background: rgba(255, 255, 255, 0.2);}
.mod-advantages .mod-card .mod-card__title {margin-bottom: .94rem;}
.mod-advantages .mod-card .mod-title {width: fit-content; color: var(--white); margin-bottom: 0; font-size: 1rem;}
.mod-advantages .mod-card .mod-card__desc {color: var(--white); margin-bottom: 0;} 
.mod-advantages .mod-card .image img {min-width: 45px; max-width: 1rem;}

.about .mod-advantages {margin-bottom: 3.13rem;}
.about .mod-advantages .mod-advant__bg {display: none;}

/* модуль поможем с выбором */

.mod-choice {position: relative; margin-bottom: 6.5rem;}
.mod-choice .title {color: var(--white); margin-bottom: 1.88rem;}

.mod-choice .mod-cards {gap: 1.88rem;}
.mod-choice .mod-card {--b: 1px; --r: 1.25rem; display: flex; gap: 2.5rem; position: relative; border-radius: 1.25rem; padding: 0.62rem 1.56rem; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px);  background: rgba(255, 255, 255, 0.2); color: var(--white);}
.mod-choice .mod-card::before {content: ""; position: absolute; z-index: -1; inset: 0; padding: var(--b); border-radius: var(--r); background: linear-gradient(90deg, var(--green) 0%, var(--yellow) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.mod-choice .mod-card__title {margin-bottom: .63rem;}
.mod-choice .mod-cards .image_card {min-width: 35.7px;}
.mod-choice .btns {gap: 1.31rem; margin-top: 4.43rem; position: relative; z-index: 10;}
.mod-choice .mod-card img {min-width: 51px; max-width: 51px;}
.mod-choice .mod-choice__line1 {height: 0%; transition: all .5s linear; width: 3px; background: var(--white); top: 0; left: 10.63rem; z-index: -60;} 
.mod-choice .mod-choice__line2 {height: 3px;  transition: all .5s linear; width: 0%;  background: var(--white); top: 0; left: 10.63rem; z-index: -60;} 

.mod-choice .mod-card.animate {animation: card 1s ease;}
.mod-choice .mod-cards {max-height: 40rem; height: 40rem; overflow: auto;}

.mod-choice .mod-cards::-webkit-scrollbar {width: 5px;}

@keyframes card {
	from {opacity: 0;}
	top {opacity: 1;}
}

.mod-choice .image { /*background: url('/images/modules/mod-choice/004.png') no-repeat 0 0; background-size: auto 100%;animation: sprite 1s steps(3) infinite; */}
/* .mod-choice .image img {opacity: 1;} */


.mod-choice .image_areas {position: absolute; pointer-events: none; opacity: 0; transition: all .5s linear;}
.mod-choice .area-label {cursor: pointer;}

.mod-choice .image_areas.active {opacity: 1!important;}



/* Страница проблемы и их решения */

.mod-problems {padding-bottom: 2.5rem; margin-top: 3.13rem;}
.mod-problems::before {background: url('/images/modules/mod-problems/001.png') bottom center no-repeat; background-size: auto auto; margin-left: -50vw}
.mod-problems .accordion {display: flex; flex-direction: column; gap: 1.25rem;}
.mod-problems .accordion-item {-webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px);  background: rgba(255, 255, 255, 0.2); border-radius: 0.62rem; border: 0.50px solid var(--white); color: var(--white);}
.mod-problems .accordion-button {background: none; padding: 0.62rem 1.25rem; color: var(--white); border-radius: 0; border: none; border-bottom: .50px solid var(--white);}
.mod-problems .accordion-button::after {content: none;}
.mod-problems .accordion-button:focus {box-shadow: none;}
.mod-problems .accordion-button.collapsed {border-bottom: none;}
.mod-problems .accordion-button svg {transform: rotate(0deg); transform-origin: center; transition: all .5s linear;}
.mod-problems .accordion-button.collapsed svg {transform: rotate(180deg); }
.mod-problems .image {margin-right: 3.13rem; min-width: 64px;}
.mod-problems .mod-body__text p {-webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0;}
.mod-problems .mod-arc {white-space: nowrap; border-radius: 0.62rem; padding: 0.62rem; background: var(--light-orange);}
.mod-problems .mod-dop__infa {white-space: nowrap; margin-bottom: 0; border-radius: 0.62rem; padding: 0.62rem; background: rgba(255, 255, 255, 0.2); color: var(--white); border: .5px solid var(--white);}
.mod-problems .mod-head__text {margin-bottom: .62rem; flex-wrap: wrap;}

.mod-problems mark {padding: 0;}
.mod-problems .mod-search__problems {margin-bottom: 3.13rem; min-height: 2.74rem;}
.mod-problems .mod-search__problems form {position: relative;}
.mod-problems .mod-search__problems .mod-search__problems__input {margin-bottom: 0; border-radius: 0.62rem; padding: 0.62rem 0.94rem; padding-right: 3rem; border: none; font-weight: 600;}
.mod-problems .mod-search__problems .mod-search__problems__input:focus {outline: none; box-shadow: none;}
.mod-problems .mod-search__problems .mod-search__problems__input::placeholder {color: var(--black); font-weight: 600;}
.mod-problems .mod-search__problems .btn.btn-search {position: absolute; top: 50%; right: 0; transform: translateY(-50%); pointer-events: none;}
.mod-problems .accordion-item .key-problem::first-letter {text-transform: uppercase;}
.mod-problems form {transition: all .5s ease;}
.mod-problems form.fixed {position: fixed; top: 3.13rem; z-index: 10;}
/* модуль слайдер новостей */

.novosti .mod-news__slider {margin-top: 3.13rem; margin-bottom: 0;}


.mod-news__slider {position: relative; margin-bottom: 6.5rem;}
.mod-news__slider.fullbg {background: none;}
.mod-news__slider .title {color: var(--white); margin-bottom: 6.25rem;}
.mod-news__slider .slider {position: relative;}
.mod-news__slider .slider .owl-item {padding: 3rem 0; display: flex; justify-content: center; align-items: center;}
.mod-news__slider .slider .owl-item {background: url('/images/modules/mod-news/slider/fon.jpg') center no-repeat; background-size: cover;}
.mod-news__slider .slider .image img {width: auto; height: 100%;}
.mod-news__slider .slider-title {margin-bottom: 1.88rem;}
.mod-news__slider .introtext {margin-bottom: 1.88rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.mod-news__slider .introtext p {margin-bottom: 0;}
.mod-news__slider .owl-carousel .owl-nav button.owl-prev,
.mod-news__slider .owl-carousel .owl-nav button.owl-next {width: 50px; height: 50px; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 1px solid var(--white);}
.mod-news__slider .owl-prev span,
.mod-news__slider .owl-next span {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.mod-news__slider .owl-carousel .owl-nav {max-width: 100%; width: 99vw;}

/* .mod-news__slider .owl-carousel .owl-nav {display: block!important;} */

/* Модуль где купить */

.mod-contacts {position: relative; margin-bottom: 6rem;}
.mod-contacts .mod-fon__contacts {transform: translateX(-50%); width: 300%; left: 50%; top: -26.75rem; pointer-events: none; z-index: -100;}
.mod-contacts .mod-fon__contacts img {max-width: 100%;}
.mod-contacts .title {color: var(--white); margin-bottom: 2.25rem;}
.mod-contacts .mod-choice__contacts {gap: 1.88rem;display: grid !important;grid-template-columns: 1fr 260px 1fr 1fr;}
.mod-contacts select {border: 0.50px solid var(--white);  -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); border-radius: 0.62rem; padding: 0.94rem 2.19rem; background: rgba(255, 255, 255, 0.2); width: 100%; color: var(--white); appearance: none; cursor: pointer; position: relative;}
.mod-contacts select option {color: var(--black);}
.mod-contacts .mod-select__wrapper::after {content: ''; width: 1.3rem; height: .75rem; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: url('/images/modules/mod-contacts/icon/arrow.png') center no-repeat; background-size: 100% 100%;}
.mod-contacts select:focus {outline: none;}
.mod-contacts .mod-block .mod-title_block {color: var(--white); margin-bottom: 1.88rem;}
body:not(.home) .mod-contacts .col-lg-6.col-md-7.col-sm-7:has(.mod-map) {min-height:calc(100vh - 270px);}
.mod-contacts .mod-map {border-radius: 1.25rem; overflow: hidden;width: calc(100% - 6px);}
.mod-contacts .mod-map iframe {min-height: 400px; height: 100%; width: 100%;}
.mod-contacts .mod-map img {max-height: 100%; height: 100%; object-fit: cover;}
.mod-contacts .mod-card_contacts {border: 0.50px solid var(--white); border-radius: 1.25rem; padding: 3.12rem 1.25rem; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px);  background: rgba(255, 255, 255, 0.2)}
.mod-contacts .mod-contacts__links {gap: 1.25rem;}
/* .mod-contacts .mod-block__links {max-width: 12rem; width: 100%;justify-content: space-between;} */
.mod-contacts .mod-block__links a {white-space: nowrap;}
.mod-contacts .mod-block__links:nth-child(1) img,
.mod-contacts .mod-block__links:nth-child(2) img {min-width: 2.5rem;}
.mod-contacts .mod-block__links:nth-child(3) img,
.mod-contacts .mod-block__links:nth-child(4) img {min-width: 2.19rem;}
.mod-contacts .btn{border: 0.50px solid var(--white); border-radius: 0.62rem; padding: 0.94rem 2.19rem;  -webkit-backdrop-filter: blur(30px);  backdrop-filter: blur(30px); white-space: nowrap; line-height: normal; background: rgba(255, 255, 255, 0.2); color: var(--white); font-size: 1.25rem;}

.mod-contacts .mod-card_contacts>div.position-relative{min-height:300px;max-height:calc(100vh - 370px);overflow-y: auto;overflow-x:visible;}

/* .mod-contacts .mod-contacts__links {gap: 1.5rem;} */
.mod-contacts .mod-block__links {max-width: 100%; width: 100%; color:var(--white);justify-content: space-between;}
.mod-contacts .mod-block__links a:not(#card-tel) {white-space:  break-spaces;}

.mod-contacts .mod-contacts__links.card-row table {margin:0 auto;}
.mod-contacts .mod-contacts__links.card-row th {padding:3px;}
.mod-contacts .mod-contacts__links.card-row td {padding:3px;text-align:right;}

.mod-contacts .mod-block__links .select-map-timetable {font-variant-numeric: tabular-nums;}

.mod-contacts .card-list{position:relative;padding-left:0;margin-left:13px;width:calc(25% - 13px);}
.mod-contacts .card-row {position:relative;}
.mod-contacts .card-row:not(.hidden):before{content:'';position:absolute;width:100%;height:2px;background:var(--white);top:-2px;left:0;}
.mod-contacts .card-row:not(.hidden){padding:25px 0;}

.mod-contacts .card-row.hidden,
.mod-contacts select option.hidden{display:none!important;}


/* Страница контактов */

.mod-contacts__page {padding: 3.13rem 0 6.5rem;}
.mod-contacts__page .mod-contact__blocks {gap: 2.5rem;}
.mod-contacts__page .mod-card {border: 0.50px solid var(--white); border-radius: 1.25rem; padding: 1.88rem 1.25rem; color: var(--white); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); background: rgba(255, 255, 255, 0.2); gap: 1.25rem;}
.mod-contacts__page .mod-card .title_card {font-weight: bold; font-size: 1.25rem;}
.mod-contacts__page .mod-block__links {gap: 1.19rem;}



/* страница категорий */

.mod-banner__catalog {position: relative; margin-top: 3.13rem; margin-bottom: 6.25rem; padding: 4.38rem 0;}
.mod-banner__catalog::before {background: url('/images/modules/mod-catalog/013.jpg') center no-repeat; background-size: cover;}

.remont-i-obsluzhivanie .mod-banner__catalog::before,
.tekhnicheskoe-obsluzhivanie .mod-banner__catalog::before,
.ochistka-kuzova .mod-banner__catalog::before {background: url('/images/modules/mod-catalog/002.jpg') center no-repeat; background-size: cover;}
.remont-i-obsluzhivanie .mod-banner__catalog h1,
.tekhnicheskoe-obsluzhivanie .mod-banner__catalog h1,
.ochistka-kuzova .mod-banner__catalog .mod-banner__catalog h1 {margin-bottom: 3.13rem;}
.mod-banner__catalog h1 {color: var(--white);}
.mod-banner__catalog .introtext {color: var(--white);}

.com-content-category__articles {padding-bottom: 3.13rem; position: relative; }
.com-content-category__articles.fullbg {background: none;}
.com-content-category__articles .mod-card {
	max-width: 430px;
	max-height: 230px;
	transition: all .5s ease; --b: 0; --r: 1.25rem; position: relative; transition: all .5s; border-radius: 1.25rem; padding: 1.25rem 2.5rem; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); background: rgba(255, 255, 255, 0.2); display: block;}

.com-content-category__articles .mod-card .arctic {transition: all .5s ease; position: relative; background: rgba(255, 255, 255, 0.2); display: block; border-radius: 0.62rem; padding: 0.62rem; width: fit-content; border: 1px solid var(--white);}
.com-content-category__articles .mod-card:hover {color: #fff; --b: 1px;}
.com-content-category__articles .mod-card:hover::before {opacity: 1;}
.com-content-category__articles .mod-card:hover .arctic {background: var(--yellow); border: 1px solid var(--yellow);}
.com-content-category__articles .mod-bg__catalog {transform: translate(-50%); left: 50%; /*top: 3.81rem; */ bottom: 0; z-index: -9999; pointer-events: none;}
.com-content-category__articles .mod-bg__catalog img {max-width: none;}
.com-content-category__articles .mod-card::before {content: ""; opacity: 0; transition: all .5s; position: absolute; z-index: -1; inset: 0; padding: var(--b); border-radius: var(--r); background: var(--yellow); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.remont-i-obsluzhivanie .com-content-category__articles .mod-card::before,
.tekhnicheskoe-obsluzhivanie .com-content-category__articles .mod-card::before,
.ochistka-kuzova .com-content-category__articles .mod-card::before {background: linear-gradient(90deg, var(--green) 0%, var(--yellow) 100%);}

/* оранжевый при наведении */
.com-content-category__articles .mod-card.orange::before {background: linear-gradient(90deg, var(--light-orange) 0%, var(--light-orange) 100%) !important;}
.com-content-category__articles .mod-card.orange:hover .arctic {background: linear-gradient(90deg, var(--light-orange) 0%, var(--light-orange) 100%) !important; border: 1px solid var(--light-orange)!important;}


/* yellow-green-orange */

.com-content-category__articles .mod-card.yellow-green-orange::before {background: linear-gradient(90deg, var(--light-yellow) 20%, var(--green) 66%, var(--light-orange) 100%) !important;}
.com-content-category__articles .mod-card.yellow-green-orange:hover .arctic {background: linear-gradient(90deg, var(--light-yellow) 17%, var(--green) 37%, var(--light-orange) 100%) !important; border: 1px solid transparent;}

/* yellow */

.com-content-category__articles .mod-card.yellow::before {background: var(--light-yellow) !important;}
.com-content-category__articles .mod-card.yellow:hover .arctic {background: var(--light-yellow) !important; border: 1px solid transparent;}


.remont-i-obsluzhivanie .com-content-category__articles .mod-card:hover .arctic,
.tekhnicheskoe-obsluzhivanie .com-content-category__articles .mod-card:hover .arctic,
.ochistka-kuzova .com-content-category__articles .mod-card:hover .arctic {background: linear-gradient(90deg, var(--green) 0%, var(--yellow) 100%);}

/* детальная страница товара */



.mod-detail__banener {padding-top: 3.13rem; position: relative; padding-bottom: .38rem;}
.mod-detail__banener h1 {position: relative;}
.mod-detail__banener h1 .mod-line__page {position: absolute; width: 3px; background: #fff; right: -2.5rem; top: 0; height: 100vh;}
.mod-detail__banener .image .mod-banner__img {position: relative; z-index: 5;}
.mod-detail__banener .image img {cursor: pointer; transition: filter .5s; filter: brightness(.5);}
.mod-detail__banener .image img.active {filter: brightness(1);}
.mod-detail__banener .image .mod-img__left {margin-bottom: 1rem; margin-left: -3rem; position: relative; z-index: 0; transform: scale(1.03);}
.mod-detail__banener .image img:hover {filter: brightness(1);}
.mod-detail__banener::after {content: ''; position: absolute; width: 92.56rem; height: 46.25rem; background: url('/images/modules/mod-catalog/products/009.png') center no-repeat; background-size: contain; top: 50%; left: 0%; z-index: -1000; pointer-events: none;}

/* кастомные цвета для палочки */

.produkty-dlya-dizelnykh-dvigatelej:has(.color_bg_custom) .mod-detail__banener h1 .mod-line__page {background: var(--light-yellow);}
.tekhnicheskoe-obsluzhivanie:has(.color_bg_custom) .mod-detail__banener h1 .mod-line__page {background: var(--light-orange);}
.remont-i-obsluzhivanie:has(.color_bg_custom) .mod-detail__banener h1 .mod-line__page {background: var(--light-orange);}



.servisnye-produkty:has(.color_bg_custom) .mod-detail__banener h1 .mod-line__page {background: var(--light-orange);}
.mod-detail__banener::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: var(--white);}
.mod-detail__banener .image img {max-width: 50%;}
.mod-detail__banener .subtitle {margin-bottom: 4.25rem;}


.mod-block__video {position: relative; margin-bottom: 5.94rem;}
.mod-block__video .p_desc {margin-bottom: 3.56rem;}
.mod-block__video .image_video {border-radius: 1.25rem; overflow: hidden; position: relative; cursor: pointer;}
/* .mod-block__video .image_video::before {content: ''; position: absolute; z-index: 10; pointer-events: none; width: 100%; height: 100%; top: 0; left: 0; background: rgba(247, 150, 70, 0.5);} */
.mod-block__video .image_video .play {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; max-width: 20%; overflow: hidden;}
.mod-block__video .image_video .play .mod-tp {position: absolute; width: 100%; }
.mod-block__video .play .image-container {overflow: hidden;}
.mod-block__video .image-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	-webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px); /* Применяем эффект размытия к области обрезанного изображения */
}
.mod-block_advantages:not(.mod-block_advantages:last-child) {margin-bottom: 1.88rem;}
.mod-block_advantages .h1 {margin-bottom: 1.25rem;}

.mod-litr__contain {margin-bottom: 1rem;}

.produkty-dlya-dizelnykh-dvigatelej:has(.color_bg_custom) .mod-litr__contain .mod-litr__articul {color: var(--light-yellow);}

.produkty-dlya-masel:has(.color_bg_custom) .mod-litr__contain .mod-litr__articul {color: var(--red);}

.mod-litr__contain .mod-litr__articul {margin-bottom: .31rem; color: var(--light-orange);}
.mod-litr__contain .mod-litr__articul,
.mod-litr__contain .mod-litr {font-family: var(--Lemon);}

.mod-social {margin-top: 1.88rem;}
.mod-social .mod-social__blocks {gap: 1.25rem;}

/* цвета для иконок соц сетей */

.produkty-dlya-dizelnykh-dvigatelej:has(.color_bg_custom) .mod-social .mod-image__solial svg path {fill: var(--light-yellow);}

.tekhnicheskoe-obsluzhivanie:has(.color_bg_custom) .mod-social .mod-image__solial svg path {fill: var(--light-orange);}

.produkty-dlya-masel:has(.color_bg_custom) .mod-social .mod-image__solial svg path {fill: var(--red);}
.remont-i-obsluzhivanie:has(.color_bg_custom) .mod-social .mod-image__solial svg path {fill: var(--light-orange);}

/* Страница каталога */
.custom-catalog__menu {padding: 11.13rem 0 7.38rem;}
.custom-catalog__menu.mod-menu {padding: 0;}
.custom-catalog__menu .mod-menu > .metismenu-item > a {height: 100%; width: 100%; display: flex; flex-direction: column; transform-origin: center; align-items: center; text-align: center; gap: 3.13rem; font-size: 1.5rem; line-height: normal; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); background: rgba(255, 255, 255, 0.2); font-weight: 600; border: 0.50px solid var(--white); border-radius: 1.25rem; padding: 1.88rem 1rem;}
.custom-catalog__menu .mod-menu > .metismenu-item > a .image-title {margin-top: auto; margin-bottom: 0;}
.custom-catalog__menu .mod-menu .metismenu-item img {max-width: 140px; width: 100%; height: fit-content; object-fit: contain;}

.custom-catalog__menu .mod-menu > .metismenu-item > a:hover {color: var(--white); position: relative; z-index: 20;}

.custom-catalog__menu .mod-menu .metismenu-item a {font-size: 1.25rem;}

.custom-catalog__menu .mod-menu .metismenu-item {display: flex; align-items: end;}

.mod-prem .mod-num {color: var(--white); font-size: 6rem; font-family: var(--Lemon); margin-right: 1.88rem; min-width: 3.75rem;}
.mod-prem .mod-blocks__prem {gap: 1.25rem;}
.mod-prem .mod-blocks__prem .mod-block {padding: 0.62rem 1.56rem; position: relative;}
.mod-prem .mod-blocks__prem .mod-block::before {content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 95vw; border: 0.50px solid var(--white); border-radius: 1.25rem 0 0 1.25rem; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); background: rgba(255, 255, 255, 0.2); z-index: -100;}




/* страница поиска */

.mod-result__search {margin-bottom: 3.13rem;}
.mod-result__search .mod-card { --b: 0; --r: 1.25rem; position: relative; transition: all .5s; border-radius: 1.25rem; padding: 1.25rem 2.5rem; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); background: rgba(255, 255, 255, 0.2); display: block;}
.mod-result__search .mod-card::before {content: ""; opacity: 0; transition: all .5s; position: absolute; z-index: -1; inset: 0; padding: var(--b); border-radius: var(--r); background: linear-gradient(90deg, var(--green) 0%, var(--yellow) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.mod-result__search .mod-card .arctic {position: relative; background: rgba(255, 255, 255, 0.2); display: block; border-radius: 0.62rem; padding: 0.62rem; width: fit-content; border: 1px solid var(--white);}
.mod-result__search .mod-card:hover {color: #fff; --b: 1px;}
.mod-result__search .mod-card:hover::before {opacity: 1;}
.mod-result__search .mod-card:hover .arctic {background: linear-gradient(90deg, var(--green) 0%, var(--yellow) 100%); border-color: none;}

.mod-result__search .form_search {margin-top: 10rem; margin-bottom: 5rem;}

.produkty-dlya-dizelnykh-dvigatelej:has(.color_bg_custom) .mod-result__search .mod-card::before {background: rgba(238, 238, 67, 0.5);}


/* Страница новостей */

.mod-news__page {margin-top: 6.25rem; padding-bottom: 3.13rem;}

.mod-news__page .item {backdrop-filter: blur(30px); background: rgba(255, 255, 255, 0.2); border: 0.50px solid var(--white); border-radius: 1.25rem; padding: 1.56rem 1.25rem;}
.mod-news__page .item .mod-title {margin-bottom: .63rem; 	display: -webkit-box;
	-webkit-line-clamp: 3; /* Количество строк */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;}
.mod-news__page .item .introtext {margin-bottom: 1.25rem; -webkit-line-clamp: 5; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.mod-news__page .readmore {margin-bottom: 1.25rem;}
.mod-news__page .image {width: 100%; height: 240px; border-radius: .63rem; overflow: hidden; display: block;}
.mod-news__page .image img {height: 100%; width: 100%; object-fit: cover;}


/* Детальная страница новостей */

.mod-detail__news {padding: 3.13rem 0;}

.mod-detail__news .image {max-height: 600px;}
.mod-detail__news .image img {object-fit: cover; max-height: 100%; border-radius: 1rem;}


/* Страница где купить */

.mod-buy__page {margin: 3.13rem 0;}
.mod-buy__page .row.g-4 {--bs-gutter-x: 1.88rem; --bs-gutter-y: 1.88rem;}
.mod-buy__page .mod-map {border-radius: 1.25rem; overflow: hidden;width: calc(100% - 11px);}
.mod-buy__page .mod-map img {max-height: 100%; object-fit: cover; height: 100%;}
.mod-buy__page .mod-map iframe {min-height: 400px; height: 100%; width: 100%;}
.mod-buy__page .mod-card_contacts {border: 0.50px solid var(--white); border-radius: 1.25rem; padding: 3.12rem 1.25rem; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); background: rgba(255, 255, 255, 0.2);}
.mod-buy__page .mod-card_contacts>div.position-relative{min-height:300px;max-height:calc(100vh - 270px);overflow-y: auto;overflow-x:visible;}
.mod-buy__page .mod-contacts__links {gap: 1.5rem;}
/* .mod-buy__page .mod-block__links {max-width: 11.62rem; width: 100%; gap: .94rem;color:var(--white);} */
.mod-buy__page .mod-block__links {max-width: 100%; width: 100%; gap: .94rem;color:var(--white);}
.mod-buy__page .mod-block__links a {white-space: nowrap;}
.mod-buy__page .mod-block__links a:not(#card-tel) {white-space:  break-spaces;}
.mod-buy__page .mod-block__links:nth-child(1) img,
.mod-buy__page .mod-block__links:nth-child(2) img {min-width: 2.5rem;}
.mod-buy__page .mod-block__links:nth-child(3) img,
.mod-buy__page .mod-block__links:nth-child(4) img {min-width: 2.19rem;}

.mod-buy__page .mod-contacts__links.card-row table {margin:0 auto;}
.mod-buy__page .mod-contacts__links.card-row th {padding:3px;}
.mod-buy__page .mod-contacts__links.card-row td {padding:3px;text-align:right;}

.mod-buy__page .mod-block__links .select-map-timetable {font-variant-numeric: tabular-nums;}

.mod-buy__page .card-list{position:relative;padding-left:0;margin-left:-2px;width:calc(26% - 12px);}
.mod-buy__page .card-row {position:relative;}
.mod-buy__page .card-row:not(.hidden):before{content:'';position:absolute;width:100%;height:2px;background:var(--white);top:-2px;left:0;}
.mod-buy__page .card-row:not(.hidden){padding:25px 0;}

.mod-buy__page select {width: 100%; border: 0.50px solid var(--white); border-radius: 0.62rem; font-weight: 600; font-size: 1.25rem; padding: 0.94rem 2.19rem; background: rgba(255, 255, 255, 0.2);color: var(--white); appearance: none; width: 100%;}
.mod-buy__page select option {color: var(--black);}
.mod-buy__page .card-row.hidden,
.mod-buy__page select option.hidden{display:none!important;}
.mod-buy__page .btn {border: 0.50px solid var(--white); border-radius: 0.62rem; padding: 1.15rem 2.19rem; white-space: nowrap; line-height: normal; background: rgba(255, 255, 255, 0.2); color: var(--white); font-weight: 700; font-size: 1.25rem;}
.mod-buy__page .mod-block .mod-title_block {color: var(--white); margin-bottom: 1.88rem; font-size: 1.5rem;}
.mod-buy__page .mod-select__wrapper::after {content: ''; width: 1.3rem; height: .75rem; position: absolute; right: 4%; top: 50%; transform: translateY(-50%); background: url('/images/modules/mod-contacts/icon/arrow.png') center no-repeat; background-size: 100% 100%;}
.mod-buy__page select:focus {outline: none;}
.mod-buy__page .mod-choice__contacts {gap: 1.5rem;}

/* Страница поиска */

.com-finder {color: var(--white); padding: 3.13rem 0;}
.com-finder mark {background: var(--violet); color: var(--white);}
.com-finder .btn-primary {background: var(--violet); border-color: var(--violet);}

.com-finder .result__item {padding: 1rem; background: rgba(255, 255, 255, 0.2); border: 2px solid var(--white); border-radius: .62rem; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); }
.com-finder .result__title-url {color: rgba(255, 255, 255, 0.8);}




/* Адаптив */
@media (max-width: 1440px) {
	.mod-contacts .col-lg-9 {
		width: 100%!important;
	}
	.mod-contacts .d-none{
		display: none!important;
	}
	.mod-contacts .col-lg-6 {
		width: 75%!important;
	}
	.mod-contacts .mod-map img {
		width: 100%;
		height: 100%;
	}
}

@media screen and (max-width: 1200px) {
	header #header_items {justify-content: space-between; padding-top: 2.5rem; align-items: start;}
	footer .header-contacts {display: none;}
	header .mod-menu {align-items: start;}
}
@media screen and (max-width: 992px) {
	footer .header-contacts > .mod-block {justify-content: start!important;}
	.mod-detail__banener h1 {font-size: 2.5rem;}
	.mod-choice__contacts{align-items: flex-end; flex-direction: column;}
	.mod-contacts .card-list{width:calc(100% - 20px);}
	.mod-contacts .col-lg-6 {
		width: 100%!important;
	}
	.mod-contacts .mod-choice__contacts {
		grid-template-columns: 1fr 260px 1fr;
	}
}
@media (max-width: 768px) {
	.mod-contacts .mod-choice__contacts {
		grid-template-columns: 1fr 1fr;
	}
}
.mod-detail__advantages + .com-content-article__body {
	display: none!important;
}
@media screen and (max-width: 576px) {
	.mod-news__slider .owl-carousel .owl-nav {display: none;}
}
@media screen and (max-width: 400px) {
	.mod-detail__banener h1 {font-size: 2rem;}
}

@media screen and (min-width: 320px) {
	.mod-banner .mod-title {font-size: 4.38rem;}
}
@media screen and (max-width: 335px) {
	header .mod-menu > li.parent > ul::before {height: 98%;}
}
@media screen and (min-width: 400px) {
	.mod-banner .mod-title {font-size: 6.38rem;}
	.mod-contacts .mod-title_block {font-size: 1rem;}
}

@media screen and (min-width: 576px) {
	h1, .h1 {font-size: 3.13rem;}

	/* ШАПКА */

	footer .mod-menu {flex-direction: row; text-align: center; width: auto;}

	/* блок преимущества */
	.mod-advantages .mod-card .image img {min-width: 60px;}

	/* Страница где купить */
	

	/* модуль где купить */
	.mod-contacts .mod-card_contacts {height: 100%;}
	.mod-contacts .mod-car {position: absolute; z-index: -10; left: 0; top: -3.38rem;}
	.mod-contacts .mod-car img {max-width: none;}
}

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

	/* шапка */
	header .mod-menu > li.parent > ul {flex-wrap: nowrap;}
	header .mod-menu > li.parent > ul::before {height: 80%;}


	/* футер */

	footer .mod-menu {align-items: center;}
	
	/* модуль где купить */

	.mod-contacts .mod-fon__contacts {width: 200%;}
	.mod-contacts .logo_contacts {margin-bottom: 2rem;}
	/* детальная страница товара */
	.mod-block__video,
	.mod-detail__banener h1,
	.mod-detail__banener .subtitle {margin-right: 2.19rem;}
	.mod-detail__banener::before {width: 97%;}
	.mod-detail__banener .image img {max-width: 100%;}

	.mod-detail__banener::after {top: 0; left: 23%;}


	.mod-prem .mod-blocks__prem .mod-block::before {width: 83vw;}

	.scroll-up {opacity: 1;}
	
	/* СТРАНИЦА ГДЕ КУПИТЬ */


	/* Проблемы и их решения */
	.mod-problems .mod-head__text {flex-wrap: nowrap;}
}

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

	/* Главный баннер */
	.lens-center2.animate {animation: animfar 3s linear forwards infinite; animation-delay: 1s;}
	.mod-banner .image img {transform: translate(-90%, -20%);}
	.mod-banner .image img.animate {animation: animCar 1s linear forwards;}
	.lens-center.animate {animation: animfar 3s linear forwards infinite; animation-delay: 1s;}
	.mod-banner {/*padding-bottom: 13.38rem;*/padding-bottom: 666px;margin-bottom:-430px;}
	.mod-banner .mod-title {font-family: var(--Lemon); line-height: 100%; font-size: 9.38rem; color: var(--violet);}
	.mod-banner .mod-subtitle {font-size: 1rem;}
	.mod-banner .image {margin-top: -191px; margin-right: -85px;}
	.mod-banner .image img {max-width: none;}
	.mod-banner .mod-fon__design {top: 424px; left: -285px; width: 1920px;}
	.mod-banner .mod-fon__design img {max-width: 1920px;display:inherit;}
	.mod-banner .contain_car .mod-car {margin-right: 160px;}
	.mod-banner .contain_car .mod-shadow {left: -160px; top: -70px;}

	/* блок преимущества */
	.mod-advantages {margin-bottom: 12.5rem;}
	.mod-advantages .mod-advant__bg {width: auto;}
	.mod-advantages .mod-advant__bg img {max-width: none;}
	.mod-advantages .title {margin-bottom: 6.25rem;}
	
	
	.mod-choice .mod-cards {margin-top: 4.38rem;}
	
	/* модуль где купить */
	.mod-contacts {margin-bottom: 12.5rem;}
	.mod-contacts .mod-fon__contacts {width: auto;}
	.mod-contacts .mod-fon__contacts img {max-width: none;}
	.mod-contacts .title {margin-bottom: 2.25rem;}

	/* Страница каталога */
	.custom-catalog__menu .mod-menu > .metismenu-item > a:hover {transform: translateY(-3.35rem) scale(1.2);}
	.mod-contacts__page {padding: 3.13rem 0 16rem;}
	/* блок слайдер новости */

	.mod-news__slider .slider {min-height: 400px;}
	.mod-news__slider .slider .owl-item {min-height: 400px; padding: 0 0;}

	/* страница контактов */
	.mod-contacts__page .mod-contact_car {position: absolute; top: -1rem; left: -6rem; z-index: -10;}
	.mod-contacts__page .mod-contact_car img {max-width: none;}

	/* страница где купить */
	.mod-buy__page .mod-car {position: absolute; top: -10.68rem; left: -23rem; pointer-events: none; z-index: -100;}
	.mod-buy__page .mod-car img {max-width: none;}
	
	.mod-buy__page .mod-card_contacts {height: 100%;}

	/* Слайдер новости */
	.mod-news__slider {margin-bottom: 12.5rem;}
	/* .mod-news__slider .owl-carousel .owl-nav {max-width: 110%;} */

	/* модуль поможем с выбором */
	.mod-choice {margin-bottom: 12.5rem;}
	.mod-choice .image {margin-top: 6.63rem; margin-right: -2.3rem;}
	.mod-choice .mod-cards {max-height: 40rem; height: 40rem;}

}

@media screen and (min-width: 1200px) {
	/* Шапка сайта */

	header > .container { gap: 4.79rem;}
	header .mod-menu {flex-direction: row; text-align: start;}
	header .mod-search__input {max-width: none;}
	header #header_items {justify-content: space-between; gap: 0;}
	header .mod-menu li a {font-size: .8rem;}
	header .mod-menu > li.parent > ul > li {max-width: 164px;}

	/* модуль поможем с выбором */
	.mod-choice .image {position: absolute; top: 0; right: 0;}
	.mod-choice .mod-cards {max-height: 33.13rem; height: 530.109px;}
	.mod-choice .image img.map {margin-bottom: -9rem;}

	/* модуль где купить */
	
	
	.mod-contacts .mod-select__wrapper::after {right: 20px;}

	/* страница где купить */
	
	.mod-buy__page .mod-select__wrapper::after {right: 10%;}


}
.col-xxl-9 {
	width: 100%!important;
}

@media screen and (min-width: 1400px) {
	.mod-banner .image .mod-circle__block { position: absolute; transform: translate(-100rem, -20rem); top: 300px; left: -190px; width: 150px; height: 350px; z-index: 100; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px);  border-radius: 50%; overflow: hidden;}
	.mod-banner .image .mod-circle__block.animate {animation: animCar 1s linear forwards, bg 1.4s ease .5s; -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0);}
	/* футер */
	
	footer .logo {margin-right: 3.15rem;}
	footer .footer_items {flex-wrap: nowrap; gap: 0;}

	/* Шапка */
	
	header .mod-menu li a {font-size: 1rem;}
	header .mod-search__input {min-width: 19.69rem;}

	/* Главный баннер */
	.mod-banner .container {padding-top: 9.38rem; padding-bottom: 120px;}
	.mod-banner .mod-subtitle {font-size: 2rem;}

	/* блок преимущества */
	.mod-advantages .mod-card .mod-title {font-size: 1.5rem;}


	.mod-block_advantages .h1 {white-space: nowrap;}





	.scroll-up {bottom: 1.25rem;}

	/* модуль поможем с выбором */
	.mod-choice .image img {max-width: none;}
}

@media screen and (min-width: 1600px) {
	.mod-news__slider .owl-carousel .owl-nav {max-width: 1500px;}
}
@media screen and (min-width: 1680px) {
	.container {max-width: 1350px;}
}
@media screen and (min-width: 1900px) {
	.scroll-up {right: 10%;}
}

/* Анимации */

.delay-1 {-webkit-animation-delay:200ms;animation-delay:200ms}
.delay-2 {-webkit-animation-delay:400ms;animation-delay:400ms}
.delay-3 {-webkit-animation-delay:600ms;animation-delay:600ms}
.delay-4 {-webkit-animation-delay:800ms;animation-delay:800ms}
.delay-5 {-webkit-animation-delay:1000ms;animation-delay:1000ms}
.delay-6 {-webkit-animation-delay:1200ms;animation-delay:1200ms}
.delay-7 {-webkit-animation-delay:1400ms;animation-delay:1400ms}
.delay-8 {-webkit-animation-delay:1600ms;animation-delay:1600ms}
.delay-9 {-webkit-animation-delay:1800ms;animation-delay:1800ms}
.delay-10 {-webkit-animation-delay:2000ms;animation-delay:2000ms}

@keyframes animfar {
	0% {
		opacity: 0;
		transform: scale(1);
	}
	5% {
		opacity: 1;
		transform: scale(1.1);
	}
	10% {
		opacity: 0;
		transform: scale(1);
	}
	15% {
		opacity: 1;
		transform: scale(1.1);
	}
	20% {
		opacity: 0;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(1);
	}
}
@keyframes animCar {
	0% {
		transform: translate(-100rem, -20rem);
		backdrop-filter: blur(30px);
		-webkit-backdrop-filter: blur(30px);
	}
	100% {
		transform: translate(0, 0);
	}
}
 @keyframes bg {
	0% {-webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); }
	100% {backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px);}
 }


.search_logo{
    margin: auto;
    top: 0;
    bottom: 0;
    right: 1rem;
}
.pagination-wrapper {
	text-align: center;
	margin: 20px 0;
}

.pagination {
	display: inline-block;
}

.pagination a {
	color: #fff;
	padding: 5px 16px;
	text-decoration: none;
	margin: 0 4px;
	border: 1px solid #FFFFFF; /* Белая граница */
	border-radius: 50%; /* Делает кнопки круглыми */
	display: inline-block;
	width: 50px; /* Устанавливает ширину */
	height: 50px; /* Устанавливает высоту */
	line-height: 34px; /* Выравнивает текст по вертикали */
	text-align: center; /* Выравнивает текст по центру */
	box-sizing: border-box; /* Учитывает padding и border в размере кнопки */
	font-size: 32px; /* Размер шрифта для номеров страниц */
}

.pagination a.active {
	background-color: rgba(255, 255, 255, 0.55);
	color: #fff;
	border: 1px solid #FFFFFF;
}

.pagination .pagination_arrow:first-child {
	margin-right: 32px;
}

.pagination a:last-child {
	margin-left: 8px;
}

.pagination_arrow {
	border: none !important;
}
/* Контейнер для всех новостей */
.mod-news__page {
	display: flex;
	flex-wrap: wrap;
	gap: 20px; /* Добавляет пространство между блоками */
	justify-content: space-between;
}

/* Стили для новостных блоков */
.mod-news__page .col-xl-3 {
	flex: 0 1 100%; /* По умолчанию 1 в ряд на мобильных устройствах, использует максимальную ширину */
	max-width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

@media screen and (min-width: 768px) {
	.mod-news__page .col-xl-3 {
		flex: 0 1 calc(50% - 20px); /* 2 в ряд на планшетах */
		max-width: calc(50% - 20px);
	}
}

@media screen and (min-width: 1200px) {
	.mod-news__page .col-xl-3 {
		flex: 0 1 calc(25% - 20px); /* 4 в ряд на больших экранах (ноутбуки и десктопы) */
		max-width: calc(25% - 20px);
	}
}

/* Внутренние стили для элементов */
.mod-news__page .item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 10px;
	box-sizing: border-box;
	height: auto; /* Убираем фиксированную высоту, блоки будут растягиваться */
}
.text-hidden{display: none;}
#bottom_content {color:#FFFFFF;}