<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Главная</title>
    <link rel="stylesheet" href="css/libs/normalize.css">
    <link rel="stylesheet" href="css/libs/swiper-bundle.min.css">
    <link rel="stylesheet" href="css/libs/fancybox.css">
    <link rel="stylesheet" href="css/style.min.css">
</head>
  <body>
    <div class="index-lead" style="background-image: linear-gradient(79.3deg, #557b3080 38.69%, #c9d6ba80 89.73%), url('./img/png/background-header.png');">
    <div class="overflow js-overflow"></div>
    <header class="header container">
        <div class="header__menu">
            <a class="header__logo" href="/">
                <picture><source srcset="./img/png/logo.webp" type="image/webp"><img src="./img/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="./img/jpg/catalog-1.webp" type="image/webp"><img src="./img/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="./img/jpg/catalog-1.webp" type="image/webp"><img src="./img/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="./img/jpg/catalog-1.webp" type="image/webp"><img src="./img/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="./img/jpg/catalog-1.webp" type="image/webp"><img src="./img/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="./img/jpg/catalog-1.webp" type="image/webp"><img src="./img/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="./img/jpg/catalog-2.webp" type="image/webp"><img src="./img/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="./img/jpg/catalog-3.webp" type="image/webp"><img src="./img/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="./img/jpg/catalog-4.webp" type="image/webp"><img src="./img/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="./img/png/logo.webp" type="image/webp"><img src="./img/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="./img/svg/vk-social.svg" type="image/webp"><img width="46" height="46" src="./img/svg/vk-social.svg" alt="vk" /></picture>
                            </a>
                            <a href="#">
                                <picture><source srcset="./img/svg/whatsap-social.svg" type="image/webp"><img width="46" height="42" src="./img/svg/whatsap-social.svg" alt="whatsap" /></picture>
                            </a>
                            <a href="#">
                                <picture><source srcset="./img/svg/youtube-social.svg" type="image/webp"><img width="46" height="46" src="./img/svg/youtube-social.svg" alt="youtube" /></picture>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>

    <div class="header-lead container">
        <div class="header-lead__left">
            <h1 class="header-lead__title">
                Продажа и&nbsp;монтаж септиков в&nbsp;Москве
            </h1>
            <p class="header-lead__subtitle">
                Комплекс Септик + монтаж для дома и&nbsp;дачи
                <b>со&nbsp;скидкой&nbsp;20%</b> при заказе с&nbsp;сайта!
            </p>

            <div class="header-lead__columns">
                <div class="header-lead__item">
                    <p class="header-lead__value">1800+</p>
                    <p class="header-lead__text">септиков установлено</p>
                </div>
                <div class="header-lead__item">
                    <p class="header-lead__value">830+</p>
                    <p class="header-lead__text">довольных клиентов</p>
                </div>
                <div class="header-lead__item">
                    <p class="header-lead__value">10+</p>
                    <p class="header-lead__text">лет лидеры рынка</p>
                </div>
            </div>
            <button class="button button--orange">Заказать септик со скидкой</button>
        </div>
        <div class="header-lead__right">
            <div class="card card--main" style="background-image: url('./img/png/card-septik.png');">
                <div class="card__title">Септики</div>
                <div class="card__description">
                    <span>
                        Гарантия качества и&nbsp;оперативная установка за&nbsp;36&nbsp;часов!
                    </span>
                </div>
            </div>
            <div class="card card--little">Автономные канализации</div>
            <div class="card card--little">Станции биоочистки</div>
            <div class="card card--little">Локальные очистные сооружения</div>
        </div>
    </div>
