<?php 
session_start();
?>
<!DOCTYPE html>
<html class="load-full-screen" lang="en">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="FMJ">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:wght@400;500;600;700;800&amp;display=swap" rel="stylesheet">
    
    <title>Search & Book Instantly Cheap Flights Tickets, Air Tickets & Last-Minute Flights-Travelobien</title>
    <meta name="description" content="">
    <meta name="keywords" content="Cheap flight tickets,Airline fares, Airline ticket deals,Cheap Flights,Air tickets,">
    <meta name="author" content="Travelobien">
    <meta name="Language" content="English" />
    <meta name="distribution" content="Global" />
    <meta name="Robots" content="INDEX, FOLLOW">
    <meta name="country" content="USA" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="shortcut icon" type="image/png" href="images/favicon.ico" />
    <link href="Content/jquery-ui.css" rel="stylesheet"/>
	<link href="Content/bootstrap-select.min.css" rel="stylesheet"/>
	<link href="Content/bootstrap.min.css" rel="stylesheet"/>
	<link href="Content/bootstrap-datetimepicker.css" rel="stylesheet"/>
	<link href="Content/custom.css" rel="stylesheet"/>
	<link href="Content/style.css" rel="stylesheet"/>
	<link href="Content/owl.carousel.min.css" rel="stylesheet"/>
	<link href="Content/additional.css" rel="stylesheet"/>
	<!-- Homepage modern redesign (this page only) -->
	<link href="Content/homepage.css" rel="stylesheet"/>
</head>

<body class="load-full-screen tb-home" id="target">

    <!-- ================= PAGE PRELOADER (10s) ================= -->
    <div class="tb-preloader" id="tbPreloader">
        <div class="tb-preloader-box">
            <div class="tb-preloader-logo">
                <img src="images/logo.png" alt="Travelobien" />
            </div>
            <div class="tb-preloader-plane">
                <i class="fa fa-paper-plane" aria-hidden="true"></i>
            </div>
            <div class="tb-preloader-track">
                <div class="tb-preloader-bar" id="tbPreloaderBar"></div>
            </div>
            <p class="tb-preloader-text">Getting you the best flight deals<span id="tbPreloaderDots">...</span></p>
            <!--<p class="tb-preloader-count"><span id="tbPreloaderSeconds">10</span>s</p>-->
        </div>
    </div>

    <div class="wait_page" style="margin-top:10px; display:none;" id="SearchingProgressBar">
        <div class="site-wrapper">
            <div class="wait_con">
                <div class="common_width">
                    <div class="wait_detail">
                        <div class="wait_top"><img src="images/loading_page.gif" alt="logo" /></div>
                        <div class="wait_secon" id="oneway_roundTrip_wait1" style="display:none;">
                            <div class="wait_secon_left" id="porgressBarOrg">
                            </div>
                            <div class="wait_secon_img"><img src="images/wait_icon.png"></div>
                            <div class="wait_secon_right" id="porgressBarDest">
                            </div>
                        </div>
                        <div class="wait_load" id="oneway_roundTrip_wait2">
                            <p style="color:#6d6c6c; font-weight:bold;" id="porgressBarDate"></p>
                        </div>
                        <div class="wait_load" id="Multi_City_wait" style="display:none;">

                        </div>
                        <div class="wait_pasen_con">
                            <p style="font-size:11px;">Fare are per person, inclusive of all taxes and fees, but do not include baggage fees.</p>
                            <p style="color:#999;font-size:12px; line-height:20px;">Please wait, while we search the cheapest airfares for you,<br>from over 400 Airlines<span><img style="width: 5%;margin-left: 8px;margin-top: -14px;" src="images/827.gif" /></span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="site-wrapper" id="topDivWebsite">
     <?php include"include/header_panel.php"; ?>
        
<div class="clearfix"></div>

