<!DOCTYPE html>
<html lang="ru">

<head><link rel="stylesheet" href="index.754af089.css">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Услуги</title>
  <link rel="stylesheet" href="index.787800be.css">
</head>

<body>
  <div class="overflow js-overflow"></div>
<header class="header container">
  <div class="header__menu">
    <a class="header__logo" href="/">
      <picture><source srcset="png/logo.webp" type="image/webp"><img src="png/logo.png" width="91" height="40" alt="Logo"></picture>
    </a>
    <div class="header_location-wrap js-location">
      <button class="header__location js-location-btn">
        Москва
      </button>
      <select class="header__location-select js-location-select">
        <option value="Москва" selected="">Москва</option>
        <option value="Санкт-Петербург">Санкт-Петербург</option>
        <option value="Казань">Казань</option>
        <option value="Нижний Новгород">Нижний Новгород</option>
        <option value="Ярославль">Ярославль</option>
        <option value="Волгоград">Волгоград</option>
      </select>
    </div>

    <nav class="menu">
      <ul class="menu__list">
        <li class="menu__item"><a href="about.html">О компании</a></li>
        <li class="menu__item"><a href="manual.html">Принцип работы</a></li>
        <li class="menu__item"><a href="delivery.html">Доставка</a></li>
        <li class="menu__item"><a href="promotion.html">Акции</a></li>
        <li class="menu__item"><a href="price.html">Цены</a></li>
        <li class="menu__item"><a href="services.html">Услуги</a></li>
        <li class="menu__item"><a href="portfolio.html">Портфолио</a></li>
        <li class="menu__item"><a href="customers.html">Покупателям</a></li>
        <li class="menu__item"><a href="contacts.html">Контакты</a></li>
        <li class="menu__more">
          <button href="#">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <g clip-path="url(#clip0_2553_13206)">
                <path d="M12.188 10a2.187 2.187 0 1 1-4.375 0 2.187 2.187 0 0 1 4.375 0ZM3.75 7.812a2.187 2.187 0 1 0 0 4.375 2.187 2.187 0 0 0 0-4.374Zm12.5 0a2.187 2.187 0 1 0 0 4.375 2.187 2.187 0 0 0 0-4.374Z" fill="currentColor"></path>
              </g>
              <defs>
                <clipPath id="clip0_2553_13206">
                  <path fill="#fff" d="M0 0h20v20H0z"></path>
                </clipPath>
              </defs>
            </svg>
          </button>
          <ul class="menu__more-list">
            <li class="menu__item"><a href="#">Портфолио</a></li>
            <li class="menu__item"><a href="customers.html">Покупателям</a></li>
            <li class="menu__item"><a href="#">Контакты</a></li>
          </ul>
        </li>
      </ul>
    </nav>
  </div>
  <div class="header__bottom">
    <button class="button button--orange button--catalog js-catalog">
      Каталог
      <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M17.5 1.6v5.9h-6.897v-7h5.818c.284 0 .558.114.76.32.204.206.319.486.319.78ZM1.58.5h5.817v7H.5V1.6c0-.294.115-.574.318-.78A1.07 1.07 0 0 1 1.58.5Zm9.023 17v-7H17.5v5.9c0 .294-.115.574-.318.78a1.07 1.07 0 0 1-.761.32h-5.818ZM.5 16.4v-5.9h6.897v7H1.58a1.07 1.07 0 0 1-.76-.32A1.11 1.11 0 0 1 .5 16.4Z" fill="currentColor" stroke="currentColor"></path>
      </svg>
    </button>
    <button class="button button--green button--outline">Расчет септика</button>
    <form action="#">
      <div class="header__search">
        <input type="text" class="input" placeholder="Поиск">
        <div class="header__search-block">
          <div class="header__search-top">
            История поиска
            <button class="button button--ghost" type="button">Очистить</button>
          </div>
          <div class="header__search-histories">
            <div class="header__search-history">
              <button class="header__search-btn header__search-btn--again">
                <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor"></path><path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path></svg>
                <span>ЭРА 6 midi прин</span>
              </button>
              <button class="header__search-btn header__search-btn--remove">
                <svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path></svg>
              </button>
            </div>
            <div class="header__search-history">
              <button class="header__search-btn header__search-btn--again">
                <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor"></path><path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path></svg>
                <span>ЭРА 8 long прин</span>
              </button>
              <button class="header__search-btn header__search-btn--remove">
                <svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path></svg>
              </button>
            </div>
            <div class="header__search-history">
              <button class="header__search-btn header__search-btn--again">
                <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor"></path><path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path></svg>
                <span>Жироуловитель ЭРА 4</span>
              </button>
              <button class="header__search-btn header__search-btn--remove">
                <svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path></svg>
              </button>
            </div>
          </div>
        </div>
      </div>
    </form>
    <a class="header__phone" href="tel:84956699924">8 (495) 669-99-24</a>
    <a href="cart.html" class="header__cart">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none"><path fill="#3D3D3D" d="M8 21a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16.75 21a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"></path><path stroke="#3D3D3D" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.23 7.65h16.82l-2.53 8.26A1.5 1.5 0 0 1 17.08 17H8.1a1.5 1.5 0 0 1-1.44-1.09L3.27 4.4a.75.75 0 0 0-.72-.54H.97"></path></svg>
      <span class="header__cart-value">12</span>
    </a>
  </div>
  <div class="catalog-overflow js-overflow"></div>
<div class="catalog">
  <div class="catalog__top">
    <div class="catalog__top-name">Каталог</div>
    <button class="catalog__top-btn button button--green button--outline js-close-catalog">
      <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
      </svg>
    </button>
  </div>

  <div class="catalog__list">
    <div class="catalog__item js-catalog-item">
      <picture><source srcset="jpg/catalog-1.webp" type="image/webp"><img src="jpg/catalog-1.jpg" width="60" height="70" alt="Септики"></picture>
      <span class="catalog__item-name">Септики</span>
      <div class="catalog__inner-wrap">
        <div class="catalog__top">
          <button class="catalog__top-btn button button--green button--outline js-back-catalog">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
            </svg>
          </button>
          <div class="catalog__top-name">Септики</div>
          <button class="catalog__top-btn button button--green button--outline js-close-catalog">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
            </svg>
          </button>
        </div>
        <div class="catalog__inner">
  <a href="category.html" class="catalog__link">Все товары</a>
  <a href="#" class="catalog__link">Для дома</a>
  <a href="#" class="catalog__link">Для дачи</a>
  <a href="#" class="catalog__link">Для коттеджа</a>
  <a href="#" class="catalog__link">Для частного дома</a>
  <a href="#" class="catalog__link">Для загородного дома</a>
  <a href="#" class="catalog__link">Для непостоянного проживания</a>
  <a href="#" class="catalog__link">Для постоянного проживания</a>
  <a href="#" class="catalog__link">Автономный септик для дачи</a>
  <a href="#" class="catalog__link">Автономный септик для частного дома</a>
  <a href="#" class="catalog__link">Накопительный септик</a>
  <a href="#" class="catalog__link">Септик без откачки</a>
  <a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
  <a href="#" class="catalog__link">Анаэробный септик</a>
  <a href="category-inner.html" class="catalog__link">Аэробный септик</a>
  <a href="#" class="catalog__link">Для бани</a>
  <a href="#" class="catalog__link">Для высоких грунтовых вод</a>
  <a href="#" class="catalog__link">Автономные</a>
