<div class="preloader">

  <div id="cssload-loader">

    <div class="cssload-dot"></div>

    <div class="cssload-dot"></div>

    <div class="cssload-dot"></div>

    <div class="cssload-dot"></div>

    <div class="cssload-dot"></div>

    <div class="cssload-dot"></div>

    <div class="cssload-dot"></div>

    <div class="cssload-dot"></div>

  </div>

</div>

<section class="insBody">

  <header id="insHeaderPage">

    <div id="headerPage">

      <div class="container">

        <div class="insHeaderWrap">

          <div class="row">

            <div id="headerLogo" class="col-md-2 col-sm-12 col-xs-12">

              <div class="visible-xs mbToggle translateY-50"> <a href="javascript:void(0)" class="btnMBToggleNav"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE4MzhBMzE4NzJBMjExRTdCODlFQ0FCODAzN0M3QUI3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE4MzhBMzE5NzJBMjExRTdCODlFQ0FCODAzN0M3QUI3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTgzOEEzMTY3MkEyMTFFN0I4OUVDQUI4MDM3QzdBQjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTgzOEEzMTc3MkEyMTFFN0I4OUVDQUI4MDM3QzdBQjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7OXc5SAAABD0lEQVR42mJ0cHC4wcDAoMxAPHgFxIZQmmKwf/9+vPIsQNwExApA/I8I8xiB+AcQf2egEwA5cBnDIAZMDIMcjDpw1IGjDiSimPEHYmEg/k9Fc0Hl5XkoptiB2UDsSgPPrwPiYGo4MByIRWgQgt+oFcXvoXg0k4w6cNSBow6kUU2yFojFqFwOEg0cHR3xlaV3QQ78CMSiA+VAPADkHh6QA5MG0hWEOk2jmWTUgaMOHOoOZHRwcJAD0hwDWA4+BBY1v/DVJIuB2G4AAykXiKfgc2AFEKsPVAwC8QVCdfFxKB6tSUaLmVEHjjqQRk3+VGiT/x8NPP+AATIG/p8SB4YAsRONAuAxEG+BdivIAgABBgA/3TDYAYP+QQAAAABJRU5ErkJggg==" alt="<?php echo e($site_option->name); ?>" /></a> </div>

              <p> <a href="<?php echo e(url()); ?>"><img class="mylogo1" src="<?php echo e($site_option->logo); ?>" alt="<?php echo e($site_option->name); ?>" /></a> </p>

            </div>

            <div id="headerSearch" class="col-lg-4 col-md-3 col-sm-12 col-xs-12">

              <div class="frmSearch">

                <form id="searchFRM" action="<?php echo e(url('search')); ?>">

                  <i class="glyphicon glyphicon-search"></i>

                  

                  <input required autocomplete="off" type="text" name="key" id="inputSearchAuto" placeholder="Điện thoại, Ipad, Samsung, Iphone..." />

                  <button type="submit" class="insButton btnSearch"> Tìm kiếm </button>

                </form>

                

              </div>

            </div>

            <div id="headerNav" class="col-lg-6 col-md-7 col-sm-12 col-xs-12">

              <nav id="navWrap" class="nav navSiteMain">

                <!-- <div class="loginMB visible-xs">

                  <div class="wrapLogin clearfix">

                    <div class="icon"> <img src="assets/images/icon_avatar.png?v=167" alt=" "> </div>

                    <div class="user"> <a class="log-only" href="account/login.html" title="Đăng nhập">Đăng nhập</a>

                      <h3> Thông tin tài khoản </h3>

                    </div>

                  </div>

                </div> -->

                <ul class="nav-navbar clearfix">

                  <?php foreach($menu_top as $item): ?>

                  <li  <?php if(Helper::check_sub('menu',$item->id)): ?>class="li_child <?php endif; ?>"> <a href="<?php echo e(url($item->url)); ?>" title="<?php echo e($item->name); ?>" class=""> <img src="<?php echo e($item->icon); ?>" alt="<?php echo e($item->name); ?>" class="navIcon" /> <span><?php echo e($item->name); ?></span> </a>

                    <?php if(Helper::check_sub('menu',$item->id)): ?>

                    <ul class="mainChild levlup_2" role="menu">

                      <?php foreach($menu_sub as $sub): ?>

                      <?php if($item->id == $sub->parent_id): ?>

                      <li class=""> <a href="<?php echo e(url($sub->url)); ?>" title="<?php echo e($sub->name); ?>"><span><?php echo e($sub->name); ?></span></a> </li>

                      <?php endif; ?>

                      <?php endforeach; ?>

                    </ul>

                    <?php endif; ?>

                  </li>

                  <?php endforeach; ?>

                  <!-- <li class="account"> <a href="javascript:void(0)"><i class="fa fa-angle-double-down" aria-hidden="true"></i></a>

                    <div class="wrap mainChild">

                      <ul class="notStyle accountList">

                        <li><a class="reg" href="account/register.html" title="Đăng ký">Đăng ký</a></li>

                        <li> <a class="log-only" href="account/login.html" title="Đăng nhập">Đăng nhập</a></li>

                      </ul>

                    </div>

                  </li> -->

                </ul>

                <div class="visible-xs closeMenuMB text-center"> <a href="javascript:void(0)" class="closeNav viewAll">Đóng</a> </div>

              </nav>

            </div>

            <div class="overlayMenu"></div>

          </div>

        </div>

      </div>

    </div>

  </header>