<!-- ================= HERO + SEARCH ENGINE ================= -->
<section class="tb-hero">
    <div class="tb-hero-orb one"></div>
    <div class="tb-hero-orb two"></div>

    <div class="tb-hero-inner">
        <span class="tb-hero-badge"><i class="fa fa-paper-plane" aria-hidden="true"></i> 400+ Airlines &middot; 1000+ Destinations</span>
        <h1>Fly The World With <span class="tb-grad">Unbeatable</span> Fares</h1>
        <p class="tb-hero-sub">Search cheap flights in seconds. Compare fares from 400+ airlines and book your dream trip at the best price, every time.</p>

        <!-- Search widget -->
        <div class="tb-search-card">
            <form id="flightSearch" action="Flight-Results" method="get">
                <input type="hidden" id="HomePageindex" name="HomePage" />

                <!-- Trip type -->
                <div class="tb-trip-tabs" role="tablist">
                    <input type="radio" id="rt" onclick="ddlTypejourneyChange(2);" name="trip_info" value="yes" checked />
                    <label for="rt">Round Trip</label>
                    <input type="radio" id="ow" onclick="ddlTypejourneyChange(1);" name="trip_info" value="no" />
                    <label for="ow">One Way</label>
                </div>

                <!-- From / swap / To -->
                <div class="tb-field-grid">
                    <div class="tb-field">
                        <label for="fromCity">From</label>
                        <div class="tb-input-wrap">
                            <span class="tb-icon fa fa-map-marker" aria-hidden="true"></span>
                            <input id="fromCity" name="fromCity" placeholder="City or airport" class="form-control searchTestbox" type="text" value="" autocomplete="off" autofocus />
                            <input type="hidden" id="se_fromCity" name="se_fromCity" value="" />
                            <span class="location-icon2 glyphicon glyphicon-remove" style="font-weight:normal; font-size:12px;color:#ccc;" onclick="ClearData('fromCity')"></span>
                            <div id="show-list"></div>
                        </div>
                        <script type="text/javascript">
                        function fromcity(filter){
                        document.getElementById("se_fromCity").value=filter;
                        }
                        </script>
                    </div>

                    <div class="tb-swap-col">
                        <button type="button" class="tb-swap-btn" title="Swap cities" onclick="var f=$('#fromCity').val();var t=$('#toCity').val();var hf=$('#se_fromCity').val();var ht=$('#se_toCity').val();$('#fromCity').val(t);$('#toCity').val(f);$('#se_fromCity').val(ht);$('#se_toCity').val(hf);" aria-label="Swap from and to cities">
                            <i class="fa fa-exchange" aria-hidden="true"></i>
                        </button>
                    </div>

                    <div class="tb-field">
                        <label for="toCity">To</label>
                        <div class="tb-input-wrap">
                            <span class="tb-icon fa fa-map-marker" aria-hidden="true"></span>
                            <input id="toCity" name="toCity" placeholder="City or airport" class="form-control searchTestbox" value="" type="text" autocomplete="off">
                            <input id="se_toCity" name="se_toCity" value="" type="hidden" />
                            <span class="location-icon2 glyphicon glyphicon-remove" style="font-weight:normal; font-size:12px;color:#ccc;" onclick="ClearData('toCity')"></span>
                            <div id="show-list-to"></div>
                        </div>
                        <script type="text/javascript">
                        function toCity(filter){
                        document.getElementById("se_toCity").value=filter;
                        }
                        </script>
                    </div>
                </div>

                <!-- Dates -->
                <div class="tb-dates-grid">
                    <div class="tb-field">
                        <label for="departure_date">Depart</label>
                        <div class="tb-input-wrap" id="departDate_new">
                            <span class="tb-icon fa fa-calendar" aria-hidden="true"></span>
                            <input id="departure_date" name="departure_date" placeholder="Select date" class="form-control searchTestbox" type="text" value="" />
                        </div>
                    </div>
                    <div class="tb-field">
                        <label for="return_date">Return</label>
                        <div class="tb-input-wrap" id="returnDate_new">
                            <span class="tb-icon fa fa-calendar" aria-hidden="true"></span>
                            <input id="return_date" name="return_date" placeholder="Select date" class="form-control searchTestbox" type="text" value="" />
                        </div>
                    </div>
                </div>

                <!-- Travellers / cabin / contact -->
                <div class="tb-pax-grid">
                    <div class="tb-field">
                        <label for="Adult">Adult</label>
                        <div class="tb-input-wrap">
                            <span class="tb-icon fa fa-user" aria-hidden="true"></span>
                            <select id="Adult" name="Adult" class="form-control">
                                <option value="1" selected="selected">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                            </select>
                        </div>
                    </div>
                    <div class="tb-field">
                        <label for="Child">Child (2-11)</label>
                        <div class="tb-input-wrap">
                            <span class="tb-icon fa fa-child" aria-hidden="true"></span>
                            <select id="Child" name="child" class="form-control">
                                <option value="0" selected="selected">0</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                            </select>
                        </div>
                    </div>
                    <div class="tb-field">
                        <label for="Infant">Infant Lap</label>
                        <div class="tb-input-wrap">
                            <span class="tb-icon fa fa-bed" aria-hidden="true"></span>
                            <select id="Infant" name="infant" class="form-control">
                                <option value="0" selected="selected">0</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                            </select>
                        </div>
                    </div>
                    <div class="tb-field">
                        <label for="Cabin">Cabin Class</label>
                        <div class="tb-input-wrap">
                            <span class="tb-icon fa fa-suitcase" aria-hidden="true"></span>
                            <select id="Cabin" name="cabin" class="form-control">
                                <option value="ECONOMY" selected="selected">Economy</option>
                                <option value="PREMIUM_ECONOMY">Premium Economy</option>
                                <option value="BUSINESS">Business</option>
                                <option value="FIRST">First</option>
                            </select>
                        </div>
                    </div>
                    <div class="tb-field">
                        <label for="contact">Contact No</label>
                        <div class="tb-input-wrap">
                            <span class="tb-icon fa fa-phone" aria-hidden="true"></span>
                            <input type="number" id="contact" name="contact" class="form-control" placeholder="Phone number" />
                        </div>
                    </div>
                </div>

                <div id="divError"></div>

                <button id="btnSearchFlight" name="submit" type="submit" class="btn btn-danger tb-search-btn" onclick="return submitForm()">
                    <i class="fa fa-search" aria-hidden="true"></i> Search Flights
                </button>
                <input type="hidden" id="hfTripType" name="hfTripType" value="2">

                <p class="tb-search-note"><i class="fa fa-lock" aria-hidden="true"></i>Secure booking &middot; Fares include all taxes &amp; fees</p>
            </form>
        </div>

        <div class="tb-hero-chips">
            <span><i class="fa fa-check-circle" aria-hidden="true"></i> Best Price Guarantee</span>
            <span><i class="fa fa-refresh" aria-hidden="true"></i> Free Cancellation Options</span>
            <span><i class="fa fa-headphones" aria-hidden="true"></i> 24x7 Customer Support</span>
        </div>

        <a class="tb-hero-call" href="tel:+1-888-749-0002">
            <i class="fa fa-phone" aria-hidden="true"></i> Need help? Call <strong>&nbsp;+1-888-749-0002</strong>
        </a>
    </div>
