
            
            
            <!-- footer-area -->

<!--a class="close-all2" href="tel:+1-855-557-0035">
      <div class="mobile-main2" id="mobile-main2">
                            <div class="mobile-popup2">
                                <div class="call-icon2">
                                   <img src="assets/images/cal.gif" alt="cal">
                                </div>
                                <div class="call-now2">
                                    <p>Ahorra tiempo y consigue nuestras mejores ofertas</p>
                                    <span>+1-855-557-0035</span>
                                </div>
                            </div>
                    </div>
</a--->
<!--a class="close-all" href="tel:+1-855-557-0035">
      <div class="mobile-main">
<div class="mobile-popup">
<div class="call-icon">
 <img src="assets/images/cal.gif" alt="cal">
</div>
<div class="call-now">
     <p>Ahorra tiempo y consigue nuestras mejores ofertas</p>
   <span>+1-855-557-0035</span>
</div>
</div>
</div>
</a--->
<!-- footer-area -->

<footer>
    <div class="footer-area footer-bg">
        <!-- New Airlines Section -->
<div class="footer-airlines">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="footer-widget privacy">
                    <div class="fw-title text-center">
                        <h3>Popular Airlines</h3>
                    </div>
                    <div class="fw-link">
                        <div class="airlines-grid">
                            <div class="airlines-row">
                                <a href="american.php">American Airline</a>
                                <a href="frontier-airlines.php">Frontier Airlines</a>
                                <a href="iberia-airline.php">Iberia Airline</a>
                                <a href="jetblue-airline.php">Jetblue Airline</a>
                                <a href="spirit-airlines.php">Spirit Airlines</a>
                                <a href="united-airline.php">United Airline</a>
                            </div>
                            <div class="airlines-row">
                                <a href="viva-airline.php"> Viva Airline</a>
                                <a href="volaris-airlines.php">Volaris Airline</a>
                                <a href="klm-airlines.php">KLM Airline</a>
                                <a href="turkish-airline.php">Turkish Airline</a>
                                <a href="ita-airways.php">Ita Airways</a>
                                <a href="qatar-airways.php">Qatar Airways</a>
                            </div>
                            <div class="airlines-row">
                                <a href="lot-polish-airlines.php"> Lot Polish Airline</a>
                                <a href="iceland-airline.php"> Iceland Airline</a>
                                <a href="emirates.php">Emirates Airline</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Airlines Section -->
        
        <div class="footer-top">
            <div class="container">
                <div class="row">
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="footer-widget">
                            <div class="footer-logo">
                                <a href="/"><img src="assets/images/viajerosbaratos.png" alt="footerlogo" width="278" height="49"></a>
                            </div>
                            <div class="footer-content">
                                <p><span translate="no"> viajerosbaratos.com is a global travel company that offers affordable independent flight bookings, personalized travel experiences, and 24/7 support, ensuring seamless and memorable trips around the world.</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-2 col-lg-4 col-sm-4 ftr-hed">
                        <div class="footer-widget privacy">
                            <div class="fw-title">
                                <h4 class="title">Quick Links</h4>
                            </div>
                            <div class="fw-link">
                                <ul>
                                  <li><a href="last-minute-trip">Last minute trip</a></li>
                                  <li><a href="student-trips">Student trips</a></li>
                                  <li><a href="travel-for-seniors">Travel for seniors</a></li>
                                  <li><a href="military-trips">Military trips</a></li>
                                  <li><a href="domestic-flights">Domestic flights</a></li>
                                  <li><a href="one-way-flights">One-way flights</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-4 col-sm-4 ftr-hed">
                        <div class="footer-widget privacy">
                            <div class="fw-title">
                                <h4 class="title">Popular destinations</h4>
                            </div>
                            <div class="fw-link">
                                <ul>
                                  <li><a href="orlando">Orlando</a></li>
                                  <li><a href="fort-lauderdale">Orlando</a></li>
                                  <li><a href="atlanta">Atlanta</a></li>
                                  <li><a href="los-angeles">Los Angeles</a></li>
                                  <li><a href="saint-john">Saint John</a></li>
                                  <li><a href="miami">Miami</a></li>
                                  <li><a href="houston">Houston</a></li>
                                  <li><a href="newark">Newark</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-4 col-sm-4 ftr-hed">
                        <div class="footer-widget privacy">
                            <div class="fw-title">
                                <h4 class="title">Useful links</h4>
                            </div>
                            <div class="fw-link">
                                <ul>
                                  <li><a href="about-us.php">About Us</a></li>
                                  <li><a href="contact.php">Contact Us</a></li>
                                  <li><a href="cancelation">Cancelation</a></li>
                                  <li><a href="privacy-policy">Privacy Policy</a></li>
                                  <li><a href="sitemap">Sitemap</a></li>
                                  <li><a href="terms-conditions">Terms and conditions</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-8 ftr-hed">
                        <div class="footer-widget cnt-ftr">
                            <div class="fw-title">
                                <h4 class="title">Contact info</h4>
                            </div>
                            <div class="footer-contact">
                              <ul>
                                <li><p><b>Address</b><br> </p></li>
                                <li><a href="tel:+1-(855) 557-0035"><i class="fa fa-phone-alt"></i> +1-(855) 557-0035</a></li>
                                <li>
                                    <a href="mailto:info@viajerosbaratos.com">
                                        <i class="fa fa-envelope"></i> info@viajerosbaratos.com
                                    </a>
                                </li>
                                <li><a href=""><i class="fa fa-map-marker-alt"></i> Address :309 Coffeen Avenue STE 1200 Sheridan, Wyoming 82801</a></li>
                              </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <p class="disclaimer"><strong>Disclaimer:</strong> Dear guests, Welcome to Viajerosbaratos. The information contained on this page is intended for illustrative purposes only. The site contains up-to-date, accurate, complete, and reliable information, which we have worked hard to maintain. viajerosbaratos.com Typically, our audit analyzes many things, such as the accuracy of the information, how it connects to other sites, the availability of the service, and user-generated content. We ensure clarity and set clear expectations for everyone involved, minimizing unexpected surprises. If you have any questions, please contact us.</p>
              <div class="trust" bis_skin_checked="1">
                        <ul class="ftr-trustpilot">
                        <li><img src="assets/images/asta-logo.png" alt="asta" width="81" height="24"></li>
                        <li><img src="assets/images/cloudfare.png" alt="cloudfare" width="94" height="33"></li>
                        <li><img src="assets/images/godaddy-ssl.png" alt="godaddy" width="95" height="24"></li>
                        <li><img src="assets/images/mac2.png" alt="mac2" width="59" height="24"></li>
                        <li><img src="assets/images/newlogo.png" alt="newlogo" width="180" height="31"></li>
                        <li><img src="assets/images/arc.png" alt="trust" width="40" height="20"></li>
                        <li><img src="assets/images/trustpilot-logo.png" alt="trustpilot" width="115" height="28"></li>
                        </ul>
                        </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                    <div class="col-lg-12">
                        <div class="copyright-text text-center">
                            <p>Copyright © 2024 <span translate="no">viajerosbaratos.com</span> | All rights reserved | Parent company: <span translate="no"> Airfare Service Hub LLC</span></p>
                        </div>
                    </div>
            </div>
        </div>
    </div>
