<?php //require_once($Position.'whatsapp-globe.php'); ?>

<header
  id="tg-header"
  class="tg-header tg-headervtwo tg-headerfixed tg-haslayout <?php if( $MenuMove == 2 ){ echo "BgHead1"; } ?>"
  style=""
>

  <div style="position: fixed;width: 30%;height: 81px;z-index: 2;background: #fff;top: 0px;left: 0px;"></div>


  <div class="container">
    <div class="row">
      <strong class="tg-logo">
        <a href="<?php echo $Url; ?>">
          <img
            class="Logo"
            style="
              /* max-height: 70px; */
              width: 230px !important;
              padding: 10px 0px;
            "
            src="<?php echo $Position; ?>images/logos/logo.png"
            alt="<?php echo $NombreSitio; ?>"
          >
          <img
            class="LogoScroll"
            style="
              width: 230px !important;
              padding: 10px 0px;
            "
            src="<?php echo $Position; ?>images/logos/logo.png"
            alt="<?php echo $NombreSitio; ?>"
          >
        </a>
      </strong>

      <strong class="tg-logo-movil">
        <a href="<?php echo $Url; ?>">
          <img
            class="Logo"
            style="
              width: 120px !important;
              margin-top: 0px;
              padding-top: 0px;
            "
            src="<?php echo $Position; ?>images/logos/logo.png"
            alt="<?php echo $NombreSitio; ?>"
          >
        </a>
      </strong>

      <div class="tg-navigationarea" style="padding: 0px !important;">
        <div class="tg-navigationholder container">
          <nav id="tg-nav" class="tg-nav">
            <div class="navbar-header Btn-TopMenu">
              <a href="#menu" class="navbar-toggle collapse-md collapsed" style="margin-top: 5px;margin-bottom: 5px;">
                <span class="sr-only">Toggle navigation</span>
                <!--<i class="fa fa-bars" style="font-size: 30px;color: #ed8019;"></i>--->

                <div style="height: 2px;background-color: #d71920;width: 30px;margin-bottom: 6px;margin-top: 6px;"></div>
                <div style="height: 2px;background-color: #d71920;width: 30px;margin-bottom: 6px;margin-top: 6px;"></div>
                <div style="height: 2px;background-color: #d71920;width: 30px;margin-bottom: 6px;margin-top: 6px;"></div>

                <!--<span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>-->
              </a>
            </div>

            <div
              id="tg-navigation"
              class="
                collapse-sm navbar-collapse tg-navigation
                navbar navbar-expand-lg
              "
              style="background: transparent !important;"
            >
              <ul>

                <!-- Home -->
                <li>
                  <a href="<?php echo $Position; ?>#inicio">
                    Inicio
                  </a>
                </li>
                <!-- End Home -->

                <!-- Productos -->
                <li>
                  <a href="<?php echo $Position; ?>#productos">
                    Productos
                  </a>
                </li>
                <!-- End Productos -->

                <!-- Sobre nosotros -->
                <li>
                  <a href="<?php echo $Position; ?>#nosotros">
                    Sobre nosotros
                  </a>
                </li>
                <!-- End Sobre nosotros -->

                <!-- Contacto -->
                <li>
                  <a href="<?php echo $Position; ?>#contacto">
                    Contacto
                  </a>
                </li>
                <!-- End Contacto -->

              </ul>

            </div>

            <?php if( $ShowMenuMobile ){ ?>
              <div
                id="tg-navigation"
                class="
                  collapse-sm navbar-collapse tg-navigation
                  navbar navbar-expand-lg
                "
                style="background: transparent !important;"
              >

                <!-- Btn Menu -->
                <button
                  class="btn btn-transparent Btn-TopMenu"
                >
                  <i class="fa fa-bars"></i>
                </button>
                <!-- End Btn Menu -->

              </div>
            <?php } ?>


          </nav>

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

<!-- Menu Full -->
<div class="MenuFull FlexCenter">

  <button
    type="button"
    class="btn btn-close-menu"
  >
    <i class="fa fa-times"></i>
  </button>

  <div class="FlexCenter" style="width:100%; height:100vh;">
    <div>
      <ul>

        <!-- Inicio -->
        <li>
          <a href="<?php echo $Position; ?>">
            <i class="fa fa-chevron-right"></i>
            Inicio
          </a>
        </li>
        <!-- End Inicio -->

        <!-- Productos -->
        <li>
          <a href="<?php echo $Position; ?>#productos">
            <i class="fa fa-chevron-right"></i>
            Productos
          </a>
        </li>
        <!-- End Productos -->

        <!-- Sobre nosotros -->
        <li>
          <a href="<?php echo $Position; ?>#nosotros">
            <i class="fa fa-chevron-right"></i>
            Sobre nosotros
          </a>
        </li>
        <!-- End Sobre nosotros -->

        <!-- Contacto -->
        <li>
          <a href="<?php echo $Position; ?>contacto">
            <i class="fa fa-chevron-right"></i>
            Contacto
          </a>
        </li>
        <!-- End Contacto -->

      </ul>
    </div>
  </div>
</div>
<!-- End Menu Full -->
