/*
Медрус
*/
/* Разработчики - глоб
Компания РОСВЕБ https://rosveb.ru
— ПРОГРАММИСТ Алексей Гуляев
Телефон +7 (982) 413-33-94
Портфолио на Profi.ru https://ivanovo.profi.ru/profile/GulyaevAG
Телеграм https://t.me/GulaevAleksey
ВКонтакте https://vk.com/dumasurgut
— АНАЛИТИК Дмитрий Раевский
Телеграм https://t.me/GulaevAleksey
ВКонтакте https://vk.com/raevskydmitry
— ДИЗАЙНЕР Валентин Беликов
Портфолио на Behance https://www.behance.net/artlisx
Телеграм https://t.me/ksenfo
ВКонтакте https://vk.com/snakejas
*/
/* Скролл начало */
/* Для WebKit-браузеров (Chrome, Safari, новые версии Edge) */
::-webkit-scrollbar {
width: 14px !important;
border-radius: 20px !important;
}
::-webkit-scrollbar-track {
background-color: #f9fafd;
}
::-webkit-scrollbar-thumb {
background: #043f77;
background-color: #043f77;
border-radius: 20px;
border: 5px solid #f1f1f1;
}
::-webkit-scrollbar-thumb:hover {
background-color: #043f773d;
}
/* Скролл конец*/
@font-face {
font-family: 'axiforma';
src: url('fonts/axiforma/Axiforma-Light.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'axiforma';
src: url('fonts/axiforma/Axiforma-Book.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'axiforma';
src: url('fonts/axiforma/Axiforma-Regular.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'axiforma';
src: url('fonts/axiforma/Axiforma-Medium.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'axiforma';
src: url('fonts/axiforma/Axiforma-SemiBold.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'axiforma';
src: url('fonts/axiforma/Axiforma-Bold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'axiforma';
src: url('fonts/axiforma/Axiforma-ExtraBold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'axiforma';
src: url('fonts/axiforma/Axiforma-Black.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'axiforma';
src: url('fonts/axiforma/Axiforma-Heavy.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
.header .logo::before{
content: "";
position: absolute;
/* background: linear-gradient(to right, #96f9c8, #d8ffec); */
background: #96f9c8;
width: 110px;
height: 70px;
border-radius: 50%;
z-index: -1;
top: 2px;
left: -15px;
opacity: .8;
filter: blur(10px);
}
#headerfixed .line-block__item{
position: relative;
}
#headerfixed .logo::before{
content: "";
position: absolute;
/* background: linear-gradient(to right, #96f9c8, #d8ffec); */
background: #96f9c8;
width: 110px;
height: 63px;
border-radius: 50%;
z-index: -1;
top: -6px;
left: -17px;
opacity: .8;
filter: blur(10px);
}
#mobilemenu .logo::before{
content: "";
position: absolute;
/* background: linear-gradient(to right, #96f9c8, #d8ffec); */
background: #96f9c8;
width: 110px;
height: 60px;
border-radius: 50%;
z-index: -1;
top: 11px;
left: 19px;
opacity: .8;
filter: blur(10px);
}
.btn.btn-default {
background-color: #78f2b7;
border-color: #78f2b7;
color: #1e5a43;
}
.btn.btn-default {
background-color: #78f2b7;
border-color: #78f2b7;
color: #1e5a43;
transition: all 0.3s ease;
box-shadow: 0 0 10px rgba(120, 242, 183, 0.5);
}
.btn.btn-default:hover {
transform: translateY(-3px);
box-shadow: 0 0 20px rgba(120, 242, 183, 0.8),
0 5px 15px rgba(0, 0, 0, 0.1);
}.btn.btn-default {
box-shadow: 0 5px 0 #1e5a43;
transition: transform 0.1s, box-shadow 0.1s;
}
.btn.btn-default:hover {
transform: translateY(3px);
box-shadow: 0 2px 0 #1e5a43;
}
.btn.btn-default {
/* Базовые стили */
background: linear-gradient(to right, #78f2b7, #96f9c8);
border: none;
color: #0d3b2a; /* Тёмно-зелёный текст для контраста */
font-weight: 600;
padding: 10px 40px;
border-radius: 8px;
cursor: pointer;
transition: all 0.4s ease;
position: relative;
overflow: hidden;
z-index: 1;
box-shadow: unset;
/* Стрелка (скрыта изначально) */
&::after {
content: "→";
position: absolute;
right: -20px;
opacity: 0;
transition: all 0.4s ease;
}
}
/* Состояния: hover, active, focus */
.btn.btn-default:is(:hover, :active, :focus) {
/* Затемнённый градиент */
background: linear-gradient(to right, #78f2b6, #6ae0b0);
color: #0d3b2a; /* Оставляем тёмный текст (лучшая читаемость) */
transform: translateY(-3px);
box-shadow: unset;
/* Появление стрелки */
&::after {
right: 10px;
opacity: 1;
}
}
/* Активное нажатие (дополнительный эффект) */
.btn.btn-default:active {
transform: translateY(-1px);
box-shadow: 0 0 15px rgba(120, 242, 183, 0.6);
}
.index-block__title:before {
content: "";
background-image: url('data:image/svg+xml, ');
display: inline-block;
background-repeat: no-repeat;
width: 271px;
height: 23px;
position: absolute;
bottom: -30px;
left: 0;
}
.index-block__part--left{
overflow: visible;
}
.mb--48 {
--mb: clamp(32px, 4vw, 68px);
}
.FORMS .index-block__title:before{
display: none;
}
.banners-big__title{
font-size: 50px;
font-family: "axiforma", Arial, sans-serif;
font-weight: 700;
color: #003761 !important;
}
.status-icon {
color: #57cc92;
}
.sticker_item--hit {
background-color: hsl(142deg 70% 49% / 20%);
color: #14834b;
}
.CATALOG_TAB .index-block--fon{
background: #f9fafd !important;
}
.CATALOG_TAB .catalog-block__item:hover a.switcher-title{
color: initial !important;
}
.CATALOG_TAB .catalog-block__item{
border: unset;
box-shadow: 0px 0px 20px rgb(4 63 119 / 3%);
}
.CATALOG_TAB .catalog-block__item:hover .catalog-block__info-bottom{
box-shadow: 0 14px 18px rgb(4 63 119 / 10%);
}
.bg-glass{
background-color: var(--light, rgb(34 113 174 / 8%)) var(--dark, rgba(0, 0, 0, .2));
}
/*
.CATALOG_SECTIONS::before {
mask-image: url('data:image/svg+xml, ');
display: inline-block;
background-repeat: no-repeat;
mask-repeat: no-repeat;
background-size: contain;
aspect-ratio: 729 / 792;
width: 720px;
height: auto;
position: absolute;
top: 0;
right: -250px;
background: linear-gradient(270deg, #ebeef6, #92f8c600);
}*/
.CATALOG_SECTIONS::before {
mask-image: url('data:image/svg+xml, ');
display: inline-block;
background-repeat: no-repeat;
mask-repeat: no-repeat;
background-size: contain; /* Масштабирует иконку с сохранением пропорций */
aspect-ratio: 729 / 792; /* Сохраняет пропорции исходного SVG */
width: 1080px;
height: auto;
position: absolute;
top: 142px;
right: 60px;
background: linear-gradient(270deg, #ebeef6 20%, #92f8c600 100%);
}
.CATALOG_SECTIONS .sections-list__wrapper-main {
transition: all ease .4s;
}
.CATALOG_SECTIONS .sections-list__wrapper-main:hover {
transform: translateY(-5px);
}
.PROJECTS .index-block__title{
margin: 0 0 50px 0;
}
.PROJECTS .index-block__title:before {
bottom: unset;
top: 60px;
}
.brands-list__image-wrapper {
max-width: unset;
height: 110px;
margin: 0;
}
.BRANDS .index-block--fon{
background: #f9fafd !important;
}
.BRANDS .index-block--delimiter>div{
border: none;
}
.BRANDS .brands-list__item.brands-list__item--bg {
transition: all ease .3s;
}
.BRANDS .brands-list__item.brands-list__item--bg:hover {
background-color: #fff;
transform: translateY(-3px);
}
.TIZERS {
background-image: url('../images/bg-tizers.jpg');
background-repeat: no-repeat;
background-position: center center; /* Центрирование */
background-size: cover; /* Заполнение всей области с обрезкой */
width: 100%; /* Ширина по родителю */
min-height: 300px; /* Минимальная высота (настройте под свои нужды) */
position: relative; /* Для внутреннего позиционирования контента */
overflow: hidden; /* Обрезаем всё, что выходит за границы */
background-attachment: scroll;
background-origin: border-box;
}
.TIZERS .tizers-list__item-wrapper{
background: #fff;
padding: 40px 40px;
border-radius: 20px;
position: relative; /* Необходимо для позиционирования псевдоэлемента */
overflow: hidden; /* Скрывает часть треугольника, выходящую за границы */
}
.TIZERS .tizers-list__item-wrapper::after {
content: '';
position: absolute;
bottom: 10px; /* Отступ от нижнего края */
right: 10px; /* Отступ от правого края */
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 30px 30px; /* Размер треугольника */
border-color: transparent transparent #78F2B6 transparent; /* Аквамарин */
z-index: 1; /* Чтобы уголок был поверх содержимого */
border-radius: 0 3px 7px 3px;
}
/**/
.TIZERS .tizers-list__item-wrapper {
background: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
padding: 40px;
border-radius: 20px;
position: relative;
overflow: hidden;
border: 1px solid #ebebeb;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* Аквамариновый уголок (цвет #78F2B6) */
.TIZERS .tizers-list__item-wrapper::after {
content: '';
position: absolute;
bottom: 10px;
right: 10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 30px 30px;
border-color: transparent transparent #78F2B6 transparent;
z-index: 2;
border-radius: 0 3px 7px 3px;
transition: filter 0.3s ease;
}
/* Волна (ускоренная анимация) */
.TIZERS .tizers-list__item-wrapper::before {
content: '';
position: absolute;
bottom: -5px;
right: -5px;
width: 40px;
height: 40px;
background: rgba(120, 242, 182, 0.3);
border-radius: 50%;
transform: scale(0);
opacity: 0;
z-index: 1;
transition: transform 0.4s ease-out, opacity 0.3s ease;
}
/* Эффекты при наведении */
.TIZERS .tizers-list__item-wrapper:hover {
transform: translateY(-5px);
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15),
0 0 25px rgba(120, 242, 182, 0.5); /* Усиленная неоновая подсветка */
background: linear-gradient(to bottom, #fff 0%, #e6f9ff 100%);
border-color: rgba(120, 242, 182, 0.6);
}
.TIZERS .tizers-list__item-wrapper:hover::after {
filter: drop-shadow(0 0 10px rgba(120, 242, 182, 0.8)); /* Ярче */
}
.TIZERS .tizers-list__item-wrapper:hover::before {
transform: scale(4);
opacity: 1;
transition-duration: 0.4s; /* Быстрее */
}
.card-image-icons {
--icons-size: 80px;
}
.services-list__item {
background: #f9fafd !important;
}
.BIG_BANNER_INDEX{
margin-left: auto !important;
margin-right: auto !important;
max-width: 1850px;
}
.FORMS .index-block{
background: #f9fafd;
}
.COMPANY_TEXT .company-item__picture{
--padding-top-by-1-512: 39%;
}
blockquote:before {
background-color: #39dd8d;
}
.company-picture-val{
width: 570px;
float: right;
aspect-ratio: 1 / 1;
}
.contact-property__text .company-img-val{
margin: 20px 0 0 0;
border-radius: 20px;
width: 100%;
}
.section-block .card-image-icons,
.section-block .sections-list__item-products-count{
display: none;
}
.section-block .sections-list__wrapper a{
background: #f9fafd;
}
.section-block .sections-list__item:hover a{
background: #fff;
}
.section-block .compact-template > div > .line-block{
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 16px;
align-items:stretch;
justify-items: stretch;
}
/* Кнопка спойлера в категориях */
.val-but-wrap {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin: 20px 0;
}
.val-but-wrap .spoiler-toggle {
display: block;
padding: 12px 24px;
background: transparent;
color: #003761;
border: 1px solid #003761;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
box-shadow: none;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.val-but-wrap .spoiler-toggle::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0f66a8;
opacity: 0;
transition: opacity 0.3s ease;
z-index: -1;
}
.val-but-wrap .spoiler-toggle:hover {
transform: translateY(-2px);
color: white; /* Белый текст при наведении */
box-shadow: 0 4px 12px rgb(17 127 204 / 32%);
border-color: #0f66a8;
}
.val-but-wrap .spoiler-toggle:hover::before {
opacity: 1;
}
.val-but-wrap .spoiler-toggle:active {
transform: translateY(0);
box-shadow: 0 2px 8px rgba(17, 127, 204, 0.3);
}
/* Кнопка спойлера в категориях */
.catalog-block .buy_block .btn.btn-default{
padding: 10px 20px;
}
.catalog-block .buy_block .btn.btn-default:is(:hover, :active, :focus){
&::after {
opacity: 0;
}
}
/**/
.catalog-detail__bottom-info .ordered-block__title.switcher-title{
font-size: 30px;
font-family: "axiforma", Arial, sans-serif;
font-weight: 700;
color: #003761;
position: relative;
margin: 0 0 50px 0;
}
.catalog-detail__bottom-info .ordered-block__title.switcher-title:before {
content: "";
background-image: url('data:image/svg+xml, ');
display: inline-block;
background-repeat: no-repeat;
width: 271px;
height: 23px;
position: absolute;
bottom: -30px;
left: 0;
}
/**/
.val-detail .desc {
background: #f9fafe;
padding: 40px;
border-radius: 20px;
}
.val-detail .content.grid-advantages {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
gap: 20px 20px;
margin: 0 0 40px 0;
}
.val-detail .col-md-6 {
box-shadow: 0px 0px 20px rgb(4 63 119 / 3%);
background: #fff;
width: 100%;
margin: 0;
padding: 20px 30px;
border-radius: 10px;
position: relative;
z-index: 2;
overflow: hidden;
/*display: flex;*/
align-items: flex-start;
gap: 18px;
grid-column: auto;
}
.val-detail .col-md-6:before {
content: "";
position: absolute;
top: -50px;
left: -40px;
width: 160px;
height: 160px;
background: #25d46633;
border-radius: 50%;
z-index: -1;
}
.val-detail img {
padding: 0 14px 0 0;
width: 64px;
height: auto;
object-fit: contain;
flex-shrink: 0;
}
.val-detail .advantage-text strong {
font-weight: 600;
display: inline-block;
margin: 10px 0 20px 0;
font-size: 20px;
width: calc(100% - 78px);
}
.val-detail strong {
font-weight: 600;
display: inline;
margin: 0px 0 2px 0;
}
.val-detail .col-md-6 strong {
font-weight: 600;
margin: 0px 0 0px 0;
width: calc(100% - 64px);
min-height: 54px;
display: flex;
align-items: center;
line-height: 130%;
}
.wave-divider {
width: 100%;
height: 32px;
background-repeat: repeat-x;
background-size: 80px 32px;
background-image: url('data:image/svg+xml;utf8,');
margin-bottom: 17px;
}
.val-detail h2 {
font-family: "axiforma", Arial, sans-serif;
font-weight: 700;
color: #003761;
line-height: 140%;
margin-top: 0;
margin: 32px 0 20px 0;
font-size: 2rem;
}
.val-detail h2:first-child {
margin: 0 0 20px 0;
}
.val-detail h3 {
font-family: "axiforma", Arial, sans-serif;
font-weight: 600;
line-height: 140%;
font-size: 1.5rem;
margin-top: 60px;
margin-bottom: 16px;
}
.val-detail h4 {
font-size: 1.25rem;
margin-top: 32px;
margin-bottom: 8px;
}
.val-detail p {
margin: 0 0 16px 0;
}
.val-detail ul li {
margin-bottom: 8px;
line-height: 1.5;
}
.val-detail blockquote {
margin: 32px 0 32px 0;
padding: 4px 24px;
border-radius: 8px;
color: #333;
font-style: normal;
font-size: 20px;
font-weight: 500;
}
.val-detail blockquote strong{
font-size: 20px;
color: #333;
font-weight: 600;
}
/* Сохраняем ваши стили для специфических классов */
.catalog-detail__detailtext h4{
font-size: 21px;
font-family: "axiforma", Arial, sans-serif;
font-weight: 700;
color: #003761;
position: relative;
line-height: 140%;
margin-bottom: 12px;
}
.catalog-detail__bottom-info .desc{
background: #f9fafe;
padding: 40px;
border-radius: 20px;
}
.val-detail .desc{
padding: 0;
background: unset;
border-radius: unset;
}
ul li:before {
position: relative;
background: #7df3ba;
height: 27px;
display: inline-block;
vertical-align: top;
content: "\27A4";
color: #39dd8d;
margin: 0 15px 0 0px;
background-color: unset;
top: 0px;
width: 15px;
left: 0px;
}
/* ниже удалить? */
.catalog-detail__bottom-info .desc .col-md-6 br{
display: none;
}
.catalog-detail__bottom-info .desc .col-md-6:before {
content: "";
position: absolute;
top: -50px;
left: -40px;
width: 160px;
height: 160px;
background: #25d46633;
border-radius: 50%;
z-index: -1;
}
.catalog-detail__bottom-info .desc .col-md-6 hr{
display: none;
}
.catalog-detail__bottom-info .desc .col-md-6 img{
padding: 0 14px 0px 0;
float: left;
}
.catalog-detail__bottom-info .desc .col-md-6 b{
font-size: 26px;
font-weight: 600;
position: relative;
margin: 12px 0 26px 0;
display: inline-block;
width: calc(100% - 64px);
line-height: 120%;
}
.catalog-detail__bottom-info .desc .supply-set{
margin: 50px 0 0 0;
}
.catalog-detail__bottom-info .desc .supply-set h3{
font-size: 30px;
font-family: "axiforma", Arial, sans-serif;
font-weight: 700;
position: relative;
line-height: 140%;
margin: 60px 0 0 0;
}
.supply-set__content .col-md-6:before {
display: none;
}
.supply-set__content h2 {
background: linear-gradient(270deg, #7cf2b92b 0, #93f8c6 100%);
padding: 8px 43px 8px 20px;
color: #0d3b2a;
display: inline-block;
margin: 12px 0 0 0px;
position: relative;
border-radius: 6px;
overflow: hidden;
font-size: 18px;
font-weight: 600;
line-height: 120%;
}
.supply-set__content h2::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 26px; /* ширина "скоса" */
height: 100%;
background: linear-gradient(
to top right,
transparent 49%,
#f9fafe 50%
);
pointer-events: none;
}
.catalog-detail__bottom-info .desc ol {
counter-reset: item;
padding-left: 0;
list-style: none;
margin: 20px 0;
}
.catalog-detail__bottom-info .desc ol > li {
position: relative;
padding-left: 44px;
margin-bottom: 17px;
min-height: 26px;
line-height: 150%;
font-size: 16px;
}
.catalog-detail__bottom-info .desc ol > li:before {
content: counter(item);
counter-increment: item;
position: absolute;
left: 0;
top: -4px;
width: 30px;
height: 30px;
background: #ffffff;
color: #404040;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 9px rgb(23 35 83 / 12%);
color: #515151;
font-weight: 500;
}
.brands-list-inner{
background: #f9fafe;
padding: 30px 0;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
box-sizing: border-box;
z-index: 1;
}
.brand-list-inner__list{
max-width: 1500px;
margin: 0 auto;
}
.brand-list-inner__content-wrapper{
display: none;
}
.brand-list-inner__item {
transition: all ease .3s;
border-color: #fff;
padding: 0;
}
.brand-list-inner__item:hover {
background-color: #fff;
transform: translateY(-3px);
}
.brand-list-inner__image-inner {
max-width: unset;
height: 100%;
margin: 0;
}
.brand-list-inner__image-wrapper{
margin: 0;
}
.bottom-icons-panel__content-link{
min-width: 20%;
}
.sections-list__item:hover{
box-shadow: unset;
}
.sections-list__item:hover a{
background-color: #ecf3f9 !important;
}
/**/
.val-table {
width: 100%;
overflow-x: auto;
margin: 20px 0;
background: #f8f8fc;
border-radius: 8px;
}
.table {
width: 100%;
min-width: 600px;
border-collapse: collapse;
background: #f8f8fc;
color: #222;
box-shadow: 0 2px 8px rgba(187, 131, 202, 0.08);
}
.table th {
color: #fff;
font-weight: 700;
letter-spacing: 0.04em;
background: #bb83ca;
padding: 13px 18px;
font-size: 16px;
border-bottom: 2px solid #bb83ca;
text-align: left;
}
.table td {
padding: 13px 18px;
font-size: 16px;
background: #f8f8fc;
border-bottom: 1px solid #f0f0fa;
}
.table tbody tr:nth-child(even) td {
background: #f0f0fa;
}
.table tbody tr:hover td {
background: #e4d1ec;
}
.table tbody tr:last-child td {
border-bottom: none;
}
@media (min-width: 601px) {
.val-table {
overflow-x: visible;
background: transparent;
}
.table {
min-width: auto;
}
}
/* Дополнительные стили для вашей конкретной таблицы */
.table-striped.mb {
margin-bottom: 0;
}
.table td b {
color: #555;
font-weight: 600;
}
/* Разработчики */
#developer{
transition: all 0.4s ease;
text-decoration: unset;
font-size: 16px;
}
.val-razrab{
display: flex;
align-items: center;
flex-direction: row;
}
.developer__logo {
max-height: 40px;
max-width: 90px;
overflow: hidden;
display: flex;
align-items: center;
flex-shrink: 0;
}
.developer__title {
margin: 0 15px 0 0;
font-size: 0.8em;
line-height: 1.7;
}
#developer .svg-inline-developer_logo{
opacity:.5;
transition: all 0.4s ease;
}
#developer:hover .svg-inline-developer_logo {
opacity: 1;
}
a.developer:hover .developer__logo{
filter: none;
}
.developer__title{
font-size: 14px;
}
.developer__logo svg {
max-height: 40px;
max-width: 90px;
}
.developer__logo svg path {
fill: revert-layer !important;
}
/* Разработчики */
.banners-big__text-block b{
color: #003761 !important;
}
blockquote{
font-size: 1.1em;
}
.catalog-detail__previewtext .text-block{
-webkit-line-clamp: 10;
}
.brand-list-inner-template .brand-list-inner__list.grid-list--items-min-300 {
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.catalog-detail__bottom-info .supply-set .grid-container{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 30px;
}
.catalog-detail__bottom-info .supply-set .grid-container .col-md-6{
padding: 0;
width: 100%;
}
.banners-big__item .banners-big__img-wrapper .banners-big__img{
left: 50%;
transform: translate(-50%, 0);
padding: 40px 0;
}
.supply-set sup.zvezda {
top: 0;
font-size: 140%;
}
.val-detail .val-grid {
display: grid;
flex-wrap: wrap;
gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
margin: 0 0 20px 0;
}
.val-detail .val-grid > li {
box-sizing: border-box;
margin-bottom: 0 !important;
}
.val-detail ul.val-grid > li:before {
display: none;
}
.val-detail .val-grid > li p{
height: max-content;
padding: 10px 20px 10px 26px;
box-shadow: 0px 0px 20px rgb(4 63 119 / 3%);
background: #fff;
border-radius: 10px;
display: block;
}
ol.val-grid > li:before{
top: -7px !important;
background: #d3f7e0 !important;
border-radius: 26px;
box-shadow: unset !important;
}
ol.val-grid > li{
padding-left: 16px !important;
}
.val-grid > div{
box-shadow: 0px 0px 20px rgb(4 63 119 / 3%);
background: #fff;
padding: 20px 30px;
border-radius: 10px;
}
.sections-list__content-inner .mt,
.services-list__content{
display: flex;
flex-direction: column;
gap: 10px;
}
.sections-list__content-inner .category-separator,
.services-list__content .category-separator{
display: none;
}
.sections-list__content-inner .services-list__childs-item:before,
.services-list__content .services-list__childs-item:before{
position: relative;
background: #7df3ba;
height: 27px;
display: inline-block;
vertical-align: top;
content: "\27A4";
color: #39dd8d;
margin: -3px 8px 0 0px;
background-color: unset;
top: 0px;
width: 15px;
left: 0px;
}
.sections-list__content-inner .services-list__childs-item,
.services-list__content .services-list__childs-item{
display: flex;
align-content: flex-start;
flex-direction: row;
align-items: flex-start;
}
.sections-list__content-inner .services-list__childs-item .services-list__childs-item-name,
.services-list__content .services-list__childs-item .services-list__childs-item-name{
line-height: 130%;
}
/* 1400 начало */
@media screen and (max-width: 1400px) {
.swiper-slide.main-slider__item {
background-position: calc(100% - -43px) center;
}
.banners-big__title {
font-size: 34px;
}
.banners-big--paddings {
padding-inline: 0;
}
.banners-big__side-item-title{
font-size: 20px;
}
.CATALOG_SECTIONS::before{
width: 540px;
top: 72px;
right: 130px;
}
.index-block__headings{
--mb: clamp(32px, 7vw, 68px);
}
.CATALOG_SECTIONS .aspect-min-height-300 {
min-height: unset;
}
.PROJECTS .project-list__item-title{
font-size: 20px;
}
.PROJECTS .project-list__item-image,
.PROJECTS .project-list__item {
height: 382px;
}
.company-picture-val {
width: 470px;
}
}
/* 1400 конец */
/* 1200 начало */
@media screen and (max-width: 1200px) {
.section-block .compact-template > div > .line-block{
grid-template-columns: repeat(4, 1fr);
}
.hide-1200[data-ajax-load-block="HEADER_TOGGLE_SLOGAN"]{
display: block !important;
}
.banners-big__title {
font-size: 28px;
}
.banners-big__depend-height {
height: 450px;
}
.banners-big__text-block{
line-height: 140%;
}
.banners-big__top-text{
line-height: 140%;
margin: 0 0 10px 0;
}
.banners-big__buttons-item a{
padding: 10px 32px;
font-size: 15px;
}
.banners-big__side-item-link > .absolute{
margin: 0 18px 16px;
}
.banners-big__side-item-title{
font-size: 18px;
}
.CATALOG_SECTIONS .grid-list--items-4-from-1200 {
--items-count: 4;
}
.PROJECTS .project-list__item-title{
font-size: 16px;
}
.PROJECTS .project-list__item-image,
.PROJECTS .project-list__item {
height: 310px;
}
.project-list__item-link > .absolute {
margin: 0 18px 14px 18px;
}
.BRANDS .grid-list--items-4-from-1200 {
--items-count: 4;
}
.FORMS .form-fon{
max-height: 360px !important;
}
.footer__main-part-contact {
max-width: unset;
}
.company-picture-val {
width: 380px;
}
}
/* 1200 конец */
/* 991 начало */
@media screen and (max-width: 991px) {
.section-block .compact-template > div > .line-block{
grid-template-columns: repeat(3, 1fr);
}
.line-block__item[data-ajax-load-block="HEADER_MOBILE_TOGGLE_PHONE"]{
display: block !important;
visibility: visible !important;
}
.hide-1200[data-ajax-load-block="HEADER_TOGGLE_SLOGAN"]{
display: none !important;
}
.banners-big__side-item-link > .absolute{
margin: 0 30px 22px;
}
.banners-big__side-item-title{
font-size: 24px;
}
.CATALOG_SECTIONS .grid-list--items-4-from-1200 {
--items-count: 3;
}
.CATALOG_SECTIONS::before {
right: 40px;
}
.BRANDS .grid-list--items-4-from-1200 {
--items-count: 3;
}
.form__img--SIDE_IMG {
display: block;
}
.FORMS .form-fon {
max-height: unset !important;
height: auto;
background-size: contain;
height: auto !important;
width: 100%;
aspect-ratio: 13.4 / 9;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.FORMS .form__wrapper{
gap: 20px;
}
}
/* 991 конец */
/* 767 начало */
@media screen and (max-width: 767px) {
.section-block .compact-template > div > .line-block{
grid-template-columns: repeat(2, 1fr);
}
.banners-big__side-item-link > .absolute{
margin: 0 30px 22px;
}
.banners-big__side-item-title{
font-size: 18px;
}
.banners-big__side-item.dark-block-after:after {
top: 51%;
}
.banners-big--adaptive-2 .banners-big__item .maxwidth-theme{
height: 300px;
background-size: 720px;
background-position: right;
}
.banners-big--adaptive-2 .navigation-wrapper{
top: 284px;
}
.banners-big--adaptive-2 .banners-big__text-block {
font-size: 16px;
line-height: 22px;
}
.CATALOG_SECTIONS .grid-list--items-4-from-1200 {
--items-count: 2;
}
.CATALOG_SECTIONS::before{
width: 360px;
top: 52px;
}
.index-block__headings {
--mb: clamp(32px, 10vw, 68px);
}
.COMPANY_TEXT .line-block{
flex-direction: column-reverse;
}
.COMPANY_TEXT .company-item__picture{
padding-top: 80%;
}
.COMPANY_TEXT .lineclamp-10{
-webkit-line-clamp: unset;
}
.sections-block .sections-list__wrapper .aspect-min-height-300{
min-height: unset;
}
.brand-list-inner-template .brand-list-inner__list.grid-list--items-min-300 {
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
}
.banners-big.banners-big--detail.swipeignore .banners-big__text{
justify-content: flex-start;
padding: 20px 0 0 0;
height: max-content;
}
.banners-big.banners-big--detail.swipeignore .banners-big__text .banners-big__buttons,
.banners-big.banners-big--detail.swipeignore .banners-big__text .banners-big__text-wrapper {
display: none;
}
.banners-big.banners-big--detail.swipeignore {
margin-bottom: 24px;
}
.banners-big--adaptive-1 .banners-big__depend-height {
height: max-content;
}
.banners-big .maxwidth-banner .maxwidth-theme {
position: relative;
}
}
/* 767 конец */
/* 600 начало */
@media screen and (max-width: 600px) {
.section-block .compact-template > div > .line-block{
grid-template-columns: repeat(1, 1fr);
}
.table td, .table th {
padding: 10px 8px;
font-size: 15px;
}
.table td:first-child {
width: 120px;
}
.swiper-slide.main-slider__item{
margin: 0;
}
.banners-big--adaptive-2 .navigation-wrapper {
top: 337px;
}
.footer__main-part-contact {
max-width: unset;
}
.banners-big__side-item {
padding-top: 70%;
}
.CATALOG_SECTIONS::before {
right: 10px;
}
.TIZERS .tizers-list__item-wrapper{
padding: 20px 30px 20px 30px !important;
margin: 0 20px 0 0;
}
.BRANDS .brands-list__items-wrapper{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px !important;
width: 100%;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
.BRANDS .grid-list__item {
padding: 0 !important;
width: auto !important;
}
.brands-list__image-wrapper{
height: 80px;
}
.brands-list__image-wrapper {
height: 60px;
width: 50px;
}
.company-picture-val {
width: 100%;
margin: 0 0 30px 0;
}
.val-detail h2 {
font-size: 1.5rem;
margin: 0px 0 32px 0;
}
.catalog-detail__bottom-info.flexbox.gap > .desc{
margin: 0 -20px;
}
.catalog-detail__bottom-info .detail-block.ordered-block.desc {
padding: 30px;
}
.banners-big--adaptive-1 .banners-big__title, .banners-big--adaptive-1 .banners-big__title h1{
font-size: 1.5rem;
line-height: 130%;
}
}
/* 600 конец */
/* 450 начало */
@media screen and (max-width: 450px) {
.banners-big--adaptive-2 .banners-big__item .maxwidth-theme {
height: 200px;
background-size: 540px;
background-position: right;
background-position-y: calc(100% + 57px);
}
.banners-big--adaptive-2 .navigation-wrapper {
top: 240px;
}
.index-block__headings {
--mb: clamp(32px, 14vw, 68px);
}
.TIZERS .grid-list{
flex-direction: column;
}
.TIZERS .tizers-list__item-wrapper{
margin: 0 16px 20px 0 ;
}
.TIZERS .tizers-list__item-wrapper:last-child{
margin: 0 16px 0 0 ;
}
.TIZERS .tizers-list__item-wrapper{
width: auto !important;
}
.BRANDS .brands-list__items-wrapper{
grid-template-columns: 1fr 1fr;
}
.val-detail .advantage-text strong {
margin: 2px 0 20px 0;
}
.props_block--table .props_item>span {
font-size: .967em;
}
.val-detail .content.grid-advantages {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.val-detail .val-grid {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
}
/* 450 конец */