</footer>



<style>
    /* Airlines Section Styles */
    .footer-airlines {
        background: #000000;
        padding: 30px 0;
        border-bottom: 1px solid #000000;
    }
    
    .fw-title h3 {
        color: #ffffff;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 20px;
        text-transform: uppercase;
    }
    
    .airlines-grid {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
        max-width: 800px;
        margin: 0 auto;
    }
    
    .airlines-row {
        display: flex;
        justify-content: center;
        gap: 30px;
        width: 100%;
    }
    
    .airlines-row a {
        color: #ffffff;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        padding: 8px 15px;
        border: 1px solid #333;
        border-radius: 4px;
        transition: all 0.3s ease;
        min-width: 180px;
        text-align: center;
    }
    
    .airlines-row a:hover {
        background: #333;
        color: #fff;
        transform: translateY(-2px);
    }
    
    /* Responsive adjustments */
    @media (max-width: 768px) {
        .airlines-row {
            flex-direction: column;
            gap: 10px;
            align-items: center;
        }
        
        .airlines-row a {
            width: 80%;
        }
    }
</style>
<!-- footer-area-end -->


<style>
    /* Make sure the button is hidden on larger screens */
.call-button-container {
    display: none; /* Initially hidden */
}

/* Style for the call button */
.call-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f39231;
    color: white;
    border: 2px solid white;
    width: 100%;
    padding: 1px 30px;
    box-sizing: border-box;
    text-decoration: none;
}

