header
  
  
  <script src="{$_conf_vars.ROOT_URL}scripts/jquery-ui.min.js"></script>
    <script src="{$_conf_vars.ROOT_URL}scripts/Search.js"></script>
	 <script src="{$_conf_vars.ROOT_URL}scripts/Searchs.js"></script>
    <script src="{$_conf_vars.ROOT_URL}scripts/home.js"></script>
    <script src="{$_conf_vars.ROOT_URL}scripts/main.js"></script>
	
	
	
	<div class="search-tab-content">
            <div id="flights" class="tab-pane fade in active col-sm-12 no-padding">

<form action="/" class="SearchWidget desk" method="post">    <div class="row searchoption">
					<div id="donate">
              <label class="blue"><input checked="checked" class="slct_btn rndtrp trpact" id="RoundMultiOnewayTrip" name="RoundMultiOnewayTrip" type="radio" value="1" />  <span>&nbsp;Roundtrip <i class="fa fa-plane" aria-hidden="true"></i></span></label>
               
                  <label class="green"><input class="slct_btn onwtrp trpact" id="RoundMultiOnewayTrip" name="RoundMultiOnewayTrip" type="radio" value="0" />  <span>&nbsp;Oneway <i class="fa fa-plane" aria-hidden="true"></i></span></label>
                <label class="purple">
                        <input class="slct_btn multitrip" id="RoundMultiOnewayTrip" name="RoundMultiOnewayTrip" type="radio" value="2" />
                        
                        <span>&nbsp;Multicity <i class="fa fa-plane" aria-hidden="true"></i></span>
                    </label>
              
</div>
    </div>
    <div class="clr"></div>
    <div id="mainErrorCover">
        <span class="field-validation-valid" data-valmsg-for="Origin" data-valmsg-replace="true"></span>
        <span id="originmsg"></span>
        <span class="field-validation-valid" data-valmsg-for="Destination" data-valmsg-replace="true"></span>
        <span id="Destinationmsg"></span>
        <span class="field-validation-valid" data-valmsg-for="Departure" data-valmsg-replace="true"></span>
        <span id="Departuredate"></span>
        <span class="field-validation-valid" data-valmsg-for="Arrival" data-valmsg-replace="true"></span>
        <span id="Arrivaldate"></span>
        <span class="field-validation-valid" data-valmsg-for="NumberofTraveler" data-valmsg-replace="true"></span>
        <span id="nmbrTrv"></span>
        <span class="field-validation-valid" data-valmsg-for="OriginCityCode" data-valmsg-replace="true"></span>
        <span id="orginCityCode"></span>
        <span class="field-validation-valid" data-valmsg-for="DestinationCityCode" data-valmsg-replace="true"></span>
        <span id="destinat"></span>
        <span id="spnOriginDestination"></span>
    </div>