</div>

      </div>
    </div>

    <div class="catalog__item js-catalog-item">
      <picture><source srcset="jpg/catalog-1.webp" type="image/webp"><img src="jpg/catalog-1.jpg" width="60" height="70" alt="Септики"></picture>
      <span class="catalog__item-name">Автономная канализация</span>
      <div class="catalog__inner-wrap">
        <div class="catalog__top">
          <button class="catalog__top-btn button button--green button--outline js-back-catalog">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
            </svg>
          </button>
          <div class="catalog__top-name">Септики</div>
          <button class="catalog__top-btn button button--green button--outline js-close-catalog">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
            </svg>
          </button>
        </div>
        <div class="catalog__inner">
  <a href="category.html" class="catalog__link">Все товары</a>
  <a href="#" class="catalog__link">Для дома</a>
  <a href="#" class="catalog__link">Для дачи</a>
  <a href="#" class="catalog__link">Для коттеджа</a>
  <a href="#" class="catalog__link">Для частного дома</a>
  <a href="#" class="catalog__link">Для загородного дома</a>
  <a href="#" class="catalog__link">Для непостоянного проживания</a>
  <a href="#" class="catalog__link">Для постоянного проживания</a>
  <a href="#" class="catalog__link">Автономный септик для дачи</a>
  <a href="#" class="catalog__link">Автономный септик для частного дома</a>
  <a href="#" class="catalog__link">Накопительный септик</a>
  <a href="#" class="catalog__link">Септик без откачки</a>
  <a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
  <a href="#" class="catalog__link">Анаэробный септик</a>
  <a href="category-inner.html" class="catalog__link">Аэробный септик</a>
  <a href="#" class="catalog__link">Для бани</a>
  <a href="#" class="catalog__link">Для высоких грунтовых вод</a>
  <a href="#" class="catalog__link">Автономные</a>
</div>

      </div>
    </div>

    <div class="catalog__item js-catalog-item">
      <picture><source srcset="jpg/catalog-1.webp" type="image/webp"><img src="jpg/catalog-1.jpg" width="60" height="70" alt="Септики"></picture>
      <span class="catalog__item-name">Станции биологической очистки</span>
      <div class="catalog__inner-wrap">
        <div class="catalog__top">
          <button class="catalog__top-btn button button--green button--outline js-back-catalog">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
            </svg>
          </button>
          <div class="catalog__top-name">Септики</div>
          <button class="catalog__top-btn button button--green button--outline js-close-catalog">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
            </svg>
          </button>
        </div>
        <div class="catalog__inner">
  <a href="category.html" class="catalog__link">Все товары</a>
  <a href="#" class="catalog__link">Для дома</a>
  <a href="#" class="catalog__link">Для дачи</a>
  <a href="#" class="catalog__link">Для коттеджа</a>
  <a href="#" class="catalog__link">Для частного дома</a>
  <a href="#" class="catalog__link">Для загородного дома</a>
  <a href="#" class="catalog__link">Для непостоянного проживания</a>
  <a href="#" class="catalog__link">Для постоянного проживания</a>
  <a href="#" class="catalog__link">Автономный септик для дачи</a>
  <a href="#" class="catalog__link">Автономный септик для частного дома</a>
  <a href="#" class="catalog__link">Накопительный септик</a>
  <a href="#" class="catalog__link">Септик без откачки</a>
  <a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
  <a href="#" class="catalog__link">Анаэробный септик</a>
  <a href="category-inner.html" class="catalog__link">Аэробный септик</a>
  <a href="#" class="catalog__link">Для бани</a>
  <a href="#" class="catalog__link">Для высоких грунтовых вод</a>
  <a href="#" class="catalog__link">Автономные</a>
</div>

      </div>
    </div>
    <div class="catalog__item js-catalog-item">
      <picture><source srcset="jpg/catalog-1.webp" type="image/webp"><img src="jpg/catalog-1.jpg" width="60" height="70" alt="Септики"></picture>
      <span class="catalog__item-name">Локальные очистные сооружения</span>
      <div class="catalog__inner-wrap">
        <div class="catalog__top">
          <button class="catalog__top-btn button button--green button--outline js-back-catalog">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
            </svg>
          </button>
          <div class="catalog__top-name">Септики</div>
          <button class="catalog__top-btn button button--green button--outline js-close-catalog">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
            </svg>
          </button>
        </div>
        <div class="catalog__inner">
  <a href="category.html" class="catalog__link">Все товары</a>
  <a href="#" class="catalog__link">Для дома</a>
  <a href="#" class="catalog__link">Для дачи</a>
  <a href="#" class="catalog__link">Для коттеджа</a>
  <a href="#" class="catalog__link">Для частного дома</a>
  <a href="#" class="catalog__link">Для загородного дома</a>
  <a href="#" class="catalog__link">Для непостоянного проживания</a>
  <a href="#" class="catalog__link">Для постоянного проживания</a>
  <a href="#" class="catalog__link">Автономный септик для дачи</a>
  <a href="#" class="catalog__link">Автономный септик для частного дома</a>
  <a href="#" class="catalog__link">Накопительный септик</a>
  <a href="#" class="catalog__link">Септик без откачки</a>
  <a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
  <a href="#" class="catalog__link">Анаэробный септик</a>
  <a href="category-inner.html" class="catalog__link">Аэробный септик</a>
  <a href="#" class="catalog__link">Для бани</a>
  <a href="#" class="catalog__link">Для высоких грунтовых вод</a>
  <a href="#" class="catalog__link">Автономные</a>
</div>

      </div>
    </div>
    <div class="catalog__item js-catalog-item">
      <picture><source srcset="jpg/catalog-1.webp" type="image/webp"><img src="jpg/catalog-1.jpg" width="60" height="70" alt="Септики"></picture>
      <span class="catalog__item-name">Септики по количеству человек</span>
      <div class="catalog__inner-wrap">
        <div class="catalog__top">
          <button class="catalog__top-btn button button--green button--outline js-back-catalog">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
            </svg>
          </button>
          <div class="catalog__top-name">Септики</div>
          <button class="catalog__top-btn button button--green button--outline js-close-catalog">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
            </svg>
          </button>
        </div>
        <div class="catalog__inner">
  <a href="category.html" class="catalog__link">Все товары</a>
  <a href="#" class="catalog__link">Для дома</a>
  <a href="#" class="catalog__link">Для дачи</a>
  <a href="#" class="catalog__link">Для коттеджа</a>
  <a href="#" class="catalog__link">Для частного дома</a>
  <a href="#" class="catalog__link">Для загородного дома</a>
  <a href="#" class="catalog__link">Для непостоянного проживания</a>
  <a href="#" class="catalog__link">Для постоянного проживания</a>
  <a href="#" class="catalog__link">Автономный септик для дачи</a>
  <a href="#" class="catalog__link">Автономный септик для частного дома</a>
  <a href="#" class="catalog__link">Накопительный септик</a>
  <a href="#" class="catalog__link">Септик без откачки</a>
  <a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
  <a href="#" class="catalog__link">Анаэробный септик</a>
  <a href="category-inner.html" class="catalog__link">Аэробный септик</a>
  <a href="#" class="catalog__link">Для бани</a>
  <a href="#" class="catalog__link">Для высоких грунтовых вод</a>
  <a href="#" class="catalog__link">Автономные</a>
