<style type="text/css">
  .section-cover-full.mask-layer:before {
      background: rgba(0, 0, 0, 0.5);
  }

  @media (min-width: 768px) {
      .slidewrap {
        margin-left: 100px !important;
      }

      .main-home {
        padding-top: 150px !important;
      }
      .main-slide {
        padding-top: 50px !important;  
      }
  }

  a:hover {
    color: white !important
  }

  .fp-slidesNav {
    display: none;
  }

/*  .fp-controlArrow.fp-next, .fp-controlArrow.fp-prev {
    display: none !important
  }*/
</style>


<main class="page-main page-fullpage main-anim" id="gallerypage" >

    <!-- Begin of slider section -->
    <div class="section section-twoside project-slider fp-auto-height-responsive " data-section="products">
    <?php 
      $this->db->select('background_home')->from('configuration');
      $background_home=$this->db->get()->row()->background_home;
    ?>
    <div class="section-cover-full fit mask-layer bg-img" data-image-src="<?=base_url('uploads/'.$background_home)?>">
    </div>
      
      <?php foreach ($products as $product) : ?>
      <div class="slide">
        <div class="slide-wrapper">
          <div class="item-wrapper">

            <div class="illustr">
              <img class="img img-block" src="<?=base_url('uploads/product/').$product->image1?>" alt="Image">
            </div>
            <div class="legend">
              <a href="#">
                <h3><?= $product->title ?></h3>
                <p>
                  <?php  
                    if($this->session->userdata('site_lang') == 'english') {
                      echo $product->description_en;
                    } else {
                      echo $product->description;
                    }
                  ?>
                </p>
              </a>
             </div>

          </div>
        </div>
      </div>
      <?php endforeach; ?>

      <!-- Arrows scroll down/up -->
      <footer class="section-footer scrolldown" style="display: none;">
        <a class="down">
          <span class="icon"></span>
          <span class="txt">All Clients</span>
        </a>
      </footer>

    </div>
    <!-- End of slider section -->


  </main>
  <!-- END OF page main content -->