<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <title><?php echo $__env->yieldContent('title'); ?></title>

  <meta name="keywords" content="<?php echo $__env->yieldContent('keywords'); ?>"/>

  <meta name="description" content="<?php echo $__env->yieldContent('description'); ?>"/>

  <meta property="og:url" content="<?php echo $__env->yieldContent('url'); ?>" />

  <meta property="og:title" content="<?php echo $__env->yieldContent('title'); ?>" />

  <meta property="og:type" content="website" />

  <meta property="fb:app_id" content="" />

  <meta property="og:description" content="<?php echo $__env->yieldContent('description'); ?>" />

  <meta property="og:image" content="<?php echo $__env->yieldContent('image'); ?>" />

  <meta property="og:site_name" content="<?php echo $__env->yieldContent('title'); ?>" />

  <meta name="robots" content="index, follow">

  <link rel="canonical" href="<?php echo $__env->yieldContent('url'); ?>">

  <link rel="icon" href="<?php echo e(url($site_option->favicon)); ?>">

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

  <!--*************************---->

  <base href="<?php echo e(url()); ?>/">

  <!-- <script src="<?php echo e(url('public/jquery/jquery-3.2.1.min.js')); ?>" type="text/javascript" charset="utf-8"></script> -->

    <!-- Style css -->  

<link rel='stylesheet' id='pt-cv-public-style-css'  href='assets/plugins/content-views-query-and-display-post-page/public/assets/css/cv63a4.css?ver=1.9.9.6' type='text/css' media='all' />

<link rel='stylesheet' id='sow-image-default-bd5cd9da0588-css'  href='assets/uploads/siteorigin-widgets/sow-image-default-bd5cd9da0588d87f.css?ver=4.9.9' type='text/css' media='all' />

<link rel='stylesheet' id='wpsm-comptable-styles-css'  href='assets/plugins/table-maker/css/style3109.css?ver=1.9.1' type='text/css' media='all' />

<link rel='stylesheet' id='woocommerce-layout-css'  href='assets/plugins/woocommerce/assets/css/woocommerce-layout7984.css?ver=3.3.4' type='text/css' media='all' />

<link rel='stylesheet' id='woocommerce-smallscreen-css'  href='assets/plugins/woocommerce/assets/css/woocommerce-smallscreen7984.css?ver=3.3.4' type='text/css' media='only screen and (max-width: 768px)' />

<link rel='stylesheet' id='woocommerce-general-css'  href='assets/plugins/woocommerce/assets/css/woocommerce7984.css?ver=3.3.4' type='text/css' media='all' />

<link rel='stylesheet' id='bootstrap-css'  href='assets/themes/hrm/css/bootstrap.mind87f.css?ver=4.9.9' type='text/css' media='all' />

<link rel='stylesheet' id='fontawesome-css'  href='assets/themes/hrm/css/font-awesome.mind87f.css?ver=4.9.9' type='text/css' media='all' />

<link rel='stylesheet' id='hrm-style-css'  href='assets/themes/hrm/styled87f.css?ver=4.9.9' type='text/css' media='all' />

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

<!-- <script type='text/javascript' src='assets/js/jquery/jquery-migrate.min330a.js?ver=1.4.1'></script> -->

<link rel="stylesheet" href="assets/plugins/wordpress-23-related-posts-plugin/static/themes/verticald4d3.css?version=3.6.4" />

<style type="text/css">

.related_post_title {

  color: #fff!important;

  font-size: 16px;

  height: 38px;

  padding: 9px 9px 7px;

  margin-bottom: 10px;

  background: #fcb040;

  border-bottom: 3px solid #ddd;

  line-height: 1.9em!important;

  z-index: 9999;

}

ul.related_post {

}

ul.related_post li {

}

ul.related_post li a {

}

ul.related_post li img {

}

</style>

<style type='text/css' id='hrm-dynamic-css'></style>

<noscript>

<style>