</div>

      </div>
    </div>
    <div class="catalog__item js-catalog-item">
      <picture><source srcset="jpg/catalog-2.webp" type="image/webp"><img src="jpg/catalog-2.jpg" width="60" height="70" alt="Септики"></picture>
      <span class="catalog__item-name">Жироуловители</span>
      <div class="catalog__inner-wrap">
        <div class="catalog__top">
          <button class="catalog__top-btn button button--green button--outline js-back-catalog">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
            </svg>
          </button>
          <div class="catalog__top-name">Септики</div>
          <button class="catalog__top-btn button button--green button--outline js-close-catalog">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
            </svg>
          </button>
        </div>
        <div class="catalog__inner">
  <a href="category.html" class="catalog__link">Все товары</a>
  <a href="#" class="catalog__link">Для дома</a>
  <a href="#" class="catalog__link">Для дачи</a>
  <a href="#" class="catalog__link">Для коттеджа</a>
  <a href="#" class="catalog__link">Для частного дома</a>
  <a href="#" class="catalog__link">Для загородного дома</a>
  <a href="#" class="catalog__link">Для непостоянного проживания</a>
  <a href="#" class="catalog__link">Для постоянного проживания</a>
  <a href="#" class="catalog__link">Автономный септик для дачи</a>
  <a href="#" class="catalog__link">Автономный септик для частного дома</a>
  <a href="#" class="catalog__link">Накопительный септик</a>
  <a href="#" class="catalog__link">Септик без откачки</a>
  <a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
  <a href="#" class="catalog__link">Анаэробный септик</a>
  <a href="category-inner.html" class="catalog__link">Аэробный септик</a>
  <a href="#" class="catalog__link">Для бани</a>
  <a href="#" class="catalog__link">Для высоких грунтовых вод</a>
  <a href="#" class="catalog__link">Автономные</a>
</div>

      </div>
    </div>
    <div class="catalog__item js-catalog-item">
      <picture><source srcset="jpg/catalog-3.webp" type="image/webp"><img src="jpg/catalog-3.jpg" width="60" height="70" alt="Септики"></picture>
      <span class="catalog__item-name">Кессоны</span>
      <div class="catalog__inner-wrap">
        <div class="catalog__top">
          <button class="catalog__top-btn button button--green button--outline js-back-catalog">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
            </svg>
          </button>
          <div class="catalog__top-name">Септики</div>
          <button class="catalog__top-btn button button--green button--outline js-close-catalog">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
            </svg>
          </button>
        </div>
        <div class="catalog__inner">
  <a href="category.html" class="catalog__link">Все товары</a>
  <a href="#" class="catalog__link">Для дома</a>
  <a href="#" class="catalog__link">Для дачи</a>
  <a href="#" class="catalog__link">Для коттеджа</a>
  <a href="#" class="catalog__link">Для частного дома</a>
  <a href="#" class="catalog__link">Для загородного дома</a>
  <a href="#" class="catalog__link">Для непостоянного проживания</a>
  <a href="#" class="catalog__link">Для постоянного проживания</a>
  <a href="#" class="catalog__link">Автономный септик для дачи</a>
  <a href="#" class="catalog__link">Автономный септик для частного дома</a>
  <a href="#" class="catalog__link">Накопительный септик</a>
  <a href="#" class="catalog__link">Септик без откачки</a>
  <a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
  <a href="#" class="catalog__link">Анаэробный септик</a>
  <a href="category-inner.html" class="catalog__link">Аэробный септик</a>
  <a href="#" class="catalog__link">Для бани</a>
  <a href="#" class="catalog__link">Для высоких грунтовых вод</a>
  <a href="#" class="catalog__link">Автономные</a>
</div>

      </div>
    </div>
    <div class="catalog__item js-catalog-item">
      <picture><source srcset="jpg/catalog-4.webp" type="image/webp"><img src="jpg/catalog-4.jpg" width="60" height="70" alt="Септики"></picture>
      <span class="catalog__item-name">Комплектующие</span>
      <div class="catalog__inner-wrap">
        <div class="catalog__top">
          <button class="catalog__top-btn button button--green button--outline js-back-catalog">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
            </svg>
          </button>
          <div class="catalog__top-name">Септики</div>
          <button class="catalog__top-btn button button--green button--outline js-close-catalog">
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path>
            </svg>
          </button>
        </div>
        <div class="catalog__inner">
  <a href="category.html" class="catalog__link">Все товары</a>
  <a href="#" class="catalog__link">Для дома</a>
  <a href="#" class="catalog__link">Для дачи</a>
  <a href="#" class="catalog__link">Для коттеджа</a>
  <a href="#" class="catalog__link">Для частного дома</a>
  <a href="#" class="catalog__link">Для загородного дома</a>
  <a href="#" class="catalog__link">Для непостоянного проживания</a>
  <a href="#" class="catalog__link">Для постоянного проживания</a>
  <a href="#" class="catalog__link">Автономный септик для дачи</a>
  <a href="#" class="catalog__link">Автономный септик для частного дома</a>
  <a href="#" class="catalog__link">Накопительный септик</a>
  <a href="#" class="catalog__link">Септик без откачки</a>
  <a href="#" class="catalog__link">Энергозависимый септик для дачи</a>
  <a href="#" class="catalog__link">Анаэробный септик</a>
  <a href="category-inner.html" class="catalog__link">Аэробный септик</a>
  <a href="#" class="catalog__link">Для бани</a>
  <a href="#" class="catalog__link">Для высоких грунтовых вод</a>
  <a href="#" class="catalog__link">Автономные</a>
</div>

      </div>
    </div>
  </div>
</div>

</header>

