<div class="col-md-12">
<div class="intro ">
<form action="https://diyadem.workadu.com/webapp/diyadem/search/services/s/en_GB" class="wprengine-form" id="search-form" target="_blank">
<div class="row more-filters padd10b padd10t">
<div class="padd15l pad20t col-md-6">
<span class="booking-label">
<select id="group_id" class="booking-select " name="group_id"><option value="-1" selected="selected">All categories</option><option value="50938">PRIVATE TRANSFERS</option></select> <i class="fa fa-sort-down padd10l"></i>
</span>
</div>
<div class="padd15l pad20t col-md-6">
<span class="" data-section-type="orphans" data-field="webapp.where" id="booking-pax"> <span id="booking-pax-number"> 1 </span> Passenger(s) <i class="fa fa-sort-down padd10l"></i></span>
<div class="hidden " id="booking-pax-modal">
<div class="row padd10t">
<div class="col-xs-6 booking-label">
<i class="fa fa-user" aria-hidden="true"></i> Adult(s) <br>
</div>
<div class="col-xs-6 ">
<a href="#" class="minus-control control" data-minvalue="1">-</a>
<input name="adults" class="extra amount-control" type="text" placeholder="Adults" data-default="" value="1">
<a href="#" class="plus-control control" data-maxvalue="10">+</a>
</div>
</div>
<div class="row padd10t">
<div class="col-xs-6 booking-label">
<i class="fa fa-child" aria-hidden="true"></i> Children <br>
</div>
<div class=" col-xs-6 ">
<a href="#" class="minus-control control" data-minvalue="0">-</a>
<input name="children" class="extra amount-control input-reflect" type="text" placeholder="Child" data-default="" value="0">
<a href="#" class="plus-control control " data-maxvalue="10">+</a>
</div>
</div>
<div class="row padd10t">
<div class="col-xs-6 booking-label">
<i class="fa fa-child" aria-hidden="true"></i> Infant(s) <br>
</div>
<div class=" col-xs-6 ">
<a href="#" class="minus-control control" data-minvalue="0">-</a>
<input name="infants" class="extra amount-control input-reflect" type="text" placeholder="infants" data-default="" value="0">
<a href="#" class="plus-control control" data-maxvalue="10">+</a>
</div>
</div>
<div class="row padd10t">
<div class="col-xs-6 booking-label">
<a href="#" id="booking-pax-cancel">Cancel </a>
</div>
<div class="col-xs-6 booking-label">
<a href="#" id="booking-pax-end">Confirm </a>
</div>
</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-md-6">
<div class="form-group">
<h4 class="booking-label hidden">
<div class="orphan" data-section-type="orphans" data-field="webapp.where" style="color: rgb(255, 255, 255);"><i class="fa fa-map-marker" aria-hidden="true"></i> Where?</div>
</h4>
<span class="location-icon"></span>
<input autocomplete="off" placeholder="Getting on location (e.g. "Hawai")" class="form-control prediction-input" id="prediction-input" data-default="Άγια Παρασκευή, Appelou, Κως, Αποκεντρωμένη Διοίκηση Αιγαίου" required="" name="prediction-input" type="text">
</div>
<ul id="prediction_results" style="display: none"></ul>
</div>
<div class="col-md-6" id="return-location">
<h4 class="booking-label hidden">
<div class="orphan" data-section-type="orphans" data-field="pos.return.services" style="color: rgb(255, 255, 255);">End location?</div>
</h4>
<span class="location-icon"></span>
<input autocomplete="off" placeholder="Getting off location (e.g. "London")" class="form-control prediction-input" id="prediction-input-return" data-default="Άγια Παρασκευή, Appelou, Κως, Αποκεντρωμένη Διοίκηση Αιγαίου" required="" name="return_parking_name" type="text">
</div>
</div>
<div class="row">
<div class="col-md-4">
<h4 class="booking-label hidden">
<div class="orphan" data-section-type="orphans" data-field="webapp.when" style="color: rgb(255, 255, 255);"><i class="fa fa-calendar" aria-hidden="true"></i> When?</div> </h4>
<span class="calendar-icon"></span>
<div class="form-control">
<input autocomplete="off" placeholder="Set date range" class="form-control-hidden picker flatpickr-input" id="pickup_date" required="" name="pickup_range" type="hidden"><input class="form-control-hidden picker form-control input" placeholder="Set date range" required="" tabindex="0" type="text" readonly="readonly">
</div>
</div>
<div class="col-md-4">
<h4 class="booking-label hidden">
<div class="orphan" data-section-type="orphans" data-field="webapp.when" style="color: rgb(255, 255, 255);"><i class="fa fa-calendar" aria-hidden="true"></i> When?</div> </h4>
<span class="time-icon"></span>
<div class="form-control ">
<input autocomplete="off" placeholder="Set start time" class="form-control-hidden picker flatpickr-input" id="pickup_time" required="" name="pickup_time" type="text" readonly="readonly">
</div>
</div>
<div class="col-md-4">
<h5 class="control-label" style="
">
<div class="orphan" data-section-type="orphans" data-field="companyadmin.coupon" style="color: rgb(255, 255, 255);">Coupon Code</div>
</h5>
<input autocomplete="off" placeholder="Coupon Code" class="form-control " name="coupon" type="text">
</div>
</div>
<div class="row padd20t form-group text-right pull-right">
<div class="col-md-6">
<div class="form-group">
<button class="btn btn-rengine orphan" type="submit" data-loading-text="Please wait <i class='fa fa-circle-o-notch fa-spin'></i>" data-section-type="orphans" data-field="webapp.search_btn" style="color: rgb(255, 255, 255); background-color: rgb(0, 96, 255); border-color: rgb(255, 255, 255);"> <i class="fa fa-search " style="
display: none;
"></i> Search </button>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 hidden">
<label>
<i class="fa fa-puzzle-piece" aria-hidden="true"></i> Select category
</label>
<select id="group_id" class="form-control" name="group_id"><option value="-1" selected="selected">All categories</option><option value="50938">PRIVATE TRANSFERS</option></select>
</div>
</div>
<input name="pickup_coordinates" value="" type="hidden">
<input type="hidden" name="pickup_parking_name" value="">
<input name="return_coordinates" type="hidden" value="">
<input type="hidden" name="return_parking_name" value="">
<input name="radius" type="hidden" value="zones">
<input name="booking_form_type" type="hidden" value="transfers">
<input type="hidden" id="pickup_datetime" value="" name="pickup_datetime">
<input type="hidden" id="return_datetime" value="" name="return_datetime">
<input type="hidden" id="calendar_mode" value="false" name="calendar_mode">
<input type="hidden" id="calendar_view" value="false" name="calendar_view">
<input type="hidden" id="calendar_step" value="10" name="calendar_step">
<input type="hidden" id="calendar_hours" value="" name="calendar_hours">
<input type="hidden" id="placement" value="auto" name="placement">
<input type="hidden" id="slideMode" value="false" name="slideMode">
<input type="hidden" id="services_ids" value="" name="services_ids">
<input type="hidden" id="type" value="" name="type">
<input type="hidden" id="base_coordinates" value="" name="base_coordinates">
<input type="hidden" id="base_radius" value="100000" name="base_radius">
<input type="hidden" id="hideLocations" value="" name="hideLocations">
</form>
</div>
</div>