.woocommerce-product-gallery {

  opacity: 1 !important;

}

</style>

</noscript>

<style type="text/css" title="dynamic-css" class="options-output">

.top-header, .top-header a {

  color: #ffffff;

}

.menu-responsive ul li a {

  color: #ffffff;

}

.menu-responsive ul li {

  border-top: px solid inherit;

  border-bottom: px solid inherit;

  border-left: px solid inherit;

  border-right: px solid inherit;

}

</style>

</head>

<body class="home archive archive tax-product_catwoocommerce woocommerce-page hfeed  page-template page-template-template-home page-template-template-home-php page group-blog">

  <?php echo $__env->make('frontend.header.header', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

  <?php echo $__env->yieldContent('content'); ?>

  <?php echo $__env->make('frontend.footer.footer', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

  <?php echo $site_option->remarketing; ?>



</body>

<!--End of Tawk.to Script (0.3.3)-->

<style type="text/css" media="all" id="siteorigin-panels-layouts-footer">

/* Layout w5c32ce0ab302a */ #pgc-w5c32ce0ab302a-0-0 , #pgc-w5c32ce0ab302a-0-1 { width:50%;width:calc(50% - ( 0.5 * 30px ) ) } #pg-w5c32ce0ab302a-0 , #pg-w5c32ce0ab302a-1 , #pl-w5c32ce0ab302a .so-panel { margin-bottom:30px } #pgc-w5c32ce0ab302a-1-0 , #pgc-w5c32ce0ab302a-1-1 , #pgc-w5c32ce0ab302a-1-2 , #pgc-w5c32ce0ab302a-1-3 , #pgc-w5c32ce0ab302a-2-0 , #pgc-w5c32ce0ab302a-2-1 , #pgc-w5c32ce0ab302a-2-2 , #pgc-w5c32ce0ab302a-2-3 { width:25%;width:calc(25% - ( 0.75 * 30px ) ) } #pl-w5c32ce0ab302a .so-panel:last-child { margin-bottom:0px } #pg-w5c32ce0ab302a-0> .panel-row-style { border:1px solid #ffffff } #pg-w5c32ce0ab302a-0.panel-no-style, #pg-w5c32ce0ab302a-0.panel-has-style > .panel-row-style , #pg-w5c32ce0ab302a-1.panel-no-style, #pg-w5c32ce0ab302a-1.panel-has-style > .panel-row-style , #pg-w5c32ce0ab302a-2.panel-no-style, #pg-w5c32ce0ab302a-2.panel-has-style > .panel-row-style { -webkit-align-items:flex-start;align-items:flex-start } #panel-w5c32ce0ab302a-0-0-0> .panel-widget-style , #panel-w5c32ce0ab302a-0-1-0> .panel-widget-style { border:1px solid #080e35 } @media (max-width:780px){ #pg-w5c32ce0ab302a-0.panel-no-style, #pg-w5c32ce0ab302a-0.panel-has-style > .panel-row-style , #pg-w5c32ce0ab302a-1.panel-no-style, #pg-w5c32ce0ab302a-1.panel-has-style > .panel-row-style , #pg-w5c32ce0ab302a-2.panel-no-style, #pg-w5c32ce0ab302a-2.panel-has-style > .panel-row-style { -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } #pg-w5c32ce0ab302a-0 .panel-grid-cell , #pg-w5c32ce0ab302a-1 .panel-grid-cell , #pg-w5c32ce0ab302a-2 .panel-grid-cell { margin-right:0 } #pg-w5c32ce0ab302a-0 .panel-grid-cell , #pg-w5c32ce0ab302a-1 .panel-grid-cell , #pg-w5c32ce0ab302a-2 .panel-grid-cell { width:100% } #pgc-w5c32ce0ab302a-0-0 , #pgc-w5c32ce0ab302a-1-0 , #pgc-w5c32ce0ab302a-1-1 , #pgc-w5c32ce0ab302a-1-2 , #pgc-w5c32ce0ab302a-2-0 , #pgc-w5c32ce0ab302a-2-1 , #pgc-w5c32ce0ab302a-2-2 { margin-bottom:30px } #pl-w5c32ce0ab302a .panel-grid-cell { padding:0 } #pl-w5c32ce0ab302a .panel-grid .panel-grid-cell-empty { display:none } #pl-w5c32ce0ab302a .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px }  } /* Layout w5c35c59fcccaa */ #pgc-w5c35c59fcccaa-0-0 , #pgc-w5c35c59fcccaa-0-1 { width:50%;width:calc(50% - ( 0.5 * 30px ) ) } #pg-w5c35c59fcccaa-0 , #pg-w5c35c59fcccaa-1 , #pg-w5c35c59fcccaa-2 , #pg-w5c35c59fcccaa-3 , #pg-w5c35c59fcccaa-4 , #pl-w5c35c59fcccaa .so-panel { margin-bottom:30px } #pgc-w5c35c59fcccaa-1-0 , #pgc-w5c35c59fcccaa-3-0 , #pgc-w5c35c59fcccaa-5-0 { width:100%;width:calc(100% - ( 0 * 30px ) ) } #pgc-w5c35c59fcccaa-2-0 , #pgc-w5c35c59fcccaa-2-1 , #pgc-w5c35c59fcccaa-2-2 { width:33.3333%;width:calc(33.3333% - ( 0.66666666666667 * 30px ) ) } #pgc-w5c35c59fcccaa-4-0 , #pgc-w5c35c59fcccaa-4-1 , #pgc-w5c35c59fcccaa-4-2 , #pgc-w5c35c59fcccaa-4-3 { width:25%;width:calc(25% - ( 0.75 * 30px ) ) } #pl-w5c35c59fcccaa .so-panel:last-child { margin-bottom:0px } #pg-w5c35c59fcccaa-0.panel-no-style, #pg-w5c35c59fcccaa-0.panel-has-style > .panel-row-style , #pg-w5c35c59fcccaa-1.panel-no-style, #pg-w5c35c59fcccaa-1.panel-has-style > .panel-row-style , #pg-w5c35c59fcccaa-2.panel-no-style, #pg-w5c35c59fcccaa-2.panel-has-style > .panel-row-style , #pg-w5c35c59fcccaa-3.panel-no-style, #pg-w5c35c59fcccaa-3.panel-has-style > .panel-row-style , #pg-w5c35c59fcccaa-4.panel-no-style, #pg-w5c35c59fcccaa-4.panel-has-style > .panel-row-style , #pg-w5c35c59fcccaa-5.panel-no-style, #pg-w5c35c59fcccaa-5.panel-has-style > .panel-row-style { -webkit-align-items:flex-start;align-items:flex-start } #panel-w5c35c59fcccaa-2-0-0> .panel-widget-style , #panel-w5c35c59fcccaa-2-1-0> .panel-widget-style , #panel-w5c35c59fcccaa-2-2-0> .panel-widget-style { border:1px solid #071430 } #pg-w5c35c59fcccaa-3> .panel-row-style { padding:10px 10px 10px 10px } #panel-w5c35c59fcccaa-4-0-1> .panel-widget-style , #panel-w5c35c59fcccaa-4-0-3> .panel-widget-style , #panel-w5c35c59fcccaa-4-1-1> .panel-widget-style , #panel-w5c35c59fcccaa-4-1-3> .panel-widget-style , #panel-w5c35c59fcccaa-4-2-1> .panel-widget-style , #panel-w5c35c59fcccaa-4-2-3> .panel-widget-style , #panel-w5c35c59fcccaa-4-3-1> .panel-widget-style , #panel-w5c35c59fcccaa-4-3-3> .panel-widget-style { background-color:#ffffff } @media (max-width:780px){ #pg-w5c35c59fcccaa-0.panel-no-style, #pg-w5c35c59fcccaa-0.panel-has-style > .panel-row-style , #pg-w5c35c59fcccaa-1.panel-no-style, #pg-w5c35c59fcccaa-1.panel-has-style > .panel-row-style , #pg-w5c35c59fcccaa-2.panel-no-style, #pg-w5c35c59fcccaa-2.panel-has-style > .panel-row-style , #pg-w5c35c59fcccaa-3.panel-no-style, #pg-w5c35c59fcccaa-3.panel-has-style > .panel-row-style , #pg-w5c35c59fcccaa-4.panel-no-style, #pg-w5c35c59fcccaa-4.panel-has-style > .panel-row-style , #pg-w5c35c59fcccaa-5.panel-no-style, #pg-w5c35c59fcccaa-5.panel-has-style > .panel-row-style { -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } #pg-w5c35c59fcccaa-0 .panel-grid-cell , #pg-w5c35c59fcccaa-1 .panel-grid-cell , #pg-w5c35c59fcccaa-2 .panel-grid-cell , #pg-w5c35c59fcccaa-3 .panel-grid-cell , #pg-w5c35c59fcccaa-4 .panel-grid-cell , #pg-w5c35c59fcccaa-5 .panel-grid-cell { margin-right:0 } #pg-w5c35c59fcccaa-0 .panel-grid-cell , #pg-w5c35c59fcccaa-1 .panel-grid-cell , #pg-w5c35c59fcccaa-2 .panel-grid-cell , #pg-w5c35c59fcccaa-3 .panel-grid-cell , #pg-w5c35c59fcccaa-4 .panel-grid-cell , #pg-w5c35c59fcccaa-5 .panel-grid-cell { width:100% } #pgc-w5c35c59fcccaa-0-0 , #pgc-w5c35c59fcccaa-2-0 , #pgc-w5c35c59fcccaa-2-1 , #pgc-w5c35c59fcccaa-4-0 , #pgc-w5c35c59fcccaa-4-1 , #pgc-w5c35c59fcccaa-4-2 { margin-bottom:30px } #pl-w5c35c59fcccaa .panel-grid-cell { padding:0 } #pl-w5c35c59fcccaa .panel-grid .panel-grid-cell-empty { display:none } #pl-w5c35c59fcccaa .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px }  } 

</style>

<link rel='stylesheet' id='sow-headline-default-9ed35669795e-css'  href='assets/uploads/siteorigin-widgets/sow-headline-default-9ed35669795ed87f.css?ver=4.9.9' type='text/css' media='all' />

<link rel='stylesheet' id='sow-headline-default-267eece8396c-css'  href='assets/uploads/siteorigin-widgets/sow-headline-default-267eece8396cd87f.css?ver=4.9.9' type='text/css' media='all' />

<link rel='stylesheet' id='siteorigin-panels-front-css'  href='assets/plugins/siteorigin-panels/css/front-flex.min6fca.css?ver=2.6.3' type='text/css' media='all' />

<link rel='stylesheet' id='sow-headline-default-43c0a1a66140-css'  href='assets/uploads/siteorigin-widgets/sow-headline-default-43c0a1a66140d87f.css?ver=4.9.9' type='text/css' media='all' />

<link rel='stylesheet' id='testimonial_default-css'  href='assets/plugins/testimonial-slider/css/skins/default/style54f4.css?ver=1.2.5' type='text/css' media='all' />

<link rel='stylesheet' id='dashicons-css'  href='assets/css/dashicons.mind87f.css?ver=4.9.9' type='text/css' media='all' />

<link rel='stylesheet' id='lv_css-css'  href='assets/plugins/quick-call-button/assets/css/quick-call-buttonf488.css?ver=1.1.0' type='text/css' media='all' />



<!-- <script type='text/javascript' src='assets/plugins/content-views-query-and-display-post-page/public/assets/js/cv63a4.js?ver=1.9.9.6'></script>  -->



<script type='text/javascript' src='assets/plugins/woocommerce/assets/js/frontend/add-to-cart.min7984.js?ver=3.3.4'></script> 

<script type='text/javascript' src='assets/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min44fd.js?ver=2.70'></script> 

<script type='text/javascript' src='assets/plugins/woocommerce/assets/js/js-cookie/js.cookie.min6b25.js?ver=2.1.4'></script> 



<script type='text/javascript' src='assets/plugins/woocommerce/assets/js/frontend/woocommerce.min7984.js?ver=3.3.4'></script> 

  <script src='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.0.0-beta.3/owl.carousel.min.js'></script>

<script type='text/javascript' src='assets/plugins/woocommerce/assets/js/frontend/cart-fragments.min7984.js?ver=3.3.4'></script> 

<script type='text/javascript' src='assets/themes/hrm/js/navigation.min4a7d.js?ver=20151215'></script> 

<script type='text/javascript' src='assets/themes/hrm/js/bootstrap.mind87f.js?ver=4.9.9'></script> 

<!-- <script type='text/javascript' src='assets/themes/hrm/js/owl.carousel.2.min53cf.js?ver=2.1'></script>  -->

<script type='text/javascript' src='assets/themes/hrm/js/theia-sticky-sidebar.min53cf.js?ver=2.1'></script> 

<script type='text/javascript' src='assets/themes/hrm/js/hrm-customd87f.js?ver=4.9.9'></script> 

<script type='text/javascript' src='assets/js/wp-embed.mind87f.js?ver=4.9.9'></script> 

<script type='text/javascript' src='assets/plugins/testimonial-slider/js/testimonial54f4.js?ver=1.2.5'></script> 

<script type='text/javascript' src='assets/plugins/testimonial-slider/js/jquery.easing54f4.js?ver=1.2.5'></script> 

<script type='text/javascript' src='assets/plugins/testimonial-slider/js/jquery.touchwipe54f4.js?ver=1.2.5'></script> 

<script type='text/javascript' src='assets/plugins/quick-call-button/assets/js/drag-quick-call-buttonf488.js?ver=1.1.0'></script>

 <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.0.0-beta.3/assets/owl.carousel.min.css'>



<script type="text/javascript">

    jQuery(document).ready(function($) {

      var sync1 = $("#sync1");

      var sync2 = $("#sync2");

  var slidesPerPage = 5; //globaly define number of elements per page

  var syncedSecondary = true;

  sync1.owlCarousel({

    items : 1,

    slideSpeed : 2000,

    nav: true,

    autoplay: true,

    dots: false,

    loop: true,

    responsiveRefreshRate : 200,

    navText: ['<svg width="100%" height="100%" viewBox="0 0 11 20"><path style="fill:none;stroke-width: 1px;stroke: #000;" d="M9.554,1.001l-8.607,8.607l8.607,8.606"/></svg>','<svg width="100%" height="100%" viewBox="0 0 11 20" version="1.1"><path style="fill:none;stroke-width: 1px;stroke: #000;" d="M1.054,18.214l8.606,-8.606l-8.606,-8.607"/></svg>'],

  }).on('changed.owl.carousel', syncPosition);

  sync2

  .on('initialized.owl.carousel', function () {

    sync2.find(".owl-item").eq(0).addClass("current");

  })

  .owlCarousel({

    items : slidesPerPage,

    dots: false,

    nav: true,

    smartSpeed: 200,

    slideSpeed : 500,

    slideBy: slidesPerPage, //alternatively you can slide by 1, this way the active slide will stick to the first item in the second carousel

    responsiveRefreshRate : 100,

  navText: ['<svg width="100%" height="100%" viewBox="0 0 11 20"><path style="fill:none;stroke-width: 1px;stroke: #000;" d="M9.554,1.001l-8.607,8.607l8.607,8.606"/></svg>','<svg width="100%" height="100%" viewBox="0 0 11 20" version="1.1"><path style="fill:none;stroke-width: 1px;stroke: #000;" d="M1.054,18.214l8.606,-8.606l-8.606,-8.607"/></svg>'],

  }).on('changed.owl.carousel', syncPosition2);

  function syncPosition(el) {

    //if you set loop to false, you have to restore this next line

    //var current = el.item.index;

    

    //if you disable loop you have to comment this block

    var count = el.item.count-1;

    var current = Math.round(el.item.index - (el.item.count/2) - .5);

    

    if(current < 0) {

      current = count;

    }

    if(current > count) {

      current = 0;

    }

    

    //end block

    sync2

    .find(".owl-item")

    .removeClass("current")

    .eq(current)

    .addClass("current");

    var onscreen = sync2.find('.owl-item.active').length - 1;

    var start = sync2.find('.owl-item.active').first().index();

    var end = sync2.find('.owl-item.active').last().index();

    

    if (current > end) {

      sync2.data('owl.carousel').to(current, 100, true);

    }

    if (current < start) {

      sync2.data('owl.carousel').to(current - onscreen, 100, true);

    }

  }

  

  function syncPosition2(el) {

    if(syncedSecondary) {

      var number = el.item.index;

      sync1.data('owl.carousel').to(number, 100, true);

    }

  }

  

  sync2.on("click", ".owl-item", function(e){

    e.preventDefault();

    var number = $(this).index();

    sync1.data('owl.carousel').to(number, 300, true);

  });

});

</script>

<style type="text/css">

.gallery_project {

  margin-bottom: 30px;

}

#sync1 .item {

  text-align: center;

}

#sync2 .item {

  margin: 5px;

  color: #FFF;

  border-radius: 3px;

  text-align: center;

  cursor: pointer;

}