<div class="menu-mobile">
  <div class="menu-mobile__top">
    <a class="menu-mobile__phone" href="tel:84956699924">8 (495) 669-99-24</a>
    <button class="button button--green button--outline">Расчет септика</button>
    <form action="#">
      <div class="menu-mobile__search">
        <input type="text" class="input" placeholder="Поиск">
        <div class="header__search-block">
          <div class="header__search-top">
            История поиска
            <button class="button button--ghost" type="button">Очистить</button>
          </div>
          <div class="header__search-histories">
            <div class="header__search-history">
              <button class="header__search-btn header__search-btn--again">
                <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor"></path><path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path></svg>
                <span>ЭРА 6 midi прин</span>
              </button>
              <button class="header__search-btn header__search-btn--remove">
                <svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path></svg>
              </button>
            </div>
            <div class="header__search-history">
              <button class="header__search-btn header__search-btn--again">
                <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor"></path><path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path></svg>
                <span>ЭРА 8 long прин</span>
              </button>
              <button class="header__search-btn header__search-btn--remove">
                <svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path></svg>
              </button>
            </div>
            <div class="header__search-history">
              <button class="header__search-btn header__search-btn--again">
                <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor"></path><path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path></svg>
                <span>Жироуловитель ЭРА 4</span>
              </button>
              <button class="header__search-btn header__search-btn--remove">
                <svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"><path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path></svg>
              </button>
            </div>
          </div>
        </div>
      </div>
    </form>
  </div>
  <div class="header_location-wrap js-location">
    <button class="menu-mobile__location js-location-btn">
      Москва
    </button>
    <select class="header__location-select js-location-select">
      <option value="Москва" selected="">Москва</option>
      <option value="Санкт-Петербург">Санкт-Петербург</option>
      <option value="Казань">Казань</option>
      <option value="Нижний Новгород">Нижний Новгород</option>
      <option value="Ярославль">Ярославль</option>
      <option value="Волгоград">Волгоград</option>
    </select>
  </div>
  <footer class="footer footer section">
  <div class="container">
    <div class="footer__top">
      <div class="footer__top-item">
        <button class="footer__btn js-footer-btn">
          Услуги
          <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
        </button>
        <ul class="footer__list js-footer-list">
          <li class="footer__list-item">
            <a href="services-category.html">Монтаж септиков</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Монтаж ЛОС</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Монтаж атономных канализаций</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Сервисное обслуживание септиков</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Сервисное обслуживание ЛОС</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Обслуживание автономных канализаций</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Чистка септиков</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Откачка септиков</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Косервация септиков</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Консервация ЛОС</a>
          </li>
        </ul>
      </div>
      <div class="footer__top-item">
        <button class="footer__btn js-footer-btn">
          Полезная информация
          <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
        </button>
        <ul class="footer__list js-footer-list">
          <li class="footer__list-item">
            <a href="gost.html">ГОСТы по септикам</a>
          </li>
          <li class="footer__list-item">
            <a href="glossarium.html">Глоссарий терминов</a>
          </li>
          <li class="footer__list-item">
            <a href="grease-trap-principle.html">Принцип работы жиро-улолвителей</a>
          </li>
          <li class="footer__list-item">
            <a href="kesson-principle.html">Кессон принцип работы</a>
          </li>
          <li class="footer__list-item">
            <a href="septik-principle.html">Принцип работы септиков Эра</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Септик ЭРА-КНС</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Септик ЭРА-ПЦ</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Септик ЭРА-ГВ</a>
          </li>
          <li class="footer__list-item">
            <a href="materials.html">Материалы</a>
          </li>
          <li class="footer__list-item">
            <a href="technology.html">Технология</a>
          </li>
        </ul>
      </div>
      <div class="footer__top-item">
        <button class="footer__btn js-footer-btn">
          Покупателям
          <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
        </button>
        <ul class="footer__list js-footer-list">
          <li class="footer__list-item">
            <a href="delivery.html">Условия доставки</a>
          </li>
          <li class="footer__list-item">
            <a href="refund.html">Условия возврата</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Способы оплаты</a>
          </li>
          <li class="footer__list-item">
            <a href="how-place-order.html">Как оформить заказ</a>
          </li>
          <li class="footer__list-item">
            <a href="support-center.html">Центр поддержки</a>
          </li>
          <li class="footer__list-item">
            <a href="guarantee.html">Гарантия</a>
          </li>
          <li class="footer__list-item">
            <a href="certificates.html">Сертификаты</a>
          </li>
          <li class="footer__list-item">
            <a href="awards.html">Награды</a>
          </li>
          <li class="footer__list-item">
            <a href="reviews.html">Отзывы</a>
          </li>
          <li class="footer__list-item">
            <a href="partners.html">Партнеры</a>
          </li>
        </ul>
      </div>
      <div>
        <div class="footer__top-item">
          <button class="footer__btn js-footer-btn">
            Интересное
            <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
          </button>
          <ul class="footer__list js-footer-list">
            <li class="footer__list-item">
              <a href="blog.html">Блог про септики</a>
            </li>
            <li class="footer__list-item">
              <a href="portfolio.html">Портфолио проектов</a>
            </li>
          </ul>
        </div>
        <button class="footer__btn js-footer-btn">
          Документация
          <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
        </button>
        <ul class="footer__list js-footer-list">
          <li class="footer__list-item">
            <a href="agreement.html">Договора</a>
          </li>
          <li class="footer__list-item">
            <a href="legal-data.html">Реквизиты</a>
          </li>
          <li class="footer__list-item">
            <a href="faq.html">Политика конфиденциальности</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Пользовательское соглашение</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="footer__bottom">
      <a class="footer__logo" href="#">
        <picture><source srcset="png/logo.webp" type="image/webp"><img src="png/logo.png" width="178" height="82" alt="logo"></picture>
      </a>
      <div class="footer__bottom-item">
        <div class="footer__bottom-name">Адрес</div>
        <p>
          Россия 121596 Москва<br>
          ул. Горбунова 6к2с8
        </p>
      </div>
      <div class="footer__bottom-item">
        <div class="footer__bottom-name">Телефон и почта</div>
        <p>
          +7 (495) 669-99-24<br>
          info@eraseptik.ru
        </p>
      </div>
      <div class="footer__bottom-item">
        <div class="footer__bottom-name">Реквизиты</div>
        <p>
          ОГРН 1165030050602<br>
          ИНН 5030088192
        </p>
      </div>
      <div class="footer__bottom-item">
        <div class="footer__bottom-name">Соцсети</div>
        <div class="footer__social">
          <a href="#">
            <picture><source srcset="svg/vk-social.svg" type="image/webp"><img width="46" height="46" src="svg/vk-social.svg" alt="vk"></picture>
          </a>
          <a href="#">
            <picture><source srcset="svg/whatsap-social.svg" type="image/webp"><img width="46" height="42" src="svg/whatsap-social.svg" alt="whatsap"></picture>
          </a>
          <a href="#">
            <picture><source srcset="svg/youtube-social.svg" type="image/webp"><img width="46" height="46" src="svg/youtube-social.svg" alt="youtube"></picture>
          </a>
        </div>
      </div>
    </div>
  </div>
</footer>