</section>

<script type="text/javascript">
   $('#flightSearch').submit(function(){
    $("#btnSearchFlight", this)
      .html("<i class='fa fa-spinner fa-spin' aria-hidden='true'></i> Please Wait...")
      .attr('disabled', 'disabled');
    return true;
    });
   </script>
<script type="text/javascript">
    var minDate = new Date();
    var maxDate = new Date();
    maxDate.setFullYear(maxDate.getFullYear() + 1);
</script>

<!-- ================= WHY CHOOSE US ================= -->
<section class="tb-section" id="why-us">
    <div class="container">
        <div class="tb-section-head">
            <h2>Why Choose Us</h2>
            <p>We make booking simple, safe and affordable, so you can spend less time planning and more time flying.</p>
        </div>
        <div class="tb-trust-grid">
            <div class="tb-trust-card">
                <div class="tb-trust-ico"><i class="fa fa-tags" aria-hidden="true"></i></div>
                <h3>Cheap Booking Fares</h3>
                <p>Find yourself the ultimate deals on low-cost flight deals like nowhere.</p>
            </div>
            <div class="tb-trust-card">
                <div class="tb-trust-ico"><i class="fa fa-plane" aria-hidden="true"></i></div>
                <h3>Exciting Travel Deals</h3>
                <p>Search over thousands of airlines, hotels, and flight deals all at one place.</p>
            </div>
            <div class="tb-trust-card">
                <div class="tb-trust-ico"><i class="fa fa-bolt" aria-hidden="true"></i></div>
                <h3>Effortless Bookings</h3>
                <p>Search, Explore, Select and Fly &ndash; the only easy way to book your trips.</p>
            </div>
            <div class="tb-trust-card">
                <div class="tb-trust-ico"><i class="fa fa-headphones" aria-hidden="true"></i></div>
                <h3>24x7 Customer Services</h3>
                <p>Connect with us on all your queries on flights and hotel bookings.</p>
            </div>
        </div>
    </div>