/* Circle phone icon */
.phone-icon {
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.phone-icon img {
    width: 25px;
    height: 25px;
}

/* Content area */
.button-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
}

/* Small text above the phone number */
.call-text {
    font-size: 14px;
    margin-bottom: 5px;
}

/* Phone number */
.phone-number {
    font-size: 21px;
    font-weight: bold;
}

/* Media query to display the button only on mobile devices */
@media (max-width: 768px) {
    .call-button-container {
        display: block; /* Show on mobile */
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
    }
}


    
</style>   



<div class="call-button-container">
    <a href="tel:+1-855-557-0035" class="call-button">
        <div class="phone-icon">
<img src="/phone.gif" alt="Phone Icon" width="60" height="auto">
        </div>
        <div class="button-content">
            <div class="call-text">Save time & Get Our Best Deals</div>
            <div class="phone-number">+1-855-557-0035</div>
        </div>
    </a>
</div>










<style type="text/css">

.logo-container {
    display: flex;
    justify-content: center;  /* Horizontal center */
    align-items: center;      /* Vertical center */
    width: 100%;
    height: 100%; /* or define a specific height if necessary */
}

     /* Popup container */
.popup {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
    justify-content: center;
    align-items: center;
    display: flex;
}

/* Popup content */
.popup-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
    width: 90%;
    max-width: 400px;
    text-align: center;
}

/* Logo */
.logo {
    max-width: 220px;
    margin: 0 auto 10px;
}

/* Title */
.title {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: center;
}

/* Subtitle container */
.subtitle-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 15px;
}

/* Subtitles */
.subtitle {
    padding: 10px;
    color: black;
    font-weight: bold;
    border-radius: 10px;
}