</div>

  <nav class="breadcrumbs container">
    <ul class="breadcrumbs__list">
      <li class="breadcrumbs__item">
        <a href="/">Главная</a>
      </li>
      <li class="breadcrumbs__item">
        <a href="blog.html">Блог</a>
      </li>
      <li class="breadcrumbs__item">
        Статья
      </li>
    </ul>
  </nav>

  <section class="text-section text-section__article-page section container">
    <h1 class="text-section__title">
      Какие септики лучше всего подойдут <span class="green-text">для сезонного и постоянного проживания</span>
    </h1>

    <div class="text-section__info">
      <time datetime="20-0-24">20.05.24</time>
      <div class="text-section__info-wrapper">
        <div class="text-section__info-item text-section__info-item--views">
          16.6к
        </div>
        <div class="text-section__info-item text-section__info-item--comments">
          1
        </div>
        <div class="text-section__info-item text-section__info-item--likes">
          21
        </div>
        <button class="text-section__info-item text-section__info-item--share">
          <span class="visually-hidden">Поделиться</span>
        </button>
      </div>
    </div>

    <p class="text-section__text">
      <a class="orange-text" href="#">Септик для частного дома </a>
      является одним из ключевых аспектов обустройства домовладения
    </p>

  </section>
  <section class="article section container">
    <div class="article__img-box">
      <picture><source srcset="jpg/article-img.webp" type="image/webp"><img src="jpg/article-img.jpg" alt="article-img"></picture>
      <div>
        <span>
          Инструкция
        </span>
        <span>
          Советы
        </span>
      </div>
    </div>
    <div class="article__descr">
      <p>Станция не только обеспечивает санитарную безопасность и комфорт проживания, но и влияет на сохранность
        окружающей среды. Надёжная и эффективная очистная система позволяет избежать загрязнения почвы и подземных вод,
        что особенно важно для участков, расположенных в экологически чувствительных зонах. Поэтому важно тщательно
        подходить к выбору, учитывая не только его функциональность, но и долговечность, а также соответствие местным
        нормам и законодательству.

      </p>
      <div class="article__descr-player audio js-audio">
        <audio src="music.8a9ef208.mp3"></audio>
        <button class="audio__play js-play">
          <svg width="52" height="51" viewbox="0 0 52 51" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26 0a25.187 25.187 0 1 0 25.188 25.188A25.219 25.219 0 0 0 26 0Zm8.825 26.8L23.2 34.55a1.937 1.937 0 0 1-3.013-1.613v-15.5a1.937 1.937 0 0 1 3.013-1.613l11.625 7.75a1.938 1.938 0 0 1 0 3.226Z" fill="#FF7F23"></path></svg>
        </button>
        <div class="audio__timeline">
          <span class="audio__line js-audio-line" aria-hidden="true"></span>
          <span class="audio__current js-current-time">00:00</span>
          <span class="audio__duration js-duration"></span>
        </div>
        <button class="audio__rate js-audio-rate">1x</button>
      </div>
    </div>
  </section>

  <section class="principle principle-article section container">
    <div class="principle__content-wrapper">
      <aside class="principle__aside principle__aside-page">
        <div class="principle__aside-scroll">
          <span></span>
        </div>
        <div class="principle__aside-links">
          <a href="#change-septik">
            Выбор септика для частного дома
          </a>
          <a href="#septik-types">
            Типы септиков для частного дома и их особенности
          </a>
          <a href="#optimal-septik">
            Как выбрать оптимальный септик для дома
          </a>
        </div>
      </aside>
      <div>
        <div class="principle__content-group principle__content-page" id="change-septik">
          <h2>
            Выбор септика для частного дома
          </h2>
          <div class="principle__content-subgroup">
            <p>
              <span class="principle__paragraph-bold">
                Ключевые критерии выбора включают в себя:
              </span>
            </p>
            <p class="principle__list-title">
              Лакокрасочное производство является одной из наукоемких отраслей, постоянно внедряющей новые технологии
              производства. Обобщенно, их можно назвать «пейнт-технологии» или технологии производства красок. Наиболее
              характерные примеры развития «пейнт-технологий» – это:
            </p>
            <ul class="principle__dotted-list">
              <li>
                Производительность и объем: станция должна соответствовать количеству потребляемой воды и численности
                проживающих в доме людей
              </li>
              <li>
                Тип почвы на участке: от её характеристик зависит выбор системы очистки и её конструктивные особенности
              </li>
              <li>
                Глубина залегания грунтовых вод: для низких уровней необходимы аэрационные установки с высокой степенью
                герметичности
              </li>
              <li>
                Климатические условия: в регионах с суровыми зимами стоит подумать о дополнительной изоляции и обогреве
                системы
              </li>
              <li>
                Бюджет: стоимость и последующие расходы на его обслуживание и эксплуатацию
              </li>
            </ul>
          </div>
          <div class="principle__content-subgroup">
            <p>
              Септик для частного дома какой лучше выбрать? Этот вопрос требует всестороннего анализа и профессиональной
              консультации. Компактные и экономичные однокамерные станции подходят для небольших домов с низким
              потреблением воды. Многокамерные системы с биологической очисткой идеальны для больших семей и
              домовладений с высоким уровнем водопотребления. В любом случае, принимая решение, необходимо учитывать как
              текущие, так и долгосрочные потребности вашего хозяйства.
            </p>
          </div>
          <p>
            Выбирая А.У., следует также обратить внимание на наличие сервисных служб в вашем регионе, возможность
            гарантийного и постгарантийного обслуживания. Помимо этого, важно учитывать экологические аспекты и выбирать
            системы, которые минимизируют воздействие на природу. Таким образом, вопрос “какую станцию лучше выбрать?”
            требует комплексного подхода и взвешенного решения.
          </p>
        </div>
        <div class="principle__content-group principle__content-page" id="septik-types">
          <h2>
            Типы септиков для частного дома и их особенности
          </h2>
          <div class="principle__content-subgroup principle__paragraph-container">
            <p>
              <span class="orange-text">Выбор септика</span> для частного дома – ответственный момент, от которого
              зависит не только комфорт проживания,
              но и безопасность окружающей среды. Рассмотрим два основных типа септиков: кумулятивные (накопительные) и
              септики с биологической очисткой, которые пользуются популярностью среди владельцев загородных домов.
            </p>
          </div>
          <div class="principle__content-subgroup principle__paragraph-container">
            <p>
              <b>Кумулятивные (накопительные) септики</b> являются одним из самых простых решений для организации
              локальной канализации. Их принцип работы заключается в накоплении сточных вод в герметичном контейнере.
              Основное преимущество таких систем – отсутствие необходимости в электроэнергии и возможность установки в
              условиях ограниченного пространства. Однако стоит учитывать, что кумулятивная станция требует регулярной
              откачки содержимого, что влечет за собой дополнительные расходы и необходимость обращения к
              специализированным службам.
            </p>
            <div class="article__img-grid">
              <picture><source srcset="jpg/article-2.webp" type="image/webp"><img src="jpg/article-2.jpg" alt="article-img"></picture>
              <picture><source srcset="jpg/article-3.webp" type="image/webp"><img src="jpg/article-3.jpg" alt="article-img"></picture>
            </div>
          </div>
          <div class="principle__content-subgroup principle__paragraph-container">
            <p>
              <b>Септики с биологической очисткой</b> представляют собой более сложные системы, которые обеспечивают
              высокий уровень очистки сточных вод. В таких установках происходит разложение органических веществ с
              помощью микроорганизмов. Это не только снижает нагрузку на окружающую среду, но и позволяет использовать
              очищенную воду для технических нужд, например, для полива растений. Септики с биологической очисткой
              требуют электричества для работы насосов и аэрации, а также регулярного обслуживания, но в целом являются
              более экологичным и долговечным решением по сравнению с кумулятивными.
            </p>
            <div class="article__img-grid">
              <picture><source srcset="jpg/septik-4.webp" type="image/webp"><img src="jpg/septik-4.jpg" alt="article-img"></picture>
              <picture><source srcset="jpg/septik-6.webp" type="image/webp"><img src="jpg/septik-6.jpg" alt="article-img"></picture>
              <picture><source srcset="jpg/septik-4.webp" type="image/webp"><img src="jpg/septik-4.jpg" alt="article-img"></picture>
            </div>
          </div>
          <div class="principle__content-subgroup">
            <p>
              При выборе важно учитывать не только тип системы, но и такие факторы, как количество проживающих людей,
              объем потребления воды, тип почвы на участке и глубину залегания грунтовых вод. Индивидуальный подход
              позволит обеспечить надежную и эффективную работу системы канализации на долгие годы.
            </p>
          </div>
        </div>
        <div class="principle__content-group principle__content-page" id="optimal-septik">
          <div class="principle__content-subgroup">
            <h2>
              Как выбрать оптимальный септик для дома
            </h2>
            <p>
              Выбор септика для частного дома – задача, требующая тщательного подхода и учета множества нюансов. В
              первую очередь, важно определиться с необходимым объемом и производительностью устройства. Расчет этих
              параметров зависит от количества проживающих в доме людей и среднего потребления воды на одного человека.
              Как правило, для семьи из четырех человек достаточно станции объемом 3-4 кубических метра. Однако, если в
              доме часто принимают гостей или планируются расширения, стоит подумать о более емком варианте.
            </p>
          </div>
          <div class="principle__content-subgroup">
            <p class="principle__list-title">
              <b>При сравнении цен необходимо не только оценить их начальную стоимость, но и учесть эксплуатационные
                расходы. Это включает в себя такие аспекты, как:</b>
            </p>
            <ul class="principle__dotted-list">
              <li>
                стоимость регулярного обслуживания и выкачки отходов
              </li>
              <li>
                затраты на электроэнергию при использовании моделей с принудительной аэрацией
              </li>
              <li>
                возможные расходы на ремонт и замену комплектующих
              </li>
            </ul>
          </div>
          <div class="principle__content-subgroup">
            <p>
              Экономия на первоначальной покупке может привести к увеличенным расходам в будущем, поэтому важно выбирать
              аэрационную установку с учетом его надежности и качества. Иногда целесообразно инвестировать в более
              дорогие, но энергоэффективные и легкие в обслуживании модели, что позволит сэкономить в долгосрочной
              перспективе.
            </p>
          </div>
          <div class="principle__content-subgroup">
            <p class="principle__list-title">
              В конечном итоге, оптимальный выбор будет зависеть от индивидуальных потребностей хозяев и специфики
              эксплуатации. При покупке рекомендуется обратить внимание на следующие критерии:
            </p>
            <ul class="principle__dotted-list">
              <li>
                соответствие размера и производительности септика потребностям домохозяйства
              </li>
              <li>
                сбалансированное соотношение цены и качества
              </li>
              <li>
                низкие эксплуатационные расходы и простота обслуживания
              </li>
            </ul>
          </div>
          <p>
            Тщательный подход к выбору обеспечит комфортное и бесперебойное функционирование локальной системы очистки
            сточных вод на долгие годы.
          </p>
        </div>
      </div>
    </div>
  </section>

  <section class="comments section container">
    <h2>
      Комментарии к статье
    </h2>
    <div class="comments__wrapper">
      <div class="comments__content">
        <div class="comments__comment-empty">
          <p>
            У статьи еще нет комментариев, вы можете быть первым!
          </p>
        </div>
      </div>
      <form class="comments__form-wrapper order-call__data" action="#">
        <h2 class="section-title">
          Добавить комментарий
        </h2>
        <input type="text" class="input" placeholder="Ваше имя">
        <textarea type="text" class="input" placeholder="Комментарий"></textarea>
        <button class="button button--orange">Отправить</button>
        <p class="order-call__personal">
          Нажимая кнопку «Заказать звонок», вы подтверждаете свое согласие на
          обработку <a href="#">персональных данных</a>
        </p>
      </form>
    </div>
  </section>

  <section class="comments section container">
    <h2>
      Комментарии к статье
    </h2>
    <div class="comments__wrapper">
      <div class="comments__content">
        <div class="comments__comment">
          <div class="comments__comment-info">
            <picture><source srcset="svg/avatar.svg" type="image/webp"><img src="svg/avatar.svg" alt="avatar"></picture>
            <div class="comment__descr">
              <div class="comment__descr-name">
                Сергей
              </div>
              <div class="comment__descr-city">
                г. Подольск
              </div>
              <p class="comment__descr-text">
                Здравствуйте! Если не получается то нужно обратиться за консультацией?
              </p>
            </div>
          </div>
          <div class="comments__comment-info">
            <picture><source srcset="png/avatar-era.webp" type="image/webp"><img src="png/avatar-era.png" width="48" height="48" alt="avatar"></picture>
            <div class="comment__descr">
              <div class="comment__descr-name">
                Николай
              </div>
              <div class="comment__descr-city">
                Менеджер отдела по работе с клиентами
              </div>
              <p class="comment__descr-text">
                Конечно лучше переговорить с инженером! Обратитесь за консультацией по номеру 8 (495) 669-99-24 или
                оставьте заявку на обратный звонок
              </p>
            </div>
          </div>
        </div>
        <div class="comments__comment">
          <div class="comments__comment-info">
            <picture><source srcset="svg/avatar.svg" type="image/webp"><img src="svg/avatar.svg" alt="avatar"></picture>
            <div class="comment__descr">
              <div class="comment__descr-name">
                Сергей
              </div>
              <div class="comment__descr-city">
                г. Подольск
              </div>
              <p class="comment__descr-text">
                Здравствуйте! Если не получается то нужно обратиться за консультацией?
              </p>
            </div>
          </div>
        </div>
      </div>
      <form class="comments__form-wrapper order-call__data" action="#">
        <h2 class="section-title">
          Добавить комментарий
        </h2>
        <input type="text" class="input" placeholder="Ваше имя">
        <textarea type="text" class="input" placeholder="Комментарий"></textarea>
        <button class="button button--orange">Отправить</button>
        <p class="order-call__personal">
          Нажимая кнопку «Заказать звонок», вы подтверждаете свое согласие на
          обработку <a href="#">персональных данных</a>
        </p>
      </form>
    </div>
  </section>

  <section class="sale sale-page section container">
    <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="png/product.webp" type="image/webp"><img src="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="png/product.webp" type="image/webp"><img src="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="png/product.webp" type="image/webp"><img src="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>
  </section>
  <section class="blog-page blog__page-article section container">
    <h2 class="blog-page__title">
      Могут быть интересны другие статьи
    </h2>
    <div class="blog-page__content">
      <div class="blog-page__content-item">
        <div class="blog-page__img-box ">
          <picture><source srcset="jpg/blog-3.webp" type="image/webp"><img src="jpg/blog-3.jpg" alt="blog-image"></picture>
          <div class="blog-page__img-info">
            <time datetime="2024-05-20">20.05.24</time>
            <a href="#">
              Читать статью
            </a>
          </div>
        </div>
        <div class="blog-page__item-category">
          <div>
            История
          </div>
          <div>
            Инструкция
          </div>
        </div>
        <h3 class="blog-page__item-title">
          Критерии выбора септика для уровня высоких грунтовых вод
        </h3>
        <p class="blog-page__item-text">
          Выбор септика для дачи — важная задача, от которой зависит комфорт и экологическая безопасность вашего
          загородного участка. В этом посте мы рассмотрим ключевые факторы, которые стоит учесть при выборе септика:
          объем, тип сиМонтаж и обслуживание локальных очистных сооружений: что нужно знатьстемы, материал изготовления,
          а также нюансы монтажа и эксплуатации. Узнайте, как сделать ваш выбор осознанным и избежать распространенных
          ошибок, чтобы ваша дача всегда оставалась чистым и уютным местом для отдыха!...
        </p>
      </div>
      <div class="blog-page__content-item">
        <div class="blog-page__img-box ">
          <picture><source srcset="jpg/blog-1.webp" type="image/webp"><img src="jpg/blog-1.jpg" alt="blog-image"></picture>
          <div class="blog-page__img-info">
            <time datetime="2024-05-20">20.05.24</time>
            <a href="article.html">
              Читать статью
            </a>
          </div>
        </div>
        <div class="blog-page__item-category">
          <div>
            Инструкция
          </div>
          <div>
            Советы
          </div>
          <div>
            История
          </div>
        </div>
        <h3 class="blog-page__item-title">
          Выбор и установка станции биологической очистки
        </h3>
        <p class="blog-page__item-text">
          Выбор септика для дачи — важная задача, от которой зависит комфорт и экологическая безопасность вашего
          загородного участка. В этом посте мы рассмотрим ключевые факторы, которые стоит учесть при выборе септика:
          объем, тип системы, материал изготовления, а также нюансы монтажа и эксплуатации. Узнайте, как сделать ваш
          выбор осознанным и избежать распространенных ошибок, чтобы ваша дача всегда оставалась чистым и уютным местом
          для отдыха!...
        </p>
      </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>


  <section class="tap-bar">
  <div class="tap-bar__item">
    <a class="tap-bar__link" href="/">
      <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2717_16834)"><path d="M21.5 11.25v9a.75.75 0 0 1-.75.75H15.5a.75.75 0 0 1-.75-.75v-4.875a.375.375 0 0 0-.375-.375h-3.75a.375.375 0 0 0-.375.375v4.875a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-9c0-.398.158-.78.44-1.06l7.5-7.5a1.5 1.5 0 0 1 2.12 0l7.5 7.5a1.5 1.5 0 0 1 .44 1.06Z" fill="currentColor"></path></g><defs><clipPath id="clip0_2717_16834"><path fill="#fff" d="M.5 0h24v24H.5z"></path></clipPath></defs></svg>
      <span>Главная</span>
    </a>
  </div>
  <div class="tap-bar__item">
    <a class="tap-bar__link" href="#">
      <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2717_16839)"><path d="M24.35 9a6.75 6.75 0 0 1-9.463 6.188l-4.88 5.645a3 3 0 1 1-4.28-4.204c.013-.012.026-.025.04-.036l5.646-4.88a6.757 6.757 0 0 1 7.832-9.26.75.75 0 0 1 .368 1.236L16.1 7.5l.53 2.47 2.47.53 3.811-3.517a.75.75 0 0 1 1.237.368c.134.54.202 1.093.202 1.65Z" fill="currentColor"></path></g><defs><clipPath id="clip0_2717_16839"><path fill="#fff" d="M.6 0h24v24H.6z"></path></clipPath></defs></svg>
      <span>Услуги</span>
    </a>
  </div>
  <div class="tap-bar__item tap-bar__item--catalog">
    <button class="tap-bar__link js-catalog" type="button">
      <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2717_16844)"><path d="M21.2 4.6v6a.403.403 0 0 1-.116.283.392.392 0 0 1-.279.117h-7.502V3.4c0-.106.041-.208.115-.283a.392.392 0 0 1 .28-.117h5.922c.42 0 .821.169 1.117.469.297.3.463.707.463 1.131ZM10.702 3H4.78c-.418 0-.82.169-1.116.469A1.61 1.61 0 0 0 3.2 4.6v6c0 .106.042.208.116.283a.392.392 0 0 0 .279.117h7.502V3.4a.403.403 0 0 0-.115-.283.392.392 0 0 0-.28-.117Zm10.103 10h-7.502v7.6c0 .106.041.208.115.283a.392.392 0 0 0 .28.117h5.922c.42 0 .821-.169 1.117-.469.297-.3.463-.707.463-1.131v-6a.403.403 0 0 0-.116-.283.392.392 0 0 0-.279-.117ZM3.2 13.4v6c0 .424.166.831.463 1.131.296.3.698.469 1.116.469h5.923a.392.392 0 0 0 .28-.117.402.402 0 0 0 .115-.283V13H3.595a.392.392 0 0 0-.28.117.403.403 0 0 0-.115.283Z" fill="currentColor"></path></g><defs><clipPath id="clip0_2717_16844"><path fill="#fff" d="M.2 0h24v24H.2z"></path></clipPath></defs></svg>
      <span>Каталог</span>
    </button>
  </div>
  <div class="tap-bar__item">
    <a class="tap-bar__link" href="#">
      <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2717_16849)"><path d="M18.456 16.938a2.194 2.194 0 0 0 2.103-1.603l-2.103 1.602Zm0 0H9.19a2.192 2.192 0 0 1-2.111-1.603L3.79 3.483l-.012-.046H2.05a.688.688 0 1 1 0-1.374H4.3a.688.688 0 0 1 .663.503l.888 3.2.013.046H22.3a.688.688 0 0 1 .663.872l-2.404 8.651-2.103 1.602ZM8.001 18.805a1.437 1.437 0 1 1 1.598 2.39A1.437 1.437 0 0 1 8 18.805Zm9.75 0a1.437 1.437 0 1 1 1.598 2.39 1.437 1.437 0 0 1-1.598-2.39Z" fill="currentColor" stroke="#939393" stroke-width=".125"></path></g><defs><clipPath id="clip0_2717_16849"><path fill="#fff" d="M.3 0h24v24H.3z"></path></clipPath></defs></svg>
      <span>Корзина</span>
    </a>
  </div>
  <div class="tap-bar__item tap-bar__item--tablet">
    <a class="tap-bar__link" href="#">
      <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2717_16854)"><path d="M19.15 2.25H5.65a1.5 1.5 0 0 0-1.5 1.5v16.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5V3.75a1.5 1.5 0 0 0-1.5-1.5Zm-10.5 16.5a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm0-3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm3.75 3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm0-3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm3.75 3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm0-3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm1.5-5.25a.75.75 0 0 1-.75.75h-9a.75.75 0 0 1-.75-.75V6a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 .75.75v3.75Z" fill="currentColor"></path></g><defs><clipPath id="clip0_2717_16854"><path fill="#fff" d="M.4 0h24v24H.4z"></path></clipPath></defs></svg>
      <span>Расчет</span>
    </a>
  </div>
  <div class="tap-bar__item tap-bar__item--menu">
    <button class="tap-bar__link js-menu" type="button">
      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2717_16859)"><path d="M14.625 12a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0ZM4.5 9.375a2.625 2.625 0 1 0 0 5.25 2.625 2.625 0 0 0 0-5.25Zm15 0a2.625 2.625 0 1 0 0 5.25 2.625 2.625 0 0 0 0-5.25Z" fill="currentColor"></path></g><defs><clipPath id="clip0_2717_16859"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg>
      <span>Меню</span>
    
  </button></div>
