//= 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"><a href="#">Каталог</a></span>
            <span class="breadcrumbs__arrow">&gt;</span>
            <span class="breadcrumbs__item"><a href="#">Свет</a></span>
            <span class="breadcrumbs__arrow">&gt;</span>
            <span class="breadcrumbs__item"><a href="#">Студийный свет</a></span>
            <span class="breadcrumbs__arrow">&gt;</span>
            <span class="breadcrumbs__item">Logocam BL-1000</span>
          </div>
      </div>
    </div>
  </div>

  <section class="item-card bg-white py-8">
    <div class="container">
      <div class="row">
        <div class="col-xxl-4 col-lg-3 mb-lg-0 mb-8 item-card__image">
          <div class="swiper-container product-gallery">
              <div class="swiper-wrapper product-gallery__wrapper">
                <div class="swiper-slide product-gallery__slide">
                  <a href="http://neftoffice.ru/upload/medialibrary/955/9553a6c9bf46562f393f9b3222939b0b.jpg" data-rel="lightcase:myCollection"><img src="http://lorempixel.com/800/1000/nature/1/" alt="Название товара" class="product-gallery__image"></a>
                </div>
                <div class="swiper-slide product-gallery__slide">
                  <a href="http://neftoffice.ru/upload/medialibrary/eb4/eb4c8e3f88c08740f5d38684b0f252f7.jpg" data-rel="lightcase:myCollection"><img src="http://lorempixel.com/1000/800/nature/2/" alt="Название товара" class="product-gallery__image"></a>
                </div>
                <div class="swiper-slide product-gallery__slide">
                  <a href="http://neftoffice.ru/upload/medialibrary/86e/86e650ce913d65a8b9c9fb78a080c348.jpg" data-rel="lightcase:myCollection"><img src="http://lorempixel.com/800/800/nature/3/" alt="Название товара" class="product-gallery__image"></a>
                </div>
                <div class="swiper-slide product-gallery__slide">
                  <a href="http://neftoffice.ru/upload/medialibrary/264/264235de6c1dd2e14da61dc28311c2ac.png" data-rel="lightcase:myCollection"><img src="http://lorempixel.com/800/1000/nature/1/" alt="Название товара" class="product-gallery__image"></a>
                </div>
                <div class="swiper-slide product-gallery__slide">
                  <a href="http://neftoffice.ru/upload/medialibrary/947/947b3ab74a0665e2ffe2ab71dd81eed5.jpg" data-rel="lightcase:myCollection"><img src="http://lorempixel.com/1000/800/nature/2/" alt="Название товара" class="product-gallery__image"></a>
                </div>
                <div class="swiper-slide product-gallery__slide">
                  <a href="http://neftoffice.ru/upload/medialibrary/955/9553a6c9bf46562f393f9b3222939b0b.jpg" data-rel="lightcase:myCollection"><img src="http://lorempixel.com/800/800/nature/3/" alt="Название товара" class="product-gallery__image"></a>
                </div>
              </div>
              <!-- Add Arrows -->
              <div class="product-gallery__button_next"></div>
              <div class="product-gallery__button_prev"></div>
            </div>
            <div class="swiper-container product-thumbs">
              <div class="swiper-wrapper product-thumbs__wrapper">
                <div class="swiper-slide product-thumbs__slide">
                  <img src="http://lorempixel.com/800/1000/nature/1/" alt="Название товара" class="product-thumbs__image">
                </div>
                <div class="swiper-slide product-thumbs__slide">
                  <img src="http://lorempixel.com/1000/800/nature/2/" alt="Название товара" class="product-thumbs__image">
                </div>
                <div class="swiper-slide product-thumbs__slide">
                  <img src="http://lorempixel.com/800/800/nature/3/" alt="Название товара" class="product-thumbs__image">
                </div>
                <div class="swiper-slide product-thumbs__slide">
                  <img src="http://lorempixel.com/800/1000/nature/1/" alt="Название товара" class="product-thumbs__image">
                </div>
                <div class="swiper-slide product-thumbs__slide">
                  <img src="http://lorempixel.com/1000/800/nature/2/" alt="Название товара" class="product-thumbs__image">
                </div>
                <div class="swiper-slide product-thumbs__slide">
                  <img src="http://lorempixel.com/800/800/nature/3/" alt="Название товара" class="product-thumbs__image">
                </div>
              </div>
            </div>
        </div>
        <div class="col-lg-5 col-md-6 mb-md-0 mb-4  item-card__info">
          <a href="#" class="item-card__category">Студийный свет</a>
          <h1 class="item-card__title">Logocam BL-1000</h1>
          <span class="item-card__sku">Артикул B031E02</span>
          <p class="item-card__description">$lipsum(words:24)</p>
          <div class="item-card__table item-char">
            <table>
              <tbody>
                <tr>
                    <td>
                          Масса, кг
                    </td>
                    <td>
                          0.94
                    </td>
                </tr>
                <tr>
                    <td>
                          Габариты (в/ш/г), мм
                    </td>
                    <td>
                          76 х 231 х 145
                    </td>
                </tr>
                <tr>
                    <td>
                          Рабочая температура (заряд/разряд), °C
                    </td>
                    <td>
                          -10 до +35
                    </td>
                </tr>
                <tr>
                    <td>
                          Выходное напряжение, В
                    </td>
                    <td>
                          15 DC
                    </td>
                </tr>
                <tr>
                    <td>
                          Напряжение питания, В/Гц
                    </td>
                    <td>
                          90…240 / 47-63
                    </td>
                </tr>
                <tr>
                    <td>
                          Рекомендуемый ток заряда, А
                    </td>
                    <td>
                          2.25
                    </td>
                </tr>
                <tr>
                    <td>
                          Количество каналов заряда З.У.
                    </td>
                    <td>
                          2
                    </td>
                </tr>
                <tr>
                    <td>
                          Тип посадочной площадки
                    </td>
                    <td>
                          V-Lock
                    </td>
                </tr>
                <tr>
                    <td>
                          Максимальная нагрузка, Вт
                    </td>
                    <td>
                          50
                    </td>
                </tr>
              </tbody>
            </table>
          <a href="#item-chars" class="item-card__link">Подробные характеристики</a>
        </div>
        </div>
        <div class="col-xxl-3 col-lg-4 col-md-6 item-card__cta text-center">
          <div class="row no-gutters wario">
            <div class="col-12 wario__prices wario__prices_normal">
              <div class="wario__price_discount">
                <span class="wario__value">26 315</span>
                <span class="wario__currency">₽</span>
              </div>
              <div class="wario__price">
                <span class="wario__value">20 124</span>
                <span class="wario__currency">₽</span>
              </div>
            </div>
            <div class="col-12 wario__cart">
              <span class="wario__stock-status stock-status stock-status_error">Нет в наличии</span>
              <div class="wario__quantity">
                <a class="control control-minus" href="javascript:;" data-spin="down"><i class="icon-minus"></i></a>

                <input class="form-control" min="1" type="text" max="" name="quantity" value="1" title="Количество">

                <a class="control control-plus" href="javascript:;" data-spin="up"><i class="icon-plus"></i></a>
              </div>
              <a href="#" class="button button_primary wario__button"><span>Добавить в&nbsp;корзину</span></a>
            </div>
          </div>
          <p class="item-card__uptodate">Цена актуальна на <span>06.02.2019</span></p>
          <div class="item-card__brand">
            <a href="#" style="background-image: url('images/brand-logocam.png');" class="item-card__brand-logo"></a>
          </div>
          <div class="item-card__share">
            <span>Поделитесь с друзьями:</span>
            <div class="ya-share2" data-services="vkontakte,twitter,facebook,odnoklassniki,whatsapp,telegram"></div>
          </div>
          <div class="item-card__system">
            <a href="#" class="link link_print">Печать</a>
            <a href="#" class="link link_copy">Скопировать ссылку</a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="inkling d-none d-sm-block sticky-top navbar">
    <div class="container">
      <div class="row">
        <div class="col-12 text-center">
          <ul class="inkling__list nav">
            <li class="inkling__list-item nav-item"><a class="nav-link inkling__link active" href="#item-about">О товаре</a></li>
            <li class="inkling__list-item nav-item"><a class="nav-link inkling__link" href="#item-char">Технические характеристики</a></li>
            <li class="inkling__list-item nav-item"><a class="nav-link inkling__link" href="#item-complex">Товары в наборе</a></li>
            <li class="inkling__list-item nav-item"><a class="nav-link inkling__link" href="#item-upsell">Аксессуары</a></li>
            <li class="inkling__list-item nav-item"><a class="nav-link inkling__link" href="#item-docs">Тендерная документация</a></li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <section class="bg-white bordered" id="item-about">
    <div class="container">
      <div class="row section_independent">
        <div class="col-xl-4 d-flex flex-column justify-content-between">
          <div class="headline-block headline-block_margin mb-4">
            <h5 class="headline-block__subtitle">Информация</h5>
            <h1 class="headline-block__title">О товаре</h1>
            <p class="headline-block__description">Основные сведения о товаре, его особенностях и комплектации</p>
          </div>
          <div class="expert">
            <div class="expert__image" style="background-image: url('http://lorempixel.com/570/400/business/');"></div>
            <h4 class="expert__title">Константин Константинопольский</h4>
            <p class="expert__description">Эксперт Proland в области освещения</p>
            <a href="#" class="button button_primary"><span>Проконсультироваться</span></a>
          </div>
        </div>
        <div class="col-xl-8 article">
          <p>
            Светильник с асимметричным отражателем, рекомендуется использовать в телевизионных и видеостудиях для подсвечивания фона. «Косой» свет светильника обеспечивает максимально равномерное освещение вертикальных поверхностей. Опция ручного управления яркостью позволит дополнительно повысить качество освещения фона.
          </p>
          <h4>Особенности:</h4>
          <ul>
            <li>компактность и малый вес;</li>
            <li>наличие защитной сетки и страховочного тросика;</li>
            <li>возможность использования ламп мощностью 800 Вт и 1000 Вт (220 В);</li>
            <li>наличие клипс на шторках для крепления цветных фильтров.</li>
          </ul>
          <h4>Базовая комплектация:</h4>
          <ul>
            <li>светильник,</li>
            <li>2-створчатые шторки</li>
            <li>лампа Osram или Philips,</li>
            <li>лира,</li>
            <li>защитная сетка,</li>
            <li>спигот 16F,</li>
            <li>силовой кабель 2 м,</li>
            <li>евровилка.</li>
          </ul>
        </div>
      </div>
    </div>
  </section>
  
  <section class="bordered" id="item-char">
    <div class="container">
      <div class="row section_independent">
        <div class="col-xxl-4 col-xl-5 col-12">
          <div class="headline-block headline-block_margin mb-4">
            <h5 class="headline-block__subtitle">Подробно</h5>
            <h1 class="headline-block__title">Технические характеристики</h1>
            <p class="headline-block__description">Точные данные о товаре</p>
          </div>
        </div>
        <div class="col-xxl-8 col-xl-7 col-12 item-char">
          <table>
            <tbody>
              <tr>
                  <td>
                        Масса, кг
                  </td>
                  <td>
                        0.94
                  </td>
              </tr>
              <tr>
                  <td>
                        Габариты (в/ш/г), мм
                  </td>
                  <td>
                        76 х 231 х 145
                  </td>
              </tr>
              <tr>
                  <td>
                        Рабочая температура (заряд/разряд), °C
                  </td>
                  <td>
                        -10 до +35
                  </td>
              </tr>
              <tr>
                  <td>
                        Выходное напряжение, В
                  </td>
                  <td>
                        15 DC
                  </td>
              </tr>
              <tr>
                  <td>
                        Напряжение питания, В/Гц
                  </td>
                  <td>
                        90…240 / 47-63
                  </td>
              </tr>
              <tr>
                  <td>
                        Рекомендуемый ток заряда, А
                  </td>
                  <td>
                        2.25
                  </td>
              </tr>
              <tr>
                  <td>
                        Количество каналов заряда З.У.
                  </td>
                  <td>
                        2
                  </td>
              </tr>
              <tr>
                  <td>
                        Тип посадочной площадки
                  </td>
                  <td>
                        V-Lock
                  </td>
              </tr>
              <tr>
                  <td>
                        Максимальная нагрузка, Вт
                  </td>
                  <td>
                        50
                  </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </section>
  
  <section class="bg-white bordered" id="item-complex">
    <div class="container">
      <div class="row section_independent">
        <div class="col-12">
          <h2 class="mb-4">Товары в наборе</h2>
        </div>
        //= fragments/product-item-3.html
        //= fragments/product-item-3.html
        //= fragments/product-item-3.html
        //= fragments/product-item-3.html
      </div>
    </div>
  </section>
  
  <section class="bordered" id="item-upsell">
    <div class="container">
      <div class="row section_independent">
        <div class="col-12">
          <h2 class="mb-4">Аксессуары</h2>
        </div>
        //= fragments/product-item-3.html
        //= fragments/product-item-3.html
      </div>
    </div>
  </section>

  <section class="bg-white bordered" id="item-docs">
    <div class="container">
      <div class="row section_independent">
        <div class="col-xl-4 col-12">
          <div class="headline-block headline-block_docs headline-block_margin mb-4">
            <h5 class="headline-block__subtitle">Для дилеров</h5>
            <h1 class="headline-block__title">Тендерная документация</h1>
            <p class="headline-block__description">Инструкции и&nbsp;сертификаты к&nbsp;товару</p>
            <a href="#" class="button button_primary headline-block__button"><span>Консультация менеджера</span></a>
          </div>
        </div>
        <div class="col-xl-8 col-12">
          <div class="row">
            <div class="col-12">
              <div class="docs-item">
                <a href="#" class="docs-item__link d-flex align-items-center">
                  <div class="docs-item__icon docs-item__icon_pdf"></div>
                  <span class="docs-item__name">Декларации о&nbsp;соответствии профессионального осветительного оборудования Logocam (люминесцентные, галогенные, металлогалогенные, светодиодные студийные светильники; галогенные, светодиодные накамерные светильники) Декларации о&nbsp;соответствии профессионального осветительного оборудования Logocam (люминесцентные, галогенные, металлогалогенные, светодиодные студийные светильники; галогенные, светодиодные накамерные светильники)</span>
                </a>
              </div>
            </div>
            <div class="col-12">
              <div class="docs-item">
                <a href="#" class="docs-item__link d-flex align-items-center">
                  <div class="docs-item__icon docs-item__icon_doc"></div>
                  <span class="docs-item__name">Декларации о&nbsp;соответствии профессионального осветительного оборудования Logocam (люминесцентные, галогенные, металлогалогенные, светодиодные студийные светильники; галогенные, светодиодные накамерные светильники)</span>
                </a>
              </div>
            </div>
            <div class="col-12">
              <div class="docs-item">
                <a href="#" class="docs-item__link d-flex align-items-center">
                  <div class="docs-item__icon docs-item__icon_xls"></div>
                  <span class="docs-item__name">Декларации о&nbsp;соответствии профессионального осветительного оборудования Logocam (люминесцентные, галогенные, металлогалогенные, светодиодные студийные светильники; галогенные, светодиодные накамерные светильники)</span>
                </a>
              </div>
            </div>
            <div class="col-12">
              <div class="docs-item">
                <a href="#" class="docs-item__link d-flex align-items-center">
                  <div class="docs-item__icon docs-item__icon_jpg"></div>
                  <span class="docs-item__name">Декларации о&nbsp;соответствии профессионального осветительного оборудования Logocam (люминесцентные, галогенные, металлогалогенные, светодиодные студийные светильники; галогенные, светодиодные накамерные светильники)</span>
                </a>
              </div>
            </div>
          </div>
        </div>

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

  <section class="bg-white">
    <div class="container">
      <div class="row section_independent">
        <div class="col-xl-3 col-lg-4 col-md-6 col-12">
          <div class="headline-block headline-block_catalog headline-block_margin mb-4">
            <h5 class="headline-block__subtitle">Дополнительно</h5>
            <h1 class="headline-block__title">С этим товаром покупают</h1>
            <p class="headline-block__description">Чем интересовались другие пользователи, смотревшие данный продукт</p>
            <a href="#" class="button button_primary headline-block__button"><span>Вернуться в каталог</span></a>
          </div>
        </div>

        //= fragments/product-item-3.html
        //= fragments/product-item-3.html
        //= fragments/product-item-3.html
      </div>
    </div>
  </section>

//= footer.html