Let's The World Together!

Find awesome hotel, tour, car and activities in London

                            
                                <!-- Hero Section -->
                                    <div class="bg-img-hero-bottom min-height-720 space-top-2 text-center space-top-lg-4" style="background-image: url(../../assets/img/1920x720/img1.jpg);">
                                        <div class="container">
                                            <!-- Info -->
                                            <div class="mt-xl-4 pb-lg-11">
                                                <h1 class="font-size-60 font-size-xs-30 text-white font-weight-bold">Let's The World Together!</h1>
                                                <p class="font-size-20 font-weight-normal text-white ml-3">Find awesome hotel, tour, car and activities in London</p>
                                            </div>
                                            <!-- End Info -->
                                            <div class="pt-3 pb-6">
                                                <!-- Nav Classic -->
                                                <ul class="nav tab-nav flex-nowrap tab-nav-boxed pb-4 pt-2 justify-content-xl-center" role="tablist">
                                                    <li class="nav-item">
                                                        <a class="nav-link font-weight-medium active" id="pills-one-example2-tab" data-toggle="pill" href="#pills-one-example2" role="tab" aria-controls="pills-one-example2" aria-selected="true">
                                                            <div class="d-flex flex-column flex-md-row  position-relative text-white align-items-center">
                                                                <figure class="ie-height-40 d-md-block mr-md-3">
                                                                    <i class="icon flaticon-hotel font-size-3"></i>
                                                                </figure>
                                                                <span class="tabtext mt-2 mt-md-0 font-weight-semi-bold">Hotel</span>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="nav-item ">
                                                        <a class="nav-link font-weight-medium" id="pills-two-example2-tab" data-toggle="pill" href="#pills-two-example2" role="tab" aria-controls="pills-two-example2" aria-selected="true">
                                                            <div class="d-flex flex-column flex-md-row  position-relative text-white align-items-center">
                                                                <figure class="ie-height-40 d-md-block mr-md-3">
                                                                    <i class="icon flaticon-global-1 font-size-3"></i>
                                                                </figure>
                                                                <span class="tabtext mt-2 mt-md-0 font-weight-semi-bold">Tours</span>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="nav-item ">
                                                        <a class="nav-link font-weight-medium" id="pills-three-example2-tab" data-toggle="pill" href="#pills-three-example2" role="tab" aria-controls="pills-three-example2" aria-selected="true">
                                                            <div class="d-flex flex-column flex-md-row  position-relative text-white align-items-center">
                                                                <figure class=" ie-height-40  d-md-block mr-md-3">
                                                                    <i class="icon flaticon-climbing font-size-3"></i>
                                                                </figure>
                                                                <span class="tabtext mt-2 mt-md-0 font-weight-semi-bold">Activity</span>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="nav-item ">
                                                        <a class="nav-link font-weight-medium" id="pills-four-example2-tab" data-toggle="pill" href="#pills-four-example2" role="tab" aria-controls="pills-four-example2" aria-selected="true">
                                                            <div class="d-flex flex-column flex-md-row  position-relative text-white align-items-center">
                                                                <figure class="ie-height-40 d-md-block mr-md-3">
                                                                    <i class="icon flaticon-home font-size-3"></i>
                                                                </figure>
                                                                <span class="tabtext mt-2 mt-md-0 font-weight-semi-bold">Rental</span>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="nav-item ">
                                                        <a class="nav-link font-weight-medium" id="pills-five-example2-tab" data-toggle="pill" href="#pills-five-example2" role="tab" aria-controls="pills-five-example2" aria-selected="true">
                                                            <div class="d-flex flex-column flex-md-row  position-relative text-white align-items-center">
                                                                <figure class="ie-height-40 d-md-block mr-md-3">
                                                                    <i class="icon flaticon-sedan font-size-3"></i>
                                                                </figure>
                                                                <span class="tabtext mt-2 mt-md-0 font-weight-semi-bold">Car</span>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="nav-item ">
                                                        <a class="nav-link font-weight-medium" id="pills-six-example2-tab" data-toggle="pill" href="#pills-six-example2" role="tab" aria-controls="pills-six-example2" aria-selected="true">
                                                            <div class="d-flex flex-column flex-md-row  position-relative text-white align-items-center">
                                                                <figure class="ie-height-40 d-md-block mr-md-3">
                                                                    <i class="icon flaticon-yatch font-size-3"></i>
                                                                </figure>
                                                                <span class="tabtext mt-2 mt-md-0 font-weight-semi-bold">Yacht</span>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="nav-item ">
                                                        <a class="nav-link font-weight-medium" id="pills-seven-example2-tab" data-toggle="pill" href="#pills-seven-example2" role="tab" aria-controls="pills-seven-example2" aria-selected="true">
                                                            <div class="d-flex flex-column flex-md-row  position-relative  text-white align-items-center">
                                                                <figure class="ie-height-40 d-md-block mr-md-3">
                                                                    <i class="icon flaticon-aeroplane font-size-3"></i>
                                                                </figure>
                                                                <span class="tabtext mt-2 mt-md-0 font-weight-semi-bold">Flights</span>
                                                            </div>
                                                        </a>
                                                    </li>
                                                </ul>
                                                <!-- End Nav Classic -->
                                                <div class="tab-content hero-tab-pane">
                                                    <div class="tab-pane fade active show" id="pills-one-example2" role="tabpanel" aria-labelledby="pills-one-example2-tab">
                                                        <!-- Search Jobs Form -->
                                                        <div class="card border-0 tab-shadow">
                                                            <div class="card-body">
                                                                <form class="js-validate">
                                                                  <div class="row d-block nav-select d-lg-flex mb-lg-3 px-2 px-lg-3">
                                                                    <div class="col-sm-12 col-lg-3dot6 col-xl-3dot7 mb-4 mb-lg-0 ">
                                                                        <span class="d-block text-gray-1 font-weight-normal text-left mb-0">Destination or Hotel Name</span>
                                                                        <!-- Select -->
                                                                        <select class="js-select selectpicker dropdown-select tab-dropdown col-12 pl-0 flaticon-pin-1 d-flex align-items-center text-primary font-weight-semi-bold" title="Where are you going?"
                                                                            data-style=""
                                                                            data-live-search="true"
                                                                            data-searchbox-classes="input-group-sm">
                                                                            <option class="border-bottom border-color-1" value="project1" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">London, United Kingdom</span>
                                                                                </span>'>
                                                                                London, United Kingdom
                                                                            </option>
                                                                            <option class="border-bottom border-color-1" value="project2" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">New York, United States</span>
                                                                                </span>'>
                                                                                New York, United States
                                                                            </option>
                                                                            <option  class="border-bottom border-color-1" value="project3" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">New South Wales, Australia</span>
                                                                                </span>'>
                                                                                New South Wales, Australia
                                                                            </option>
                                                                            <option class="border-bottom border-color-1" value="project4" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">Istanbul, Turkey</span>
                                                                                </span>'>
                                                                                Istanbul, Turkey
                                                                            </option>
                                                                            <option class="" value="project4" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">Reykjavík, Iceland</span>
                                                                                </span>'>
                                                                                Reykjavík, Iceland
                                                                            </option>
                                                                        </select>
                                                                        <!-- End Select -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-3dot7 col-xl-3dot6 mb-4 mb-lg-0 ">
                                                                        <!-- Input -->
                                                                        <span class="d-block text-gray-1 text-left font-weight-normal mb-0">Check In - Out</span>
                                                                        <div class="border-bottom border-width-2 border-color-1">
                                                                            <div id="datepickerWrapperFromOne" class="u-datepicker input-group">
                                                                                <div class="input-group-prepend">
                                                                                    <span class="d-flex align-items-center mr-2">
                                                                                      <i class="flaticon-calendar text-primary font-weight-semi-bold"></i>
                                                                                    </span>
                                                                                </div>
                                                                                 <input class="js-range-datepicker font-size-lg-16 shadow-none font-weight-bold form-control hero-form bg-transparent  border-0" type="date"
                                                                                     data-rp-wrapper="#datepickerWrapperFromOne"
                                                                                     data-rp-type="range"
                                                                                     data-rp-date-format="M d / Y"
                                                                                     data-rp-default-date='["Jul 7 / 2020", "Aug 25 / 2020"]'>
                                                                            </div>
                                                                             <!-- End Datepicker -->
                                                                        </div>
                                                                        <!-- End Input -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-2dot8 mb-4 mb-lg-0 dropdown-custom">
                                                                        <!-- Input -->
                                                                        <span class="d-block text-gray-1 text-left font-weight-normal mb-0">Rooms and Guests</span>
                                                                        <a id="basicDropdownClickInvoker" class="dropdown-nav-link dropdown-toggle d-flex pt-3 pb-2" href="javascript:;" role="button"
                                                                            aria-controls="basicDropdownClick"
                                                                            aria-haspopup="true"
                                                                            aria-expanded="false"
                                                                            data-unfold-event="click"
                                                                            data-unfold-target="#basicDropdownClick"
                                                                            data-unfold-type="css-animation"
                                                                            data-unfold-duration="300"
                                                                            data-unfold-delay="300"
                                                                            data-unfold-hide-on-scroll="true"
                                                                            data-unfold-animation-in="slideInUp"
                                                                            data-unfold-animation-out="fadeOut">
                                                                            <i class="flaticon-plus d-flex align-items-center mr-3 font-size-18 text-primary font-weight-semi-bold"></i>
                                                                            <span class="text-black font-size-16 font-weight-semi-bold">2 Rooms - 3 Guests</span>
                                                                        </a>
                                                                        <div id="basicDropdownClick" class="dropdown-menu dropdown-unfold col-11 m-0" aria-labelledby="basicDropdownClickInvoker">
                                                                            <div class="w-100 py-2 px-3 mb-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Rooms</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 py-2 px-3 mb-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Adults</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 py-2 px-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Child</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 text-right py-1 pr-5">
                                                                                <a class="text-primary font-weight-semi-bold font-size-16" href="#">Done</a>
                                                                            </div>
                                                                        </div>
                                                                        <!-- End Input -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-1dot8 align-self-lg-end text-md-right">
                                                                        <button type="submit" class="btn btn-primary btn-md border-radius-3 mb-xl-0 mb-lg-1 transition-3d-hover"><i class="flaticon-magnifying-glass mr-2"></i>Search</button>
                                                                    </div>
                                                                  </div>
                                                                  <!-- End Checkbox -->
                                                                </form>
                                                            </div>
                                                        </div>
                                                        <!-- End Search Jobs Form -->
                                                    </div>
                                                    <div class="tab-pane fade" id="pills-two-example2" role="tabpanel" aria-labelledby="pills-two-example2-tab">
                                                        <!-- Search Jobs Form -->
                                                        <div class="card border-0 tab-shadow">
                                                            <div class="card-body">
                                                                <form class="js-validate">
                                                                  <div class="row d-block nav-select d-lg-flex mb-lg-3 px-2 px-lg-3">
                                                                    <div class="col-sm-12 col-lg-3dot6 col-xl-3dot7 mb-4 mb-lg-0 ">
                                                                        <span class="d-block text-gray-1 font-weight-normal text-left mb-0">Destination or Hotel Name</span>
                                                                        <!-- Select -->
                                                                        <select class="js-select selectpicker dropdown-select tab-dropdown col-12 pl-0 flaticon-pin-1 d-flex align-items-center text-primary font-weight-semi-bold" title="Where are you going?"
                                                                            data-style=""
                                                                            data-live-search="true"
                                                                            data-searchbox-classes="input-group-sm">
                                                                            <option class="border-bottom border-color-1" value="project1" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">London, United Kingdom</span>
                                                                                </span>'>
                                                                                London, United Kingdom
                                                                            </option>
                                                                            <option class="border-bottom border-color-1" value="project2" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">New York, United States</span>
                                                                                </span>'>
                                                                                New York, United States
                                                                            </option>
                                                                            <option  class="border-bottom border-color-1" value="project3" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">New South Wales, Australia</span>
                                                                                </span>'>
                                                                                New South Wales, Australia
                                                                            </option>
                                                                            <option class="border-bottom border-color-1" value="project4" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">Istanbul, Turkey</span>
                                                                                </span>'>
                                                                                Istanbul, Turkey
                                                                            </option>
                                                                            <option class="" value="project4" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">Reykjavík, Iceland</span>
                                                                                </span>'>
                                                                                Reykjavík, Iceland
                                                                            </option>
                                                                        </select>
                                                                        <!-- End Select -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-3dot7 col-xl-3dot6 mb-4 mb-lg-0 ">
                                                                        <!-- Input -->
                                                                        <span class="d-block text-gray-1 text-left font-weight-normal mb-0">Check In - Out</span>
                                                                        <div class="border-bottom border-width-2 border-color-1">
                                                                            <div id="datepickerWrapperFromTwo" class="u-datepicker input-group">
                                                                                <div class="input-group-prepend">
                                                                                    <span class="d-flex align-items-center mr-2">
                                                                                      <i class="flaticon-calendar text-primary font-weight-semi-bold"></i>
                                                                                    </span>
                                                                                </div>
                                                                                 <input class="js-range-datepicker font-size-lg-16 shadow-none font-weight-bold form-control hero-form bg-transparent  border-0" type="date"
                                                                                     data-rp-wrapper="#datepickerWrapperFromTwo"
                                                                                     data-rp-type="range"
                                                                                     data-rp-date-format="M d / Y"
                                                                                     data-rp-default-date='["Jul 7 / 2020", "Aug 25 / 2020"]'>
                                                                            </div>
                                                                             <!-- End Datepicker -->
                                                                        </div>
                                                                        <!-- End Input -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-2dot8 mb-4 mb-lg-0 dropdown-custom">
                                                                        <!-- Input -->
                                                                        <span class="d-block text-gray-1 text-left font-weight-normal mb-0">Rooms and Guests</span>
                                                                        <a id="basicDropdownClickInvoker2" class="dropdown-nav-link dropdown-toggle d-flex pt-3 pb-2" href="javascript:;" role="button"
                                                                            aria-controls="basicDropdownClick2"
                                                                            aria-haspopup="true"
                                                                            aria-expanded="false"
                                                                            data-unfold-event="click"
                                                                            data-unfold-target="#basicDropdownClick2"
                                                                            data-unfold-type="css-animation"
                                                                            data-unfold-duration="300"
                                                                            data-unfold-delay="300"
                                                                            data-unfold-hide-on-scroll="true"
                                                                            data-unfold-animation-in="slideInUp"
                                                                            data-unfold-animation-out="fadeOut">
                                                                            <i class="flaticon-plus d-flex align-items-center mr-3 font-size-18 text-primary font-weight-semi-bold"></i>
                                                                            <span class="text-black font-size-16 font-weight-semi-bold">2 Rooms - 3 Guests</span>
                                                                        </a>
                                                                        <div id="basicDropdownClick2" class="dropdown-menu dropdown-unfold col-11 m-0" aria-labelledby="basicDropdownClickInvoker2">
                                                                            <div class="w-100 py-2 px-3 mb-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Rooms</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 py-2 px-3 mb-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Adults</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 py-2 px-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Child</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 text-right py-1 pr-5">
                                                                                <a class="text-primary font-weight-semi-bold font-size-16" href="#">Done</a>
                                                                            </div>
                                                                        </div>
                                                                        <!-- End Input -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-1dot8 align-self-lg-end text-md-right">
                                                                        <button type="submit" class="btn btn-primary btn-md border-radius-3 mb-xl-0 mb-lg-1 transition-3d-hover"><i class="flaticon-magnifying-glass mr-2"></i>Search</button>
                                                                    </div>
                                                                  </div>
                                                                  <!-- End Checkbox -->
                                                                </form>
                                                            </div>
                                                        </div>
                                                        <!-- End Search Jobs Form -->
                                                    </div>
                                                    <div class="tab-pane fade" id="pills-three-example2" role="tabpanel" aria-labelledby="pills-three-example2-tab">
                                                        <!-- Search Jobs Form -->
                                                        <div class="card border-0 tab-shadow">
                                                            <div class="card-body">
                                                                <form class="js-validate">
                                                                  <div class="row d-block nav-select d-lg-flex mb-lg-3 px-2 px-lg-3">
                                                                    <div class="col-sm-12 col-lg-3dot6 col-xl-3dot7 mb-4 mb-lg-0 ">
                                                                        <span class="d-block text-gray-1 font-weight-normal text-left mb-0">Destination or Hotel Name</span>
                                                                        <!-- Select -->
                                                                        <select class="js-select selectpicker dropdown-select tab-dropdown col-12 pl-0 flaticon-pin-1 d-flex align-items-center text-primary font-weight-semi-bold" title="Where are you going?"
                                                                            data-style=""
                                                                            data-live-search="true"
                                                                            data-searchbox-classes="input-group-sm">
                                                                            <option class="border-bottom border-color-1" value="project1" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">London, United Kingdom</span>
                                                                                </span>'>
                                                                                London, United Kingdom
                                                                            </option>
                                                                            <option class="border-bottom border-color-1" value="project2" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">New York, United States</span>
                                                                                </span>'>
                                                                                New York, United States
                                                                            </option>
                                                                            <option  class="border-bottom border-color-1" value="project3" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">New South Wales, Australia</span>
                                                                                </span>'>
                                                                                New South Wales, Australia
                                                                            </option>
                                                                            <option class="border-bottom border-color-1" value="project4" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">Istanbul, Turkey</span>
                                                                                </span>'>
                                                                                Istanbul, Turkey
                                                                            </option>
                                                                            <option class="" value="project4" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">Reykjavík, Iceland</span>
                                                                                </span>'>
                                                                                Reykjavík, Iceland
                                                                            </option>
                                                                        </select>
                                                                        <!-- End Select -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-3dot7 col-xl-3dot6 mb-4 mb-lg-0 ">
                                                                        <!-- Input -->
                                                                        <span class="d-block text-gray-1 text-left font-weight-normal mb-0">Check In - Out</span>
                                                                        <div class="border-bottom border-width-2 border-color-1">
                                                                            <div id="datepickerWrapperFromThree" class="u-datepicker input-group">
                                                                                <div class="input-group-prepend">
                                                                                    <span class="d-flex align-items-center mr-2">
                                                                                      <i class="flaticon-calendar text-primary font-weight-semi-bold"></i>
                                                                                    </span>
                                                                                </div>
                                                                                 <input class="js-range-datepicker font-size-lg-16 shadow-none font-weight-bold form-control hero-form bg-transparent  border-0" type="date"
                                                                                     data-rp-wrapper="#datepickerWrapperFromThree"
                                                                                     data-rp-type="range"
                                                                                     data-rp-date-format="M d / Y"
                                                                                     data-rp-default-date='["Jul 7 / 2020", "Aug 25 / 2020"]'>
                                                                            </div>
                                                                             <!-- End Datepicker -->
                                                                        </div>
                                                                        <!-- End Input -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-2dot8 mb-4 mb-lg-0 dropdown-custom">
                                                                        <!-- Input -->
                                                                        <span class="d-block text-gray-1 text-left font-weight-normal mb-0">Rooms and Guests</span>
                                                                        <a id="basicDropdownClickInvoker3" class="dropdown-nav-link dropdown-toggle d-flex pt-3 pb-2" href="javascript:;" role="button"
                                                                            aria-controls="basicDropdownClick3"
                                                                            aria-haspopup="true"
                                                                            aria-expanded="false"
                                                                            data-unfold-event="click"
                                                                            data-unfold-target="#basicDropdownClick3"
                                                                            data-unfold-type="css-animation"
                                                                            data-unfold-duration="300"
                                                                            data-unfold-delay="300"
                                                                            data-unfold-hide-on-scroll="true"
                                                                            data-unfold-animation-in="slideInUp"
                                                                            data-unfold-animation-out="fadeOut">
                                                                            <i class="flaticon-plus d-flex align-items-center mr-3 font-size-18 text-primary font-weight-semi-bold"></i>
                                                                            <span class="text-black font-size-16 font-weight-semi-bold">2 Rooms - 3 Guests</span>
                                                                        </a>
                                                                        <div id="basicDropdownClick3" class="dropdown-menu dropdown-unfold col-11 m-0" aria-labelledby="basicDropdownClickInvoker3">
                                                                            <div class="w-100 py-2 px-3 mb-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Rooms</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 py-2 px-3 mb-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Adults</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 py-2 px-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Child</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 text-right py-1 pr-5">
                                                                                <a class="text-primary font-weight-semi-bold font-size-16" href="#">Done</a>
                                                                            </div>
                                                                        </div>
                                                                        <!-- End Input -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-1dot8 align-self-lg-end text-md-right">
                                                                        <button type="submit" class="btn btn-primary btn-md border-radius-3 mb-xl-0 mb-lg-1 transition-3d-hover"><i class="flaticon-magnifying-glass mr-2"></i>Search</button>
                                                                    </div>
                                                                  </div>
                                                                  <!-- End Checkbox -->
                                                                </form>
                                                            </div>
                                                        </div>
                                                        <!-- End Search Jobs Form -->
                                                    </div>
                                                    <div class="tab-pane fade" id="pills-four-example2" role="tabpanel" aria-labelledby="pills-four-example2-tab">
                                                        <!-- Search Jobs Form -->
                                                        <div class="card border-0 tab-shadow">
                                                            <div class="card-body">
                                                                <form class="js-validate">
                                                                  <div class="row d-block nav-select d-lg-flex mb-lg-3 px-2 px-lg-3">
                                                                    <div class="col-sm-12 col-lg-3dot6 col-xl-3dot7 mb-4 mb-lg-0 ">
                                                                        <span class="d-block text-gray-1 font-weight-normal text-left mb-0">Destination or Hotel Name</span>
                                                                        <!-- Select -->
                                                                        <select class="js-select selectpicker dropdown-select tab-dropdown col-12 pl-0 flaticon-pin-1 d-flex align-items-center text-primary font-weight-semi-bold" title="Where are you going?"
                                                                            data-style=""
                                                                            data-live-search="true"
                                                                            data-searchbox-classes="input-group-sm">
                                                                            <option class="border-bottom border-color-1" value="project1" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">London, United Kingdom</span>
                                                                                </span>'>
                                                                                London, United Kingdom
                                                                            </option>
                                                                            <option class="border-bottom border-color-1" value="project2" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">New York, United States</span>
                                                                                </span>'>
                                                                                New York, United States
                                                                            </option>
                                                                            <option  class="border-bottom border-color-1" value="project3" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">New South Wales, Australia</span>
                                                                                </span>'>
                                                                                New South Wales, Australia
                                                                            </option>
                                                                            <option class="border-bottom border-color-1" value="project4" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">Istanbul, Turkey</span>
                                                                                </span>'>
                                                                                Istanbul, Turkey
                                                                            </option>
                                                                            <option class="" value="project4" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">Reykjavík, Iceland</span>
                                                                                </span>'>
                                                                                Reykjavík, Iceland
                                                                            </option>
                                                                        </select>
                                                                        <!-- End Select -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-3dot7 col-xl-3dot6 mb-4 mb-lg-0 ">
                                                                        <!-- Input -->
                                                                        <span class="d-block text-gray-1 text-left font-weight-normal mb-0">Check In - Out</span>
                                                                        <div class="border-bottom border-width-2 border-color-1">
                                                                            <div id="datepickerWrapperFromFour" class="u-datepicker input-group">
                                                                                <div class="input-group-prepend">
                                                                                    <span class="d-flex align-items-center mr-2">
                                                                                      <i class="flaticon-calendar text-primary font-weight-semi-bold"></i>
                                                                                    </span>
                                                                                </div>
                                                                                 <input class="js-range-datepicker font-size-lg-16 shadow-none font-weight-bold form-control hero-form bg-transparent  border-0" type="date"
                                                                                     data-rp-wrapper="#datepickerWrapperFromFour"
                                                                                     data-rp-type="range"
                                                                                     data-rp-date-format="M d / Y"
                                                                                     data-rp-default-date='["Jul 7 / 2020", "Aug 25 / 2020"]'>
                                                                            </div>
                                                                             <!-- End Datepicker -->
                                                                        </div>
                                                                        <!-- End Input -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-2dot8 mb-4 mb-lg-0 dropdown-custom">
                                                                        <!-- Input -->
                                                                        <span class="d-block text-gray-1 text-left font-weight-normal mb-0">Rooms and Guests</span>
                                                                        <a id="basicDropdownClickInvoker4" class="dropdown-nav-link dropdown-toggle d-flex pt-3 pb-2" href="javascript:;" role="button"
                                                                            aria-controls="basicDropdownClick4"
                                                                            aria-haspopup="true"
                                                                            aria-expanded="false"
                                                                            data-unfold-event="click"
                                                                            data-unfold-target="#basicDropdownClick4"
                                                                            data-unfold-type="css-animation"
                                                                            data-unfold-duration="300"
                                                                            data-unfold-delay="300"
                                                                            data-unfold-hide-on-scroll="true"
                                                                            data-unfold-animation-in="slideInUp"
                                                                            data-unfold-animation-out="fadeOut">
                                                                            <i class="flaticon-plus d-flex align-items-center mr-3 font-size-18 text-primary font-weight-semi-bold"></i>
                                                                            <span class="text-black font-size-16 font-weight-semi-bold">2 Rooms - 3 Guests</span>
                                                                        </a>
                                                                        <div id="basicDropdownClick4" class="dropdown-menu dropdown-unfold col-11 m-0" aria-labelledby="basicDropdownClickInvoker4">
                                                                            <div class="w-100 py-2 px-3 mb-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Rooms</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 py-2 px-3 mb-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Adults</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 py-2 px-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Child</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 text-right py-1 pr-5">
                                                                                <a class="text-primary font-weight-semi-bold font-size-16" href="#">Done</a>
                                                                            </div>
                                                                        </div>
                                                                        <!-- End Input -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-1dot8 align-self-lg-end text-md-right">
                                                                        <button type="submit" class="btn btn-primary btn-md border-radius-3 mb-xl-0 mb-lg-1 transition-3d-hover"><i class="flaticon-magnifying-glass mr-2"></i>Search</button>
                                                                    </div>
                                                                  </div>
                                                                  <!-- End Checkbox -->
                                                                </form>
                                                            </div>
                                                        </div>
                                                        <!-- End Search Jobs Form -->
                                                    </div>
                                                    <div class="tab-pane fade" id="pills-five-example2" role="tabpanel" aria-labelledby="pills-five-example2-tab">
                                                        <!-- Search Jobs Form -->
                                                        <div class="card border-0 tab-shadow">
                                                            <div class="card-body">
                                                                <form class="js-validate">
                                                                  <div class="row d-block nav-select d-lg-flex mb-lg-3 px-2 px-lg-3">
                                                                    <div class="col-sm-12 col-lg-3dot6 col-xl-3dot7 mb-4 mb-lg-0 ">
                                                                        <span class="d-block text-gray-1 font-weight-normal text-left mb-0">Destination or Hotel Name</span>
                                                                        <!-- Select -->
                                                                        <select class="js-select selectpicker dropdown-select tab-dropdown col-12 pl-0 flaticon-pin-1 d-flex align-items-center text-primary font-weight-semi-bold" title="Where are you going?"
                                                                            data-style=""
                                                                            data-live-search="true"
                                                                            data-searchbox-classes="input-group-sm">
                                                                            <option class="border-bottom border-color-1" value="project1" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">London, United Kingdom</span>
                                                                                </span>'>
                                                                                London, United Kingdom
                                                                            </option>
                                                                            <option class="border-bottom border-color-1" value="project2" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">New York, United States</span>
                                                                                </span>'>
                                                                                New York, United States
                                                                            </option>
                                                                            <option  class="border-bottom border-color-1" value="project3" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">New South Wales, Australia</span>
                                                                                </span>'>
                                                                                New South Wales, Australia
                                                                            </option>
                                                                            <option class="border-bottom border-color-1" value="project4" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">Istanbul, Turkey</span>
                                                                                </span>'>
                                                                                Istanbul, Turkey
                                                                            </option>
                                                                            <option class="" value="project4" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">Reykjavík, Iceland</span>
                                                                                </span>'>
                                                                                Reykjavík, Iceland
                                                                            </option>
                                                                        </select>
                                                                        <!-- End Select -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-3dot7 col-xl-3dot6 mb-4 mb-lg-0 ">
                                                                        <!-- Input -->
                                                                        <span class="d-block text-gray-1 text-left font-weight-normal mb-0">Check In - Out</span>
                                                                        <div class="border-bottom border-width-2 border-color-1">
                                                                            <div id="datepickerWrapperFromFive" class="u-datepicker input-group">
                                                                                <div class="input-group-prepend">
                                                                                    <span class="d-flex align-items-center mr-2">
                                                                                      <i class="flaticon-calendar text-primary font-weight-semi-bold"></i>
                                                                                    </span>
                                                                                </div>
                                                                                 <input class="js-range-datepicker font-size-lg-16 shadow-none font-weight-bold form-control hero-form bg-transparent  border-0" type="date"
                                                                                     data-rp-wrapper="#datepickerWrapperFromFive"
                                                                                     data-rp-type="range"
                                                                                     data-rp-date-format="M d / Y"
                                                                                     data-rp-default-date='["Jul 7 / 2020", "Aug 25 / 2020"]'>
                                                                            </div>
                                                                             <!-- End Datepicker -->
                                                                        </div>
                                                                        <!-- End Input -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-2dot8 mb-4 mb-lg-0 dropdown-custom">
                                                                        <!-- Input -->
                                                                        <span class="d-block text-gray-1 text-left font-weight-normal mb-0">Rooms and Guests</span>
                                                                        <a id="basicDropdownClickInvoker5" class="dropdown-nav-link dropdown-toggle d-flex pt-3 pb-2" href="javascript:;" role="button"
                                                                            aria-controls="basicDropdownClick5"
                                                                            aria-haspopup="true"
                                                                            aria-expanded="false"
                                                                            data-unfold-event="click"
                                                                            data-unfold-target="#basicDropdownClick5"
                                                                            data-unfold-type="css-animation"
                                                                            data-unfold-duration="300"
                                                                            data-unfold-delay="300"
                                                                            data-unfold-hide-on-scroll="true"
                                                                            data-unfold-animation-in="slideInUp"
                                                                            data-unfold-animation-out="fadeOut">
                                                                            <i class="flaticon-plus d-flex align-items-center mr-3 font-size-18 text-primary font-weight-semi-bold"></i>
                                                                            <span class="text-black font-size-16 font-weight-semi-bold">2 Rooms - 3 Guests</span>
                                                                        </a>
                                                                        <div id="basicDropdownClick5" class="dropdown-menu dropdown-unfold col-11 m-0" aria-labelledby="basicDropdownClickInvoker5">
                                                                            <div class="w-100 py-2 px-3 mb-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Rooms</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 py-2 px-3 mb-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Adults</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 py-2 px-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Child</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 text-right py-1 pr-5">
                                                                                <a class="text-primary font-weight-semi-bold font-size-16" href="#">Done</a>
                                                                            </div>
                                                                        </div>
                                                                        <!-- End Input -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-1dot8 align-self-lg-end text-md-right">
                                                                        <button type="submit" class="btn btn-primary btn-md border-radius-3 mb-xl-0 mb-lg-1 transition-3d-hover"><i class="flaticon-magnifying-glass mr-2"></i>Search</button>
                                                                    </div>
                                                                  </div>
                                                                  <!-- End Checkbox -->
                                                                </form>
                                                            </div>
                                                        </div>
                                                        <!-- End Search Jobs Form -->
                                                    </div>
                                                    <div class="tab-pane fade" id="pills-six-example2" role="tabpanel" aria-labelledby="pills-six-example2-tab">
                                                        <!-- Search Jobs Form -->
                                                        <div class="card border-0 tab-shadow">
                                                            <div class="card-body">
                                                                <form class="js-validate">
                                                                  <div class="row d-block nav-select d-lg-flex mb-lg-3 px-2 px-lg-3">
                                                                    <div class="col-sm-12 col-lg-3dot6 col-xl-3dot7 mb-4 mb-lg-0 ">
                                                                        <span class="d-block text-gray-1 font-weight-normal text-left mb-0">Destination or Hotel Name</span>
                                                                        <!-- Select -->
                                                                        <select class="js-select selectpicker dropdown-select tab-dropdown col-12 pl-0 flaticon-pin-1 d-flex align-items-center text-primary font-weight-semi-bold" title="Where are you going?"
                                                                            data-style=""
                                                                            data-live-search="true"
                                                                            data-searchbox-classes="input-group-sm">
                                                                            <option class="border-bottom border-color-1" value="project1" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">London, United Kingdom</span>
                                                                                </span>'>
                                                                                London, United Kingdom
                                                                            </option>
                                                                            <option class="border-bottom border-color-1" value="project2" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">New York, United States</span>
                                                                                </span>'>
                                                                                New York, United States
                                                                            </option>
                                                                            <option  class="border-bottom border-color-1" value="project3" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">New South Wales, Australia</span>
                                                                                </span>'>
                                                                                New South Wales, Australia
                                                                            </option>
                                                                            <option class="border-bottom border-color-1" value="project4" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">Istanbul, Turkey</span>
                                                                                </span>'>
                                                                                Istanbul, Turkey
                                                                            </option>
                                                                            <option class="" value="project4" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">Reykjavík, Iceland</span>
                                                                                </span>'>
                                                                                Reykjavík, Iceland
                                                                            </option>
                                                                        </select>
                                                                        <!-- End Select -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-3dot7 col-xl-3dot6 mb-4 mb-lg-0 ">
                                                                        <!-- Input -->
                                                                        <span class="d-block text-gray-1 text-left font-weight-normal mb-0">Check In - Out</span>
                                                                        <div class="border-bottom border-width-2 border-color-1">
                                                                            <div id="datepickerWrapperFromSix" class="u-datepicker input-group">
                                                                                <div class="input-group-prepend">
                                                                                    <span class="d-flex align-items-center mr-2">
                                                                                      <i class="flaticon-calendar text-primary font-weight-semi-bold"></i>
                                                                                    </span>
                                                                                </div>
                                                                                 <input class="js-range-datepicker font-size-lg-16 shadow-none font-weight-bold form-control hero-form bg-transparent  border-0" type="date"
                                                                                     data-rp-wrapper="#datepickerWrapperFromSix"
                                                                                     data-rp-type="range"
                                                                                     data-rp-date-format="M d / Y"
                                                                                     data-rp-default-date='["Jul 7 / 2020", "Aug 25 / 2020"]'>
                                                                            </div>
                                                                             <!-- End Datepicker -->
                                                                        </div>
                                                                        <!-- End Input -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-2dot8 mb-4 mb-lg-0 dropdown-custom">
                                                                        <!-- Input -->
                                                                        <span class="d-block text-gray-1 text-left font-weight-normal mb-0">Rooms and Guests</span>
                                                                        <a id="basicDropdownClickInvoker6" class="dropdown-nav-link dropdown-toggle d-flex pt-3 pb-2" href="javascript:;" role="button"
                                                                            aria-controls="basicDropdownClick6"
                                                                            aria-haspopup="true"
                                                                            aria-expanded="false"
                                                                            data-unfold-event="click"
                                                                            data-unfold-target="#basicDropdownClick6"
                                                                            data-unfold-type="css-animation"
                                                                            data-unfold-duration="300"
                                                                            data-unfold-delay="300"
                                                                            data-unfold-hide-on-scroll="true"
                                                                            data-unfold-animation-in="slideInUp"
                                                                            data-unfold-animation-out="fadeOut">
                                                                            <i class="flaticon-plus d-flex align-items-center mr-3 font-size-18 text-primary font-weight-semi-bold"></i>
                                                                            <span class="text-black font-size-16 font-weight-semi-bold">2 Rooms - 3 Guests</span>
                                                                        </a>
                                                                        <div id="basicDropdownClick6" class="dropdown-menu dropdown-unfold col-11 m-0" aria-labelledby="basicDropdownClickInvoker6">
                                                                            <div class="w-100 py-2 px-3 mb-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Rooms</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 py-2 px-3 mb-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Adults</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 py-2 px-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Child</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 text-right py-1 pr-5">
                                                                                <a class="text-primary font-weight-semi-bold font-size-16" href="#">Done</a>
                                                                            </div>
                                                                        </div>
                                                                        <!-- End Input -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-1dot8 align-self-lg-end text-md-right">
                                                                        <button type="submit" class="btn btn-primary btn-md border-radius-3 mb-xl-0 mb-lg-1 transition-3d-hover"><i class="flaticon-magnifying-glass mr-2"></i>Search</button>
                                                                    </div>
                                                                  </div>
                                                                  <!-- End Checkbox -->
                                                                </form>
                                                            </div>
                                                        </div>
                                                        <!-- End Search Jobs Form -->
                                                    </div>
                                                    <div class="tab-pane fade" id="pills-seven-example2" role="tabpanel" aria-labelledby="pills-seven-example2-tab">
                                                        <!-- Search Jobs Form -->
                                                        <div class="card border-0 tab-shadow">
                                                            <div class="card-body">
                                                                <form class="js-validate">
                                                                  <div class="row d-block nav-select d-lg-flex mb-lg-3 px-2 px-lg-3">
                                                                    <div class="col-sm-12 col-lg-3dot6 col-xl-3dot7 mb-4 mb-lg-0 ">
                                                                        <span class="d-block text-gray-1 font-weight-normal text-left mb-0">Destination or Hotel Name</span>
                                                                        <!-- Select -->
                                                                        <select class="js-select selectpicker dropdown-select tab-dropdown col-12 pl-0 flaticon-pin-1 d-flex align-items-center text-primary font-weight-semi-bold" title="Where are you going?"
                                                                            data-style=""
                                                                            data-live-search="true"
                                                                            data-searchbox-classes="input-group-sm">
                                                                            <option class="border-bottom border-color-1" value="project1" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">London, United Kingdom</span>
                                                                                </span>'>
                                                                                London, United Kingdom
                                                                            </option>
                                                                            <option class="border-bottom border-color-1" value="project2" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">New York, United States</span>
                                                                                </span>'>
                                                                                New York, United States
                                                                            </option>
                                                                            <option  class="border-bottom border-color-1" value="project3" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">New South Wales, Australia</span>
                                                                                </span>'>
                                                                                New South Wales, Australia
                                                                            </option>
                                                                            <option class="border-bottom border-color-1" value="project4" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">Istanbul, Turkey</span>
                                                                                </span>'>
                                                                                Istanbul, Turkey
                                                                            </option>
                                                                            <option class="" value="project4" data-content='
                                                                                <span class="d-flex align-items-center">
                                                                                    <span class="font-size-16">Reykjavík, Iceland</span>
                                                                                </span>'>
                                                                                Reykjavík, Iceland
                                                                            </option>
                                                                        </select>
                                                                        <!-- End Select -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-3dot7 col-xl-3dot6 mb-4 mb-lg-0 ">
                                                                        <!-- Input -->
                                                                        <span class="d-block text-gray-1 text-left font-weight-normal mb-0">Check In - Out</span>
                                                                        <div class="border-bottom border-width-2 border-color-1">
                                                                            <div id="datepickerWrapperFromSeven" class="u-datepicker input-group">
                                                                                <div class="input-group-prepend">
                                                                                    <span class="d-flex align-items-center mr-2">
                                                                                      <i class="flaticon-calendar text-primary font-weight-semi-bold"></i>
                                                                                    </span>
                                                                                </div>
                                                                                 <input class="js-range-datepicker font-size-lg-16 shadow-none font-weight-bold form-control hero-form bg-transparent  border-0" type="date"
                                                                                     data-rp-wrapper="#datepickerWrapperFromSeven"
                                                                                     data-rp-type="range"
                                                                                     data-rp-date-format="M d / Y"
                                                                                     data-rp-default-date='["Jul 7 / 2020", "Aug 25 / 2020"]'>
                                                                            </div>
                                                                             <!-- End Datepicker -->
                                                                        </div>
                                                                        <!-- End Input -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-2dot8 mb-4 mb-lg-0 dropdown-custom">
                                                                        <!-- Input -->
                                                                        <span class="d-block text-gray-1 text-left font-weight-normal mb-0">Rooms and Guests</span>
                                                                        <a id="basicDropdownClickInvoker7" class="dropdown-nav-link dropdown-toggle d-flex pt-3 pb-2" href="javascript:;" role="button"
                                                                            aria-controls="basicDropdownClick7"
                                                                            aria-haspopup="true"
                                                                            aria-expanded="false"
                                                                            data-unfold-event="click"
                                                                            data-unfold-target="#basicDropdownClick7"
                                                                            data-unfold-type="css-animation"
                                                                            data-unfold-duration="300"
                                                                            data-unfold-delay="300"
                                                                            data-unfold-hide-on-scroll="true"
                                                                            data-unfold-animation-in="slideInUp"
                                                                            data-unfold-animation-out="fadeOut">
                                                                            <i class="flaticon-plus d-flex align-items-center mr-3 font-size-18 text-primary font-weight-semi-bold"></i>
                                                                            <span class="text-black font-size-16 font-weight-semi-bold">2 Rooms - 3 Guests</span>
                                                                        </a>
                                                                        <div id="basicDropdownClick7" class="dropdown-menu dropdown-unfold col-11 m-0" aria-labelledby="basicDropdownClickInvoker7">
                                                                            <div class="w-100 py-2 px-3 mb-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Rooms</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 py-2 px-3 mb-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Adults</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 py-2 px-3">
                                                                                <div class="js-quantity mx-3 row align-items-center justify-content-between">
                                                                                    <span class="d-block font-size-16 text-secondary font-weight-medium">Child</span>
                                                                                    <div class="d-flex">
                                                                                        <a class="js-minus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-minus btn-icon__inner"></small>
                                                                                        </a>
                                                                                        <input class="js-result form-control h-auto border-0 rounded p-0 max-width-6 text-center" type="text" value="1">
                                                                                        <a class="js-plus btn btn-icon btn-medium btn-outline-secondary rounded-circle" href="javascript:;">
                                                                                            <small class="fas fa-plus btn-icon__inner"></small>
                                                                                        </a>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="w-100 text-right py-1 pr-5">
                                                                                <a class="text-primary font-weight-semi-bold font-size-16" href="#">Done</a>
                                                                            </div>
                                                                        </div>
                                                                        <!-- End Input -->
                                                                    </div>

                                                                    <div class="col-sm-12 col-lg-1dot8 align-self-lg-end text-md-right">
                                                                        <button type="submit" class="btn btn-primary btn-md border-radius-3 mb-xl-0 mb-lg-1 transition-3d-hover"><i class="flaticon-magnifying-glass mr-2"></i>Search</button>
                                                                    </div>
                                                                  </div>
                                                                  <!-- End Checkbox -->
                                                                </form>
                                                            </div>
                                                        </div>
                                                        <!-- End Search Jobs Form -->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                <!-- End Hero Section -->
                            
                        
                            
                                <link rel="stylesheet" href="../../assets/vendor/font-awesome/css/fontawesome-all.min.css">
                                <link rel="stylesheet" type="text/css" href="../../assets/css/font-mytravel.css">
                                <link rel="stylesheet" href="../../assets/vendor/flatpickr/dist/flatpickr.min.css">
                                <link rel="stylesheet" href="../../assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css">
                            
                        
                            
                                <!-- JS Implementing Plugins -->
                                <script src="../../assets/vendor/flatpickr/dist/flatpickr.min.js"></script>
                                <script src="../../assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>

                                <!-- JS MyTravel -->
                                <script src="../../assets/js/hs.core.js"></script>
                                <script src="../../assets/js/components/hs.range-datepicker.js"></script>
                                <script src="../../assets/js/components/hs.selectpicker.js"></script>
                                    <script src="../../assets/js/components/hs.quantity-counter.js"></script>


                                <!-- JS Plugins Init. -->
                                <script>
                                $(window).on('load', function () {
                                    // initialization of HSMegaMenu component
                                    $('.js-mega-menu').HSMegaMenu({
                                        event: 'hover',
                                        pageContainer: $('.container'),
                                        breakpoint: 1199.98,
                                        hideTimeOut: 0
                                    });
                                });

                                $(document).on('ready', function () {
                                    // initialization of datepicker
                                    $.HSCore.components.HSRangeDatepicker.init('.js-range-datepicker');

                                    // initialization of select
                                    $.HSCore.components.HSSelectPicker.init('.js-select');

                                    // initialization of quantity counter
                                    $.HSCore.components.HSQantityCounter.init('.js-quantity');
                                });
                                </script>