<!-- BANNER -->
<section class="" style="padding-top: 160px; padding-bottom: 40px;
  background: url('<?= base_url(); ?>uploads/banners/<?= $about->row()->img_banner; ?>') no-repeat; background-size: cover; background-position: center;"> 
    <div class="container">
        <div class="banner-content">
            <h2></h2>
            <p></p>
        </div>
    </div>
</section>
<!-- END-BANNER -->
<!-- MAP -->
<!-- ABOUT -->
<section class="section-about">
    <div class="container">
        <div class="row">
            <div class="wrap-about">
                <!-- ITEM -->
                <div class="about-item">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 no-padding-right">
    <!-- SLIDER -->
    <div class="section-slider height-v-about">
        <div id="index12" class="owl-carousel owl-theme">
          <?php if ($about->num_rows()>0): ?>
          <?php 
            $about = $about->row(); 
            $ar_img = explode(' | ', $about->img_name);
          ?> 
          <?php for($i=0; $i<count($ar_img); $i++): ?>
            <div class="item">
                <img alt="" src="<?= base_url(); ?>uploads/banners/<?= $ar_img[$i]; ?>" class="img-responsive">
            </div> 
          <?php endfor; ?>  
          <?php endif ?>
        </div>
    </div>
    <!-- END / SLIDER -->
</div>
                    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 no-padding-left"> 
                        <?= $this->session->userdata('site_lang') == 'english' ? $about->img_descr_en : $about->img_descr; ?>
                    </div>
                </div>
                <!-- END / ITEM -->
                <!-- ITEM -->
                <div class="about-item about-right">
                  <?= $this->session->userdata('site_lang') == 'english' ? $about->body_text_en : $about->body_text; ?>
                </div>
                <!-- END / ITEM -->
            </div>
        </div>
    </div>
</section>
<!-- END / ABOUT -->
<style>
    .desc p {
        font-size: 15px;
        text-align: justify;
    }
    .about-item.about-right .text { 
        margin-top: 20px;
        padding-right: 0px;
    }
    .about-item .text {
        padding-left: 0; 
    }
    .about-item.about-right .img, 
    .about-item.about-right .img img,
    .section-slider.height-v-about div.item,
    .section-slider.height-v-about div.item img { 
        /*height: 437px;*/
    }
    .about-item .text { 
        padding-right: 0px;
    }
    .no-padding-right {
        padding-right: 13px;
    }
    .no-padding-left {
        padding-left: 13px;
    }
</style>
<?= Modules::run('talkto'); ?>