You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
100 KiB
1 lines
100 KiB
<!DOCTYPE html>
<html lang="ru">
<head><link rel="stylesheet" href="index.754af089.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ЭраСептик: Каталог</title>
<link rel="stylesheet" href="index.787800be.css">
</head>
<body>
<div class="overflow js-overflow"></div>
<header class="header container">
<div class="header__menu">
<a class="header__logo" href="/">
<picture><source srcset="png/logo.webp" type="image/webp"><img src="png/logo.png" width="91" height="40" alt="Logo"></picture>
</a>
<div class="header_location-wrap js-location">
<button class="header__location js-location-btn">
Москва
</button>
<select class="header__location-select js-location-select">
<option value="Москва" selected="">Москва</option>
<option value="Санкт-Петербург">Санкт-Петербург</option>
<option value="Казань">Казань</option>
<option value="Нижний Новгород">Нижний Новгород</option>
<option value="Ярославль">Ярославль</option>
<option value="Волгоград">Волгоград</option>
</select>
</div>
<nav class="menu">
<ul class="menu__list">
<li class="menu__item"><a href="about.html">О компании</a></li>
<li class="menu__item"><a href="manual.html">Принцип работы</a></li>
<li class="menu__item"><a href="delivery.html">Доставка</a></li>
<li class="menu__item"><a href="promotion.html">Акции</a></li>
<li class="menu__item"><a href="price.html">Цены</a></li>
<li class="menu__item"><a href="services.html">Услуги</a></li>
<li class="menu__item"><a href="portfolio.html">Портфолио</a></li>
<li class="menu__item"><a href="customers.html">Покупателям</a></li>
<li class="menu__item"><a href="contacts.html">Контакты</a></li>
<li class="menu__more">
<button href="#">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2553_13206)">
<path d="M12.188 10a2.187 2.187 0 1 1-4.375 0 2.187 2.187 0 0 1 4.375 0ZM3.75 7.812a2.187 2.187 0 1 0 0 4.375 2.187 2.187 0 0 0 0-4.374Zm12.5 0a2.187 2.187 0 1 0 0 4.375 2.187 2.187 0 0 0 0-4.374Z" fill="currentColor"></path>
</g>
<defs>
<clipPath id="clip0_2553_13206">
<path fill="#fff" d="M0 0h20v20H0z"></path>
</clipPath>
</defs>
</svg>
</button>
<ul class="menu__more-list">
<li class="menu__item"><a href="#">Портфолио</a></li>
<li class="menu__item"><a href="customers.html">Покупателям</a></li>
<li class="menu__item"><a href="#">Контакты</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="header__bottom">
<button class="button button--orange button--catalog js-catalog">
Каталог
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.5 1.6v5.9h-6.897v-7h5.818c.284 0 .558.114.76.32.204.206.319.486.319.78ZM1.58.5h5.817v7H.5V1.6c0-.294.115-.574.318-.78A1.07 1.07 0 0 1 1.58.5Zm9.023 17v-7H17.5v5.9c0 .294-.115.574-.318.78a1.07 1.07 0 0 1-.761.32h-5.818ZM.5 16.4v-5.9h6.897v7H1.58a1.07 1.07 0 0 1-.76-.32A1.11 1.11 0 0 1 .5 16.4Z" fill="currentColor" stroke="currentColor"></path>
</svg>
</button>
<button class="button button--green button--outline">Расчет септика</button>
<form action="#">
<div class="header__search">
<input type="text" class="input" placeholder="Поиск">
<div class="header__search-block">
<div class="header__search-top">
История поиска
<button class="button button--ghost" type="button">Очистить</button>
</div>
<div class="header__search-histories">
<div class="header__search-history">
<button class="header__search-btn header__search-btn--again">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor"></path><path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path></svg>
<span>ЭРА 6 midi прин</span>
</button>
<button class="header__search-btn header__search-btn--remove">
<svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path></svg>
</button>
</div>
<div class="header__search-history">
<button class="header__search-btn header__search-btn--again">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor"></path><path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path></svg>
<span>ЭРА 8 long прин</span>
</button>
<button class="header__search-btn header__search-btn--remove">
<svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path></svg>
</button>
</div>
<div class="header__search-history">
<button class="header__search-btn header__search-btn--again">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor"></path><path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path></svg>
<span>Жироуловитель ЭРА 4</span>
</button>
<button class="header__search-btn header__search-btn--remove">
<svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path></svg>
</button>
</div>
</div>
</div>
</div>
</form>
<a class="header__phone" href="tel:84956699924">8 (495) 669-99-24</a>
<a href="cart.html" class="header__cart">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none"><path fill="#3D3D3D" d="M8 21a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16.75 21a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"></path><path stroke="#3D3D3D" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.23 7.65h16.82l-2.53 8.26A1.5 1.5 0 0 1 17.08 17H8.1a1.5 1.5 0 0 1-1.44-1.09L3.27 4.4a.75.75 0 0 0-.72-.54H.97"></path></svg>
<span class="header__cart-value">12</span>
</a>
</div>
<div class="catalog-overflow js-overflow"></div>
<div class="catalog">
<div class="catalog__top">
<div class="catalog__top-name">Каталог</div>
<button class="catalog__top-btn button button--green button--outline js-close-catalog">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
</div>
<div class="catalog__list">
<div class="catalog__item js-catalog-item">
<picture><source srcset="jpg/catalog-1.webp" type="image/webp"><img src="jpg/catalog-1.jpg" width="60" height="70" alt="Септики"></picture>
<span class="catalog__item-name">Септики</span>
<div class="catalog__inner-wrap">
<div class="catalog__top">
<button class="catalog__top-btn button button--green button--outline js-back-catalog">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
<div class="catalog__top-name">Септики</div>
<button class="catalog__top-btn button button--green button--outline js-close-catalog">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
</div>
<div class="catalog__inner">
<a href="category.html" class="catalog__link">Все товары</a>
<a href="#" class="catalog__link">Для дома</a>
<a href="#" class="catalog__link">Для дачи</a>
<a href="#" class="catalog__link">Для коттеджа</a>
<a href="#" class="catalog__link">Для частного дома</a>
<a href="#" class="catalog__link">Для загородного дома</a>
<a href="#" class="catalog__link">Для непостоянного проживания</a>
<a href="#" class="catalog__link">Для постоянного проживания</a>
<a href="#" class="catalog__link">Автономный септик для дачи</a>
<a href="#" class="catalog__link">Автономный септик для частного дома</a>
<a href="#" class="catalog__link">Накопительный септик</a>
<a href="#" class="catalog__link">Септик без откачки</a>
<a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
<a href="#" class="catalog__link">Анаэробный септик</a>
<a href="category-inner.html" class="catalog__link">Аэробный септик</a>
<a href="#" class="catalog__link">Для бани</a>
<a href="#" class="catalog__link">Для высоких грунтовых вод</a>
<a href="#" class="catalog__link">Автономные</a>
</div>
</div>
</div>
<div class="catalog__item js-catalog-item">
<picture><source srcset="jpg/catalog-1.webp" type="image/webp"><img src="jpg/catalog-1.jpg" width="60" height="70" alt="Септики"></picture>
<span class="catalog__item-name">Автономная канализация</span>
<div class="catalog__inner-wrap">
<div class="catalog__top">
<button class="catalog__top-btn button button--green button--outline js-back-catalog">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
<div class="catalog__top-name">Септики</div>
<button class="catalog__top-btn button button--green button--outline js-close-catalog">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
</div>
<div class="catalog__inner">
<a href="category.html" class="catalog__link">Все товары</a>
<a href="#" class="catalog__link">Для дома</a>
<a href="#" class="catalog__link">Для дачи</a>
<a href="#" class="catalog__link">Для коттеджа</a>
<a href="#" class="catalog__link">Для частного дома</a>
<a href="#" class="catalog__link">Для загородного дома</a>
<a href="#" class="catalog__link">Для непостоянного проживания</a>
<a href="#" class="catalog__link">Для постоянного проживания</a>
<a href="#" class="catalog__link">Автономный септик для дачи</a>
<a href="#" class="catalog__link">Автономный септик для частного дома</a>
<a href="#" class="catalog__link">Накопительный септик</a>
<a href="#" class="catalog__link">Септик без откачки</a>
<a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
<a href="#" class="catalog__link">Анаэробный септик</a>
<a href="category-inner.html" class="catalog__link">Аэробный септик</a>
<a href="#" class="catalog__link">Для бани</a>
<a href="#" class="catalog__link">Для высоких грунтовых вод</a>
<a href="#" class="catalog__link">Автономные</a>
</div>
</div>
</div>
<div class="catalog__item js-catalog-item">
<picture><source srcset="jpg/catalog-1.webp" type="image/webp"><img src="jpg/catalog-1.jpg" width="60" height="70" alt="Септики"></picture>
<span class="catalog__item-name">Станции биологической очистки</span>
<div class="catalog__inner-wrap">
<div class="catalog__top">
<button class="catalog__top-btn button button--green button--outline js-back-catalog">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
<div class="catalog__top-name">Септики</div>
<button class="catalog__top-btn button button--green button--outline js-close-catalog">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
</div>
<div class="catalog__inner">
<a href="category.html" class="catalog__link">Все товары</a>
<a href="#" class="catalog__link">Для дома</a>
<a href="#" class="catalog__link">Для дачи</a>
<a href="#" class="catalog__link">Для коттеджа</a>
<a href="#" class="catalog__link">Для частного дома</a>
<a href="#" class="catalog__link">Для загородного дома</a>
<a href="#" class="catalog__link">Для непостоянного проживания</a>
<a href="#" class="catalog__link">Для постоянного проживания</a>
<a href="#" class="catalog__link">Автономный септик для дачи</a>
<a href="#" class="catalog__link">Автономный септик для частного дома</a>
<a href="#" class="catalog__link">Накопительный септик</a>
<a href="#" class="catalog__link">Септик без откачки</a>
<a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
<a href="#" class="catalog__link">Анаэробный септик</a>
<a href="category-inner.html" class="catalog__link">Аэробный септик</a>
<a href="#" class="catalog__link">Для бани</a>
<a href="#" class="catalog__link">Для высоких грунтовых вод</a>
<a href="#" class="catalog__link">Автономные</a>
</div>
</div>
</div>
<div class="catalog__item js-catalog-item">
<picture><source srcset="jpg/catalog-1.webp" type="image/webp"><img src="jpg/catalog-1.jpg" width="60" height="70" alt="Септики"></picture>
<span class="catalog__item-name">Локальные очистные сооружения</span>
<div class="catalog__inner-wrap">
<div class="catalog__top">
<button class="catalog__top-btn button button--green button--outline js-back-catalog">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
<div class="catalog__top-name">Септики</div>
<button class="catalog__top-btn button button--green button--outline js-close-catalog">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
</div>
<div class="catalog__inner">
<a href="category.html" class="catalog__link">Все товары</a>
<a href="#" class="catalog__link">Для дома</a>
<a href="#" class="catalog__link">Для дачи</a>
<a href="#" class="catalog__link">Для коттеджа</a>
<a href="#" class="catalog__link">Для частного дома</a>
<a href="#" class="catalog__link">Для загородного дома</a>
<a href="#" class="catalog__link">Для непостоянного проживания</a>
<a href="#" class="catalog__link">Для постоянного проживания</a>
<a href="#" class="catalog__link">Автономный септик для дачи</a>
<a href="#" class="catalog__link">Автономный септик для частного дома</a>
<a href="#" class="catalog__link">Накопительный септик</a>
<a href="#" class="catalog__link">Септик без откачки</a>
<a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
<a href="#" class="catalog__link">Анаэробный септик</a>
<a href="category-inner.html" class="catalog__link">Аэробный септик</a>
<a href="#" class="catalog__link">Для бани</a>
<a href="#" class="catalog__link">Для высоких грунтовых вод</a>
<a href="#" class="catalog__link">Автономные</a>
</div>
</div>
</div>
<div class="catalog__item js-catalog-item">
<picture><source srcset="jpg/catalog-1.webp" type="image/webp"><img src="jpg/catalog-1.jpg" width="60" height="70" alt="Септики"></picture>
<span class="catalog__item-name">Септики по количеству человек</span>
<div class="catalog__inner-wrap">
<div class="catalog__top">
<button class="catalog__top-btn button button--green button--outline js-back-catalog">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
<div class="catalog__top-name">Септики</div>
<button class="catalog__top-btn button button--green button--outline js-close-catalog">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
</div>
<div class="catalog__inner">
<a href="category.html" class="catalog__link">Все товары</a>
<a href="#" class="catalog__link">Для дома</a>
<a href="#" class="catalog__link">Для дачи</a>
<a href="#" class="catalog__link">Для коттеджа</a>
<a href="#" class="catalog__link">Для частного дома</a>
<a href="#" class="catalog__link">Для загородного дома</a>
<a href="#" class="catalog__link">Для непостоянного проживания</a>
<a href="#" class="catalog__link">Для постоянного проживания</a>
<a href="#" class="catalog__link">Автономный септик для дачи</a>
<a href="#" class="catalog__link">Автономный септик для частного дома</a>
<a href="#" class="catalog__link">Накопительный септик</a>
<a href="#" class="catalog__link">Септик без откачки</a>
<a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
<a href="#" class="catalog__link">Анаэробный септик</a>
<a href="category-inner.html" class="catalog__link">Аэробный септик</a>
<a href="#" class="catalog__link">Для бани</a>
<a href="#" class="catalog__link">Для высоких грунтовых вод</a>
<a href="#" class="catalog__link">Автономные</a>
</div>
</div>
</div>
<div class="catalog__item js-catalog-item">
<picture><source srcset="jpg/catalog-2.webp" type="image/webp"><img src="jpg/catalog-2.jpg" width="60" height="70" alt="Септики"></picture>
<span class="catalog__item-name">Жироуловители</span>
<div class="catalog__inner-wrap">
<div class="catalog__top">
<button class="catalog__top-btn button button--green button--outline js-back-catalog">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
<div class="catalog__top-name">Септики</div>
<button class="catalog__top-btn button button--green button--outline js-close-catalog">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
</div>
<div class="catalog__inner">
<a href="category.html" class="catalog__link">Все товары</a>
<a href="#" class="catalog__link">Для дома</a>
<a href="#" class="catalog__link">Для дачи</a>
<a href="#" class="catalog__link">Для коттеджа</a>
<a href="#" class="catalog__link">Для частного дома</a>
<a href="#" class="catalog__link">Для загородного дома</a>
<a href="#" class="catalog__link">Для непостоянного проживания</a>
<a href="#" class="catalog__link">Для постоянного проживания</a>
<a href="#" class="catalog__link">Автономный септик для дачи</a>
<a href="#" class="catalog__link">Автономный септик для частного дома</a>
<a href="#" class="catalog__link">Накопительный септик</a>
<a href="#" class="catalog__link">Септик без откачки</a>
<a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
<a href="#" class="catalog__link">Анаэробный септик</a>
<a href="category-inner.html" class="catalog__link">Аэробный септик</a>
<a href="#" class="catalog__link">Для бани</a>
<a href="#" class="catalog__link">Для высоких грунтовых вод</a>
<a href="#" class="catalog__link">Автономные</a>
</div>
</div>
</div>
<div class="catalog__item js-catalog-item">
<picture><source srcset="jpg/catalog-3.webp" type="image/webp"><img src="jpg/catalog-3.jpg" width="60" height="70" alt="Септики"></picture>
<span class="catalog__item-name">Кессоны</span>
<div class="catalog__inner-wrap">
<div class="catalog__top">
<button class="catalog__top-btn button button--green button--outline js-back-catalog">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
<div class="catalog__top-name">Септики</div>
<button class="catalog__top-btn button button--green button--outline js-close-catalog">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
</div>
<div class="catalog__inner">
<a href="category.html" class="catalog__link">Все товары</a>
<a href="#" class="catalog__link">Для дома</a>
<a href="#" class="catalog__link">Для дачи</a>
<a href="#" class="catalog__link">Для коттеджа</a>
<a href="#" class="catalog__link">Для частного дома</a>
<a href="#" class="catalog__link">Для загородного дома</a>
<a href="#" class="catalog__link">Для непостоянного проживания</a>
<a href="#" class="catalog__link">Для постоянного проживания</a>
<a href="#" class="catalog__link">Автономный септик для дачи</a>
<a href="#" class="catalog__link">Автономный септик для частного дома</a>
<a href="#" class="catalog__link">Накопительный септик</a>
<a href="#" class="catalog__link">Септик без откачки</a>
<a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
<a href="#" class="catalog__link">Анаэробный септик</a>
<a href="category-inner.html" class="catalog__link">Аэробный септик</a>
<a href="#" class="catalog__link">Для бани</a>
<a href="#" class="catalog__link">Для высоких грунтовых вод</a>
<a href="#" class="catalog__link">Автономные</a>
</div>
</div>
</div>
<div class="catalog__item js-catalog-item">
<picture><source srcset="jpg/catalog-4.webp" type="image/webp"><img src="jpg/catalog-4.jpg" width="60" height="70" alt="Септики"></picture>
<span class="catalog__item-name">Комплектующие</span>
<div class="catalog__inner-wrap">
<div class="catalog__top">
<button class="catalog__top-btn button button--green button--outline js-back-catalog">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
<div class="catalog__top-name">Септики</div>
<button class="catalog__top-btn button button--green button--outline js-close-catalog">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
</div>
<div class="catalog__inner">
<a href="category.html" class="catalog__link">Все товары</a>
<a href="#" class="catalog__link">Для дома</a>
<a href="#" class="catalog__link">Для дачи</a>
<a href="#" class="catalog__link">Для коттеджа</a>
<a href="#" class="catalog__link">Для частного дома</a>
<a href="#" class="catalog__link">Для загородного дома</a>
<a href="#" class="catalog__link">Для непостоянного проживания</a>
<a href="#" class="catalog__link">Для постоянного проживания</a>
<a href="#" class="catalog__link">Автономный септик для дачи</a>
<a href="#" class="catalog__link">Автономный септик для частного дома</a>
<a href="#" class="catalog__link">Накопительный септик</a>
<a href="#" class="catalog__link">Септик без откачки</a>
<a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
<a href="#" class="catalog__link">Анаэробный септик</a>
<a href="category-inner.html" class="catalog__link">Аэробный септик</a>
<a href="#" class="catalog__link">Для бани</a>
<a href="#" class="catalog__link">Для высоких грунтовых вод</a>
<a href="#" class="catalog__link">Автономные</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="menu-mobile">
<div class="menu-mobile__top">
<a class="menu-mobile__phone" href="tel:84956699924">8 (495) 669-99-24</a>
<button class="button button--green button--outline">Расчет септика</button>
<form action="#">
<div class="menu-mobile__search">
<input type="text" class="input" placeholder="Поиск">
<div class="header__search-block">
<div class="header__search-top">
История поиска
<button class="button button--ghost" type="button">Очистить</button>
</div>
<div class="header__search-histories">
<div class="header__search-history">
<button class="header__search-btn header__search-btn--again">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor"></path><path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path></svg>
<span>ЭРА 6 midi прин</span>
</button>
<button class="header__search-btn header__search-btn--remove">
<svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path></svg>
</button>
</div>
<div class="header__search-history">
<button class="header__search-btn header__search-btn--again">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor"></path><path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path></svg>
<span>ЭРА 8 long прин</span>
</button>
<button class="header__search-btn header__search-btn--remove">
<svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path></svg>
</button>
</div>
<div class="header__search-history">
<button class="header__search-btn header__search-btn--again">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor"></path><path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path></svg>
<span>Жироуловитель ЭРА 4</span>
</button>
<button class="header__search-btn header__search-btn--remove">
<svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path></svg>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="header_location-wrap js-location">
<button class="menu-mobile__location js-location-btn">
Москва
</button>
<select class="header__location-select js-location-select">
<option value="Москва" selected="">Москва</option>
<option value="Санкт-Петербург">Санкт-Петербург</option>
<option value="Казань">Казань</option>
<option value="Нижний Новгород">Нижний Новгород</option>
<option value="Ярославль">Ярославль</option>
<option value="Волгоград">Волгоград</option>
</select>
</div>
<footer class="footer footer section">
<div class="container">
<div class="footer__top">
<div class="footer__top-item">
<button class="footer__btn js-footer-btn">
Услуги
<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
</button>
<ul class="footer__list js-footer-list">
<li class="footer__list-item">
<a href="services-category.html">Монтаж септиков</a>
</li>
<li class="footer__list-item">
<a href="#">Монтаж ЛОС</a>
</li>
<li class="footer__list-item">
<a href="#">Монтаж атономных канализаций</a>
</li>
<li class="footer__list-item">
<a href="#">Сервисное обслуживание септиков</a>
</li>
<li class="footer__list-item">
<a href="#">Сервисное обслуживание ЛОС</a>
</li>
<li class="footer__list-item">
<a href="#">Обслуживание автономных канализаций</a>
</li>
<li class="footer__list-item">
<a href="#">Чистка септиков</a>
</li>
<li class="footer__list-item">
<a href="#">Откачка септиков</a>
</li>
<li class="footer__list-item">
<a href="#">Косервация септиков</a>
</li>
<li class="footer__list-item">
<a href="#">Консервация ЛОС</a>
</li>
</ul>
</div>
<div class="footer__top-item">
<button class="footer__btn js-footer-btn">
Полезная информация
<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
</button>
<ul class="footer__list js-footer-list">
<li class="footer__list-item">
<a href="gost.html">ГОСТы по септикам</a>
</li>
<li class="footer__list-item">
<a href="glossarium.html">Глоссарий терминов</a>
</li>
<li class="footer__list-item">
<a href="grease-trap-principle.html">Принцип работы жиро-улолвителей</a>
</li>
<li class="footer__list-item">
<a href="kesson-principle.html">Кессон принцип работы</a>
</li>
<li class="footer__list-item">
<a href="septik-principle.html">Принцип работы септиков Эра</a>
</li>
<li class="footer__list-item">
<a href="#">Септик ЭРА-КНС</a>
</li>
<li class="footer__list-item">
<a href="#">Септик ЭРА-ПЦ</a>
</li>
<li class="footer__list-item">
<a href="#">Септик ЭРА-ГВ</a>
</li>
<li class="footer__list-item">
<a href="materials.html">Материалы</a>
</li>
<li class="footer__list-item">
<a href="technology.html">Технология</a>
</li>
</ul>
</div>
<div class="footer__top-item">
<button class="footer__btn js-footer-btn">
Покупателям
<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
</button>
<ul class="footer__list js-footer-list">
<li class="footer__list-item">
<a href="delivery.html">Условия доставки</a>
</li>
<li class="footer__list-item">
<a href="refund.html">Условия возврата</a>
</li>
<li class="footer__list-item">
<a href="#">Способы оплаты</a>
</li>
<li class="footer__list-item">
<a href="how-place-order.html">Как оформить заказ</a>
</li>
<li class="footer__list-item">
<a href="support-center.html">Центр поддержки</a>
</li>
<li class="footer__list-item">
<a href="guarantee.html">Гарантия</a>
</li>
<li class="footer__list-item">
<a href="certificates.html">Сертификаты</a>
</li>
<li class="footer__list-item">
<a href="awards.html">Награды</a>
</li>
<li class="footer__list-item">
<a href="reviews.html">Отзывы</a>
</li>
<li class="footer__list-item">
<a href="partners.html">Партнеры</a>
</li>
</ul>
</div>
<div>
<div class="footer__top-item">
<button class="footer__btn js-footer-btn">
Интересное
<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
</button>
<ul class="footer__list js-footer-list">
<li class="footer__list-item">
<a href="blog.html">Блог про септики</a>
</li>
<li class="footer__list-item">
<a href="portfolio.html">Портфолио проектов</a>
</li>
</ul>
</div>
<button class="footer__btn js-footer-btn">
Документация
<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
</button>
<ul class="footer__list js-footer-list">
<li class="footer__list-item">
<a href="agreement.html">Договора</a>
</li>
<li class="footer__list-item">
<a href="legal-data.html">Реквизиты</a>
</li>
<li class="footer__list-item">
<a href="faq.html">Политика конфиденциальности</a>
</li>
<li class="footer__list-item">
<a href="#">Пользовательское соглашение</a>
</li>
</ul>
</div>
</div>
<div class="footer__bottom">
<a class="footer__logo" href="#">
<picture><source srcset="png/logo.webp" type="image/webp"><img src="png/logo.png" width="178" height="82" alt="logo"></picture>
</a>
<div class="footer__bottom-item">
<div class="footer__bottom-name">Адрес</div>
<p>
Россия 121596 Москва<br>
ул. Горбунова 6к2с8
</p>
</div>
<div class="footer__bottom-item">
<div class="footer__bottom-name">Телефон и почта</div>
<p>
+7 (495) 669-99-24<br>
info@eraseptik.ru
</p>
</div>
<div class="footer__bottom-item">
<div class="footer__bottom-name">Реквизиты</div>
<p>
ОГРН 1165030050602<br>
ИНН 5030088192
</p>
</div>
<div class="footer__bottom-item">
<div class="footer__bottom-name">Соцсети</div>
<div class="footer__social">
<a href="#">
<picture><source srcset="svg/vk-social.svg" type="image/webp"><img width="46" height="46" src="svg/vk-social.svg" alt="vk"></picture>
</a>
<a href="#">
<picture><source srcset="svg/whatsap-social.svg" type="image/webp"><img width="46" height="42" src="svg/whatsap-social.svg" alt="whatsap"></picture>
</a>
<a href="#">
<picture><source srcset="svg/youtube-social.svg" type="image/webp"><img width="46" height="46" src="svg/youtube-social.svg" alt="youtube"></picture>
</a>
</div>
</div>
</div>
</div>
</footer>
</div>
<nav class="breadcrumbs container">
<ul class="breadcrumbs__list">
<li class="breadcrumbs__item">
<a href="/">Главная</a>
</li>
<li class="breadcrumbs__item">
Каталог
</li>
</ul>
</nav>
<section class="text-section section container">
<h1 class="text-section__title">
Компания <span class="orange-text">Эра</span><span class="green-text">Септик</span> более 10 лет оказывает услуги по производству и установке септиков для загородных домов и дач
</h1>
<p class="text-section__text">
За это время накоплен колоссальный опыт, который помогает создавать качественные, надежные и доступные по цене изделия
</p>
</section>
<section class="catalog-page container section">
<h2 class="catalog-page__title">Каталог товаров</h2>
<div class="catalog-page__wrap">
<aside class="catalog-page__filter">
<div class="catalog-page__filter-wrap">
<form action="#">
<div class="filter">
<div class="filter__top">
<h3 class="filter__title">Фильтры</h3>
<button class="filter__top-btn button button--green button--outline js-close-filter" type="button">
<svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
</svg>
</button>
</div>
<div class="filter__wrap filter__wrap--left">
<div class="filter__item filter__item--list">
<a class="filter__category is-active filter__category--base" href="category.html">
Все товары <span>48</span>
</a>
<a class="filter__category" href="category.html">
Септики<span>30</span>
</a>
<a class="filter__category" href="category.html">
Канализации<span>4</span>
</a>
<a class="filter__category" href="category.html">
Станции очистки<span>4</span>
</a>
<a class="filter__category" href="category.html">
ЛОС<span>10</span>
</a>
</div>
<div class="filter__item range js-range">
<div class="filter__item-name">Цена (руб.)</div>
<div class="range__control">
<div class="range__control-item">
от
<input class="range__control-input js-input-from" type="number" value="1299" min="1299" max="14590">
</div>
<div class="range__control-item">
— до
<input class="range__control-input js-input-to" type="number" value="14590" min="1299" max="14590">
</div>
</div>
<div class="range__sliders">
<input class="range__slider js-range-from" type="range" value="1299" min="1299" max="14590">
<input class="range__slider js-range-to" type="range" value="14590" min="1299" max="14590">
</div>
<div class="filter__item-list">
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="price" value="less_40000" id="less_40000">
<label class="checkbox" for="less_40000">до 40 0000<span>2</span></label>
</div>
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="price" value="less_100000" id="less_100000">
<label class="checkbox" for="less_100000">до 100 0000<span>2</span></label>
</div>
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="price" value="less_150000" id="less_150000">
<label class="checkbox" for="less_150000">до 150 0000<span>12</span></label>
</div>
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="price" value="discount" id="discount">
<label class="checkbox" for="discount">со скидкой<span>125</span></label>
</div>
</div>
</div>
<div class="filter__item js-filter-group">
<div class="filter__item-name">Почва</div>
<div class="filter__item-list">
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="ground" value="sand" id="ground_sand">
<label class="checkbox" for="ground_sand">Песчаная<span>6</span></label>
</div>
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="ground" value="silty" id="ground_silty">
<label class="checkbox" for="ground_silty">Илистая<span>11</span></label>
</div>
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="ground" value="stone" id="ground_stone">
<label class="checkbox" for="ground_stone">Каменистая<span>14</span></label>
</div>
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="ground" value="black" id="ground_black">
<label class="checkbox" for="ground_black">Чернозем<span>14</span></label>
</div>
</div>
</div>
</div>
<div class="filter__wrap filter__wrap--right">
<div class="filter__item js-filter-group">
<div class="filter__item-name">Производительность</div>
<div class="filter__item-list">
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="capacity" value="sand" id="capacity_sand">
<label class="checkbox" for="capacity_sand">Песчаная<span>6</span></label>
</div>
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="capacity" value="silty" id="capacity_silty">
<label class="checkbox" for="capacity_silty">Илистая<span>11</span></label>
</div>
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="capacity" value="stone" id="capacity_stone">
<label class="checkbox" for="capacity_stone">Каменистая<span>14</span></label>
</div>
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="capacity" value="black" id="capacity_black">
<label class="checkbox" for="capacity_black">Чернозем<span>14</span></label>
</div>
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="capacity" value="sand" id="capacity_sand-1">
<label class="checkbox" for="capacity_sand-1">Песчаная<span>6</span></label>
</div>
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="capacity" value="silty" id="capacity_silty-1">
<label class="checkbox" for="capacity_silty-1">Илистая<span>11</span></label>
</div>
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="capacity" value="stone" id="capacity_stone-1">
<label class="checkbox" for="capacity_stone-1">Каменистая<span>14</span></label>
</div>
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="capacity" value="black" id="capacity_black-1">
<label class="checkbox" for="capacity_black-1">Чернозем<span>14</span></label>
</div>
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="capacity" value="sand" id="capacity_sand-2">
<label class="checkbox" for="capacity_sand-2">Песчаная<span>6</span></label>
</div>
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="capacity" value="silty" id="capacity_silty-2">
<label class="checkbox" for="capacity_silty-2">Илистая<span>11</span></label>
</div>
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="capacity" value="stone" id="capacity_stone-2">
<label class="checkbox" for="capacity_stone-2">Каменистая<span>14</span></label>
</div>
<div class="filter__item-wrap">
<input class="visually-hidden" type="checkbox" name="capacity" value="black" id="capacity_black-2">
<label class="checkbox" for="capacity_black-2">Чернозем<span>14</span></label>
</div>
<button class="filter__more js-filter-more" type="button">Показать еще</button>
<button class="filter__less js-filter-less" type="button">Скрыть часть</button>
</div>
</div>
<div class="filter__item">
<input class="visually-hidden" type="checkbox" name="with_ground_water" id="ground_water">
<label class="switcher" for="ground_water">Высокие грунтовые воды</label>
</div>
</div>
<div class="filter__item filter__item--btns">
<button class="button button--orange" type="button">Применить</button>
<button class="button button--outline" type="button">Очистить</button>
</div>
</div>
</form>
</div>
</aside>
<div class="catalog-page__sale sale js-display-list">
<div class="catalog-page__top">
<div class="select">
<div class="select__name">Сортировать</div>
<select name="sorting" id="sorting">
<option value="default">По популярности</option>
<option value="price_up">По возрастанию цены</option>
<option value="price_down">По убыванию цены</option>
</select>
<svg width="12" height="13" viewbox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2803 4.46967C10.5732 4.76256 10.5732 5.23744 10.2803 5.53033L6.53033 9.28033C6.23744 9.57322 5.76256 9.57322 5.46967 9.28033L1.71967 5.53033C1.42678 5.23744 1.42678 4.76256 1.71967 4.46967C2.01256 4.17678 2.48744 4.17678 2.78033 4.46967L6 7.68934L9.21967 4.46967C9.51256 4.17678 9.98744 4.17678 10.2803 4.46967Z" fill="#939393"></path>
</svg>
</div>
<button class="catalog-page__filters-btn js-show-filter" type="button">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.875 16.125H3.75M20.25 16.125h-2.625M15.75 18a1.875 1.875 0 1 0 0-3.75 1.875 1.875 0 0 0 0 3.75ZM7.875 7.875H3.75M20.25 7.875h-8.625M9.75 9.75a1.875 1.875 0 1 0 0-3.75 1.875 1.875 0 0 0 0 3.75Z" stroke="#3D3D3D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</button>
<div class="display-method">
<button class="display-method__item is-active js-tile" type="button">
<svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="5.333" height="5.333" rx="1" fill="currentColor"></rect><rect y="6.667" width="5.333" height="5.333" rx="1" fill="currentColor"></rect><rect x="6.667" width="5.333" height="5.333" rx="1" fill="currentColor"></rect><rect x="6.667" y="6.667" width="5.333" height="5.333" rx="1" fill="currentColor"></rect></svg>
</button>
<button class="display-method__item js-list" type="button">
<svg width="14" height="12" viewbox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="2.667" rx="1" fill="currentColor"></rect><rect y="4.667" width="14" height="2.667" rx="1" fill="currentColor"></rect><rect y="9.333" width="14" height="2.667" rx="1" fill="currentColor"></rect></svg>
</button>
</div>
</div>
<div class="sale__products">
<div class="product">
<a class="product__image" href="product.html">
<picture><source srcset="png/product.webp" type="image/webp"><img src="png/product.png" width="336" height="340" alt="product"></picture>
</a>
<div class="product__data-list">
<p class="product__text">Решение для небольших дачных домов</p>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__rating rating rating--4">4/5</div>
</div>
<div class="product__data">
<div class="product__rating rating rating--4">4/5</div>
<div class="product__info">
<a class="product__title" href="product.html">Септик ЭРА 4 прин</a>
<p class="product__text">Решение для небольших дачных домов</p>
</div>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__price">77 000 ₽</div>
<div class="product__btns">
<button class="button button--orange">Купить</button>
<button class="button button--outline">Купить с установкой</button>
</div>
</div>
</div>
<div class="product">
<a class="product__image" href="product.html">
<picture><source srcset="png/product.webp" type="image/webp"><img src="png/product.png" width="336" height="340" alt="product"></picture>
</a>
<div class="product__data-list">
<p class="product__text">Решение для небольших дачных домов</p>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__rating rating rating--4">4/5</div>
</div>
<div class="product__data">
<div class="product__rating rating rating--4">4/5</div>
<div class="product__info">
<a class="product__title" href="product.html">Септик ЭРА 4 прин</a>
<p class="product__text">Решение для небольших дачных домов</p>
</div>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__price">77 000 ₽</div>
<div class="product__btns">
<button class="button button--orange">Купить</button>
<button class="button button--outline">Купить с установкой</button>
</div>
</div>
</div>
<div class="product">
<a class="product__image" href="product.html">
<picture><source srcset="png/product.webp" type="image/webp"><img src="png/product.png" width="336" height="340" alt="product"></picture>
</a>
<div class="product__data-list">
<p class="product__text">Решение для небольших дачных домов</p>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__rating rating rating--4">4/5</div>
</div>
<div class="product__data">
<div class="product__rating rating rating--4">4/5</div>
<div class="product__info">
<a class="product__title" href="product.html">Септик ЭРА 4 прин</a>
<p class="product__text">Решение для небольших дачных домов</p>
</div>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__price">77 000 ₽</div>
<div class="product__btns">
<button class="button button--orange">Купить</button>
<button class="button button--outline">Купить с установкой</button>
</div>
</div>
</div>
<div class="product">
<a class="product__image" href="product.html">
<picture><source srcset="png/product.webp" type="image/webp"><img src="png/product.png" width="336" height="340" alt="product"></picture>
</a>
<div class="product__data-list">
<p class="product__text">Решение для небольших дачных домов</p>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__rating rating rating--4">4/5</div>
</div>
<div class="product__data">
<div class="product__rating rating rating--4">4/5</div>
<div class="product__info">
<a class="product__title" href="product.html">Септик ЭРА 4 прин</a>
<p class="product__text">Решение для небольших дачных домов</p>
</div>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__price">77 000 ₽</div>
<div class="product__btns">
<button class="button button--orange">Купить</button>
<button class="button button--outline">Купить с установкой</button>
</div>
</div>
</div>
<div class="product">
<a class="product__image" href="product.html">
<picture><source srcset="png/product.webp" type="image/webp"><img src="png/product.png" width="336" height="340" alt="product"></picture>
</a>
<div class="product__data-list">
<p class="product__text">Решение для небольших дачных домов</p>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__rating rating rating--4">4/5</div>
</div>
<div class="product__data">
<div class="product__rating rating rating--4">4/5</div>
<div class="product__info">
<a class="product__title" href="product.html">Септик ЭРА 4 прин</a>
<p class="product__text">Решение для небольших дачных домов</p>
</div>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__price">77 000 ₽</div>
<div class="product__btns">
<button class="button button--orange">Купить</button>
<button class="button button--outline">Купить с установкой</button>
</div>
</div>
</div>
<div class="product">
<a class="product__image" href="product.html">
<picture><source srcset="png/product.webp" type="image/webp"><img src="png/product.png" width="336" height="340" alt="product"></picture>
</a>
<div class="product__data-list">
<p class="product__text">Решение для небольших дачных домов</p>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__rating rating rating--4">4/5</div>
</div>
<div class="product__data">
<div class="product__rating rating rating--4">4/5</div>
<div class="product__info">
<a class="product__title" href="product.html">Септик ЭРА 4 прин</a>
<p class="product__text">Решение для небольших дачных домов</p>
</div>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__price">77 000 ₽</div>
<div class="product__btns">
<button class="button button--orange">Купить</button>
<button class="button button--outline">Купить с установкой</button>
</div>
</div>
</div>
<div class="product">
<a class="product__image" href="product.html">
<picture><source srcset="png/product.webp" type="image/webp"><img src="png/product.png" width="336" height="340" alt="product"></picture>
</a>
<div class="product__data-list">
<p class="product__text">Решение для небольших дачных домов</p>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__rating rating rating--4">4/5</div>
</div>
<div class="product__data">
<div class="product__rating rating rating--4">4/5</div>
<div class="product__info">
<a class="product__title" href="product.html">Септик ЭРА 4 прин</a>
<p class="product__text">Решение для небольших дачных домов</p>
</div>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__price">77 000 ₽</div>
<div class="product__btns">
<button class="button button--orange">Купить</button>
<button class="button button--outline">Купить с установкой</button>
</div>
</div>
</div>
<div class="product">
<a class="product__image" href="product.html">
<picture><source srcset="png/product.webp" type="image/webp"><img src="png/product.png" width="336" height="340" alt="product"></picture>
</a>
<div class="product__data-list">
<p class="product__text">Решение для небольших дачных домов</p>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__rating rating rating--4">4/5</div>
</div>
<div class="product__data">
<div class="product__rating rating rating--4">4/5</div>
<div class="product__info">
<a class="product__title" href="product.html">Септик ЭРА 4 прин</a>
<p class="product__text">Решение для небольших дачных домов</p>
</div>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__price">77 000 ₽</div>
<div class="product__btns">
<button class="button button--orange">Купить</button>
<button class="button button--outline">Купить с установкой</button>
</div>
</div>
</div>
<div class="product">
<a class="product__image" href="product.html">
<picture><source srcset="png/product.webp" type="image/webp"><img src="png/product.png" width="336" height="340" alt="product"></picture>
</a>
<div class="product__data-list">
<p class="product__text">Решение для небольших дачных домов</p>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__rating rating rating--4">4/5</div>
</div>
<div class="product__data">
<div class="product__rating rating rating--4">4/5</div>
<div class="product__info">
<a class="product__title" href="product.html">Септик ЭРА 4 прин</a>
<p class="product__text">Решение для небольших дачных домов</p>
</div>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__price">77 000 ₽</div>
<div class="product__btns">
<button class="button button--orange">Купить</button>
<button class="button button--outline">Купить с установкой</button>
</div>
</div>
</div>
<div class="product">
<a class="product__image" href="product.html">
<picture><source srcset="png/product.webp" type="image/webp"><img src="png/product.png" width="336" height="340" alt="product"></picture>
</a>
<div class="product__data-list">
<p class="product__text">Решение для небольших дачных домов</p>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__rating rating rating--4">4/5</div>
</div>
<div class="product__data">
<div class="product__rating rating rating--4">4/5</div>
<div class="product__info">
<a class="product__title" href="product.html">Септик ЭРА 4 прин</a>
<p class="product__text">Решение для небольших дачных домов</p>
</div>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__price">77 000 ₽</div>
<div class="product__btns">
<button class="button button--orange">Купить</button>
<button class="button button--outline">Купить с установкой</button>
</div>
</div>
</div>
<div class="product product--sold">
<a class="product__image" href="product.html">
<picture><source srcset="png/product.webp" type="image/webp"><img src="png/product.png" width="336" height="340" alt="product"></picture>
</a>
<div class="product__data-list">
<p class="product__text">Решение для небольших дачных домов</p>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__rating rating rating--4">4/5</div>
</div>
<div class="product__data">
<div class="product__rating rating rating--4">4/5</div>
<div class="product__info">
<a class="product__title" href="product.html">Септик ЭРА 4 прин</a>
<p class="product__text">Решение для небольших дачных домов</p>
</div>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__price">77 000 ₽</div>
<div class="product__btns">
Нет в наличии
</div>
</div>
</div>
<div class="product product--sold">
<a class="product__image" href="product.html">
<picture><source srcset="png/product.webp" type="image/webp"><img src="png/product.png" width="336" height="340" alt="product"></picture>
</a>
<div class="product__data-list">
<p class="product__text">Решение для небольших дачных домов</p>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__rating rating rating--4">4/5</div>
</div>
<div class="product__data">
<div class="product__rating rating rating--4">4/5</div>
<div class="product__info">
<a class="product__title" href="product.html">Септик ЭРА 4 прин</a>
<p class="product__text">Решение для небольших дачных домов</p>
</div>
<div class="product__info">
<p class="product__text">Пользователей: <span>1-3 чел</span></p>
<p class="product__text">Производительность: <span>0.5м2</span></p>
<p class="product__text">Сброс: <span>150 литров</span></p>
<p class="product__text">Питание: <span>не нужно</span></p>
</div>
<div class="product__price">77 000 ₽</div>
<div class="product__btns">
Нет в наличии
</div>
</div>
</div>
</div>
<div class="pagination">
<button class="more__btn button button--outline">Показать еще</button>
<div class="pagination-list">
<button class="pagination-item button button--outline">
<picture><source srcset="svg/arrow-left.svg" type="image/webp"><img src="svg/arrow-left.svg" alt="Предыдущая страница"></picture>
</button>
<button class="pagination-item is-active button button--outline">1</button>
<button class="pagination-item button button--outline">2</button>
<button class="pagination-item button button--outline">3</button>
<button class="pagination-item button button--outline">4</button>
<button class="pagination-item button button--outline">5</button>
<button class="pagination-item is-middle button button--outline">
...
</button>
<button class="pagination-item button button--outline">10</button>
<button class="pagination-item button button--outline">
<picture><source srcset="svg/arrow-right.svg" type="image/webp"><img src="svg/arrow-right.svg" alt="Предыдущая страница"></picture>
</button>
</div>
</div>
</div>
</div>
</section>
<section class="catalog-page__services services container section">
<h2 class="section-title">Популярные категории</h2>
<div class="services__list">
<div class="services__item">
<h3 class="services__name">Септики 1м3</h3>
<p class="services__info">Полный монтаж септика под ключ, быстро и надежно.</p>
<div class="services__data">
<span class="services__price">от 77 000 ₽</span>
<span class="services__time">(от 36 часов)</span>
</div>
</div>
<div class="services__item">
<h3 class="services__name">Септики для кухни</h3>
<p class="services__info">Полный монтаж септика под ключ, быстро и надежно.</p>
<div class="services__data">
<span class="services__price">от 77 000 ₽</span>
<span class="services__time">(от 36 часов)</span>
</div>
</div>
<div class="services__item">
<h3 class="services__name">Недорогие септики</h3>
<p class="services__info">Полный монтаж септика под ключ, быстро и надежно.</p>
<div class="services__data">
<span class="services__price">от 77 000 ₽</span>
<span class="services__time">(от 36 часов)</span>
</div>
</div>
</div>
</section>
<section class="catalog-page__seo container section">
<div class="catalog-page__seo-item">
<div class="catalog-page__seo-name">
SEO-текст
</div>
<p class="catalog-page__seo-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes.
</p>
</div>
<div class="catalog-page__seo-item">
<div class="catalog-page__seo-name">
SEO-текст
</div>
<p class="catalog-page__seo-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.
</p>
</div>
<div class="catalog-page__seo-item">
<div class="catalog-page__seo-name">
SEO-текст
</div>
<p class="catalog-page__seo-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes.
</p>
</div>
</section>
<section class="consultation container">
<h2 class="consultation__title">Нужна консультация?</h2>
<form action="#" class="consultation__form">
<input type="text" class="input" placeholder="Ваше имя">
<input type="tel" class="input" placeholder="Номер телефона">
<button class="button button--orange">Получить консультацию</button>
</form>
<div class="consultation__info">
Нажимая кнопку «Получить консультацию», вы соглашаетесь с <a href="#" class="consultation__info--link"><u>условиями
конфиденциальности</u></a>
</div>
</section>
<section class="tap-bar">
<div class="tap-bar__item">
<a class="tap-bar__link" href="/">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2717_16834)"><path d="M21.5 11.25v9a.75.75 0 0 1-.75.75H15.5a.75.75 0 0 1-.75-.75v-4.875a.375.375 0 0 0-.375-.375h-3.75a.375.375 0 0 0-.375.375v4.875a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-9c0-.398.158-.78.44-1.06l7.5-7.5a1.5 1.5 0 0 1 2.12 0l7.5 7.5a1.5 1.5 0 0 1 .44 1.06Z" fill="currentColor"></path></g><defs><clipPath id="clip0_2717_16834"><path fill="#fff" d="M.5 0h24v24H.5z"></path></clipPath></defs></svg>
<span>Главная</span>
</a>
</div>
<div class="tap-bar__item">
<a class="tap-bar__link" href="#">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2717_16839)"><path d="M24.35 9a6.75 6.75 0 0 1-9.463 6.188l-4.88 5.645a3 3 0 1 1-4.28-4.204c.013-.012.026-.025.04-.036l5.646-4.88a6.757 6.757 0 0 1 7.832-9.26.75.75 0 0 1 .368 1.236L16.1 7.5l.53 2.47 2.47.53 3.811-3.517a.75.75 0 0 1 1.237.368c.134.54.202 1.093.202 1.65Z" fill="currentColor"></path></g><defs><clipPath id="clip0_2717_16839"><path fill="#fff" d="M.6 0h24v24H.6z"></path></clipPath></defs></svg>
<span>Услуги</span>
</a>
</div>
<div class="tap-bar__item tap-bar__item--catalog">
<button class="tap-bar__link js-catalog" type="button">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2717_16844)"><path d="M21.2 4.6v6a.403.403 0 0 1-.116.283.392.392 0 0 1-.279.117h-7.502V3.4c0-.106.041-.208.115-.283a.392.392 0 0 1 .28-.117h5.922c.42 0 .821.169 1.117.469.297.3.463.707.463 1.131ZM10.702 3H4.78c-.418 0-.82.169-1.116.469A1.61 1.61 0 0 0 3.2 4.6v6c0 .106.042.208.116.283a.392.392 0 0 0 .279.117h7.502V3.4a.403.403 0 0 0-.115-.283.392.392 0 0 0-.28-.117Zm10.103 10h-7.502v7.6c0 .106.041.208.115.283a.392.392 0 0 0 .28.117h5.922c.42 0 .821-.169 1.117-.469.297-.3.463-.707.463-1.131v-6a.403.403 0 0 0-.116-.283.392.392 0 0 0-.279-.117ZM3.2 13.4v6c0 .424.166.831.463 1.131.296.3.698.469 1.116.469h5.923a.392.392 0 0 0 .28-.117.402.402 0 0 0 .115-.283V13H3.595a.392.392 0 0 0-.28.117.403.403 0 0 0-.115.283Z" fill="currentColor"></path></g><defs><clipPath id="clip0_2717_16844"><path fill="#fff" d="M.2 0h24v24H.2z"></path></clipPath></defs></svg>
<span>Каталог</span>
</button>
</div>
<div class="tap-bar__item">
<a class="tap-bar__link" href="#">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2717_16849)"><path d="M18.456 16.938a2.194 2.194 0 0 0 2.103-1.603l-2.103 1.602Zm0 0H9.19a2.192 2.192 0 0 1-2.111-1.603L3.79 3.483l-.012-.046H2.05a.688.688 0 1 1 0-1.374H4.3a.688.688 0 0 1 .663.503l.888 3.2.013.046H22.3a.688.688 0 0 1 .663.872l-2.404 8.651-2.103 1.602ZM8.001 18.805a1.437 1.437 0 1 1 1.598 2.39A1.437 1.437 0 0 1 8 18.805Zm9.75 0a1.437 1.437 0 1 1 1.598 2.39 1.437 1.437 0 0 1-1.598-2.39Z" fill="currentColor" stroke="#939393" stroke-width=".125"></path></g><defs><clipPath id="clip0_2717_16849"><path fill="#fff" d="M.3 0h24v24H.3z"></path></clipPath></defs></svg>
<span>Корзина</span>
</a>
</div>
<div class="tap-bar__item tap-bar__item--tablet">
<a class="tap-bar__link" href="#">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2717_16854)"><path d="M19.15 2.25H5.65a1.5 1.5 0 0 0-1.5 1.5v16.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5V3.75a1.5 1.5 0 0 0-1.5-1.5Zm-10.5 16.5a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm0-3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm3.75 3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm0-3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm3.75 3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm0-3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm1.5-5.25a.75.75 0 0 1-.75.75h-9a.75.75 0 0 1-.75-.75V6a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 .75.75v3.75Z" fill="currentColor"></path></g><defs><clipPath id="clip0_2717_16854"><path fill="#fff" d="M.4 0h24v24H.4z"></path></clipPath></defs></svg>
<span>Расчет</span>
</a>
</div>
<div class="tap-bar__item tap-bar__item--menu">
<button class="tap-bar__link js-menu" type="button">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2717_16859)"><path d="M14.625 12a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0ZM4.5 9.375a2.625 2.625 0 1 0 0 5.25 2.625 2.625 0 0 0 0-5.25Zm15 0a2.625 2.625 0 1 0 0 5.25 2.625 2.625 0 0 0 0-5.25Z" fill="currentColor"></path></g><defs><clipPath id="clip0_2717_16859"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg>
<span>Меню</span>
</button></div>
</section>
<footer class="footer footer section">
<div class="container">
<div class="footer__top">
<div class="footer__top-item">
<button class="footer__btn js-footer-btn">
Услуги
<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
</button>
<ul class="footer__list js-footer-list">
<li class="footer__list-item">
<a href="services-category.html">Монтаж септиков</a>
</li>
<li class="footer__list-item">
<a href="#">Монтаж ЛОС</a>
</li>
<li class="footer__list-item">
<a href="#">Монтаж атономных канализаций</a>
</li>
<li class="footer__list-item">
<a href="#">Сервисное обслуживание септиков</a>
</li>
<li class="footer__list-item">
<a href="#">Сервисное обслуживание ЛОС</a>
</li>
<li class="footer__list-item">
<a href="#">Обслуживание автономных канализаций</a>
</li>
<li class="footer__list-item">
<a href="#">Чистка септиков</a>
</li>
<li class="footer__list-item">
<a href="#">Откачка септиков</a>
</li>
<li class="footer__list-item">
<a href="#">Косервация септиков</a>
</li>
<li class="footer__list-item">
<a href="#">Консервация ЛОС</a>
</li>
</ul>
</div>
<div class="footer__top-item">
<button class="footer__btn js-footer-btn">
Полезная информация
<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
</button>
<ul class="footer__list js-footer-list">
<li class="footer__list-item">
<a href="gost.html">ГОСТы по септикам</a>
</li>
<li class="footer__list-item">
<a href="glossarium.html">Глоссарий терминов</a>
</li>
<li class="footer__list-item">
<a href="grease-trap-principle.html">Принцип работы жиро-улолвителей</a>
</li>
<li class="footer__list-item">
<a href="kesson-principle.html">Кессон принцип работы</a>
</li>
<li class="footer__list-item">
<a href="septik-principle.html">Принцип работы септиков Эра</a>
</li>
<li class="footer__list-item">
<a href="#">Септик ЭРА-КНС</a>
</li>
<li class="footer__list-item">
<a href="#">Септик ЭРА-ПЦ</a>
</li>
<li class="footer__list-item">
<a href="#">Септик ЭРА-ГВ</a>
</li>
<li class="footer__list-item">
<a href="materials.html">Материалы</a>
</li>
<li class="footer__list-item">
<a href="technology.html">Технология</a>
</li>
</ul>
</div>
<div class="footer__top-item">
<button class="footer__btn js-footer-btn">
Покупателям
<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
</button>
<ul class="footer__list js-footer-list">
<li class="footer__list-item">
<a href="delivery.html">Условия доставки</a>
</li>
<li class="footer__list-item">
<a href="refund.html">Условия возврата</a>
</li>
<li class="footer__list-item">
<a href="#">Способы оплаты</a>
</li>
<li class="footer__list-item">
<a href="how-place-order.html">Как оформить заказ</a>
</li>
<li class="footer__list-item">
<a href="support-center.html">Центр поддержки</a>
</li>
<li class="footer__list-item">
<a href="guarantee.html">Гарантия</a>
</li>
<li class="footer__list-item">
<a href="certificates.html">Сертификаты</a>
</li>
<li class="footer__list-item">
<a href="awards.html">Награды</a>
</li>
<li class="footer__list-item">
<a href="reviews.html">Отзывы</a>
</li>
<li class="footer__list-item">
<a href="partners.html">Партнеры</a>
</li>
</ul>
</div>
<div>
<div class="footer__top-item">
<button class="footer__btn js-footer-btn">
Интересное
<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
</button>
<ul class="footer__list js-footer-list">
<li class="footer__list-item">
<a href="blog.html">Блог про септики</a>
</li>
<li class="footer__list-item">
<a href="portfolio.html">Портфолио проектов</a>
</li>
</ul>
</div>
<button class="footer__btn js-footer-btn">
Документация
<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
</button>
<ul class="footer__list js-footer-list">
<li class="footer__list-item">
<a href="agreement.html">Договора</a>
</li>
<li class="footer__list-item">
<a href="legal-data.html">Реквизиты</a>
</li>
<li class="footer__list-item">
<a href="faq.html">Политика конфиденциальности</a>
</li>
<li class="footer__list-item">
<a href="#">Пользовательское соглашение</a>
</li>
</ul>
</div>
</div>
<div class="footer__bottom">
<a class="footer__logo" href="#">
<picture><source srcset="png/logo.webp" type="image/webp"><img src="png/logo.png" width="178" height="82" alt="logo"></picture>
</a>
<div class="footer__bottom-item">
<div class="footer__bottom-name">Адрес</div>
<p>
Россия 121596 Москва<br>
ул. Горбунова 6к2с8
</p>
</div>
<div class="footer__bottom-item">
<div class="footer__bottom-name">Телефон и почта</div>
<p>
+7 (495) 669-99-24<br>
info@eraseptik.ru
</p>
</div>
<div class="footer__bottom-item">
<div class="footer__bottom-name">Реквизиты</div>
<p>
ОГРН 1165030050602<br>
ИНН 5030088192
</p>
</div>
<div class="footer__bottom-item">
<div class="footer__bottom-name">Соцсети</div>
<div class="footer__social">
<a href="#">
<picture><source srcset="svg/vk-social.svg" type="image/webp"><img width="46" height="46" src="svg/vk-social.svg" alt="vk"></picture>
</a>
<a href="#">
<picture><source srcset="svg/whatsap-social.svg" type="image/webp"><img width="46" height="42" src="svg/whatsap-social.svg" alt="whatsap"></picture>
</a>
<a href="#">
<picture><source srcset="svg/youtube-social.svg" type="image/webp"><img width="46" height="46" src="svg/youtube-social.svg" alt="youtube"></picture>
</a>
</div>
</div>
</div>
</div>
</footer>
<script type="module" src="index.c09a3634.js"></script>
</body>
</html>
|