#sync2 .item h1 {

  font-size: 18px;

}

#sync2 .current .item {

  background: #0c83e7;

}

.owl-theme .owl-nav {

/*default owl-theme theme reset .disabled:hover links */

}

.owl-theme .owl-nav [class*='owl-'] {

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}

.owl-theme .owl-nav [class*='owl-'].disabled:hover {

  background-color: #D6D6D6;

}

#sync1.owl-theme {

  position: relative;

}

#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev, #sync2.owl-theme .owl-next, #sync2.owl-theme .owl-prev {

  width: 22px;

  height: 40px;

  margin-top: -20px;

  position: absolute;

  top: 50%;

}

#sync1.owl-theme .owl-prev, #sync2.owl-theme .owl-prev {

  left: 10px;

}

#sync1.owl-theme .owl-next, #sync2.owl-theme .owl-next {

  right: 10px;

}

</style>



<!--************START*************---->

<?php echo $__env->make('errors.note', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<!--*************************---->



<!--*************************---->

<script type="text/javascript">

  var domain = "<?php echo e(url()); ?>/";

</script>

<!--*************************---->

<?php if($site_option->actioncall==1): ?>

<!--****STARTACTION CALL*****---->

<div class="hotline">

    <div id="phonering-alo-phoneIcon" class="phonering-alo-phone phonering-alo-green phonering-alo-show">

        <div class="phonering-alo-ph-circle"></div>

        <div class="phonering-alo-ph-circle-fill"></div>

        <div class="phonering-alo-ph-img-circle">

            <a class="pps-btn-img " href="tel:<?php echo e($site_option->numbercall); ?>"> <img src="https://wonderads.vn/themes/default/images/v8TniL3.png" alt="Liên hệ" width="50" class="img-responsive"/> </a>

        </div>

    </div>

</div>

<!--*****END ACTION CALL*****---->

<?php endif; ?>

<!--*************************---->

<script src="<?php echo e(url('assets/ajax/main.js')); ?>" type="text/javascript" charset="utf-8"></script>

<link rel="stylesheet" type="text/css" href="<?php echo e(url('assets/ajax/main.css')); ?>">



<div id="toast-container" class="toast-top-right"></div>

<!--***********END**************---->

</html>