<?php echo $header; ?>
<div class="container">
  <ul id="breadcrumbs-one">
    <?php $last = array_pop($breadcrumbs); foreach ($breadcrumbs as $breadcrumb) { ?>
    <li><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a></li>
    <?php } ?><li><?php echo $last['text']; ?></li>
  </ul>
  <div class="container-category">
    <div class="row"><?php echo $column_left; ?>
      <?php if ($column_left && $column_right) { ?>
      <?php $class = 'col-sm-6'; ?>
      <?php } elseif ($column_left || $column_right) { ?>
      <?php $class = 'col-sm-8 col-md-9'; ?>
      <?php } else { ?>
      <?php $class = 'col-sm-12'; ?>
      <?php } ?>
      <div id="content" class="<?php echo $class; ?> light-box-img"><?php echo $content_top; ?>
        <h1 class="text-center h2"><?php echo $heading_title; ?></h1>
        <div class="uslugi-inform contein-4"><?php echo $description; ?></div><?php echo $content_bottom; ?>
        <?php if ($informations) { ?>
        <div class="row">
          <ul class="thumbnail thumbnail_article_info list-unstyled">
            <?php foreach ($informations as $information) { ?>
            <li>
              <a href="<?php echo $information['href']; ?>">
                <img src="<?php echo $information['thumb']; ?>">
                <?php echo $information['title']; ?>
                <p> <?php echo $information['prew']; ?></p>
              </a>
            </li>
            <?php } ?>
          </ul>
        </div>
        <?php } ?>
      </div>
      <?php echo $column_right; ?></div>
  </div>
</div>
<?php echo $footer; ?>
<script>
  $('.light-box-img ol li img').lightBox();
  $('.light-box-img .item img').lightBox();

  $('.img-bg').on('click', function(){
      $(this).siblings('img').trigger('click');
  });
</script>