</div>
    <main class="content" id="content">
        <section class="reasons section container">
            <h2 class="section-title">Почему клиенты выбирают <span class="green-text">Эра</span><span class="orange-text">Септик</span></h2>
            <div class="reasons__examples">
                <div class="reasons__lead">
                    <span>
                        Почему мы<br />
                        являемся <u>лидерами</u> на рынке?
                    </span>
                </div>
        
                <div class="reasons__list">
                    <div class="reasons__item hover-scale">
                        <div class="reasons__num">
                            01
                        </div>
                        <div class="reasons__text"><b>Ведем полный цикл</b> от производства до установки, обеспечивая <b>полный контроль качества</b></div>
                    </div>
        
                    <div class="reasons__item hover-scale">
                        <div class="reasons__num">
                            02
                        </div>
                        <div class="reasons__text"><b>Адаптируем решения</b> под вашу ситуацию, мы работаем индивидуально с каждым клиентом</div>
                    </div>
        
                    <div class="reasons__item hover-scale">
                        <div class="reasons__num">
                            03
                        </div>
                        <div class="reasons__text"><b>Все этапы решаются</b> оперативно благодаря отсутствию посредников</div>
                    </div>
        
                    <div class="reasons__item hover-scale">
                        <div class="reasons__num">
                            04
                        </div>
                        <div class="reasons__text"><b>Поможем сэкономить ваш бюджет</b> за счет собственного производства</div>
                    </div>
                </div>
            </div>
        </section>
        
        <section class="sale section container">
            <h2 class="section-title">Продажа септиков</h2>
            <div class="sale__wrap">
                <h3 class="sale__wrap-title">Популярные товары</h3>
                <div class="sale__products">
                    <div class="product">
                        <a class="product__image" href="product.html">
                            <picture><source srcset="./img/png/product.webp" type="image/webp"><img src="./img/png/product.png" width="336" height="340" alt="product" /></picture>
                        </a>
                        <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="./img/png/product.webp" type="image/webp"><img src="./img/png/product.png" width="336" height="340" alt="product" /></picture>
                        </a>
                        <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="./img/png/product.webp" type="image/webp"><img src="./img/png/product.png" width="336" height="340" alt="product" /></picture>
                        </a>
                        <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>
            </div>
            <div class="sale__wrap">
                <h3 class="sale__wrap-title">Категории товаров</h3>
                <div class="sale__list">
                    <a class="sale__item" href="/">Септики</a>
                    <a class="sale__item" href="/">Автономные канализации</a>
                    <a class="sale__item" href="/">Станции биоочистки</a>
                    <a class="sale__item" href="/">Локальные очистные сооружения</a>
                    <a class="sale__item sale__item--green" href="/">
                        <span>У нас <u>собственное</u> производство</span>
                        <span class="sale__item-action">К каталогу</span>
                    </a>
                </div>
            </div>
        </section>
        
        <section class="stages section container">
            <h2 class="section-title">Этапы работы с клиентами</h2>
            <div class="stages__list">
                <div class="stages__item stages__item--message hover-scale">
                    <h3 class="stages__title">Связь с менеджером</h3>
                    <p>После того, как мы получим заявку, наш менеджер свяжется с вами</p>
                </div>
                <div class="stages__item stages__item--phone hover-scale">
                    <h3 class="stages__title">Первичная консультация</h3>
                    <p>Менеджер обсудить с вами детали проекта, расскажет о ценах и акциях</p>
                </div>
                <div class="stages__item stages__item--people hover-scale">
                    <h3 class="stages__title">Выезд на замеры</h3>
                    <p>Наш мастер проведет все замеры, ответит на все интересующие вопросы</p>
                </div>
                <div class="stages__item stages__item--bag hover-scale">
                    <h3 class="stages__title">Подготовка сметы</h3>
                    <p>После замеров мы подготовим смету и ответим на все интересующие вопросы</p>
                </div>
                <div class="stages__item stages__item--settings hover-scale">
                    <h3 class="stages__title">Монтаж</h3>
                    <p>Менеджер обсудить с вами детали проекта, расскажет о ценах и акциях</p>
                </div>
                <div class="stages__item stages__item--book hover-scale">
                    <h3 class="stages__title">Обучение</h3>
                    <p>После монтажа поможем вам правильно использовать септик</p>
                </div>
            </div>
        </section>
        
        <section class="installation section container">
            <h2 class="section-title">Как проходит монтаж очистных сооружений</h2>
            <div class="installation__list">
                <div class="installation__item installation__item--img" style="background-image: url('./img/png/installation.png');">
                    <div class="installation__num">01</div>
                    <h3 class="installation__title">Консультация и обследование участка</h3>
                    <p class="installation__info">обсуждение потребностей клиента и&nbsp;характеристик участка, определение типа грунта и&nbsp;уровня грунтовых вод</p>
                </div>
                <div class="installation__item hover-scale">
                    <div class="installation__num">02</div>
                    <h3 class="installation__title">Проектирование системы</h3>
                    <p class="installation__info">разработка проекта с учетом специфики участка и требований клиента, подбор оборудования и составление сметы</p>
                </div>
                <div class="installation__item hover-scale">
                    <div class="installation__num">03</div>
                    <h3 class="installation__title">Подготовка котлована</h3>
                    <p class="installation__info">разметка места для котлована, земляные работы: земляные работы и&nbsp;выемка грунта</p>
                </div>
                <div class="installation__item hover-scale">
                    <div class="installation__num">04</div>
                    <h3 class="installation__title">Устройство подушки из&nbsp;песка и&nbsp;щебня</h3>
                    <p class="installation__info">укладка песчаной и&nbsp;щебневой подушки на&nbsp;дне котлована для лучшей дренажной функции</p>
                </div>
                <div class="installation__item hover-scale">
                    <div class="installation__num">05</div>
                    <h3 class="installation__title">Монтаж септика</h3>
                    <p class="installation__info">установка корпуса септика в&nbsp;подготовленный котлован, подключение входной и&nbsp;выходной труб к&nbsp;септику</p>
                </div>
                <div class="installation__item hover-scale">
                    <div class="installation__num">06</div>
                    <h3 class="installation__title">Подсоединение системы к&nbsp;дому</h3>
                    <p class="installation__info">прокладка трубопроводов от&nbsp;дома к&nbsp;септику, подключение системы к&nbsp;внутреннему каналу</p>
                </div>
        
                <a class="installation__item installation__item--icon installation__item--orange" href="calculator.html">
                    <span class="installation__link">Расчитать септик онлайн</span>
                </a>
                <a class="installation__item installation__item--icon installation__item--green" href="#">
                    <span class="installation__link">Посмотреть пример сметы</span>
                </a>
            </div>
        </section>
        
        <section class="services container section">
            <h2 class="section-title">Мы предлагаем следующие услуги</h2>
            <div class="services__list">
                <div class="services__item">
                    <h3 class="services__name">Монтаж септика под ключ</h3>
                    <p class="services__info">Полный монтаж септика под ключ, быстро и&nbsp;надежно.</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">Полный монтаж септика под ключ, быстро и&nbsp;надежно.</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">Полный монтаж септика под ключ, быстро и&nbsp;надежно.</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">Полный монтаж септика под ключ, быстро и&nbsp;надежно.</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">Полный монтаж септика под ключ, быстро и&nbsp;надежно.</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">Полный монтаж септика под ключ, быстро и&nbsp;надежно.</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">Полный монтаж септика под ключ, быстро и&nbsp;надежно.</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">Полный монтаж септика под ключ, быстро и&nbsp;надежно.</p>
                    <div class="services__data">
                        <span class="services__price">от 77 000 ₽</span>
                        <span class="services__time">(от 36 часов)</span>
                    </div>
                </div>
                <a class="services__item services__item--green" href="#">
                    <span class="services__link">Все услуги</span>
                </a>
            </div>
        </section>
        
        <section class="order-call container section">
            <div class="order-call__wrap" style="background-image: url('./img/png/house.png');">
                <form class="order-call__data" action="#">
                    <h2 class="section-title">Рассчитать септик <span class="orange-text">за 5 минут!</span></h2>
                    <p class="order-call__info">Наш менеджер свяжется с вами в ближайшее время</p>
                    <input type="text" class="input" placeholder="Ваше имя" />
                    <input type="text" class="input" placeholder="Номер телефона" />
                    <button class="button button--orange">Заказать звонок</button>
                    <p class="order-call__personal">Нажимая кнопку «Заказать звонок», вы подтверждаете свое согласие на обработку <a href="#">персональных данных </a></p>
                </form>
            </div>
        </section>
        
        <section class="portfolio portfolio section">
            <div class="container">
                <h2 class="section-title">Последние выполненные объекты</h2>
                <div class="portfolio__list">
                    <div class="portfolio__item">
                        <div class="portfolio__image" style="background-image: url('./img/png/completed-object1.png');">
                            <div class="portfolio__image-details">
                                <div>Загородный дом в Подмосковье, <span class="portfolio__date">03.05.24</span></div>
                                <a class="portfolio__link" href="#">Подробнее</a>
                            </div>
                        </div>
                        <h3 class="portfolio__title">Установка септика в коттедж</h3>
                        <p class="portfolio__info">Клиенту требовалась автономная канализация для проживания</p>
                        <h4 class="portfolio__sub">Что было сделано:</h4>
                        <ul class="portfolio__data">
                            <li class="portfolio__data-item">исследование грунта и уровня грунтовых вод</li>
                            <li class="portfolio__data-item">выявление особенностей участка и согласование с клиентом</li>
                        </ul>
                    </div>
        
                    <div class="portfolio__item">
                        <div class="portfolio__image" style="background-image: url('./img/png/completed-object2.png');">
                            <div class="portfolio__image-details">
                                <div>Загородный дом в Подмосковье, 03.05.24</div>
                                <a class="portfolio__link" href="#">Подробнее</a>
                            </div>
                        </div>
                        <h3 class="portfolio__title">Установка септика в коттедж</h3>
                        <p class="portfolio__info">Клиенту требовалась автономная канализация для проживания</p>
                        <h4 class="portfolio__sub">Что было сделано:</h4>
                        <ul class="portfolio__data">
                            <li class="portfolio__data-item">исследование грунта и уровня грунтовых вод</li>
                            <li class="portfolio__data-item">выявление особенностей участка и согласование с клиентом</li>
                        </ul>
                    </div>
        
                    <div class="portfolio__item">
                        <div class="portfolio__image" style="background-image: url('./img/png/completed-object3.png');">
                            <div class="portfolio__image-details">
                                <div>Загородный дом в Подмосковье, 03.05.24</div>
                                <a class="portfolio__link" href="#">Подробнее</a>
                            </div>
                        </div>
                        <h3 class="portfolio__title">Установка септика в коттедж</h3>
                        <p class="portfolio__info">Клиенту требовалась автономная канализация для проживания</p>
                        <h4 class="portfolio__sub">Что было сделано:</h4>
                        <ul class="portfolio__data">
                            <li class="portfolio__data-item">исследование грунта и уровня грунтовых вод</li>
                            <li class="portfolio__data-item">выявление особенностей участка и согласование с клиентом</li>
                        </ul>
                    </div>
        
                    <div class="portfolio__item portfolio__item--green">
                        <h3 class="portfolio__title">Вы можете ознакомиться с другими проектами в нашем портфолио</h3>
                        <a class="portfolio__link" href="#">Перейти к другим работам</a>
                    </div>
                </div>
            </div>
        </section>
        
        <section class="reviews container section">
            <div class="reviews__wrap reviews__swiper">
                <div class="reviews__top">
                    <h2 class="section-title">Что говорят наши клиенты</h2>
                    <div class="reviews__btns">
                        <button class="reviews__btn reviews__btn--prev" type="button"></button>
                        <button class="reviews__btn reviews__btn--next" type="button"></button>
                    </div>
                </div>
                <div class="reviews__list swiper-wrapper">
                    <div class="reviews__item reviews__item--video swiper-slide">
                        <picture><source srcset="./img/png/review-video.webp" type="image/webp"><img class="reviews__poster-img" src="./img/png/review-video.png" width="400" height="300" alt="Review video poster" /></picture>
                        <button class="reviews__item-btn button-video">
                            <picture><source srcset="./img/svg/video-play.svg" type="image/webp"><img src="./img/svg/video-play.svg" width="62" height="62" alt="video-play" /></picture>
                        </button>
                        <div class="reviews__value">
                            <div class="reviews__date">06.06.23</div>
                            <div class="reviews__rating rating rating--small rating--3">4/5</div>
                        </div>
                        <div class="reviews__author">
                            <div class="reviews__author-name">Анатолий Матвеевич</div>
                            <div class="reviews__author-city">г. Одинцово</div>
                        </div>
                    </div>
        
                    <div class="reviews__item swiper-slide">
                        <div class="reviews__author reviews__author--with-icon">
                            <div class="reviews__author-icon">А</div>
                            <div class="reviews__author-name">Анатолий Матвеевич</div>
                            <div class="reviews__author-city">г. Одинцово</div>
                        </div>
                        <h3 class="reviews__name">Монтаж септиков</h3>
                        <div class="reviews__message">
                            В своем новом доме не хотелось пользоваться выгребной ямой. Тем более что после посещения ассенизаторов остается неприятный запах. Искали и приобрели автономную канализацию ЭРА. Доступные цены и качественный монтаж в
                            короткие сроки. После его установки недолгое время присматривался, а потом забыл на два года пока не пришло время обслуживать. Порекомендовали систему ЭРА соседям. Они поступили мудро и оборудовали сразу три дома одной
                            системой. Рекомнедую!!!
                        </div>
                        <div class="reviews__value">
                            <div class="reviews__date">06.06.23</div>
                            <div class="reviews__rating rating rating--4">4/5</div>
                        </div>
                    </div>
        
                    <div class="reviews__item swiper-slide">
                        <div class="reviews__author reviews__author--with-icon">
                            <div class="reviews__author-icon">Е</div>
                            <div class="reviews__author-name">Евгения</div>
                            <div class="reviews__author-city">г. Подольск</div>
                        </div>
                        <h3 class="reviews__name">Монтаж септиков</h3>
                        <div class="reviews__message">
                            В своем новом доме не хотелось пользоваться выгребной ямой. Тем более что после посещения ассенизаторов остается неприятный запах. Искали и приобрели автономную канализацию ЭРА. Доступные цены и качественный монтаж в
                            короткие сроки. После его установки недолгое время присматривался, а потом забыл на два года пока не пришло время обслуживать. Порекомендовали систему ЭРА соседям. Они поступили мудро и оборудовали сразу три дома одной
                            системой. Рекомнедую!!!
                        </div>
                        <div class="reviews__value">
                            <div class="reviews__date">06.06.23</div>
                            <div class="reviews__rating rating rating--4">4/5</div>
                        </div>
                    </div>
        
                    <div class="reviews__item swiper-slide">
                        <div class="reviews__author reviews__author--with-icon">
                            <div class="reviews__author-icon">А</div>
                            <div class="reviews__author-name">Анатолий Матвеевич</div>
                            <div class="reviews__author-city">г. Одинцово</div>
                        </div>
                        <h3 class="reviews__name">Монтаж септиков</h3>
                        <div class="reviews__message">
                            В своем новом доме не хотелось пользоваться выгребной ямой. Тем более что после посещения ассенизаторов остается неприятный запах. Искали и приобрели автономную канализацию ЭРА. Доступные цены и качественный монтаж в
                            короткие сроки. После его установки недолгое время присматривался, а потом забыл на два года пока не пришло время обслуживать. Порекомендовали систему ЭРА соседям. Они поступили мудро и оборудовали сразу три дома одной
                            системой. Рекомнедую!!!
                        </div>
                        <div class="reviews__value">
                            <div class="reviews__date">06.06.23</div>
                            <div class="reviews__rating rating rating--4">4/5</div>
                        </div>
                    </div>
        
                    <div class="reviews__item swiper-slide">
                        <div class="reviews__author reviews__author--with-icon">
                            <div class="reviews__author-icon">Е</div>
                            <div class="reviews__author-name">Евгения</div>
                            <div class="reviews__author-city">г. Подольск</div>
                        </div>
                        <h3 class="reviews__name">Монтаж септиков</h3>
                        <div class="reviews__message">
                            В своем новом доме не хотелось пользоваться выгребной ямой. Тем более что после посещения ассенизаторов остается неприятный запах. Искали и приобрели автономную канализацию ЭРА. Доступные цены и качественный монтаж в
                            короткие сроки. После его установки недолгое время присматривался, а потом забыл на два года пока не пришло время обслуживать. Порекомендовали систему ЭРА соседям. Они поступили мудро и оборудовали сразу три дома одной
                            системой. Рекомнедую!!!
                        </div>
                        <div class="reviews__value">
                            <div class="reviews__date">06.06.23</div>
                            <div class="reviews__rating rating rating--4">4/5</div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <section class="about-company section">
            <div class="container">
                <h2 class="section-title">О компании</h2>
                <div class="about-company__wrap">
                    <div class="about-company__video" style="background-image: url('./img/png/about-video.png');">
                        <button class="about-company__btn button-video">
                            <picture><source srcset="./img/svg/video-play.svg" type="image/webp"><img src="./img/svg/video-play.svg" width="62" height="62" alt="video-play" /></picture>
                        </button>
                    </div>
                    <div class="about-company__green">
                        <div class="about-company__description">
                            Давайте знакомиться ближе 🤍
                        </div>
                        <a class="about-company__link" href="#"> Читать о компании </a>
                    </div>
                </div>
            </div>
        </section>
        
        <section class="blog section">
            <div class="container">
                <h2 class="section-title">Мы ведем профессиональный блог</h2>
                <div class="blog__list">
                    <div class="blog__item">
                        <div class="blog__image" style="background-image: url('./img/png/blog-image1.png');">
                            <div class="blog__detail">
                                <div>20.05.24</div>
                                <a class="blog__link" href="#">Читать статью</a>
                            </div>
                        </div>
                        <div class="blog__content">
                            <div class="blog__tag-list">
                                <div class="blog__tag-item">Инструкция</div>
                                <div class="blog__tag-item">Советы</div>
                                <div class="blog__tag-item">История</div>
                            </div>
                            <h3 class="blog__title">
                                Типы локальных очистных сооружений: как выбрать подходящее решение для вашего участка
                            </h3>
                            <div class="blog__description">
                                Выбор септика для дачи — важная задача, от которой зависит комфорт и экологическая безопасность вашего загородного участка. В этом посте мы рассмотрим ключевые факторы, которые стоит учесть при выборе септика: объем,
                                тип системы, материал изготовления, а также нюансы монтажа и эксплуатации. Узнайте, как сделать ваш выбор осознанным и избежать распространенных ошибок, чтобы ваша дача всегда оставалась чистым и уютным местом для
                                отдыха!
                            </div>
                        </div>
                    </div>
        
                    <div class="blog__item">
                        <div class="blog__image" style="background-image: url('./img/png/blog-image4.png');">
                            <div class="blog__detail">
                                <div>20.05.24</div>
                                <a class="blog__link" href="#">Читать статью</a>
                            </div>
                        </div>
                        <div class="blog__content">
                            <div class="blog__tag-list">
                                <div class="blog__tag-item">Инструкция</div>
                                <div class="blog__tag-item">Советы</div>
                            </div>
                            <h3 class="blog__title">Как правильно подплетать дредлоки самому</h3>
                            <div class="blog__description">
                                Выбор септика для дачи — важная задача, от которой зависит комфорт и экологическая безопасность вашего загородного участка. В этом посте мы рассмотрим ключевые факторы, которые стоит учесть при выборе септика: объем,
                                тип системы, материал изготовления, а также нюансы монтажа и эксплуатации. Узнайте, как сделать ваш выбор осознанным и избежать распространенных ошибок, чтобы ваша дача всегда оставалась чистым и уютным местом для
                                отдыха!
                            </div>
                        </div>
                    </div>
        
                    <div class="blog__item">
                        <div class="blog__image" style="background-image: url('./img/png/blog-image2.png');">
                            <div class="blog__detail">
                                <div>20.05.24</div>
                                <a class="blog__link" href="#">Читать статью</a>
                            </div>
                        </div>
                        <div class="blog__content">
                            <div class="blog__tag-list">
                                <div class="blog__tag-item">Советы</div>
                                <div class="blog__tag-item">История</div>
                            </div>
                            <h3 class="blog__title">
                                Плюсы и минусы использования автономных канализационных систем на даче
                            </h3>
                            <div class="blog__description">
                                Выбор септика для дачи — важная задача, от которой зависит комфорт и экологическая безопасность вашего загородного участка. В этом посте мы рассмотрим ключевые факторы, которые стоит учесть при выборе септика: объем,
                                тип системы, материал изготовления, а также нюансы монтажа и эксплуатации. Узнайте, как сделать ваш выбор осознанным и избежать распространенных ошибок, чтобы ваша дача всегда оставалась чистым и уютным местом для
                                отдыха!
                            </div>
                        </div>
                    </div>
        
                    <div class="blog__item">
                        <div class="blog__image" style="background-image: url('./img/png/blog-image3.png');">
                            <div class="blog__detail">
                                <div>20.05.24</div>
                                <a class="blog__link" href="#">Читать статью</a>
                            </div>
                        </div>
                        <div class="blog__content">
                            <div class="blog__tag-list">
                                <div class="blog__tag-item">История</div>
                                <div class="blog__tag-item">Инструкция</div>
                            </div>
                            <h3 class="blog__title">
                                Монтаж и обслуживание локальных очистных сооружений: что нужно знать
                            </h3>
                            <div class="blog__description">
                                Выбор септика для дачи — важная задача, от которой зависит комфорт и экологическая безопасность вашего загородного участка. В этом посте мы рассмотрим ключевые факторы, которые стоит учесть при выборе септика: объем,
                                тип системы, материал изготовления, а также нюансы монтажа и эксплуатации. Узнайте, как сделать ваш выбор осознанным и избежать распространенных ошибок, чтобы ваша дача всегда оставалась чистым и уютным местом для
                                отдыха!
                            </div>
                        </div>
                    </div>
        
                    <div class="blog__item blog__item--green">
                        <div class="blog__more">
                            Читайте больше полезной информации в&nbsp;нашем блоге
                        </div>
                        <a class="blog__more-link"> Смотреть все статьи </a>
                    </div>
                </div>
            </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>        
    </main>
    <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="./img/png/logo.webp" type="image/webp"><img src="./img/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="./img/svg/vk-social.svg" type="image/webp"><img width="46" height="46" src="./img/svg/vk-social.svg" alt="vk" /></picture>
                    </a>
                    <a href="#">
                        <picture><source srcset="./img/svg/whatsap-social.svg" type="image/webp"><img width="46" height="42" src="./img/svg/whatsap-social.svg" alt="whatsap" /></picture>
                    </a>
                    <a href="#">
                        <picture><source srcset="./img/svg/youtube-social.svg" type="image/webp"><img width="46" height="46" src="./img/svg/youtube-social.svg" alt="youtube" /></picture>
                    </a>
                </div>
            </div>
        </div>
    </div>
</footer>

<script src="js/libs/swiper-bundle.min.js"></script>
<script src="js/libs/fancybox.umd.js"></script>
<script src="js/main.js"></script>
  </body>
</html>