</section>

<!-- ================= TOP AIRLINE DEALS ================= -->
<section class="tb-section alt tb-airlines" id="airline-deals">
    <div class="container">
        <div class="tb-section-head">
            <h2>Top Airline Deals</h2>
            <p>Explore the world with the most trusted airlines and grab exclusive fares on every route.</p>
        </div>
    </div>
    <logo-slider>
        <div class="sliders">
            <div class="airlineBx1 aircont">
                <div class="airhdgbx">
                    <span class="air-code">BA</span>
                    <h5>British Airways</h5>
                    <p>Founded in the year 1974, British Airways (BA) is the flag carrier of the United Kingdom.</p>
                    <a class="air-link" href="Flight-Results">Book now <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                </div>
            </div>
            <div class="airlineBx2 aircont">
                <div class="airhdgbx">
                    <span class="air-code">AF</span>
                    <h5>Air France</h5>
                    <p>Founded in the year 1933, Air France (AF) is the flag carrier of France.</p>
                    <a class="air-link" href="Flight-Results">Book now <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                </div>
            </div>
            <div class="airlineBx3 aircont">
                <div class="airhdgbx">
                    <span class="air-code">AC</span>
                    <h5>Air Canada</h5>
                    <p>Air Canada (AC) is the flag carrier and the largest airline of Canada.</p>
                    <a class="air-link" href="Flight-Results">Book now <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                </div>
            </div>
            <div class="airlineBx4 aircont">
                <div class="airhdgbx">
                    <span class="air-code">QR</span>
                    <h5>Qatar Airways</h5>
                    <p>Qatar Airways (QR) is one of the eminent scheduled flight service providers.</p>
                    <a class="air-link" href="Flight-Results">Book now <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                </div>
            </div>
            <div class="airlineBx5 aircont">
                <div class="airhdgbx">
                    <span class="air-code">UA</span>
                    <h5>United Airlines</h5>
                    <p>The foundation of United Airlines (UA) was led back in the year 1926.</p>
                    <a class="air-link" href="Flight-Results">Book now <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                </div>
            </div>
            <div class="airlineBx6 aircont">
                <div class="airhdgbx">
                    <span class="air-code">EK</span>
                    <h5>Emirates</h5>
                    <p>Emirates (EK) is one of the prominent airlines of UAE owned by the government.</p>
                    <a class="air-link" href="Flight-Results">Book now <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                </div>
            </div>
            <div class="airlineBx1 aircont">
                <div class="airhdgbx">
                    <span class="air-code">LH</span>
                    <h5>Lufthansa</h5>
                    <p>Lufthansa Airlines (LH) is the largest German airline and one of the most prominent.</p>
                    <a class="air-link" href="Flight-Results">Book now <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                </div>
            </div>
        </div>
    </logo-slider>
</section>

