<!doctype html>
<html class="no-js" lang="en">
<head>
        <meta charset="utf-8">
        <link rel="shortcut icon" type="image/png" href="/assets/images/viajerosbaratos.png">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
         <title translate="no">Viajerosbaratos</title>
        <!--<meta name="description" content="" > -->
        <!--<meta name="keywords" content="" >-->
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" href="./style.css">
        <link rel="stylesheet" href="./custom.css">
        <link rel="shortcut icon" type="image/x-icon" href="assets/images/skyloo.png">
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.1/css/all.css">
        <link rel="stylesheet" href="https://static.fontawesome.com/css/fontawesome-app.css" crossorigin="anonymous">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
        <link rel="stylesheet" href="assets/css/flaticon.css">
        <link rel="stylesheet" href="assets/css/slick.css">
        <link rel="stylesheet" href="assets/css/default.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="assets/css/responsive.css">
        <link rel="stylesheet" href="assets/css/jquery-ui.css">
        <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
        <script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
        <style>
          .input_select {
             background-color: #F8F8F8 !important;
             color: #383838;
             border: none !important;
             height: 50px !important;
             padding: 0 15px;
             width: 100%;
             -webkit-box-shadow: none;
             -moz-box-shadow: none;
             -ms-box-shadow: none;
             -o-box-shadow: none;
             box-shadow: none !important;
             line-height: 1.6;
             border-radius: 0 !important;
          }
          .input_select, .select2-container--default .select2-selection--single .select2-selection__arrow {
             height: 48px !important;
          }
          .input_select, .select2-container--default .select2-selection--single .select2-selection__rendered {
             line-height: 50px !important;
          }
          .nav-tabs .nav-item {
            text-align: center;
            width: 50%; /* Adjust to your preference */
          }

          .nav-tabs .nav-link {
            border: none;
            padding: 10px 15px; /* Adjust padding */
            font-weight: bold;
            color: #333; /* Regular tab color */
            background-color: transparent; /* Remove any background */
          }

          .nav-tabs .nav-link.active {
            color: #fff; /* Active tab text color */
            background-color: #F56960; /* Active tab background color */
            border-radius: 0; /* Remove border radius */
          }

          .passenger-selector {
              display: none;
              position: absolute;
              background-color: #fff;
              border: 1px solid #ccc;
              padding: 10px;
              width: 300px;
              z-index: 1000;
          }
          .passenger-selector-counter {
              display: flex;
              align-items: center;
              justify-content: space-between;
              width: 120px;
          }
          .passenger-selector-counter button {
              background-color: #007bff;
              color: #fff;
              border: none;
              width: 30px;
              height: 30px;
              text-align: center;
              font-size: 18px;
              border-radius: 50%;
      }
      .passenger-selector-counter span {
          font-size: 18px;
          width: 30px;
          text-align: center;
      }
      
      .trip-search-section .trip-search-inner {
    margin:10px;
  }
 

    </style>
    </head>
    <body>

        <!-- Scroll-top -->
        <button class="scroll-top scroll-to-target" data-target="html">
            <i class="fas fa-angle-up"></i>
        </button>
        <!-- Scroll-top-end-->

