<!-- Btn Up -->
<button
  type="button"
  class="btn btn-Up"
>
  <i class="fa fa-chevron-up"></i>
</button>
<!-- End Btn Up -->

<!-- Footer -->
<footer id="tg-footer" class="tg-footer tg-haslayout">
  <div class="tg-fourcolumns">
    <div class="container">
      <div class="row">

        <!-- Columna -->
        <div class="col-xs-12 col-sm-4 show-from-md">
          <div class="tg-footercolumn tg-widget tg-widgettext">
            <div class="tg-widgetcontent">

              <div style="text-align:left;">
                <h4 style="width:100%;">
                  Navega
                </h4>
              </div>

              <ul>

                <!-- 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 -->

                <!-- Contacto -->
                <li>
                  <a href="<?php echo $Position; ?>">
                    Aviso de Privacidad
                  </a>
                </li>
                <!-- End Contacto -->

              </ul>
  					</div>
          </div>
        </div>
        <!-- End Columna -->

        <div class="col-xs-12 col-sm-1">
        </div>

        <!-- Columna -->
        <div class="col-xs-12 col-sm-3 show-from-md">
          <div class="tg-footercolumn tg-widget tg-widgettext">
            <div class="tg-widgetcontent text-left">

              <div style="text-align:left;">
                <h4 style="width:100%;">Contacto</h4>
              </div>

              <p>
                <a
                  href="mailto:<?php echo $Inf[Contenido]; ?>"
                  style="color:#fff;"
                >
                  <i class="fa fa-envelope m-r-5"></i>
                  contacto@proelement.com
                </a>
              </p>

              <p>
                <a
                  href="tel:<?php echo $Inf[Contenido]; ?>"
                  style="color:#fff;"
                >
                  <i class="fa fa-phone m-r-5"></i>
                  5524684952
                </a>
              </p>

            </div>
          </div>
        </div>
        <!-- End Columna -->

        <div class="col-xs-12 col-sm-1">
        </div>

        <!-- Columna -->
        <div class="col-xs-12 col-sm-3">
          <div class="tg-footercolumn tg-widget tg-widgettext MobileFooter">
            <div class="tg-widgetcontent">

              <div style="text-align:center;">
                <h4 style="width:100%;">Redes Sociales</h4>
              </div>

  						<div class="SocialFooter text-left">
                <div
                  class="FootSocial"
                  style="
                    text-align: center;
                  "
                >

                  <!-- linkedin -->
                  <a href="#" target="_blank"
                    style="
                      text-align: left;
                      display: inline-block;
                    "
                  >
                    <button
                      type="button"
                      class="btn btn-social"
                      style="
                        border-radius: 50%;
                        background-color: #c14200;
                        width: 3em;
                        height: 3em;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        "
                      >
                      <i class="fab fa-linkedin-in"></i>
                    </button>
                  </a>
                  <!-- End linkedin -->

                  <!-- Facebook -->
                  <a href="#" target="_blank"
                    style="
                      text-align: left;
                      display: inline-block;
                    "
                  >
                    <button
                      type="button"
                      class="btn btn-social"
                      style="
                        border-radius: 50%;
                        background-color: #c14200;
                        width: 3em;
                        height: 3em;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                      "
                    >
                      <i class="fab fa-facebook-f"></i>
                    </button>
                  </a>
                  <!-- End Facebook -->

                  <!-- Twitter -->
                  <a href="#" target="_blank"
                    style="
                      text-align: left;
                      display: inline-block;
                    "
                  >
                    <button
                      type="button"
                      class="btn btn-social"
                      style="
                        border-radius: 50%;
                        background-color: #c14200;
                        width: 3em;
                        height: 3em;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                      "
                    >
                      <i class="fab fa-twitter"></i>
                    </button>
                  </a>
                  <!-- End Twitter -->

                </div>
              </div>

  					</div>
          </div>
        </div>
        <!-- End Columna -->


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

  <div
    style="
      width:100%;
      height: 2em;
      background-color: #c14200;
      display: table;
    "
  >
    <div
      class="container FlexCenter"
      style="
        margin-top: 1em;
        margin-bottom: 1em;
      "
    >
      <div
        class="row"
        style="
          width: 100%;
        "
      >
        <div class="col-sm-12 text-center">
          <p
            style="margin:0px;"
          >
            Derechos reservados &reg; Proelement
          </p>
        </div>
      </div>
    </div>
  </div>

</footer>
<!-- End Footer -->