</section>


<footer class="footer footer section">
  <div class="container">
    <div class="footer__top">
      <div class="footer__top-item">
        <button class="footer__btn js-footer-btn">
          Услуги
          <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
        </button>
        <ul class="footer__list js-footer-list">
          <li class="footer__list-item">
            <a href="services-category.html">Монтаж септиков</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Монтаж ЛОС</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Монтаж атономных канализаций</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Сервисное обслуживание септиков</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Сервисное обслуживание ЛОС</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Обслуживание автономных канализаций</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Чистка септиков</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Откачка септиков</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Косервация септиков</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Консервация ЛОС</a>
          </li>
        </ul>
      </div>
      <div class="footer__top-item">
        <button class="footer__btn js-footer-btn">
          Полезная информация
          <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
        </button>
        <ul class="footer__list js-footer-list">
          <li class="footer__list-item">
            <a href="gost.html">ГОСТы по септикам</a>
          </li>
          <li class="footer__list-item">
            <a href="glossarium.html">Глоссарий терминов</a>
          </li>
          <li class="footer__list-item">
            <a href="grease-trap-principle.html">Принцип работы жиро-улолвителей</a>
          </li>
          <li class="footer__list-item">
            <a href="kesson-principle.html">Кессон принцип работы</a>
          </li>
          <li class="footer__list-item">
            <a href="septik-principle.html">Принцип работы септиков Эра</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Септик ЭРА-КНС</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Септик ЭРА-ПЦ</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Септик ЭРА-ГВ</a>
          </li>
          <li class="footer__list-item">
            <a href="materials.html">Материалы</a>
          </li>
          <li class="footer__list-item">
            <a href="technology.html">Технология</a>
          </li>
        </ul>
      </div>
      <div class="footer__top-item">
        <button class="footer__btn js-footer-btn">
          Покупателям
          <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
        </button>
        <ul class="footer__list js-footer-list">
          <li class="footer__list-item">
            <a href="delivery.html">Условия доставки</a>
          </li>
          <li class="footer__list-item">
            <a href="refund.html">Условия возврата</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Способы оплаты</a>
          </li>
          <li class="footer__list-item">
            <a href="how-place-order.html">Как оформить заказ</a>
          </li>
          <li class="footer__list-item">
            <a href="support-center.html">Центр поддержки</a>
          </li>
          <li class="footer__list-item">
            <a href="guarantee.html">Гарантия</a>
          </li>
          <li class="footer__list-item">
            <a href="certificates.html">Сертификаты</a>
          </li>
          <li class="footer__list-item">
            <a href="awards.html">Награды</a>
          </li>
          <li class="footer__list-item">
            <a href="reviews.html">Отзывы</a>
          </li>
          <li class="footer__list-item">
            <a href="partners.html">Партнеры</a>
          </li>
        </ul>
      </div>
      <div>
        <div class="footer__top-item">
          <button class="footer__btn js-footer-btn">
            Интересное
            <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
          </button>
          <ul class="footer__list js-footer-list">
            <li class="footer__list-item">
              <a href="blog.html">Блог про септики</a>
            </li>
            <li class="footer__list-item">
              <a href="portfolio.html">Портфолио проектов</a>
            </li>
          </ul>
        </div>
        <button class="footer__btn js-footer-btn">
          Документация
          <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path></svg>
        </button>
        <ul class="footer__list js-footer-list">
          <li class="footer__list-item">
            <a href="agreement.html">Договора</a>
          </li>
          <li class="footer__list-item">
            <a href="legal-data.html">Реквизиты</a>
          </li>
          <li class="footer__list-item">
            <a href="faq.html">Политика конфиденциальности</a>
          </li>
          <li class="footer__list-item">
            <a href="#">Пользовательское соглашение</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="footer__bottom">
      <a class="footer__logo" href="#">
        <picture><source srcset="png/logo.webp" type="image/webp"><img src="png/logo.png" width="178" height="82" alt="logo"></picture>
      </a>
      <div class="footer__bottom-item">
        <div class="footer__bottom-name">Адрес</div>
        <p>
          Россия 121596 Москва<br>
          ул. Горбунова 6к2с8
        </p>
      </div>
      <div class="footer__bottom-item">
        <div class="footer__bottom-name">Телефон и почта</div>
        <p>
          +7 (495) 669-99-24<br>
          info@eraseptik.ru
        </p>
      </div>
      <div class="footer__bottom-item">
        <div class="footer__bottom-name">Реквизиты</div>
        <p>
          ОГРН 1165030050602<br>
          ИНН 5030088192
        </p>
      </div>
      <div class="footer__bottom-item">
        <div class="footer__bottom-name">Соцсети</div>
        <div class="footer__social">
          <a href="#">
            <picture><source srcset="svg/vk-social.svg" type="image/webp"><img width="46" height="46" src="svg/vk-social.svg" alt="vk"></picture>
          </a>
          <a href="#">
            <picture><source srcset="svg/whatsap-social.svg" type="image/webp"><img width="46" height="42" src="svg/whatsap-social.svg" alt="whatsap"></picture>
          </a>
          <a href="#">
            <picture><source srcset="svg/youtube-social.svg" type="image/webp"><img width="46" height="46" src="svg/youtube-social.svg" alt="youtube"></picture>
          </a>
        </div>
      </div>
    </div>
  </div>
</footer>


<script type="module" src="index.c09a3634.js"></script>


</body>

</html>