<div class="hd-cl">
    <a href="tel:+1-(855) 557-0035"><p><img src="assets/images/cal.gif" alt="cal"> <span>Call Now:</span> +1-(855) 557-0035</p></a>
    </div>

        <!-- header-area -->
        <header>
            <div class="header-top">
                <div class="container custom-container">
                    <div class="row">
                        <div class="col-xl-4">
                            <div class="header-top-left">
                                                            </div>
                        </div>
                        <div class="col-xl-8">
                            <div class="header-top-right">
                                <ul>
                                                                         <li><a href="tel:+1-(855) 557-0035"><i class="fas fa-mobile-alt"></i><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">+1-(855) 557-0035</font></font></a></li>
                                                                                                           
                                                                    </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="sticky-header" class="menu-area transparent-header">
                <div class="container custom-container">
                    <div class="row">
                        <div class="col-12 mobile">
                            <div class="mobile-nav-toggler"><span class="sign"><i class="fa-regular"></i></span> <i class="fas fa-bars"></i></div>
                            <div class="menu-wrap">
                                <nav class="menu-nav">
                                    <div class="logo"><a class="head" href="/"><img src="assets/images/viajerosbaratos.png" alt="logo" width="200" height="36"></a>
                                      <a class="scrol" href="/"><img src="assets/images/viajerosbaratos.png" alt="logo" width="200" height="36"></a></div>
                                    <div class="navbar-wrap main-menu d-none d-lg-flex">
                                        <ul class="navigation">
                                            <li><a href="/"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Home</font></font></a></li>
                                            <li><a href="about-us.php"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">About us</font></font></a></li>
                                            <li><a href="privacy-policy"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Privacy Policy</font></font></a></li>
                                            <li><a href="contact.php"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Contact</font></font></a></li>

                                        </ul>
                                    </div>
                                    <div class="header-action d-none d-md-block">
                                                                                 <ul>
                                            <li class="header-btn"><a href="tel:+1-(855) 557-0035" class="btn"><i class="fa-solid fa-phone-volume blink"></i><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">+1-(855) 557-0035</font></font></a></li>
                                        </ul>
                                                                             </div>
                                </nav>
                            </div>
                            <!-- Mobile Menu  -->
                            <div class="mobile-menu">
                                <nav class="menu-box">
                                    <div class="close-btn"><i class="fa-solid fa-xmark"></i></div>
                                    <div class="nav-logo"><a href="/"><img src="assets/images/viajerosbaratos.png" alt="logo"></a>
                                    </div>
                                    <div class="menu-outer">
                                        <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
                                    
                                        <ul class="navigation">
                                            <li><a href="/"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Home</font></font></a></li>
                                            <li><a href="about-us.php"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">About us</font></font></a></li>
                                            <li><a href="privacy-policy"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Privacy Policy</font></font></a></li>
                                            <li><a href="contact.php"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Contact</font></font></a></li>

                                        </ul>
                                    </div>
                                    <!-- <div class="social-links">
                                        <ul class="clearfix">
                                            <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                            <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                            <li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
                                            <li><a href="#"><span class="fab fa-instagram"></span></a></li>
                                            <li><a href="#"><span class="fab fa-youtube"></span></a></li>
                                        </ul>
                                    </div> -->
                                </nav>
                            </div>
                            <div class="menu-backdrop"></div>
                            <!-- End Mobile Menu -->
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- header-area-end -->
        <!-- main-area -->
        <main>
            <!-- slider-area -->
            <section class="all-banner">
              <img src="assets/images/look.jpg" alt="banner" width="1903" height="571">
                        <div class="container">
                                    <div class="baner-cnt">
                                    <div class="slider-content d-none d-sm-block">
                                        <h2 class="title" data-animation="fadeInUp" data-delay=".2s">Make your trip a home.</h2>
                                        <p data-animation="fadeInUp" data-delay=".4s">The best vacation spots with us!</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    </div>
                </div>
