{{#if banners.top}}
    <div class="banners market" data-banner-location="top">
        <div class="banner">
            {{{limit banners.top 1}}}
        </div>
    </div>
{{/if}}

<header class="amp-header  header">
        <a href="#" class="mobileMenu-toggle" data-mobile-menu-toggle="menu">
                <span class="mobileMenu-toggleIcon">Toggle menu</span>
            </a>

 <div class="onediv">
    <div class="twodiv_1">
            {{#if settings.store_logo.image}}
            <a href="{{urls.home}}" class="header-logo__link">
            <img class="header-logo-image" src="{{getImage settings.store_logo.image 'logo_size'}}" alt="{{settings.store_logo.title}}" title="{{settings.store_logo.title}}">
           </a>
        {{/if}}
    </div>
    <div class="twodiv_2">
        <input id="searchinput"  placeholder="Search Products" onkeydown="if(event.keyCode==13) {divonclick()}">
        <span style="cursor: pointer;"onclick="divonclick()" class="search-icon" ></span>
    </input>

    </div>
    <div class="twodiv_3">
            <a id="compare-a" href="/compare">
                <!-- <span style="cursor: pointer;" class="iconfont iconcompare"></span> -->
                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;cursor: pointer;" width="30" height="50"   xml:space="preserve">
                                <g><g><g>
			<polygon points="179.456,307.2 0,307.2 0,358.4 179.456,358.4 179.456,435.2 281.6,332.8 179.456,230.4 "/>
			<polygon points="332.544,153.6 332.544,76.8 230.4,179.2 332.544,281.6 332.544,204.8 512,204.8 512,153.6 "/></g></g>
</g></svg>
                <span style="cursor: pointer;" class="comparespan  countPill">0</span></a>
            <a href="{{urls.account.index}}" class="account-icon">
                <!-- <span></span> -->
                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="30" height="48" viewBox="0 0 510 510" style="enable-background:new 0 0 510 510;" xml:space="preserve">
<g>
	<g id="account-circle">
		<path d="M255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255S395.25,0,255,0z M255,76.5
			c43.35,0,76.5,33.15,76.5,76.5s-33.15,76.5-76.5,76.5c-43.35,0-76.5-33.15-76.5-76.5S211.65,76.5,255,76.5z M255,438.6
			c-63.75,0-119.85-33.149-153-81.6c0-51,102-79.05,153-79.05S408,306,408,357C374.85,405.45,318.75,438.6,255,438.6z"/>
	</g>
</g>
</svg>
            </a>
            <a  class="cart-icon">
                <!-- <span id="moxacart"></span> -->
                <svg  id="moxacart" width="30" height="48"  viewBox="0 -31 512.00033 512"  xmlns="http://www.w3.org/2000/svg"><path d="m166 300.003906h271.003906c6.710938 0 12.597656-4.4375 14.414063-10.882812l60.003906-210.003906c1.289063-4.527344.40625-9.390626-2.433594-13.152344-2.84375-3.75-7.265625-5.964844-11.984375-5.964844h-365.632812l-10.722656-48.25c-1.523438-6.871094-7.617188-11.75-14.648438-11.75h-91c-8.289062 0-15 6.710938-15 15 0 8.292969 6.710938 15 15 15h78.960938l54.167968 243.75c-15.9375 6.929688-27.128906 22.792969-27.128906 41.253906 0 24.8125 20.1875 45 45 45h271.003906c8.292969 0 15-6.707031 15-15 0-8.289062-6.707031-15-15-15h-271.003906c-8.261719 0-15-6.722656-15-15s6.738281-15 15-15zm0 0"/><path d="m151 405.003906c0 24.816406 20.1875 45 45.003906 45 24.8125 0 45-20.183594 45-45 0-24.8125-20.1875-45-45-45-24.816406 0-45.003906 20.1875-45.003906 45zm0 0"/><path d="m362.003906 405.003906c0 24.816406 20.1875 45 45 45 24.816406 0 45-20.183594 45-45 0-24.8125-20.183594-45-45-45-24.8125 0-45 20.1875-45 45zm0 0"/></svg>
                <span style="cursor: pointer;" class="quan  countPill cart-quantity"></span>
            </a>
    </div>
</div>
<div class="dropdown-menu" id="cart-preview-dropdown" data-dropdown-content aria-hidden="true"></div>
<div style="background-color: #414042;height: 40px;">
        <div class="twodiv_2_1">

         <div id="demo" class="box demo1">
			<ul class="tab_menu">
                {{#each pages}}
                {{#contains name  "_"  }}
                {{#if  name '===' '_Products'}}
                <li> <a  href="{{#filter ../categories  'products'  property='name'}}{{url}}{{/filter}}" style="color: white;padding: 8px;text-transform: capitalize;" class="navPages-action{{#if name '==' ../page.title}} activePage{{/if}}"
                    aria-label="{{name}}">
                 {{#replace '_'   name}}{{/replace}}
                 </a></li>
                 {{else}}
                 <li> <a style="color: white;padding: 8px;text-transform: capitalize;" class="navPages-action{{#if name '==' ../page.title}} activePage{{/if}}"
                    aria-label="{{name}}">
                 {{#replace '_'   name}}{{/replace}}
                 </a></li>
                {{/if}}
             {{/contains}}
            {{/each}}
			</ul>
            <div class="tab_box" headernew>

                <div class="hide productdiv tabdiv products-item" >
                    {{> components/common/header/product  }}
                </div>

                <div class="hide productdiv tabdiv solutions-item" >
                    {{> components/common/header/solutions  }}
                </div>

                <div class="hide productdiv tabdiv" >
                    {{> components/common/header/about  }}
                </div>

                <div class="hide productdiv tabdiv" >
                    {{> components/common/header/contact  }}
                </div>
                <div class="hide productdiv tabdiv" >
                    {{> components/common/header/support  }}
                </div>
            </div>
        </div>

    </div>
</div>
</header>

<!-- <script src="{{cdn 'assets/js/theme/global/jquery-1.4.2.min.js'}}"></script> -->

<script src="{{cdn 'assets/js/theme/global/jquery.tabs.js'}}"></script>

<script src="{{cdn 'assets/js/theme/global/jquery.lazyload.js'}}"></script>
<script>
        function divonclick(){
         window.location.href="/search.php?search_query="+$("#searchinput").val();
        }
        $(function(){
          $('.demo1').Tabs();
          var xx = new test_out("demo");
        });
// function divout(e){
//     var liarr=$(".tab_menu").children();
//     var divarr=$(".tab_box").children();
//     for(var i=0;i<liarr.length;i++){
//         $(liarr[i]).removeClass("current");
//     }
//     // for(var i=0;i<divarr.length;i++){
//     //     $(divarr[i]).addClass("hide");
//     // }
//     $(e).addClass("hide");
// }
// function test_out(id){
//     var _this = this, obj = document.getElementById(id);
//     this.in_dom = function(m,n){
//         if (m==n) return true;
//         else if (!m.parentNode) return false;
//         else if (m.parentNode==n) return true;
//         else return _this.in_dom(m.parentNode,n);
//     };
//     obj.onmouseout = function(event){
//         var e = arguments[0]||window.event;
//         var x = e.relatedTarget||e.toElement; // 鼠标滑出的目标元素
//         if (!_this.in_dom(x,obj)){
//                 var liarr=$(".tab_menu").children();
//     var divarr=$(".tab_box").children();
//     for(var i=0;i<liarr.length;i++){
//         $(liarr[i]).removeClass("current");
//     }
//     for(var i=0;i<divarr.length;i++){
//         $(divarr[i]).addClass("hide");
//     }
//         }
//     }
// }
     </script>