<!-- ================= POPULAR DESTINATIONS ================= -->
<section class="tb-section" id="destinations">
    <div class="container">
        <div class="tb-section-head">
            <h2>Flights Around the World</h2>
            <p>Search for the cheapest flights to any airport anywhere in the world and we'll help you find the best airfare deals available.</p>
        </div>
        <div class="tb-dest-grid">
            <a class="tb-dest-card" href="Flight-Results">
                <img src="https://images.unsplash.com/photo-1496442226666-8d4d0e62e6e9?auto=format&fit=crop&w=800&q=80" alt="Flights to New York" loading="lazy" />
                <div class="tb-dest-info">
                    <h3>New York</h3>
                    <p><i class="fa fa-plane" aria-hidden="true"></i> USA &middot; From $199</p>
                </div>
            </a>
            <a class="tb-dest-card" href="Flight-Results">
                <img src="https://images.unsplash.com/photo-1512453979798-5ea266f8880c?auto=format&fit=crop&w=800&q=80" alt="Flights to Dubai" loading="lazy" />
                <div class="tb-dest-info">
                    <h3>Dubai</h3>
                    <p><i class="fa fa-plane" aria-hidden="true"></i> UAE &middot; From $249</p>
                </div>
            </a>
            <a class="tb-dest-card" href="Flight-Results">
                <img src="https://images.unsplash.com/photo-1513635269975-59663e0ac1ad?auto=format&fit=crop&w=800&q=80" alt="Flights to London" loading="lazy" />
                <div class="tb-dest-info">
                    <h3>London</h3>
                    <p><i class="fa fa-plane" aria-hidden="true"></i> UK &middot; From $229</p>
                </div>
            </a>
            <a class="tb-dest-card" href="Flight-Results">
                <img src="https://images.unsplash.com/photo-1502602898657-3e91760cbb34?auto=format&fit=crop&w=800&q=80" alt="Flights to Paris" loading="lazy" />
                <div class="tb-dest-info">
                    <h3>Paris</h3>
                    <p><i class="fa fa-plane" aria-hidden="true"></i> France &middot; From $219</p>
                </div>
            </a>
            <a class="tb-dest-card" href="Flight-Results">
                <img src="https://images.unsplash.com/photo-1540959733332-eab4deabeeaf?auto=format&fit=crop&w=800&q=80" alt="Flights to Tokyo" loading="lazy" />
                <div class="tb-dest-info">
                    <h3>Tokyo</h3>
                    <p><i class="fa fa-plane" aria-hidden="true"></i> Japan &middot; From $299</p>
                </div>
            </a>
            <a class="tb-dest-card" href="Flight-Results">
                <img src="https://images.unsplash.com/photo-1537996194471-e657df975ab4?auto=format&fit=crop&w=800&q=80" alt="Flights to Bali" loading="lazy" />
                <div class="tb-dest-info">
                    <h3>Bali</h3>
                    <p><i class="fa fa-plane" aria-hidden="true"></i> Indonesia &middot; From $279</p>
                </div>
            </a>
        </div>
    </div>