<!-- booking-area-end -->
                                    </div>
                            </div>
            </section>
            <div class="trip-search-section shape-search-section">
              <div class="container">
                <form action = "flight-search.php" method = "GET">
                  <input type="hidden" id="sourceName" name="sourceAirportName" />
                  <input type="hidden" id="destinationName" name="destinationAirportName" />
                  <input type="hidden" id="sourceEntity" name="sourceEntity" />
                  <input type="hidden" id="destinationEntity" name="destinationEntity" />
                  <input type="hidden" id="adults" name="adults" />
                  <input type="hidden" id="children" name="childrens" />
                  <input type="hidden" id="infants" name="infants" />
                  <input type="hidden" id="flightClass" name="flight_class" value="economy" />
                  <input type="hidden" name="tripType" value="ONE_WAY">
                  <div class="trip-search-inner white-bg d-flex">
                    <ul class="col-lg-12 nav nav-tabs" id="tripTypeTabs" role="tablist" style="margin-bottom: 20px;">
                      <li class="nav-item">
                        <a class="nav-link active" id="oneway-tab" data-bs-toggle="tab" href="#oneway" role="tab" aria-controls="oneway" aria-selected="true">One Way</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" id="roundtrip-tab" data-bs-toggle="tab" href="#roundtrip" role="tab" aria-controls="roundtrip" aria-selected="false">Round Trip</a>
                      </li>
                    </ul>
                    <div class="tab-content col-lg-12" id="tripTypeContent">
                      <div class="tab-pane fade active show" id="oneway" role="tabpanel" aria-labelledby="oneway-tab">
                        <div style="display: flex; justify-content: center; align-items: flex-end; flex-wrap: wrap;">
                          <div class="input-group">
                            <label for="source">Origin Airport*</label>
                            <select type="text" class="source" name="sourceAirportCode" placeholder="Enter Origin"></select>
                          </div>
                          <div class="input-group">
                            <label for="destination">Destination Airport*</label>
                            <select type="text" class="destination" name="destinationAirportCode" placeholder="Enter Destination"></select>
                          </div>
                          <div class="input-group">
                            <label for="pax-number">Passengers*</label>
                            <input type="text" id="pax-number" class="togglePassenger" name="numAdults" placeholder="No. of People">
                            <div class="passenger-selector">
                                <div class="form-group">
                                    <label>Adults</label>
                                    <div class="passenger-selector-counter">
                                        <button type="button" class="passenger-selector-adults-minus">-</button>
                                        <span class="passenger-selector-adults-count">1</span>
                                        <button type="button" class="passenger-selector-adults-plus">+</button>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>Children</label>
                                    <div class="passenger-selector-counter">
                                        <button type="button" class="passenger-selector-children-minus">-</button>
                                        <span class="passenger-selector-children-count">0</span>
                                        <button type="button" class="passenger-selector-children-plus">+</button>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>Infants</label>
                                    <div class="passenger-selector-counter">
                                        <button type="button" class="passenger-selector-infants-minus">-</button>
                                        <span class="passenger-selector-infants-count">0</span>
                                        <button type="button" class="passenger-selector-infants-plus">+</button>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="class">Class</label>
                                    <select class="form-control passenger-selector-class">
                                        <option value="economy">Economy</option>
                                        <option value="premium_economy">Premium Economy</option>
                                        <option value="business">Business</option>
                                        <option value="first">First</option>
                                    </select>
                                </div>
                                <button class="btn btn-primary passenger-selector-done-button" type="button">Done</button>
                            </div>
                          </div>
                          <div class="input-group width-col-3">
                            <label for="checkin-date">Checkin Date*</label>
                            <i class="far fa-calendar"></i>
                            <input class="input-date-picker" type="text" id="checkin-date1" name="date" placeholder="MM / DD / YY" autocomplete="off" readonly="readonly">
                          </div>
                          <div class="input-group width-col-3">
                            <label class="screen-reader-text" for="search-submit">Search</label>
                            <button type="submit" class="btn-theme">INQUIRE NOW</button>
                          </div>
                        </div>
                      </div>
                      <div class="tab-pane fade" id="roundtrip" role="tabpanel" aria-labelledby="roundtrip-tab">
                        <div class="tab-pane fade active show" id="oneway" role="tabpanel" aria-labelledby="oneway-tab">
                          <div style="display: flex; justify-content: center; align-items: flex-end; flex-wrap: wrap;">
                            <div class="input-group">
                              <label for="source">Origin Airport*</label>
                              <select type="text" class="source" name="sourceAirportCode" placeholder="Enter Origin"></select>
                            </div>
                            <div class="input-group">
                              <label for="destination">Destination Airport*</label>
                              <select type="text" class="destination" name="destinationAirportCode" placeholder="Enter Destination"></select>
                            </div>
                            <div class="input-group">
                              <label for="pax-number">Passengers*</label>
                              <input type="text" id="pax-number" class="togglePassenger" name="numAdults" placeholder="No. of People">
                              <div class="passenger-selector">
                                  <div class="form-group">
                                      <label>Adults</label>
                                      <div class="passenger-selector-counter">
                                          <button type="button" class="passenger-selector-adults-minus">-</button>
                                          <span class="passenger-selector-adults-count">1</span>
                                          <button type="button" class="passenger-selector-adults-plus">+</button>
                                      </div>
                                  </div>
                                  <div class="form-group">
                                      <label>Children</label>
                                      <div class="passenger-selector-counter">
                                          <button type="button" class="passenger-selector-children-minus">-</button>
                                          <span class="passenger-selector-children-count">0</span>
                                          <button type="button" class="passenger-selector-children-plus">+</button>
                                      </div>
                                  </div>
                                  <div class="form-group">
                                      <label>Infants</label>
                                      <div class="passenger-selector-counter">
                                          <button type="button" class="passenger-selector-infants-minus">-</button>
                                          <span class="passenger-selector-infants-count">0</span>
                                          <button type="button" class="passenger-selector-infants-plus">+</button>
                                      </div>
                                  </div>
                                  <div class="form-group">
                                      <label for="class">Class</label>
                                      <select class="form-control passenger-selector-class">
                                          <option value="economy">Economy</option>
                                          <option value="premium_economy">Premium Economy</option>
                                          <option value="business">Business</option>
                                          <option value="first">First</option>
                                      </select>
                                  </div>
                                  <button class="btn btn-primary passenger-selector-done-button" type="button">Done</button>
                              </div>
                            </div>
                            <div class="input-group width-col-3">
                              <label for="checkin-date">Checkin Date*</label>
                              <i class="far fa-calendar"></i>
                              <input class="input-date-picker" type="text" id="checkin-date2" name="date" placeholder="MM / DD / YY" autocomplete="off" readonly="readonly">
                            </div>
                            <div class="input-group width-col-3">
                              <label for="checkin-date">Return Date*</label>
                              <i class="far fa-calendar"></i>
                              <input class="input-date-picker" type="text" id="returnDate" name="returnDate" placeholder="MM / DD / YY" autocomplete="off" readonly="readonly">
                            </div>
                            <div class="input-group width-col-3">
                              <label class="screen-reader-text" for="search-submit">Search</label>
                              <button type="submit" class="btn-theme">INQUIRE NOW</button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </form>
              </div>
            </div>
            <!-- slider-area-end -->

            <!-- features-area -->
            <section class="features-area">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-4 col-lg-6 col-sm-10">
                            <div class="features-item">
                                <div class="features-icon">
                                    <i class="fas fa-hand"></i>
                                </div>
                                <div class="features-content">
                                    <h6 class="title">Affordable prices</h6>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-sm-10">
                            <div class="features-item">
                                <div class="features-icon">
                                    <i class="fas fa-plane"></i>
                                </div>
                                <div class="features-content">
                                    <h6 class="title">Personalized service</h6>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-sm-10">
                            <div class="features-item">
                                <div class="features-icon">
                                    <i class="fas fa-home"></i>
                                </div>
                                <div class="features-content">
                                    <h6 class="title">24/7 Customer Service</h6
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- features-area-end -->






            <!-- service-area -->
            <section class="service-area top-destin">
                <div class="container">
                    <div class="row align-items-end mb-50">
                        <div class="col-md-8">
                            <div class="section-title">
                                <span class="sub-title">Why air conditioning?</span>
                                <h2 class="title">Main destinations</h2>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="service-nav"></div>
                        </div>
                    </div>
                    <div class="row service-active">
                        <div class="col-lg-4">
                          <div class="flight-offer-item">
                              <a href="chicago">
                              <div class="flight-offer-thumb">
                                  <img src="assets/images/chicago.jpg" alt="chicago" width="380" height="307">
                              </div>
                              <div class="flight-offer-content">
                                  <h2 class="title text-center">Chicago</h2>
                              </div>
                            </a>
                              <a href="chicago">
                              <div class="overlay-content">
                                  <h2 class="title text-center">Chicago</h2>
                                  <div class="content-bottom">
                                      <span class="btn">Book Now</span>
                                  </div>
                              </div>
                            </a>
                          </div>
                        </div>

                         <div class="col-lg-4">
                          <div class="flight-offer-item">
                              <a href="hawaii">
                              <div class="flight-offer-thumb">
                              <img src="assets/images/hawa.jpg" alt="hawaii" width="380" height="307">
                              </div>
                              <div class="flight-offer-content">
                                  <h2 class="title text-center">Hawaii</h2>
                              </div>
                            </a>
                              <a href="hawaii">
                              <div class="overlay-content">
                                  <h2 class="title text-center">Hawaii</h2>
                                  <div class="content-bottom">
                                      <span class="btn">Book Now</span>
                                  </div>
                              </div>
                            </a>
                          </div>
                        </div>
                         <div class="col-lg-4">
                          <div class="flight-offer-item">
                              <a href="los-angeles">
                              <div class="flight-offer-thumb">
                              <img src="assets/images/angel.jpg" alt="los-angeles" width="380" height="307">
                              </div>
                              <div class="flight-offer-content">
                                  <h2 class="title text-center">Los Angeles</h2>
                              </div>
                            </a>
                              <a href="los-angeles">
                              <div class="overlay-content">
                                  <h2 class="title text-center">Los Angeles</h2>
                                  <div class="content-bottom">
                                      <span class="btn">Book Now</span>
                                  </div>
                              </div>
                            </a>
                          </div>
                        </div>
                         <div class="col-lg-4">
                          <div class="flight-offer-item">
                              <a href="new-york">
                              <div class="flight-offer-thumb">
                              <img src="assets/images/york.jpg" alt="new-york" width="380" height="307">
                              </div>
                              <div class="flight-offer-content">
                                  <h2 class="title text-center">New York</h2>
                              </div>
                            </a>
                              <a href="new-york">
                              <div class="overlay-content">
                                  <h2 class="title text-center">New York</h2>
                                  <div class="content-bottom">
                                      <span class="btn">Book Now</span>
                                  </div>
                              </div>
                            </a>
                          </div>
                        </div>
                              <div class="col-lg-4">
                          <div class="flight-offer-item">
                              <a href="san-francisco">
                              <div class="flight-offer-thumb">
                              <img src="assets/images/san-francisco.jpg" alt="san-francisco" width="380" height="307">
                              </div>
                              <div class="flight-offer-content">
                                  <h2 class="title text-center">San francisco</h2>
                              </div>
                            </a>
                              <a href="san-francisco">
                              <div class="overlay-content">
                                  <h2 class="title text-center">San francisco</h2>
                                  <div class="content-bottom">
                                      <span class="btn">Book Now</span>
                                  </div>
                              </div>
                            </a>
                          </div>
                        </div>
                        <div class="col-lg-4">
                          <div class="flight-offer-item">
                              <a href="washington">
                              <div class="flight-offer-thumb">
                                  <img src="assets/images/washington.jpg" alt="washington" width="380" height="307">
                              </div>
                              <div class="flight-offer-content">
                                  <h2 class="title text-center">Washington DC</h2>
                              </div>
                            </a>
                              <a href="washington">
                              <div class="overlay-content">
                                  <h2 class="title text-center">Washington DC</h2>
                                  <div class="content-bottom">
                                      <span class="btn">Book Now</span>
                                  </div>
                              </div>
                            </a>
                          </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- service-area-end -->

            <!-- destination-area -->
            <section class="destination-area destination-bg">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8">
                            <div class="section-title">
                                <span class="sub-title">Special offers</span>
                                <h2 class="title">Exclusive global travel deals! Save big today!</h2>
                            </div>
                            <div class="destination-content">
                                <p>Unlock unbeatable travel deals with viajerosbaratos!Enjoy great savings on flights to top independent destinations. Book now!</p>
                                <ul>
                                    <li>
                                        <div class="counter-item">
                                            <div class="counter-content">
                                                <h2 class="count"><span class="odometer" data-count="5830"></span>100%</h2>
                                                <p>Happy customers</p>
                                            </div>
                                            <div class="counter-icon">
                                                <i class="flaticon-group"></i>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="counter-item">
                                            <div class="counter-content">
                                                <h2 class="count"><span class="odometer" data-count="100"></span>90%</h2>
                                                <p>Satisfied customer</p>
                                            </div>
                                            <div class="counter-icon">
                                                <i class="flaticon-globe"></i>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <div class="content-bottom">
                                    <a href="contact-us">Contact Us</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- destination-area-end -->

            <!-- about-area -->
            <section class="about-area">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-7 order-0 order-lg-2">
                            <div class="about-img">
                                <img src="assets/images/hm-abt.jpg" alt="hm-abt" width="436" height="463">
                                <img src="assets/images/hm-abt2.jpg" alt="img" class="img-two" width="436" height="463">
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="about-content">
                                <div class="section-title">
                                    <span class="sub-title">who we are</span>
                                    <h2 class="title">Your trusted global travel partner</h2>
                                </div>
                                <p>In viajerosbaratos,We specialize in creating exceptional travel experiences for globetrotters. As a trusted international travel company, we offer affordable flight bookings, tailor-made vacations, and dedicated 24/7 customer service. Our experienced team works closely with major airlines and travel partners to ensure seamless, reliable, and personalized service for every trip.</p>
                                <p>Whether you're planning a relaxing vacation, a business trip, or a group adventure, we make sure your travel experience is smooth and enjoyable. viajerosbaratos,We make exploring the world easy, exciting, and stress-free. Trust us to guide you to your next destination!</p>
                                
                                <ul>
                                    <li><i class="flaticon-tick-1"></i>Flight booking </li>
                                    <li><i class="flaticon-tick-1"></i>Tailor-made holidays</li>
                                    <li><i class="flaticon-tick-1"></i>Business trips</li>
                                    <li><i class="flaticon-tick-1"></i>Group tours</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- about-area-end -->

        </main>
        <!-- main-area-end -->


            
            
            <!-- 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>
<!-- 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>
</body>
</html>
