{CODE_MIDDLE}

<div class="overlay"></div>

<header class="header">
    <div class="container">
        <a href="{BASE_URL}" class="logo">
            <img src="{BASE_URL_IMG}/svg/logo.svg" alt="{PROJECT_NAME}">
        </a>
        <nav class="menu">
            <div class="btn-close"><i class="icon-arrow"></i></div>
            <ul class="menu-list">
                <li><a href="{BASE_URL}/institucional" title="Institucional">Institucional</a></li>
                <!-- BEGIN HAS_PRODUCT_CATEGORY -->
                <li class="sub">
                    <a title="Produtos">Produtos <i class="icon-down-dir"></i></a>
                    <ul>
                        <!-- BEGIN MENU_PRODUCT_CATEGORY -->
                        <li class="sub-double">
                            <a title="{OBJ_MENU_PRODUCT_CATEGORY->NAME|formatCharacters}">{OBJ_MENU_PRODUCT_CATEGORY->NAME|formatCharacters} <i class="icon-down-dir"></i></a>
                            <ul>
                                <!-- BEGIN MENU_PRODUCT_WITH_CATEGORY -->
                                <li><a href="{BASE_URL}/produtos/{OBJ_MENU_PRODUCT_WITH_CATEGORY->SLUG}" title="{OBJ_MENU_PRODUCT_WITH_CATEGORY->NAME|formatCharacters}">{OBJ_MENU_PRODUCT_WITH_CATEGORY->NAME|formatCharacters}</a></li>
                                <!-- END MENU_PRODUCT_WITH_CATEGORY -->
                            </ul>
                        </li>
                        <!-- END MENU_PRODUCT_CATEGORY -->
                    </ul>
                </li>
                <!-- END HAS_PRODUCT_CATEGORY -->
                <!-- BEGIN HAS_MENU_SERVICE -->
                <li class="sub">
                    <a title="Contato">Serviços <i class="icon-down-dir"></i></a>
                    <ul>
                        <!-- BEGIN MENU_SERVICE -->
                        <li>
                            <a href="{BASE_URL}/servicos/{OBJ_MENU_SERVICE->SLUG}" title="{OBJ_MENU_SERVICE->NAME|formatCharacters}">{OBJ_MENU_SERVICE->NAME|formatCharacters}</a>
                        </li>
                        <!-- END MENU_SERVICE -->
                    </ul>
                </li>
                <!-- END HAS_MENU_SERVICE -->
                <li><a href="{BASE_URL}/clientes" title="Clientes">Clientes</a></li>
                <li><a href="{BASE_URL}/blog" title="Blog">Blog</a></li>
                <li class="sub">
                    <a title="Contato">Contato <i class="icon-down-dir"></i></a>
                    <ul>
                        <li>
                            <a href="{BASE_URL}/contato" title="Fale conosco">Fale conosco</a>
                        </li>
                        <li>
                            <a href="{BASE_URL}/ordem-de-servico" title="Ordem de serviço">Ordem de serviço</a>
                        </li>
                    </ul>
                </li>
            </ul>
            <div class="contact-info">
                <i class="icon-square icon-phone"></i>
                <a href="tel:{COMPANY_PHONE_FORMATTED}">{OBJ_COMPANY_VARIABLE->PHONE|formatCharacters}</a>
            </div>
        </nav>
        <div class="contact-info">
            <i class="icon-square icon-phone"></i>
            <a href="tel:{COMPANY_PHONE_FORMATTED}">{OBJ_COMPANY_VARIABLE->PHONE|formatCharacters}</a>
            <div class="btn-open">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
</header>