</section>

    <?php include"include/footer_panel.php"; ?>
        
    <div class="searach_popup" style="display:none;">
        <form id="flightSearch1" action="" method="post">
            <div class="close_btn"><a><i class="fa fa-close"></i></a></div>
            <div class="destin_name">
                Flight
                <span id="seFrom">Tempa</span> To <span id="seTo">Miami</span>
            </div>
            <div class="trip_type">
                <div class="one_way_trip"><i class="fa fa-calendar"></i><input type="text" id="se_departure_date" name="se_departure_date" placeholder="YYYY-MM-DD" value="" /></div>
                <div class="round_trip"><i class="fa fa-calendar"></i><input type="text" id="se_return_date" name="se_return_date" placeholder="YYYY-MM-DD" value="" /></div>
            </div>
            <div class="trip_type2" id="travellerDiv2">
                <div class="trip_type2_trav"><input type="text" id="se_txtPaxDetail" name="class" placeholder="1 Traveller , Economy" autocomplete="off" /><span class="PaxDropArrow2"><i class="fa fa-chevron-down"></i></span></div>
                <div class="round_trip2_btn">
                    <input type="submit" class="" onclick="return se_submitForm();" value="Search" />
                </div>
                <div class="passenger-div2" style="background-color:#fff;">
                    <div class="passenger-div-content">
                        <p style="font-size:12px;" id="class-txt">Class : </p>
                        <select class="select-class2 home-select-class" id="se_Cabin" name="se_Cabin" onchange="se_setPaxDropBox();">
                            <option value="1">Economy</option>
                            <option value="2">Premium Economy</option>
                            <option value="3">Business</option>
                            <option value="4">First</option>
                        </select>
                    </div>
                    <div style="margin-top:0;" class="select-passenger">
                        <div class="select-passenger-content">
                            <div class="adult-row">
                                <div class="adult-left">
                                    <p style="font-size:12px;" class="adult-txt">
                                        Adults<br>
                                        <span class="adult-txt-content">11+ Years</span>
                                    </p>
                                </div>
                                <div class="adult-right">
                                    <div class="adult-minus qtyminus" onclick="se_MinusPax('se_Adult');">
                                        <p class="adult-minus-txt">-</p>
                                    </div>
                                    <input id="se_Adult" name="se_Adult" type="text" value="1" class="qtynumber" readonly="readonly" />
                                    <div class="adult-plus qtyminus" onclick="se_PlusPax('se_Adult');">
                                        <p class="adult-minus-txt">+</p>
                                    </div>
                                </div>
                            </div>
                            <div class="children-row">
                                <div class="adult-left">
                                    <p style="font-size:12px;" class="adult-txt">
                                        Children<br>
                                        <span class="adult-txt-content">2 - 11 Years</span>
                                    </p>
                                </div>
                                <div class="children-right">
                                    <div class="adult-minus qtyminus" onclick="se_MinusPax('se_Child');">
                                        <p class="adult-minus-txt">-</p>
                                    </div>
                                    <input id="se_Child" name="se_Child" type="text" value="0" class="qtynumber" readonly="readonly" />
                                    <div class="adult-plus qtyminus" onclick="se_PlusPax('se_Child');">
                                        <p class="adult-minus-txt">+</p>
                                    </div>
                                </div>
                            </div>
                            <div class="infants-row">
                                <div class="adult-left">
                                    <p style="font-size:12px;" class="adult-txt">
                                        Infants<br>
                                        <span class="adult-txt-content"> &lt; 2 Years</span>
                                    </p>
                                </div>
                                <div class="infants-right">
                                    <div class="adult-minus qtyminus" onclick="se_MinusPax('se_Infant');">
                                        <p class="adult-minus-txt">-</p>
                                    </div>
                                    <input id="se_Infant" name="se_Infant" type="text" value="0" class="qtynumber" readonly="readonly" />
                                    <div class="adult-plus qtyminus" onclick="se_PlusPax('se_Infant');">
                                        <p class="adult-minus-txt">+</p>
                                    </div>
                                </div>
                            </div>
                            <div class="infants-row" style="display:none;">
                                <div class="adult-left">
                                    <p class="adult-txt">
                                        Infants WithSeat<br>
                                        <span class="adult-txt-content"> < 2 Years</span>
                                    </p>
                                </div>
                                <div class="infants-right">
                                    <div class="adult-minus qtyminus" onclick="se_MinusPax('se_InfantWs');">
                                        <p class="adult-minus-txt">-</p>
                                    </div>
                                    <input id="se_InfantWs" name="se_InfantWs" type="text" value="0" class="qtynumber" readonly="readonly" />
                                    <div class="adult-plus qtyminus" onclick="se_PlusPax('se_InfantWs');">
                                        <p class="adult-minus-txt">+</p>
                                    </div>
                                </div>
                            </div>
                            <button type="button" class="btn done-btn pull-right close-txt closePaxDiv2">Done</button>
                        </div>
                    </div>
                </div>
            </div>
            
            <input id="se_toCity" name="se_toCity" type="hidden" />
            <input type="hidden" id="se_hfTripType" name="se_hfTripType" />
        </form>
    </div>

    <div class="websitePopupBanner">
        <div class="list-count-banner">
            <div class="PopupHeader">
                <div>
                    Exclusive Flight Deals
                </div>
                <div class="close-btn" onclick="closewebsitePopupBanner()">X</div>
            </div>
            <div align="center">
                <div class="timer">
                    <img src="images/timer.png"> Limited Time Offer! <span>Ends</span><strong><span class="count-time Timer"> </span></strong>
                </div>
                <div class="call-button">
                    <a href="tel:+1-888-749-0002"><i class="fa fa-phone phone-cir"></i> <span style="font-size:16px">Call Now</span> <br>+1-888-749-0002</a>
                </div>

                <ul>
                    <li><span>Call waiting time Zero</span></li>
                    <li><span>24x7 Customer support</span></li>
                </ul>

                <div class="col-sm-12 footerBox">
                    <p style="font-size:16px;text-align: center;margin: 10px 0 0;"><b>To Book New Flight,</b> Make Changes or Cancel Your Existing Flight</p><br>
                    <a class="footer-call-button" href="tel:+1-888-749-0002">Call Now</a>
                </div>
                <div class="col-sm-12 text-center">
                    <p style="font-size:18px;text-align: center;color:#333;margin:5px 0;padding:0;">Click to call for 24/7 Customer Service</p>

                </div>
            </div>
            

            <div class="spacr2"></div>
        </div>
        <div class="midum-overlay"></div>
    </div>
	</div>
	
	<script src="Scripts/autocomplete-jquery.min.js"></script>
	<script src="Scripts/iata_from_city.js"></script>
	<script src="Scripts/iata_to_city.js"></script>
	<script src="Scripts/jquery-1.10.2.min.js"></script>
	<script src="Scripts/jquery-ui.min.js"></script>
	<script src="Scripts/jquery.validate.min.js"></script>
	<script src="Scripts/bootstrap.min.js"></script>
	<script src="Scripts/script.js"></script>
	<script src="Scripts/moment-with-locales.js"></script>
	<script src="Scripts/bootstrap-datetimepicker.js"></script>
	<script src="Scripts/SearchEngine.js"></script>
    <script src="js/owl.carousel.js"></script>
    <script src="engine1/wowslider.js"></script>

    <script>
        $(document).ready(function () {
            $(".dropbtn").click(function () {
                $("#myDropdown").toggle();
            });
        });
        function closewebsitePopupBanner() {
            $(".websitePopupBanner").hide();
        }

        $(window).scroll(function () {
            var sticky = $('.header-section1'),
                scroll = $(window).scrollTop();

            if (scroll >= 100) sticky.addClass('header_color');
            else sticky.removeClass('header_color');
        });
    </script>

    <!-- ============================================================
         PAGE PRELOADER CONTROLLER
         Loader duration seconds yahan se control karein.
         "LOADER_SECONDS" ki value badlao (e.g. 10 = 10 seconds).
         ============================================================ -->
    <script>
        (function () {
            var LOADER_SECONDS = 2; // <-- yahan se loader time set karo (seconds)
            var totalMs = LOADER_SECONDS * 1000;

            var overlay = document.getElementById("tbPreloader");
            var bar = document.getElementById("tbPreloaderBar");
            var secEl = document.getElementById("tbPreloaderSeconds");
            var dotsEl = document.getElementById("tbPreloaderDots");

            // Page scroll/click ko loader ke time block karo
            document.documentElement.style.overflow = "hidden";
            document.body.style.overflow = "hidden";

            var start = Date.now();
            var dotFrames = [".", "..", "...", "...."];

            var timer = setInterval(function () {
                var elapsed = Date.now() - start;
                var remaining = Math.max(0, Math.ceil((totalMs - elapsed) / 1000));

                // Progress bar + seconds countdown
                var pct = Math.min(100, (elapsed / totalMs) * 100);
                if (bar) bar.style.width = pct + "%";
                if (secEl) secEl.textContent = remaining;

                // Animated dots
                if (dotsEl) dotsEl.textContent = dotFrames[Math.floor(elapsed / 300) % dotFrames.length];

                if (elapsed >= totalMs) {
                    clearInterval(timer);
                    // Loader fade out karke page release karo
                    overlay.classList.add("tb-preloader-done");
                    document.documentElement.style.overflow = "";
                    document.body.style.overflow = "";
                    setTimeout(function () {
                        if (overlay && overlay.parentNode) overlay.parentNode.removeChild(overlay);
                    }, 700);
                }
            }, 100);
        })();
    </script>
</body>
</html>
