<?php
  $Pagina			= '1';
  $LangSel		= 'es';
  $IdiomaSel	= '1';
  $Position		= '';
  $MenuMove		= '1';
  require_once($Position.'config/config.php');
  require_once($Position.'config/conexion.php');
  require_once($Position.'config/configsite.php');
?>
<!doctype html>
<html class="no-js" lang="">
  <?php require_once($Position.'head.php'); ?>
  <style>


  </style>
  <body>
    <div
      id="tg-wrapper" class="tg-wrapper tg-haslayout"
      style="
        background-color: #000;
      "
    >

      <!-- Loader Start -->
    	<div class="loader">
    		<div class="span">
    			<div class="location_indicator"></div>
    		</div>
    	</div>
    	<!-- Loader End -->

      <?php require_once($Position.'header.php'); ?>

      <!-- Slider -->
      <section
        class="TopPad1"
      >
        <!--<img src="images/btn-scroll.png" style="width: 70px;position: absolute;bottom: -35px;z-index: 2;left: 0;right: 0;margin: 0 auto;">-->
        <div
          id="tg-slide1" class="tg-homeslider tg-homeslidervtwo owl-carousel tg-haslayout">
          <?php
            // mysqli_data_seek($Banners, 0);
            // while($Ban = mysqli_fetch_array($Banners)) {
          ?>

            <!-- Slide -->
            <figure
              class="item AltoScreen BgPosRight-Xs"
              style="
                background-size:cover;
                background-position:center;
                background-image:url('<?php $Position; ?>images/slider/1.jpg');
              "
            >
              <figcaption
                style="
                  height:100%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                "
              >
                <div
                  style="width:100%;"
                  class="container"
                >
                  <div class="row">
                    <div
                      class="
                        col-sm-6
                      "
                    >
                      <div class="tg-slidercontent text-center">

                        <h2
                          style="
                            text-align:center !important;
                            font-family:'Roboto' !important;
                            font-size:2em !important;
                            line-height:1.25em !important;
                            color:#ffffff !important;
                            font-weight: lighter;
                            text-align: left !important;
                          "
                          class="HideXs"
                        >
                          <span style="font-weight: bold;">
                            <small>Hacemos posible la</small><br>
                            Mejor Atención Médica
                          </span>
                        </h2>

                        <p
                          style="
                            text-align: left;
                          "
                        >
                          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et felis diam. Curabitur id pulvinar odio. Nulla elementum arcu id metus ornare, id sagittis nisi commodo.
                        </p>

                      </div>
                    </div>
                  </div>
                </div>
              </figcaption>
            </figure>
            <!-- End Slide -->

            <!-- Slide -->
            <figure
              class="item AltoScreen BgPosRight-Xs"
              style="
                background-size:cover;
                background-position:center;
                background-image:url('<?php $Position; ?>images/slider/2.jpg');
              "
            >
              <figcaption
                style="
                  height:100%;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                "
              >
              <div
                style="width:100%;"
                class="container"
              >
                <div class="row">
                  <div
                    class="
                      col-sm-6
                    "
                  >
                    <div class="tg-slidercontent text-center">

                      <h2
                        style="
                          text-align:center !important;
                          font-family:'Roboto' !important;
                          font-size:2em !important;
                          line-height:1.25em !important;
                          color:#ffffff !important;
                          font-weight: lighter;
                          text-align: left !important;
                        "
                        class="HideXs"
                      >
                        <span style="font-weight: bold;">
                          <small>Vestibulum ante ipsum</small><br>
                          Phasellus dapibus ante quis
                        </span>
                      </h2>

                      <p
                        style="
                          text-align: left;
                        "
                      >
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et felis diam. Curabitur id pulvinar odio. Nulla elementum arcu id metus ornare, id sagittis nisi commodo.
                      </p>

                    </div>
                  </div>
                </div>
              </div>
              </figcaption>
            </figure>
            <!-- End Slide -->

          <?php //} ?>

        </div>
      </section>
      <!-- End Slider -->

      <!-- Section -->
      <section
        class="SecInfo1"
        style="
          background:#fff;
          padding: 8em 0px 3em;
          display: table;
          width: 100%;
        "
      >
        <div class="container">
          <div class="row">

            <div class="col-sm-6">
              <img class="img-responsive" src="<?php echo $Position; ?>images/imgs/1.jpg" />
            </div>

            <div class="col-sm-6">
              <h3 style="color: #4a4a4a;">
                 Nulla aliquet nibh orci
              </h3>
              <p>
                Fusce interdum, nisi sit amet imperdiet elementum, urna nisi iaculis arcu, a tincidunt lectus arcu nec nunc. Donec in interdum urna, eget molestie dui. Suspendisse blandit sollicitudin mauris, cursus tempor augue gravida eget. Nulla facilisi. Curabitur scelerisque, justo eu blandit varius, eros est feugiat neque, ac iaculis arcu lacus vitae ex.
              </p>
            </div>

          </div>
        </div>
      </section>
      <!-- End Section -->

      <!-- Section -->
      <section
        class="SecInfo1"
        style="
          background:#f9f9f9;
          padding: 4em 0px 4em;
          display: table;
          width: 100%;
        "
      >
        <div class="container">
          <div class="row">

            <div class="col-sm-12 text-center"
              style="
                color: #4a4a4a;
                font-size: 2.5em;
              "
            >
              <h3
                style="
                  color: #4a4a4a;
                  font-size: 30px;
                  margin-bottom: 1.5em;
                "
              >
                Productos
              </h3>
            </div>

            <div class="col-sm-4" style="margin-bottom:2em;">
              <div class="FlexCenter" style="
                  position: absolute;
                  height: 100%;
                  width: 100%;
                  top: 0px;
                  padding-right: 30px;
                ">
                <h4 style="
                    color: #fff;
                    text-shadow: 0px 0px 2px rgba(0,0,0,.5);
                    margin: 0px;
                    font-size: 25px;
                  "
                >
                  Suero
                </h4>
              </div>
              <img class="img-responsive" src="<?php echo $Position; ?>images/productos/1.jpg"
                style="
                  box-shadow: 0px 0px 20px rgba(0,0,0,.25);
                "
              />
            </div>

            <div class="col-sm-4" style="margin-bottom:2em;">
              <div class="FlexCenter" style="
                  position: absolute;
                  height: 100%;
                  width: 100%;
                  top: 0px;
                  padding-right: 30px;
                ">
                <h4 style="
                    color: #fff;
                    text-shadow: 0px 0px 2px rgba(0,0,0,.5);
                    margin: 0px;
                    font-size: 25px;
                  "
                >
                  Material de Curación
                </h4>
              </div>
              <img class="img-responsive" src="<?php echo $Position; ?>images/productos/2.jpg"
                style="
                  box-shadow: 0px 0px 20px rgba(0,0,0,.25);
                "
              />
            </div>

            <div class="col-sm-4" style="margin-bottom:2em;">
              <div class="FlexCenter" style="
                  position: absolute;
                  height: 100%;
                  width: 100%;
                  top: 0px;
                  padding-right: 30px;
                ">
                <h4 style="
                    color: #fff;
                    text-shadow: 0px 0px 2px rgba(0,0,0,.5);
                    margin: 0px;
                    font-size: 25px;
                  "
                >
                  Médicamentos
                </h4>
              </div>
              <img class="img-responsive" src="<?php echo $Position; ?>images/productos/3.jpg"
                style="
                  box-shadow: 0px 0px 20px rgba(0,0,0,.25);
                "
              />
            </div>

            <div class="col-sm-4" style="margin-bottom:2em;">
              <div class="FlexCenter" style="
                  position: absolute;
                  height: 100%;
                  width: 100%;
                  top: 0px;
                  padding-right: 30px;
                ">
                <h4 style="
                    color: #fff;
                    text-shadow: 0px 0px 2px rgba(0,0,0,.5);
                    margin: 0px;
                    font-size: 25px;
                  "
                >
                  Phasellus dapibus
                </h4>
              </div>
              <img class="img-responsive" src="<?php echo $Position; ?>images/productos/4.jpg"
                style="
                  box-shadow: 0px 0px 20px rgba(0,0,0,.25);
                "
              />
            </div>

            <div class="col-sm-4" style="margin-bottom:2em;">
              <div class="FlexCenter" style="
                  position: absolute;
                  height: 100%;
                  width: 100%;
                  top: 0px;
                  padding-right: 30px;
                ">
                <h4 style="
                    color: #fff;
                    text-shadow: 0px 0px 2px rgba(0,0,0,.5);
                    margin: 0px;
                    font-size: 25px;
                  "
                >
                  Integer hendrerit
                </h4>
              </div>
              <img class="img-responsive" src="<?php echo $Position; ?>images/productos/5.jpg"
                style="
                  box-shadow: 0px 0px 20px rgba(0,0,0,.25);
                "
              />
            </div>

            <div class="col-sm-4" style="margin-bottom:2em;">
              <div class="FlexCenter" style="
                  position: absolute;
                  height: 100%;
                  width: 100%;
                  top: 0px;
                  padding-right: 30px;
                ">
                <h4 style="
                    color: #fff;
                    text-shadow: 0px 0px 2px rgba(0,0,0,.5);
                    margin: 0px;
                    font-size: 25px;
                  "
                >
                  Vestibulum
                </h4>
              </div>
              <img class="img-responsive" src="<?php echo $Position; ?>images/productos/6.jpg"
                style="
                  box-shadow: 0px 0px 20px rgba(0,0,0,.25);
                "
              />
            </div>

          </div>
        </div>
      </section>
      <!-- End Section -->

      <!-- Logos -->
      <section
        class="SecInfo1 SecMaxW"
        style="
          background:#fff;
          padding: 3em 0px;
          display: table;
          width: 100%;
          max-width: 100%;
        "
      >
        <div class="container SecMaxW">
          <div class="row">
            <div class="col-sm-12">

              <div style="width:100%;" class="text-center">
                <h3
                  style="
                    color: #4a4a4a;
                    font-size: 30px;
                    margin-bottom: 1.5em;
                  "
                >
                  Nuestras marcas
                </h3>
              </div>

              <div
                id="tg-slide-marcas"
                class="tg-homeslider tg-homeslidervtwo owl-carousel tg-haslayout"
                style="
                  background-color: #ffffff;
                "
              >
                <?php
                  // mysqli_data_seek($Banners, 0);
                  // while($Ban = mysqli_fetch_array($Banners)) {
                  for ($i = 1; $i <= 11; $i++) {
                ?>
                  <figure
                    class="item Box1 FlexCenter"
                    style="
                      padding: 15px;
                    "
                  >
                    <figcaption
                      style="
                        height:100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background: transparent;
                      "
                    >
                      <img
                        src="<?php $Position; ?>images/logos/marcas/<?php echo $i; ?>.jpg"
                        style="
                          box-shadow: 0px 0px 20px rgba(0,0,0,.05);
                        "
                      />
                    </figcaption>
                  </figure>
                <?php } ?>

              </div>

            </div>
          </div>
        </div>
      </section>
      <!-- End Logos -->

      <!-- Section -->
      <section
        class="SecInfo1"
        style="
          background:#f9f9f9;
          padding: 8em 0px 3em;
          display: table;
          width: 100%;
        "
      >
        <div class="container">
          <div class="row">

            <div class="col-sm-6">
              <img class="img-responsive" src="<?php echo $Position; ?>images/imgs/2.jpg" />
            </div>

            <div class="col-sm-6">
              <h3
                style="
                  color: #4a4a4a;
                  font-size: 30px;
                  margin-bottom: 1.5em;
                "
              >
                 Contacto
              </h3>
              <p>
                Fusce interdum, nisi sit amet imperdiet elementum, urna nisi iaculis arcu, a tincidunt lectus arc.
              </p>

              <div class="form-group">
                <label>Name</label>
                <input class="form-control" name="nombre" />
              </div>

              <div class="form-group">
                <label>Celular</label>
                <input class="form-control" name="nombre" />
              </div>

              <div class="form-group">
                <label>Email</label>
                <input class="form-control" name="nombre" />
              </div>

              <div class="form-group">
                <label>Mensaje</label>
                <textarea
                  class="form-control" name="nombre"
                ></textarea>
              </div>

            </div>

          </div>
        </div>
      </section>
      <!-- End Section -->

      <?php require_once($Position.'footer.php'); ?>
      <?php require_once($Position.'scripts.php'); ?>

      <?php //require_once($Position.'mapa1-js.php'); ?>

      <style>
        .owl-dots{ display: none; }
      </style>

      <script>

        $(document).ready(function(){

          var wi = $(window).width();
          $('.SecMaxW').width(wi);
          $(".SecMaxW").css("max-width", wi);

          $(window).resize(function(){

            var wi = $(window).width();
            $('.SecMaxW').width(wi);
            $(".SecMaxW").css("max-width", wi);

          });

        });


        //Slider
        var _tg_homeslider = jQuery('#tg-slide1');
        _tg_homeslider.owlCarousel({
          items: 1,
          loop: true,
          dots: true,
          nav: true,
          autoplay: true,
          animateIn: 'fadeIn',
          animateOut: 'fadeOut',
          navText: [
            '<i class="fa fa-chevron-left"></i>',
            '<i class="fa fa-chevron-right"></i>',
          ],
          navClass: [
            'tg-btnroundprev',
            'tg-btnroundnext'
          ],
        });
        //End Slider

        //Slider Marcas
        var _tg_homeslider = jQuery('#tg-slide-marcas');
        _tg_homeslider.owlCarousel({

          responsive : {
            // breakpoint from 0 up
            0 : {
              items: 2
            },
            // breakpoint from 480 up
            480 : {
              items: 3
            },
            // breakpoint from 768 up
            768 : {
              items: 4
            },
            992 : {
              items: 6
            }
          },
          loop: true,
          dots: false,
          nav: true,
          autoplay: true,
          autoplayTimeout: 3000,
          animateIn: 'fadeIn',
          animateOut: 'fadeOut',
          navText: [
            '<i class="icon-chevron-left"></i>',
            '<i class="icon-chevron-right"></i>',
          ],
          navClass: [
            'tg-btnroundprev',
            'tg-btnroundnext'
          ],
        });
        //End Slider Marcas

      </script>

    </div>
  </body>
</html>