.booking { background-color: #42a9cb; }
.manage { background-color: #ef685f; }
.cancellation { background-color: #f0ad4e; }
.changes { background-color: #5bc0de; }

/* Small image */
.small-image {
    max-width: 320px;
    margin: 10px auto;
}

/* Telecaller image */
.telecaller {
    max-width: 80px;
    border-radius: 60px;
    margin: 15px auto;
}

/* Call button */
.call-btn {
    background-color: #42a9cb;
    color: white;
    border: none;
    border-radius: 25px;
    padding: 10px 20px;
    margin-bottom: 10px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.call-btn i {
    margin-right: 0px;
}

/* Full width button */
.full-width-btn {
    background-color: #ef685f;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
}


.round-image {
    width: 70px;
    height: 70px;
    border-radius: 50%; /* Makes the image round */
    border: 2px solid #000; /* Adds a black border around the image */
    position: relative; /* Allows positioning of the blue dot */
}

.round-image::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
    background-color: blue; /* Blue color for the dot */
    border-radius: 50%; /* Makes the dot round */
    border: 2px solid #fff; /* Optional: Adds white border around the dot */
}


/* Responsive */
@media (max-width: 600px) {
    .popup-content {
        padding: 15px;
    }
    
    .subtitle {
        padding: 8px;
        font-size: 14px;
    }

    .call-btn, .full-width-btn {
        font-size: 14px;
        padding: 8px;
    }
}

#popup {
    display: none; /* Hide by default */
}

@media (max-width: 768px) {
    #popup {
        display: flex; /* Show popup on mobile devices */
    }
}

</style>
 
 <div id="popup" class="popup">
    <div class="popup-content">
        <!-- Logo (Primera línea) -->
        <div class="logo-container">
            <img src="/assets/images/generic.png" alt="Logo de Expedia" class="logo">
        </div>

        <!-- Título (Segunda línea) -->
        <h2 class="title">Reservations and 24/7 Support</h2>

        <!-- Subtítulos (Tercera y Cuarta línea) -->
        <div class="subtitle-container">
            <div class="subtitle booking">Book Tickets</div>
            <div class="subtitle manage">Manage Reservation</div>
        </div>
        <div class="subtitle-container">
            <div class="subtitle cancellation">Cancellations</div>
            <div class="subtitle changes">Changes</div>
        </div>

        <!-- Imagen Pequeña (Quinta línea) -->
        <img src="/assets/images/generic (1).png" alt="Imagen Ilustrativa" class="small-image">
        <img src="/assets/images/call (1).png" alt="Llamar" class="round-image">

        <!-- Botón de Llamada (Séptima línea) -->
        <a href="tel:+1-855-557-0035" style="text-decoration: none;">
            <button class="call-btn" style="display: block; margin: 10px auto; text-align: center;">
                <i class="fas fa-phone-alt"></i> +1-855-557-0035
            </button>
        </a>

        <!-- Botón de Llamada a Pantalla Completa (Pie de página) -->
        <a href="tel:+1-855-557-0035" style="text-decoration: none;">
            <button class="full-width-btn">
                <i class="fas fa-phone-alt"></i> Call us now
            </button>
        </a>
    </div>
</div>


<script>
// Get the popup element
var popup = document.getElementById('popup');

// Show the popup only on mobile devices
window.onload = function() {
    // Check if the screen width is less than or equal to 768px (typical for mobile devices)
    if (window.innerWidth <= 768) {
        popup.style.display = "flex"; // Show popup for mobile devices
    }
}

// Close the popup when clicking anywhere outside of the popup content
window.onclick = function(event) {
    if (event.target == popup) {
        popup.style.display = "none";
    }
}
</script>













<script>
if (window.innerWidth <= 768) {
    document.querySelector('.call-button-container').style.display = 'block';
} else {
    document.querySelector('.call-button-container').style.display = 'none';
}
    
</script>

<script>
    // Countdown timer
    let timeLeft = 30;
    const countdownElement = document.getElementById('countdown');

    const countdownInterval = setInterval(() => {
      if (timeLeft <= 0) {
        clearInterval(countdownInterval);
        countdownElement.innerText = '0 seconds';
      } else {
        countdownElement.innerText = `${timeLeft} seconds`;
        timeLeft--;
      }
    }, 1000);
  </script>

<!-- JS here -->
<script src="assets/js/flight-custom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js" ></script>
<script src="assets/js/jquery-ui.js"></script>
<script src="assets/js/parsley.min.js"></script>
<script src="assets/js/search-result.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/newsletter.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
          $( ".input-date-picker" ).datepicker();
         let typingTimer;
         let doneTypingInterval = 5000;
         let destinationElement = $("#destination")
         var adults = 1;
         var children = 0;
         var infants = 0;
         var flightClass = "Economy";

         // Set the default value in the input field when the page loads
         $('.togglePassenger').val(adults + ' Adult, ' + children + ' Children, ' + infants + ' Infants, ' + flightClass);
         function updateCount(id, increment, parent) {
            console.log(id)
             var countElement = $(parent).parent().find('.passenger-selector-' + id + '-count');
             var count = parseInt(countElement.text());
             count = increment ? count + 1 : count - 1;
             count = Math.max(0, count); // Ensure the count doesn't go below 0
             if(id === 'adults' && count < 1) count = 1; // Ensure at least 1 adult
             countElement.text(count);

             // Update the stored value
             if (id === 'adults') {
                 adults = count;
                 $("#adults").val(count)
             } else if (id === 'children') {
                 children = count;
                 $("#children").val(count)
             } else if (id === 'infants') {
                 infants = count;
                 $("#infants").val(count)
             }
         }

         $('.passenger-selector-adults-plus').on('click', function () {
             updateCount('adults', true, $(this));
         });
         $('.passenger-selector-adults-minus').on('click', function () {
             updateCount('adults', false, $(this));
         });
         $('.passenger-selector-children-plus').on('click', function () {
             updateCount('children', true, $(this));
         });
         $('.passenger-selector-children-minus').on('click', function () {
             updateCount('children', false, $(this));
         });
         $('.passenger-selector-infants-plus').on('click', function () {
             updateCount('infants', true, $(this));
         });
         $('.passenger-selector-infants-minus').on('click', function () {
             updateCount('infants', false, $(this));
         });

         $('.passenger-selector-class').on('change', function () {
             // Update the stored class value when the dropdown changes
             flightClass = $(this).val();
             console.log(flightClass)
             $("#flightClass").val(flightClass)
         });

         $('.togglePassenger').on('click', function (e) {
             $(this).parent().find('.passenger-selector').toggle();
             e.stopPropagation(); // Prevent click event from bubbling up
         });

         $('.passenger-selector-done-button').on('click', function () {
             // Update the input field with the stored values
             $('.togglePassenger').val(adults + ' Adults, ' + children + ' Children, ' + infants + ' Infants, ' + flightClass);
             $('.passenger-selector').hide();
         });

         $(document).on('click', function (e) {
             if (!$(e.target).closest('.passenger-selector').length && !$(e.target).is('.togglePassenger')) {
               $('.passenger-selector').hide();
             }
         });
         $("#roundtrip-tab").click(function() {
           $("input[name='tripType']").val("ROUND_TRIP")
         })
         $("#oneway-tab").click(function() {
           $("input[name='tripType']").val("ONE_WAY")
         })
         $(".destination,.source").select2({
            selectionCssClass : "input_select",
            minimumInputLength: 3,
            width: "100%",
            ajax: {
               url: 'api.php',
               method: "POST",
               delay: 500,
               data: function(params) {
                  var query = {
                     search_airport: 1,
                     query: params.term
                  }
                  return query
               },
               processResults: function(data) {
                  let response = []
                  for(let d of data.airports) {
                     response.push({ 'text': d.relevantHotelParams.localizedName, 'id': d.relevantFlightParams.skyId, 'place': d.relevantHotelParams.localizedName, 'entity': d.relevantFlightParams.entityId })
                  }
                  return { results: response }
               }
            }
         })

         $(".source").on("change.select2", function(e) {
            let selectedData = $(this).select2('data');
            let nextSourceName = $("#sourceName")
            if (selectedData.length > 0) {
                let originalOption = selectedData[0];
                let place = originalOption.place
                if(place) {
                  $(nextSourceName).val(place)
                }
            }
            let nextSourceEntity = $("#sourceEntity")
            if (selectedData.length > 0) {
                let originalOption = selectedData[0];
                let entity = originalOption.entity
                if(entity) {
                  $(nextSourceEntity).val(entity)
                }
            }
        })

        $(".destination").on("change.select2", function(e) {
            let selectedData = $(this).select2('data');
            let nextDestinationName = $("#destinationName")
            if (selectedData.length > 0) {
                let originalOption = selectedData[0];
                let place = originalOption.place
                if(place) {
                  $(nextDestinationName).val(place)
                }
            }
            let nextDestinationEntity = $("#destinationEntity")
            if (selectedData.length > 0) {
                let originalOption = selectedData[0];
                let entity = originalOption.entity
                if(entity) {
                  $(nextDestinationEntity).val(entity)
                }
            }
        })
      })
    </script>
    
    
    

    <script>
        // Simple filter functionality
        document.querySelector('.search-btn').addEventListener('click', function() {
            const departure = document.getElementById('departure').value;
            const destination = document.getElementById('destination').value;
            
            alert(`Searching for flights from ${departure === 'all' ? 'all cities' : departure} to ${destination === 'all' ? 'all destinations' : destination}`);
        });

        // Date input placeholder functionality
        document.getElementById('dates').addEventListener('click', function() {
            alert('Date picker would open here in a real implementation');
        });

        // Card hover effects are handled by CSS
    </script>
    
    <script>
  document.querySelectorAll("th").forEach((header) => {
    header.addEventListener("click", () => {
      const table = header.closest("table");
      const index = Array.from(header.parentElement.children).indexOf(header);
      const asc = !header.classList.contains("asc");

      Array.from(table.querySelectorAll("tbody tr"))
        .sort((rowA, rowB) => {
          const cellA = rowA.children[index].textContent.trim();
          const cellB = rowB.children[index].textContent.trim();

          // Try numeric sort first
          const numA = parseFloat(cellA.replace(/[^0-9.]/g, ""));
          const numB = parseFloat(cellB.replace(/[^0-9.]/g, ""));
          const isNumber = !isNaN(numA) && !isNaN(numB);

          if (isNumber) {
            return asc ? numA - numB : numB - numA;
          } else {
            return asc
              ? cellA.localeCompare(cellB)
              : cellB.localeCompare(cellA);
          }
        })
        .forEach((row) => table.querySelector("tbody").appendChild(row));

      // Update sort direction classes
      table.querySelectorAll("th").forEach((th) => th.classList.remove("asc", "desc"));
      header.classList.add(asc ? "asc" : "desc");
    });
  });
</script>

</body>
</html>