<div style="background:#fff;padding:1em;margin-left:-10px;margin-right:-10px;border-radius:0 10px 10px 10px">
    <div class="row" style="background:#fff">
        <div class="form-group col-sm-3">
            <label>Your Departure</label>
            <input class="form-control ipt1 autosuggest" data-val="true" data-val-required="+ Please provide From City / Airport Code" id="Origin" name="Origin" onclick="this.focus(); this.setSelectionRange(0, 9999);" placeholder="City Or Airport" tabindex="1" type="text" value="" />
        </div>
        <div class="form-group col-sm-3">
            <label>Your Destination</label>
            <input class="form-control ipt1 autosuggest" data-val="true" data-val-required="+ Please provide To City / Airport Code" id="Destination" name="Destination" onclick="this.focus(); this.setSelectionRange(0, 9999);" placeholder="City Or Airport" tabindex="2" type="text" value="" />
        </div>
   
            <div class="form-group col-sm-3  ffrms_ppd">
                <label><i class="fa fa-calendar"> </i> Departure</label>
                <input Value="Mar 16, 2020" class="txtDepartual form-control ipt1" data-val="true" data-val-date="The field Departure must be a date." data-val-required="+ Please provide Departure Date" id="txtDepartual" name="Departure" onclick="this.focus(); this.setSelectionRange(0, 9999);" placeholder="Pick a date" tabindex="3" type="text" value="3/16/2020 10:55:30 AM" />
            </div>

                        <div class="form-group col-sm-3 " id="arrivalSpan">
                    <label><i class="fa fa-calendar"> </i> Return</label>
                    <input Value="Mar 22, 2020" autocomplete="off" class="txtArrival form-control ipt1" data-val="true" data-val-date="The field Arrival must be a date." data-val-required="+ Please provide Arrival Date" id="txtArrival" name="Arrival" onclick="this.focus(); this.setSelectionRange(0, 9999);" placeholder="Pick a date" type="text" value="3/22/2020 10:55:30 AM" />
                </div>
    </div>
    <div class="clr"></div>
    <div class="multicity_new" id="multicity_1" style="background:#fff;margin-left:-10px;margin-right:-10px">
        <h5><span class="fa fa-plane"></span> Flight 2</h5>
        <div class="clr"></div>
        <div class="form-group col-sm-4">
            <label>Your Departure</label>
            <input placeholder="Flying From" onclick="this.focus(); this.setSelectionRange(0, 9999);" name="Origin_1" id="Origin_1" class="form-control autosuggest" tabindex="4" />
            <span class="field-validation-valid text-danger" data-valmsg-replace="true" data-valmsg-for="Origin_1"></span>
        </div>
        <div class="form-group col-sm-4">
            <label>Your Destination</label>
            <input placeholder="Flying To" onclick="this.focus(); this.setSelectionRange(0, 9999);" name="Destination_1" id="Destination_1" class="form-control autosuggest" tabindex="4" />
            <span class="field-validation-valid text-danger" data-valmsg-replace="true" data-valmsg-for="Destination_1"></span>
        </div>
        <div class="form-group col-sm-4" id="dvDepartDate_1">
            <label>Your Departure</label>
            <input value="" placeholder="Pick a date" onclick="this.focus(); this.setSelectionRange(0, 9999);" name="txtDepartingDate_1" id="txtDepartingDate_1" readonly class="txtDepartual form-control" tabindex="6" />
            <span data-valmsg-replace="true" data-valmsg-for="TravelDateDepart_1" class="field-validation-valid text-danger"></span>
        </div>
        
        <div class="form-group col-sm-12" id="dv_add_remove_1">
            <label>&nbsp;</label>
            <a href="javascript:void(0)" id="add_1" onclick="AddNewDivforMultiCity(1)"><i class="fa fa-plus-square-o" aria-hidden="true"></i> Add Flight</a>
        </div>
        
        <div class="clr"></div>
    </div>
    <div class="clr"></div>
    

    <div id="addmulticity"></div>
    <div class="clr"></div>



    <div class="row" style="background:#fff">
        <div class="col-sm-6 form-group ffrms_ppd">
            <label><i class="fa fa-user" aria-hidden="true"></i> Travelers </label>

            <input autocomplete="off" class="NumberofTraveler form-control ipt2" data-val="true" data-val-required="+ Minimum one Traveler is required" id="NumberofTraveler" name="NumberofTraveler" type="text" value="" />
             <div id="adult" class="adult traveller-type-drpdwn">
                <fieldset>
                    <strong>Adults</strong>
                    <div class="input-group bootstrap-touchspin">
                        <span class="input-group-btn">
                            <button type="button" field="quantity" class="btn btn-default bootstrap-touchspin-down qtyminus">-</button>
                        </span>
                        <span class="input-group-addon bootstrap-touchspin-prefix" style="display: none;"></span>
                        <input type="text" name="quantity" value="1" id="adulttravelers" travelertype="adults" readonly>
                        <span class="input-group-addon bootstrap-touchspin-postfix" style="display: none;"></span><span class="input-group-btn">
                            <button type="button" field='quantity' class="btn btn-default bootstrap-touchspin-up qtyplus">+</button>
                        </span>
                    </div>

                    <strong>Childs(3-11)</strong>
                    <div class="input-group bootstrap-touchspin">
                        <span class="input-group-btn">
                            <button type="button" field='quantity1' class="btn btn-default bootstrap-touchspin-down qtyminus1">-</button>
                        </span>
                        <span class="input-group-addon bootstrap-touchspin-prefix" style="display: none;"></span>
                        <input type="text" name='quantity1' value="0" id="minortravelers" travelertype="adults" readonly>
                        <span class="input-group-addon bootstrap-touchspin-postfix" style="display: none;"></span><span class="input-group-btn">
                            <button type="button" field='quantity1' class="btn btn-default bootstrap-touchspin-up qtyplus1">+</button>
                        </span>
                    </div>
                    <strong>(Infants(0-2)</strong>
                    <div class="input-group bootstrap-touchspin">
                        <span class="input-group-btn">
                            <button type="button" field='quantity2' class="btn btn-default bootstrap-touchspin-down qtyminus2">-</button>
                        </span>
                        <span class="input-group-addon bootstrap-touchspin-prefix" style="display: none;"></span>
                        <input type="text" name='quantity2' value="0" id="infanttravelers" travelertype="adults" readonly>
                        <span class="input-group-addon bootstrap-touchspin-postfix" style="display: none;"></span><span class="input-group-btn">
                            <button type="button" field='quantity2' class="btn btn-default bootstrap-touchspin-up qtyplus2">+</button>
                        </span>
                    </div>
                    
                </fieldset>
            </div>
        </div>

        <div class="col-sm-6 form-group ffrms_ppd">
            <label><i class="fa fa-list" aria-hidden="true"></i> Class Type </label>
            <select class="form-control ipt1" id="FlightClass" name="FlightClass"><option value="2">Economy</option>
<option value="3">Premium Economy</option>
<option value="4">Business</option>
<option value="6">First</option>
</select>
        </div>

    </div>



    <div class="row" style="background:#fff">
        <div class="col-xs-12">
            <button type="submit" class="btn btn-block btn-danger" style="width:auto;height: 50px;" name="submitForm" id="btnSearchsubmit">SEARCH FLIGHTS</button>
        </div>
    </div>
	</div>
<input data-val="true" data-val-number="The field AdultCount must be a number." data-val-required="The AdultCount field is required." id="AdultCount" name="AdultCount" type="hidden" value="1" /><input data-val="true" data-val-number="The field SeniorCount must be a number." data-val-required="The SeniorCount field is required." id="SeniorCount" name="SeniorCount" type="hidden" value="0" /><input data-val="true" data-val-number="The field ChildCount must be a number." data-val-required="The ChildCount field is required." id="ChildCount" name="ChildCount" type="hidden" value="0" /><input data-val="true" data-val-number="The field InfantCount must be a number." data-val-required="The InfantCount field is required." id="InfantCount" name="InfantCount" type="hidden" value="0" /><input id="OriginCode" name="OriginCode" type="hidden" value="" /><input id="DestinationCode" name="DestinationCode" type="hidden" value="" /><input id="OriginCityCode" name="OriginCityCode" type="hidden" value="" /><input id="DestinationCityCode" name="DestinationCityCode" type="hidden" value="" /><input id="OriginCityName" name="OriginCityName" type="hidden" value="" /><input id="DestinationCityName" name="DestinationCityName" type="hidden" value="" /><input id="PreferedairlinesCode" name="PreferedairlinesCode" type="hidden" value="" /><input id="UTMCampaign" name="UTMCampaign" type="hidden" value="" /><input id="UTMMedium" name="UTMMedium" type="hidden" value="" /><input id="UTMSource" name="UTMSource" type="hidden" value="" /><input id="TollFreeNumber" name="TollFreeNumber" type="hidden" value="" /><input id="MetaId" name="MetaId" type="hidden" value="" /><input id="MetaName" name="MetaName" type="hidden" value="" /><input id="Website" name="Website" type="hidden" value="" /><input id="hdn_MultiCityFrom" name="MultiCityFrom" type="hidden" value="" /><input id="hdn_MultiCityTo" name="MultiCityTo" type="hidden" value="" /><input id="hdn_MultiCityDepartDate" name="MultiCityDepartDate" type="hidden" value="" /><div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Information</h4>
            </div>
            <div class="modal-body ">
                 <img src="/images/timeout-icon.png" style="float:left;" /> Maximum number of travelers exceeds. You can add upto 9 travelers only.<br />
                If you are traveling with more than 9 travelers, please call us toll free at <strong class="text-danger">1 888-220-4974</strong> for assistance.
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">Ok</button>
            </div>
        </div>
    </div>
</div>
</form>
<div class="clr"></div>
{literal}
<script>
    var b = document.documentElement;
    b.setAttribute('data-useragent', navigator.userAgent);
    b.setAttribute('data-platform', navigator.platform);</script>
<script>
    $(document).ready(function () {
        if ('R' != null) {
            if ('R' != "O") {
                if (document.getElementById("txtArrival") != null) {
                    document.getElementById("txtArrival").style.display = "inline";

                }
                if (document.getElementById("arrivalSpan") != null) {
                    document.getElementById("arrivalSpan").style.display = "block";
                }
            } else {
                if (document.getElementById("txtArrival") != null) {
                    document.getElementById("txtArrival").style.display = "none";
                    document.getElementById("txtArrival").value = "";
                }
                if (document.getElementById("arrivalSpan") != null) {
                    document.getElementById("arrivalSpan").style.display = "none";
                }
            }
        } else {
            if (document.getElementById("txtArrival") != null) {
                document.getElementById("txtArrival").style.display = "none";
            }
            if (document.getElementById("arrivalSpan") != null) {
                document.getElementById("arrivalSpan").style.display = "none";
            }
        }
        if ('3/16/2020 10:55:30 AM' != '1/1/0001 12:00:00 AM') {
            $("#dvArrival").css("display", "none");
        }
        if ('3/22/2020 10:55:30 AM' != '1/1/0001 12:00:00 AM') {
            $("#dvArrival").css("display", "block");
        }

        $('#adulttravelers').val('1');
        $('#minortravelers').val('0');

        if ('' == "") {
            // debugger;
            $('#NumberofTraveler').val("1 Traveler");
        }

        if (msieversion()) {
            $("input[placeholder], textarea[placeholder]").each(function (i, e) {
                if ($(e).val() == "") {
                    $(e).val($(e).attr("placeholder"));
                }
                $(e).blur(function () {
                    if ($(this).val() == "")
                        $(this).val($(e).attr("placeholder"));
                }).focus(function () {
                    if ($(this).val() == $(e).attr("placeholder"))
                        $(this).val("");
                });
            });
        }
        $(".searchoption label").click(function () {
            $(".searchoption label").removeClass("active");
            $(this).addClass("active");
        });
    });

    function ShowHideRadio(tripTyp) {

        if (tripTyp == "0") {
            if (document.getElementById("txtArrival") != null) {
                document.getElementById("txtArrival").style.display = "none";
            }
            if (document.getElementById("arrivalSpan") != null) {
                document.getElementById("arrivalSpan").style.display = "none";
            }
            $("#mainErrorCover").html('');
        }
        if (tripTyp == "1") {
            if ('3/16/2020 10:55:30 AM' != '1/1/0001 12:00:00 AM') {
                $("#dvArrival").css("display", "block");
            }
            if (document.getElementById("txtArrival") != null) {
                document.getElementById("txtArrival").style.display = "block";
            }
            if (document.getElementById("arrivalSpan") != null) {
                document.getElementById("arrivalSpan").style.display = "block";
            }
            $("#mainErrorCover").html('');
        }
    }
    function msieversion() {
        var ua = window.navigator.userAgent;
        var msie = ua.indexOf("MSIE ");

        if (msie > 0)      // If Internet Explorer, return version number
        {

            return true;
        }
        else                 // If another browser, return 0
        {

            return false;
        }
        return false;
    }
</script>
{/literal}



<form action="/" class="SearchWidget desk" method="post" style="display:none">    <div class="row searchoption">
					<div id="donate">
              <label class="blue"><input checked="checked" class="slct_btn rndtrp trpact" id="RoundMultiOnewayTrip" name="RoundMultiOnewayTrip" type="radio" value="1" />  <span>&nbsp;Roundtrip <i class="fa fa-plane" aria-hidden="true"></i></span></label>
               
                  <label class="green"><input class="slct_btn onwtrp trpact" id="RoundMultiOnewayTrip" name="RoundMultiOnewayTrip" type="radio" value="0" />  <span>&nbsp;Oneway <i class="fa fa-plane" aria-hidden="true"></i></span></label>
                <label class="purple">
                        <input class="slct_btn multitrip" id="RoundMultiOnewayTrip" name="RoundMultiOnewayTrip" type="radio" value="2" />
                        
                        <span>&nbsp;Multicity <i class="fa fa-plane" aria-hidden="true"></i></span>
                    </label>
              
</div>
    </div>
    <div class="clr"></div>
    <div id="mainErrorCover">
        <span class="field-validation-valid" data-valmsg-for="Origin" data-valmsg-replace="true"></span>
        <span id="originmsg"></span>
        <span class="field-validation-valid" data-valmsg-for="Destination" data-valmsg-replace="true"></span>
        <span id="Destinationmsg"></span>
        <span class="field-validation-valid" data-valmsg-for="Departure" data-valmsg-replace="true"></span>
        <span id="Departuredate"></span>
        <span class="field-validation-valid" data-valmsg-for="Arrival" data-valmsg-replace="true"></span>
        <span id="Arrivaldate"></span>
        <span class="field-validation-valid" data-valmsg-for="NumberofTraveler" data-valmsg-replace="true"></span>
        <span id="nmbrTrv"></span>
        <span class="field-validation-valid" data-valmsg-for="OriginCityCode" data-valmsg-replace="true"></span>
        <span id="orginCityCode"></span>
        <span class="field-validation-valid" data-valmsg-for="DestinationCityCode" data-valmsg-replace="true"></span>
        <span id="destinat"></span>
        <span id="spnOriginDestination"></span>
    </div>
<div style="background:#fff;padding:1em;margin-left:-10px;margin-right:-10px;border-radius:0 10px 10px 10px">
  <div class="row" style="background:#fff">
        <div class="form-group col-sm-3">
            <label>From</label>
          <input class="form-control ipt1 autosuggest" data-val="true" data-val-required="+ Please provide From City / Airport Code" id="Origin" name="Origin" onclick="this.focus(); this.setSelectionRange(0, 9999);" placeholder="City Or Airport" tabindex="1" type="text" value="" />
        </div>
        <div class="form-group col-sm-3">
            <label>To</label>
         <input class="form-control ipt1 autosuggest" data-val="true" data-val-required="+ Please provide To City / Airport Code" id="Destination" name="Destination" onclick="this.focus(); this.setSelectionRange(0, 9999);" placeholder="City Or Airport" tabindex="2" type="text" value="" />
        </div>
   
       
   
            <div class="form-group  col-sm-3 ffrms_ppd">
                <label><i class="fa fa-calendar"> </i> Departure</label>
				<?php $date = date('j d, Y'); ?>
                <input  Value="" class="txtDepartual form-control ipt1" data-val="true" data-val-date="The field Departure must be a date." data-val-required="+ Please provide Departure Date" id="txtDepartual" name="Departure" onclick="this.focus(); this.setSelectionRange(0, 9999);" placeholder="Pick a date" tabindex="3" type="text" value="10/26/2019 1:06:13 PM" />
          
            </div>

                        <div class="form-group col-sm-3" id="arrivalSpan">
                    <label><i class="fa fa-calendar"> </i> Return</label>
                    <input Value="Nov 01, 2019" autocomplete="off" class="txtArrival form-control ipt1" data-val="true" data-val-date="The field Arrival must be a date." data-val-required="+ Please provide Arrival Date" id="txtArrival" name="Arrival" onclick="this.focus(); this.setSelectionRange(0, 9999);" placeholder="Pick a date" type="text" value="11/1/2019 1:06:13 PM" />
                </div>
    </div>
    <div class="clr"></div>
     <div class="multicity_new" id="multicity_1" style="background:#fff;margin-left:-10px;margin-right:-10px">
        <h5><span class="fa fa-plane"></span> Flight 2</h5>
        <div class="clr"></div>
        <div class="form-group col-sm-4">
            <label>From</label>
            <input placeholder="Flying From" onclick="this.focus(); this.setSelectionRange(0, 9999);" name="Origin_1" id="Origin_1" class="form-control autosuggest" tabindex="4" />
            <span class="field-validation-valid text-danger" data-valmsg-replace="true" data-valmsg-for="Origin_1"></span>
        </div>
        <div class="form-group col-sm-4">
            <label>To</label>
            <input placeholder="Flying To" onclick="this.focus(); this.setSelectionRange(0, 9999);" name="Destination_1" id="Destination_1" class="form-control autosuggest" tabindex="4" />
            <span class="field-validation-valid text-danger" data-valmsg-replace="true" data-valmsg-for="Destination_1"></span>
        </div>
        <div class="form-group col-sm-4" id="dvDepartDate_1">
            <label>Your Departure</label>
            <input value="" placeholder="Pick a date" onclick="this.focus(); this.setSelectionRange(0, 9999);" name="txtDepartingDate_1" id="txtDepartingDate_1" readonly class="txtDepartingDate_1 txtDepartual form-control" tabindex="6" />
            <span data-valmsg-replace="true" data-valmsg-for="TravelDateDepart_1" class="field-validation-valid text-danger"></span>
        </div>
        
        <div class="form-group col-sm-12" id="dv_add_remove_1">
            <label>&nbsp;</label>
            <a href="javascript:void(0)" id="add_1" onclick="AddNewDivforMultiCity(1)"><i class="fa fa-plus-square-o" aria-hidden="true"></i> Add Flight</a>
        </div>
        
        <div class="clr"></div>
    </div>
    <div class="clr"></div>
    

    <div id="addmulticity"></div>
    <div class="clr"></div>



    <div class="row" style="background:#fff">
        <div class="col-sm-6 form-group ffrms_ppd">
            <label><i class="fa fa-user" aria-hidden="true"></i> Travelers </label>

            <input autocomplete="off" class="NumberofTraveler form-control ipt2" data-val="true" data-val-required="+ Minimum one Traveler is required" id="NumberofTraveler" name="NumberofTraveler" type="text" value="" />
            <div id="adulyt" class="adult traveller-type-drpdwn">
                <fieldset>
                    <strong>Adults</strong>
                    <div class="input-group bootstrap-touchspin">
                        <span class="input-group-btn">
                            <button type="button" field="quantity" class="btn btn-default bootstrap-touchspin-down qtyminus">-</button>
                        </span>
                        <span class="input-group-addon bootstrap-touchspin-prefix" style="display: none;"></span>
                        <input type="text" name="quantity" value="1" id="adulttravelers" travelertype="adults" readonly>
                        <span class="input-group-addon bootstrap-touchspin-postfix" style="display: none;"></span><span class="input-group-btn">
                            <button type="button" field='quantity' class="btn btn-default bootstrap-touchspin-up qtyplus">+</button>
                        </span>
                    </div>

                    <strong>Childs(3-11)</strong>
                    <div class="input-group bootstrap-touchspin">
                        <span class="input-group-btn">
                            <button type="button" field='quantity1' class="btn btn-default bootstrap-touchspin-down qtyminus1">-</button>
                        </span>
                        <span class="input-group-addon bootstrap-touchspin-prefix" style="display: none;"></span>
                        <input type="text" name='quantity1' value="0" id="minortravelers" travelertype="adults" readonly>
                        <span class="input-group-addon bootstrap-touchspin-postfix" style="display: none;"></span><span class="input-group-btn">
                            <button type="button" field='quantity1' class="btn btn-default bootstrap-touchspin-up qtyplus1">+</button>
                        </span>
                    </div>
                    <strong>(Infants(0-2)</strong>
                    <div class="input-group bootstrap-touchspin">
                        <span class="input-group-btn">
                            <button type="button" field='quantity2' class="btn btn-default bootstrap-touchspin-down qtyminus2">-</button>
                        </span>
                        <span class="input-group-addon bootstrap-touchspin-prefix" style="display: none;"></span>
                        <input type="text" name='quantity2' value="0" id="infanttravelers" travelertype="adults" readonly>
                        <span class="input-group-addon bootstrap-touchspin-postfix" style="display: none;"></span><span class="input-group-btn">
                            <button type="button" field='quantity2' class="btn btn-default bootstrap-touchspin-up qtyplus2">+</button>
                        </span>
                    </div>
                    
                </fieldset>
            </div>
        </div>

        <div class="col-sm-6 form-group ffrms_ppd">
            <label><i class="fa fa-list" aria-hidden="true"></i> Class Type </label>
            <select class="form-control ipt1" id="FlightClass" name="FlightClass"><option value="2">Economy</option>
<option value="3">Premium Economy</option>
<option value="4">Business</option>
<option value="6">First</option>
</select>
        </div>

    </div>



    <div class="row" style="background:#fff">
        <div class="col-xs-12">
            <button type="submit" class="btn btn-block btn-danger" style="width:auto" name="submitForm" id="btnSearchsubmit">SEARCH FLIGHTS</button>
        </div>
    </div>
	</div>
<input data-val="true" data-val-number="The field AdultCount must be a number." data-val-required="The AdultCount field is required." id="AdultCount" name="AdultCount" type="hidden" value="1" /><input data-val="true" data-val-number="The field SeniorCount must be a number." data-val-required="The SeniorCount field is required." id="SeniorCount" name="SeniorCount" type="hidden" value="0" /><input data-val="true" data-val-number="The field ChildCount must be a number." data-val-required="The ChildCount field is required." id="ChildCount" name="ChildCount" type="hidden" value="0" /><input data-val="true" data-val-number="The field InfantCount must be a number." data-val-required="The InfantCount field is required." id="InfantCount" name="InfantCount" type="hidden" value="0" /><input id="OriginCode" name="OriginCode" type="hidden" value="" /><input id="DestinationCode" name="DestinationCode" type="hidden" value="" /><input id="OriginCityCode" name="OriginCityCode" type="hidden" value="" /><input id="DestinationCityCode" name="DestinationCityCode" type="hidden" value="" /><input id="OriginCityName" name="OriginCityName" type="hidden" value="" /><input id="DestinationCityName" name="DestinationCityName" type="hidden" value="" /><input id="PreferedairlinesCode" name="PreferedairlinesCode" type="hidden" value="" /><input id="UTMCampaign" name="UTMCampaign" type="hidden" value="" /><input id="UTMMedium" name="UTMMedium" type="hidden" value="" /><input id="UTMSource" name="UTMSource" type="hidden" value="" /><input id="TollFreeNumber" name="TollFreeNumber" type="hidden" value="" /><input id="MetaId" name="MetaId" type="hidden" value="" /><input id="MetaName" name="MetaName" type="hidden" value="" /><input id="Website" name="Website" type="hidden" value="" /><input id="hdn_MultiCityFrom" name="MultiCityFrom" type="hidden" value="" /><input id="hdn_MultiCityTo" name="MultiCityTo" type="hidden" value="" /><input id="hdn_MultiCityDepartDate" name="MultiCityDepartDate" type="hidden" value="" /><div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Information</h4>
            </div>
            <div class="modal-body ">
                 <img src="/images/timeout-icon.png" style="float:left;" /> Maximum number of travelers exceeds. You can add upto 9 travelers only.<br />
                If you are traveling with more than 9 travelers, please call us toll free at <strong class="text-danger">1 888-220-4974</strong> for assistance.
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">Ok</button>
            </div>
        </div>
    </div>
</div>
</form>


<form action="/" class="SearchWidget mob1"  method="post" >   
   
<div>
 <div class="row searchoption">
					<div style="display:flex;width:100%;justify-content:space-between">
              <label><input checked="checked" style="margin-top:-4px !important;" class="slct_btn rndtrp trpact" id="RoundMultiOnewayTrip" name="RoundMultiOnewayTrip" type="radio" value="1" />  <span style="color:#fff">&nbsp;Roundtrip <i class="fa fa-plane" aria-hidden="true"></i></span></label>
               
                  <label><input class="slct_btn onwtrp trpact" style="margin-top:-4px !important;" id="RoundMultiOnewayTrip" name="RoundMultiOnewayTrip" type="radio" value="0" />  <span style="color:#fff">&nbsp;Oneway <i class="fa fa-plane" aria-hidden="true"></i></span></label>
                <label>
                        <input class="slct_btn multitrip" id="RoundMultiOnewayTrip" style="margin-top:-4px !important;" name="RoundMultiOnewayTrip" type="radio" value="2" />
                        
                        <span style="color:#fff">&nbsp;Multicity <i class="fa fa-plane" aria-hidden="true"></i></span>

                    </label>
              
</div>
    </div>
	 <div class="clr"></div>
  
    <div class="row" style="display:flex;">
        <div class="form-group" style="width:45%">
            <label>Origin</label>
          <input class="form-control ipt1 autosuggest" style="min-height: 45px !important;padding:0 !important" data-val="true" data-val-required="+ Please provide From City / Airport Code" id="Origins" name="Origin" onclick="this.focus(); this.setSelectionRange(0, 9999);" placeholder="Airport" tabindex="1" type="text" value="" />
 <label style="border-bottom:1px solid #fff">City Name</label>       
	   </div>
		 <div class="form-group" style="margin-right:10px;width:40px"><img src="https://www.travelo1.com/dev1/assets/images/air.png" width="40px"></div>
        <div class="form-group" style="width:45%">
            <label>Destination</label>
         <input class="form-control ipt1 autosuggest" style="min-height: 45px !important;padding:0 !important" data-val="true" data-val-required="+ Please provide To City / Airport Code" id="Destinations" name="Destination" onclick="this.focus(); this.setSelectionRange(0, 9999);" placeholder="Airport" tabindex="2" type="text" value="" />
 <label style="border-bottom:1px solid #fff">City Name</label>          
	   </div>
   
           
    </div>
	 <div class="row" style="display:flex;">
        
            <div class="form-group ffrms_ppd" style="width:45%">
                <label> Departure</label>
             <span style="display:flex">  <i class="fa fa-calendar" style="font-size:1.6em;margin-left:0px;margin-top: 10px;"></i> &nbsp; <input  style="min-height: 42px !important;" class="txtDepartuals form-control ipt1" data-val="true" data-val-date="The field Departure must be a date." data-val-required="+ Please provide Departure Date" id="txtDepartuals" name="Departure" onclick="this.focus(); this.setSelectionRange(0, 9999);" placeholder="Select" tabindex="3" type="text" value="" />
				
		 </span> 
 <label style="border-bottom:1px solid #fff;padding-left:22px;margin-top:-10px">Date</label> 
		  </div>
 <div class="form-group" style="margin-right:6px;width:40px" id="arrivalSpandiv"><img src="https://www.travelo1.com/dev1/assets/images/pipe.png" width="40px"></div>
                        <div class="form-group " style="width:45%" id="arrivalSpans">
                    <label>Return</label>
                    <span style="display:flex">  <i class="fa fa-calendar" style="font-size:1.6em;margin-left:0px;margin-top: 10px;"> </i> &nbsp; <input  autocomplete="off" style="min-height: 42px !important;" class="txtArrivals form-control ipt1" data-val="true" data-val-date="The field Arrival must be a date." data-val-required="+ Please provide Arrival Date" id="txtArrivals" name="Arrival" onclick="this.focus(); this.setSelectionRange(0, 9999);" placeholder="Select" type="text" value="" />
               </span> <label style="border-bottom:1px solid #fff;padding-left:22px;margin-top:-10px">Date</label>  </div>
    </div>
    <div class="clr"></div>
    <div class="multicity_news" id="multicitys_1" >
        <h5 style="color:#fff"><span class="fa fa-plane"></span> Flight 2</h5>
        <div class="clr"></div>
		
		
		 <div class="row" style="display:flex;">
        <div class="form-group" style="width:45%">
            <label>Airport</label>
           <input placeholder="Flying From" onclick="this.focus(); this.setSelectionRange(0, 9999);" name="Origin_1" id="Origins_1" class="form-control autosuggest" tabindex="4" />
            <label style="border-bottom:1px solid #fff">City Name</label>       
	   </div>
		 <div class="form-group" style="margin-right:10px;width:40px"><img src="https://www.travelo1.com/dev1/assets/images/air.png" width="40px"></div>
        <div class="form-group" style="width:45%">
            <label>Airport</label>
         <input placeholder="Flying To" onclick="this.focus(); this.setSelectionRange(0, 9999);" name="Destination_1" id="Destinations_1" class="form-control autosuggest" tabindex="4" />
            <label style="border-bottom:1px solid #fff">City Name</label>          
	   </div>
   
           
    </div>
		
		
		
		
		 <div class="row" style="display:flex;">
        <div class="form-group" id="dvDepartDate_1" style="width:45%">
		 <label> Departure</label>
		   <span style="display:flex">  <i class="fa fa-calendar" style="font-size:1.6em;margin-left:0px;margin-top: 10px;"></i> &nbsp;  <input style="min-height: 42px !important;" value="" placeholder="Select" onclick="this.focus(); this.setSelectionRange(0, 9999);" name="txtDepartingDate_1" id="txtDepartingDates_1" readonly class="txtDepartingDate_1 txtDepartual form-control" tabindex="6" />
           
				
		 </span> 
 <label style="border-bottom:1px solid #fff;padding-left:22px;margin-top:-10px">Date</label> 
		
		
        </div>
        </div>
		 <div class="row">
        <div class="form-group col-sm-12" id="dv_add_removes_1">
            <label>&nbsp;</label>
            <a href="javascript:void(0)" id="adds_1" onclick="AddNewDivforMultiCitys(1)"><i class="fa fa-plus-square-o" aria-hidden="true"></i> Add Flight</a>
        </div>
        </div>
        <div class="clr"></div>
    </div>
    <div class="clr"></div>
    

    <div id="addmulticitys"></div>
    <div class="clr"></div>



    <div class="row" style="display:flex;">
        <div class="form-group" style="width:45%">
           
             <span style="display:flex">  <i class="fa fa-user" style="font-size:1.6em;margin-left:0px; Padding-top:6px;"> </i>&nbsp; <input autocomplete="off" class="NumberofTraveler form-control ipt2" data-val="true" data-val-required="+ Minimum one Traveler is required" id="NumberofTraveler" name="NumberofTraveler" type="text" value="" />
			 </span>
            <div id="adult" class="adult traveller-type-drpdwn">
                <fieldset>
                    <strong>Adults</strong>
                    <div class="input-group bootstrap-touchspin">
                        <span class="input-group-btn">
                            <button type="button" field="quantity" class="btn btn-default bootstrap-touchspin-down qtyminus">-</button>
                        </span>
                        <span class="input-group-addon bootstrap-touchspin-prefix" style="display: none;"></span>
                        <input type="text" name="quantity" value="1" id="adulttravelers" travelertype="adults" readonly>
                        <span class="input-group-addon bootstrap-touchspin-postfix" style="display: none;"></span><span class="input-group-btn">
                            <button type="button" field='quantity' class="btn btn-default bootstrap-touchspin-up qtyplus">+</button>
                        </span>
                    </div>

                    <strong>Childs(3-11)</strong>
                    <div class="input-group bootstrap-touchspin">
                        <span class="input-group-btn">
                            <button type="button" field='quantity1' class="btn btn-default bootstrap-touchspin-down qtyminus1">-</button>
                        </span>
                        <span class="input-group-addon bootstrap-touchspin-prefix" style="display: none;"></span>
                        <input type="text" name='quantity1' value="0" id="minortravelers" travelertype="adults" readonly>
                        <span class="input-group-addon bootstrap-touchspin-postfix" style="display: none;"></span><span class="input-group-btn">
                            <button type="button" field='quantity1' class="btn btn-default bootstrap-touchspin-up qtyplus1">+</button>
                        </span>
                    </div>
                    <strong>(Infants(0-2)</strong>
                    <div class="input-group bootstrap-touchspin">
                        <span class="input-group-btn">
                            <button type="button" field='quantity2' class="btn btn-default bootstrap-touchspin-down qtyminus2">-</button>
                        </span>
                        <span class="input-group-addon bootstrap-touchspin-prefix" style="display: none;"></span>
                        <input type="text" name='quantity2' value="0" id="infanttravelers" travelertype="adults" readonly>
                        <span class="input-group-addon bootstrap-touchspin-postfix" style="display: none;"></span><span class="input-group-btn">
                            <button type="button" field='quantity2' class="btn btn-default bootstrap-touchspin-up qtyplus2">+</button>
                        </span>
                    </div>
                    
                </fieldset>
            </div>
        </div>
 <div class="form-group" style="margin-right:6px;width:40px"><img src="https://www.travelo1.com/dev1/assets/images/pipe.png" width="40px"></div>
      <div class="form-group" style="width:45%">
           
      <span style="display:flex">  <img src="https://www.travelo1.com/dev1/assets/images/traveller.png" style="width:24px;height:30px"> 
		   <select class="form-control ipt1" id="FlightClass" name="FlightClass"><option value="2">Economy</option>
<option value="3">Premium Economy</option>
<option value="4">Business</option>
<option value="6">First</option>
</select></span>
        </div>

    </div>



    <div class="row">
        <div class="">
            <button type="submit" class="btn btn-block btn-danger" style="width:100%;height:50px;" name="submitForm" id="btnSearchsubmit">SEARCH FLIGHTS</button>
        </div>
    </div>
	
	
	</div>
<input data-val="true" data-val-number="The field AdultCount must be a number." data-val-required="The AdultCount field is required." id="AdultCount" class="AdultCount" name="AdultCount" type="hidden" value="1" /><input data-val="true" data-val-number="The field SeniorCount must be a number." data-val-required="The SeniorCount field is required." id="SeniorCount" class="SeniorCount" name="SeniorCount" type="hidden" value="0" /><input data-val="true" data-val-number="The field ChildCount must be a number." data-val-required="The ChildCount field is required." id="ChildCount" class="ChildCount" name="ChildCount" type="hidden" value="0" /><input data-val="true" data-val-number="The field InfantCount must be a number." data-val-required="The InfantCount field is required." id="InfantCount" class="InfantCount" name="InfantCount" type="hidden" value="0" /><input id="OriginCode" name="OriginCode" class="OriginCode" type="hidden" value="" /><input id="DestinationCode" class="DestinationCode" name="DestinationCode" type="hidden" value="" /><input id="OriginCityCode" class="OriginCityCode" name="OriginCityCode" type="hidden" value="" /><input id="DestinationCityCode" class="DestinationCityCode" name="DestinationCityCode" type="hidden" value="" /><input id="OriginCityName" name="OriginCityName" class="OriginCityName" type="hidden" value="" /><input id="DestinationCityName" class="DestinationCityName" name="DestinationCityName" type="hidden" value="" /><input id="PreferedairlinesCode" class="PreferedairlinesCode" name="PreferedairlinesCode" type="hidden" value="" /><input id="UTMCampaign" name="UTMCampaign" type="hidden" value="" /><input id="UTMMedium" name="UTMMedium" type="hidden" value="" /><input id="UTMSource" name="UTMSource" type="hidden" value="" /><input id="TollFreeNumber" name="TollFreeNumber" type="hidden" value="" /><input id="MetaId" name="MetaId" type="hidden" value="" /><input id="MetaName" name="MetaName" type="hidden" value="" /><input id="Website" name="Website" type="hidden" value="" /><input id="hdn_MultiCityFrom" name="MultiCityFrom" type="hidden" value="" /><input id="hdn_MultiCityTo" name="MultiCityTo" type="hidden" value="" /><input id="hdn_MultiCityDepartDate" name="MultiCityDepartDate" type="hidden" value="" /><div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Information</h4>
            </div>
            <div class="modal-body ">
                 <img src="/images/timeout-icon.png" style="float:left;" /> Maximum number of travelers exceeds. You can add upto 9 travelers only.<br />
                If you are traveling with more than 9 travelers, please call us toll free at <strong class="text-danger">1 888-220-4974</strong> for assistance.
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">Ok</button>
            </div>
        </div>
    </div>
</div>
 </form>
<div class="clr"></div>
{literal}
<script>
    var b = document.documentElement;
    b.setAttribute('data-useragent', navigator.userAgent);
    b.setAttribute('data-platform', navigator.platform);</script>
	<script>
    $(document).ready(function () {
        if ('R' != null) {
            if ('R' != "O") {
                if (document.getElementById("txtArrival") != null) {
                    document.getElementById("txtArrival").style.display = "inline";

                }
                if (document.getElementById("arrivalSpan") != null) {
                    document.getElementById("arrivalSpan").style.display = "block";
                }
            } else {
                if (document.getElementById("txtArrival") != null) {
                    document.getElementById("txtArrival").style.display = "none";
                    document.getElementById("txtArrival").value = "";
                }
                if (document.getElementById("arrivalSpan") != null) {
                    document.getElementById("arrivalSpan").style.display = "none";
                }
            }
        } else {
            if (document.getElementById("txtArrival") != null) {
                document.getElementById("txtArrival").style.display = "none";
            }
            if (document.getElementById("arrivalSpan") != null) {
                document.getElementById("arrivalSpan").style.display = "none";
            }
        }
        if ('12/3/2019 11:50:30 PM' != '1/1/0001 12:00:00 AM') {
            $("#dvArrival").css("display", "none");
        }
        if ('12/9/2019 11:50:30 PM' != '1/1/0001 12:00:00 AM') {
            $("#dvArrival").css("display", "block");
        }

        $('#adulttravelers').val('1');
        $('#minortravelers').val('0');

        if ('' == "") {
            // debugger;
            $('.NumberofTraveler').val("1 Traveler");
        }

        if (msieversion()) {
            $("input[placeholder], textarea[placeholder]").each(function (i, e) {
                if ($(e).val() == "") {
                    $(e).val($(e).attr("placeholder"));
                }
                $(e).blur(function () {
                    if ($(this).val() == "")
                        $(this).val($(e).attr("placeholder"));
                }).focus(function () {
                    if ($(this).val() == $(e).attr("placeholder"))
                        $(this).val("");
                });
            });
        }
        $(".searchoption label").click(function () {
            $(".searchoption label").removeClass("active");
            $(this).addClass("active");
        });
    });

    function ShowHideRadio(tripTyp) {

        if (tripTyp == "0") {
            if (document.getElementById("txtArrival") != null) {
                document.getElementById("txtArrival").style.display = "none";
            }
            if (document.getElementById("arrivalSpan") != null) {
                document.getElementById("arrivalSpan").style.display = "none";
            }
            $("#mainErrorCover").html('');
        }
        if (tripTyp == "1") {
            if ('12/3/2019 11:50:30 PM' != '1/1/0001 12:00:00 AM') {
                $("#dvArrival").css("display", "block");
            }
            if (document.getElementById("txtArrival") != null) {
                document.getElementById("txtArrival").style.display = "block";
            }
            if (document.getElementById("arrivalSpan") != null) {
                document.getElementById("arrivalSpan").style.display = "block";
            }
            $("#mainErrorCover").html('');
        }
    }
    function msieversion() {
        var ua = window.navigator.userAgent;
        var msie = ua.indexOf("MSIE ");

        if (msie > 0)      // If Internet Explorer, return version number
        {

            return true;
        }
        else                 // If another browser, return 0
        {

            return false;
        }
        return false;
    }
</script>
<script>
    $(document).ready(function () {
        if ('R' != null) {
            if ('R' != "O") {
                if (document.getElementById("txtArrivals") != null) {
                    document.getElementById("txtArrivals").style.display = "inline";

                }
                if (document.getElementById("arrivalSpans") != null) {
                    document.getElementById("arrivalSpans").style.display = "block";
                }
            } else {
                if (document.getElementById("txtArrivals") != null) {
                    document.getElementById("txtArrivals").style.display = "none";
                    document.getElementById("txtArrivals").value = "";
                }
                if (document.getElementById("arrivalSpans") != null) {
                    document.getElementById("arrivalSpans").style.display = "none";
                }
            }
        } else {
            if (document.getElementById("txtArrivals") != null) {
                document.getElementById("txtArrivals").style.display = "none";
            }
            if (document.getElementById("arrivalSpans") != null) {
                document.getElementById("arrivalSpans").style.display = "none";
            }
        }
        if ('12/3/2019 11:50:30 PM' != '1/1/0001 12:00:00 AM') {
            $("#dvArrivals").css("display", "none");
        }
        if ('12/9/2019 11:50:30 PM' != '1/1/0001 12:00:00 AM') {
            $("#dvArrivals").css("display", "block");
        }

        $('#adulttravelerss').val('1');
        $('#minortravelerss').val('0');

        if ('' == "") {
            // debugger;
            $('.NumberofTravelers').val("1 Passenger");
        }

        if (msieversion()) {
            $("input[placeholder], textarea[placeholder]").each(function (i, e) {
                if ($(e).val() == "") {
                    $(e).val($(e).attr("placeholder"));
                }
                $(e).blur(function () {
                    if ($(this).val() == "")
                        $(this).val($(e).attr("placeholder"));
                }).focus(function () {
                    if ($(this).val() == $(e).attr("placeholder"))
                        $(this).val("");
                });
            });
        }
        $(".searchoption label").click(function () {
            $(".searchoption label").removeClass("active");
            $(this).addClass("active");
        });
    });

    function ShowHideRadio(tripTyp) {

        if (tripTyp == "0") {
            if (document.getElementById("txtArrivals") != null) {
                document.getElementById("txtArrivals").style.display = "none";
            }
            if (document.getElementById("arrivalSpans") != null) {
                document.getElementById("arrivalSpans").style.display = "none";
            }
            $("#mainErrorCover").html('');
        }
        if (tripTyp == "1") {
            if ('12/3/2019 11:50:30 PM' != '1/1/0001 12:00:00 AM') {
                $("#dvArrival").css("display", "block");
            }
            if (document.getElementById("txtArrivals") != null) {
                document.getElementById("txtArrivals").style.display = "block";
            }
            if (document.getElementById("arrivalSpans") != null) {
                document.getElementById("arrivalSpans").style.display = "block";
            }
            $("#mainErrorCover").html('');
        }
    }
    function msieversion() {
        var ua = window.navigator.userAgent;
        var msie = ua.indexOf("MSIE ");

        if (msie > 0)      // If Internet Explorer, return version number
        {

            return true;
        }
        else                 // If another browser, return 0
        {

            return false;
        }
        return false;
    }
</script>
{/literal}
            </div>
        </div>