//= header.html

  <div class="container">
    <div class="row">
      <div class="col page-title">
          <div class="breadcrumbs">
            <span class="breadcrumbs__item"><a href="#">Главная</a></span>
            <span class="breadcrumbs__arrow">&gt;</span>
            <span class="breadcrumbs__item">Каталог</span>
          </div>
          <h1 class="page-title__title">Каталог</h1>
      </div>
    </div>
  </div>

  <div class="container">
    <div class="row">
      <div class="col-xxl-3 col-lg-4 col-md-6 mb-4">
        <div class="category-item inner-skin h-100">
          <div class="category-item__image" style="background-image: url('images/category-item-01.jpg');">
            <a href="#" class="category-item__image-link">
            </a>
          </div>
          <div class="category-item__wrapper p-4">
            <h2 class="category-item__title my-2"><a href="#" class="category-item__link">Свет</a></h2>
            <div class="category-item__inner">
              <a href="#" class="category-item__subcategory">Студийный свет</a>
              <a href="#" class="category-item__subcategory">Накамерный свет</a>
              <a href="#" class="category-item__subcategory">Светодиодные светильники</a>
              <a href="#" class="category-item__subcategory">Автономный свет</a>
              <a href="#" class="category-item__subcategory">Аксессуары для света</a>
              <a href="#" class="category-item__subcategory">Комплекты репортажного света</a>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxl-3 col-lg-4 col-md-6 mb-4">
        <div class="category-item inner-skin h-100">
          <div class="category-item__image" style="background-image: url('images/category-item-02.jpg');">
            <a href="#" class="category-item__image-link">
            </a>
          </div>
          <div class="category-item__wrapper p-4">
            <h2 class="category-item__title my-2"><a href="#" class="category-item__link">Свет</a></h2>
            <div class="category-item__inner">
              <a href="#" class="category-item__subcategory">Студийный свет</a>
              <a href="#" class="category-item__subcategory">Накамерный свет</a>
              <a href="#" class="category-item__subcategory">Светодиодные светильники</a>
              <a href="#" class="category-item__subcategory">Автономный свет</a>
              <a href="#" class="category-item__subcategory">Аксессуары для света</a>
              <a href="#" class="category-item__subcategory">Комплекты репортажного света</a>
            </div>
          </div>
        </div>
      </div>

      <div class="col-xxl-6 d-none d-xxl-block mb-4">
        <section class="promo-block promo-block_catalog
        justify-content-center pt-12 h-100" style="background-image: url('images/promo-block-front.jpg');">
          <div class="promo-block__content">
            <span class="promo-block__subtitle">Скидки до 25%</span>
            <h1 class="promo-block__title">Распродажа</h1>
            <p class="promo-block__description">Лучшие ценовые предложения месяца</p>
            <a href="#" class="button button_primary button_background promo-block__button"><span>Смотреть</span></a>
          </div>
        </section>
      </div>

      <div class="col-xxl-3 col-lg-4 col-md-6 mb-4">
        <div class="category-item inner-skin h-100">
          <div class="category-item__image" style="background-image: url('images/category-item-01.jpg');">
            <a href="#" class="category-item__image-link">
            </a>
          </div>
          <div class="category-item__wrapper p-4">
            <h2 class="category-item__title my-2"><a href="#" class="category-item__link">Свет</a></h2>
            <div class="category-item__inner">
              <a href="#" class="category-item__subcategory">Студийный свет</a>
              <a href="#" class="category-item__subcategory">Накамерный свет</a>
              <a href="#" class="category-item__subcategory">Светодиодные светильники</a>
              <a href="#" class="category-item__subcategory">Автономный свет</a>
              <a href="#" class="category-item__subcategory">Аксессуары для света</a>
              <a href="#" class="category-item__subcategory">Комплекты репортажного света</a>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxl-3 col-lg-4 col-md-6 mb-4">
        <div class="category-item inner-skin h-100">
          <div class="category-item__image" style="background-image: url('images/category-item-02.jpg');">
            <a href="#" class="category-item__image-link">
            </a>
          </div>
          <div class="category-item__wrapper p-4">
            <h2 class="category-item__title my-2"><a href="#" class="category-item__link">Свет</a></h2>
            <div class="category-item__inner">
              <a href="#" class="category-item__subcategory">Студийный свет</a>
              <a href="#" class="category-item__subcategory">Накамерный свет</a>
              <a href="#" class="category-item__subcategory">Светодиодные светильники</a>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxl-3 col-lg-4 col-md-6 mb-4">
        <div class="category-item inner-skin h-100">
          <div class="category-item__image" style="background-image: url('images/category-item-01.jpg');">
            <a href="#" class="category-item__image-link">
            </a>
          </div>
          <div class="category-item__wrapper p-4">
            <h2 class="category-item__title my-2"><a href="#" class="category-item__link">Свет</a></h2>
            <div class="category-item__inner">
              <a href="#" class="category-item__subcategory">Студийный свет</a>
              <a href="#" class="category-item__subcategory">Накамерный свет</a>
              <a href="#" class="category-item__subcategory">Светодиодные светильники</a>
              <a href="#" class="category-item__subcategory">Автономный свет</a>
              <a href="#" class="category-item__subcategory">Аксессуары для света</a>
              <a href="#" class="category-item__subcategory">Комплекты репортажного света</a>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xxl-3 col-lg-4 col-md-6 mb-4">
        <div class="category-item inner-skin h-100">
          <div class="category-item__image" style="background-image: url('images/category-item-02.jpg');">
            <a href="#" class="category-item__image-link">
            </a>
          </div>
          <div class="category-item__wrapper p-4">
            <h2 class="category-item__title my-2"><a href="#" class="category-item__link">Свет</a></h2>
            <div class="category-item__inner">
              <a href="#" class="category-item__subcategory">Студийный свет</a>
              <a href="#" class="category-item__subcategory">Накамерный свет</a>
              <a href="#" class="category-item__subcategory">Светодиодные светильники</a>
              <a href="#" class="category-item__subcategory">Автономный свет</a>
              <a href="#" class="category-item__subcategory">Аксессуары для света</a>
              <a href="#" class="category-item__subcategory">Комплекты репортажного света</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="container">
    <div class="row section_independent brand-list">
      <div class="col-xl-6 col-lg-8 col-12">
        <div class="headline-block headline-block_brand headline-block_margin">
          <h5 class="headline-block__subtitle">Бренды</h5>
          <h1 class="headline-block__title">Каталог брендов</h1>
          <p class="headline-block__description">Компания Proland является эксклюзивным представителем мировых производителей оборудования в&nbsp;России и&nbsp;СНГ.</p>
        </div>
        <div class="row brand-list__inner ml-xxl-6 ml-n2">
          //= fragments/brand-list__item.html
          //= fragments/brand-list__item.html
          //= fragments/brand-list__item.html
          //= fragments/brand-list__item.html
          //= fragments/brand-list__item.html
          //= fragments/brand-list__item.html
          //= fragments/brand-list__item.html
          //= fragments/brand-list__item.html
          //= fragments/brand-list__item.html
          <a href="#" class="button button_primary brand-list__button"><span>Все бренды</span></a>
        </div>
      </div>
      <div class="col-xl-6 col-lg-4 col-12">
        <div class="brand-list__image"></div>
      </div>
    </div>
  </div>

//= footer.html