www.cathaypacific.com
Open in
urlscan Pro
95.101.111.171
Public Scan
URL:
https://www.cathaypacific.com/cx/en_HK/destinations/things-to-do-in-johannesburg.html
Submission Tags: falconsandbox
Submission: On July 17 via api from US — Scanned from DE
Submission Tags: falconsandbox
Submission: On July 17 via api from US — Scanned from DE
Form analysis 5 forms found in the DOM
GET https://www.cathaypacific.com/cx/en_HK/search.html
<form action="https://www.cathaypacific.com/cx/en_HK/search.html" method="get" class="side-menu-site-search-form">
<label for="side-menu-keyword" class="site-search-label">Search Cathay Pacific</label>
<input type="search" id="side-menu-keyword" name="keyword" class="site-search-input" placeholder="Search Cathay Pacific">
<button type="submit" class="site-search-submit-button">
<i aria-hidden="true" lang="en" class="icon icon-magnify"></i>
<span class="is-visually-hidden">Search</span>
</button>
</form>GET https://www.cathaypacific.com/cx/en_HK/search.html
<form action="https://www.cathaypacific.com/cx/en_HK/search.html" method="get" class="header-site-search-form">
<label for="header-keyword" class="site-search-label">Search Cathay Pacific</label>
<input type="search" id="header-keyword" name="keyword" class="site-search-input" placeholder="" autocomplete="off">
<a href="#" class="site-search-submit-button" role="button" style="touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<i aria-hidden="true" lang="en" class="icon icon-magnify"></i>
<span class="is-visually-hidden">Search</span>
</a>
<a href="#" class="site-search-close-button" role="button" style="touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<i aria-hidden="true" lang="en" class="icon icon-site-search-bar-cancel"></i>
<span class="is-visually-hidden">Close</span>
</a>
</form>GET /wdsibe/IBEFacade
<form class="trip-form" action="/wdsibe/IBEFacade" method="GET" data-isbundlepromotion="false" data-reminderrequired="false" data-reminderlabelcontinue="Search flights" data-reminderlabelcancel="Cancel">
<input type="hidden" name="ACTION" value="SINGLECITY_SEARCH">
<input type="hidden" name="ENTRYPOINT" value="https://www.cathaypacific.com/cx/en_HK/destinations/things-to-do.html">
<input type="hidden" name="ENTRYLANGUAGE" value="en">
<input type="hidden" name="ENTRYCOUNTRY" value="HK">
<input type="hidden" name="RETURNURL" value="https://www.cathaypacific.com/cx/en_HK.handler.html">
<input type="hidden" name="ERRORURL" value="https://www.cathaypacific.com/cx/en_HK/destinations/things-to-do.handler.johannesburg.html">
<input type="hidden" name="BOOKING_FLOW" value="REVENUE">
<input type="hidden" name="ORIGIN" value="">
<input type="hidden" name="DESTINATION" value="">
<input type="hidden" name="DEPARTUREDATE" value="">
<input type="hidden" name="ARRIVALDATE" value="">
<input type="hidden" name="CABINCLASS" value="">
<input type="hidden" name="TRIPTYPE" value="">
<input type="hidden" name="ADULT" value="">
<input type="hidden" name="YOUNGADULT" value="">
<input type="hidden" name="CHILD" value="">
<input type="hidden" name="INFANT" value="">
<input type="hidden" name="DISCOUNTCODE" value="">
<input type="hidden" name="USERID" value="">
<input type="hidden" name="NAMSESSIONID" value="">
<input type="hidden" name="NAMURL" value="">
<input type="hidden" name="FLEXIBLEDATE" value="true">
<div class="error-message-container"></div>
<div class="error-message-container-medium-up"></div>
<div class="overlaypopup-container"></div>
<div class="field-group book-trip-return-standalone" data-one-way-text="One way">
<input type="radio" class="ui-radio" id="round-trip" name="round-trip" value="R" checked="checked">
<label for="round-trip" class="radio-label">Return</label>
<input type="radio" class="ui-radio" id="one-way" name="round-trip" value="O">
<label for="one-way" class="radio-label">One way</label>
</div>
<ul class="book-trip-extras-medium-up">
<li class="trip-redeem"><a href="https://www.cathaypacific.com/cx/en_HK/book-a-trip/redeem-flights.html">Redeem flights</a></li>
<li class="trip-multicity"><a href="https://www.cathaypacific.com/cx/en_HK/book-a-trip/book-flights/book-flights-now/multi-city-stopover.html">Multi-city / stopover</a></li>
</ul>
<div class="book-trip-airports">
<ul class="book-trip-extras">
<li class="trip-redeem"><a href="https://www.cathaypacific.com/cx/en_HK/book-a-trip/redeem-flights.html">Redeem flights</a>
</li>
<li class="trip-multicity"><a href="https://www.cathaypacific.com/cx/en_HK/book-a-trip/book-flights/book-flights-now/multi-city-stopover.html">Multi-city / stopover</a></li>
</ul>
<div class="flight-depart">
<div class="field-group">
<label for="depart-label" class="field-label input-filled">Leaving from</label>
<input type="text" id="depart-label" name="depart-label" class="field-input ui-autocomplete-input input-filled" placeholder="Leaving from" data-url="https://api.cathaypacific.com/ibe-od/v2.0/en_HK" role="application"
data-autocomplete-helper-text="#result# result(s) is/are available. #selection# is selected. Use up and down arrow keys to navigate or press tab and enter keys to select." autocomplete="off">
<ul id="ui-id-1" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front ui-cx-autocomplete" style="display: none;"></ul>
</div>
</div>
<div class="flight-destination">
<div class="field-group">
<label for="destination-label" class="field-label">Going to</label>
<input type="text" id="destination-label" name="destination-label" class="field-input ui-autocomplete-input" placeholder="Going to" data-url="https://api.cathaypacific.com/ibe-od/v2.0/en_HK/#ORIGIN#" data-recent-label="Recently searched for:"
role="application" data-autocomplete-helper-text="#result# result(s) is/are available. #selection# is selected. Use up and down arrow keys to navigate or press tab and enter keys to select." autocomplete="off">
<ul id="ui-id-2" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front ui-cx-autocomplete" style="display: none;"></ul>
</div>
</div>
</div>
<div class="dates-picker-wrapper splited-date-picker flight-datepicker" data-date-picker-id="book-trip" data-dp-preferred-duration="7">
<div class="button-date-picker-wrapper field-group cx-inputfield">
<span aria-hidden="true" class="field-label input-filled">Departing on</span>
<button role="link" type="button" class="button-date-picker field-button from-button has-dates input-filled" data-ui-overlay-shared="true" data-ui-overlay-id="trip-dates-picker" aria-expanded="false" id="dpxto0ev"
aria-label="Departing on Monday 17 July 2023">
<span class="button-placeholder">Departing on</span>
<span class="date-selected from has-date" data-default-state="Departing on">
<span class="instruction">Departing on</span>
<span class="date-full">Monday 17 July 2023</span>
<span class="date-short">Mon 17 Jul 2023</span>
</span>
</button>
</div>
<div class="button-date-picker-wrapper field-group cx-inputfield">
<span aria-hidden="true" class="field-label input-filled">Returning on</span>
<button role="link" type="button" class="button-date-picker field-button to-button has-dates input-filled" data-ui-overlay-shared="true" data-ui-overlay-id="trip-dates-picker" aria-expanded="false" id="dpdnxgs"
aria-label="Returning on Monday 24 July 2023">
<span class="button-placeholder">Returning on</span>
<span class="date-selected to has-date" data-default-state="Returning on" data-show-nights="false">
<span class="instruction">Returning on</span>
<span class="date-full">Monday 24 July 2023</span>
<span class="date-short">Mon 24 Jul 2023</span>
</span>
</button>
</div>
<div class="dates-picker" data-date-picker="book-trip" data-ui-overlay="trip-dates-picker">
<div class="dates-picker-controls">
<button type="button" class="button-secondary control-clear" style="display: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"> Clear </button>
<a href="#close" class="button-secondary control-close" style="touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<span class="close-text">Close</span>
<i lang="en" class="icon icon-close-circle" aria-hidden="true"></i>
</a>
</div>
<div class="dates-picker-summary has-depart-date" style="display: none">
<span class="summary from has-date" data-prefix="From" data-default-state="Select departure date">
<span class="instruction">From</span>
<span class="date-full">Monday 17 July 2023</span>
<span class="date-short">Mon 17 Jul 2023</span>
</span>
<span class="summary to has-date" data-prefix="Returning" data-default-state="Select return date">
<span class="instruction">Returning</span>
<span class="date-full">Monday 24 July 2023</span>
<span class="date-short">Mon 24 Jul 2023</span>
</span>
</div>
<div class="macau-ferry-reminder-message hidden" data-reminder-msg="Bookings to #cityName# can only be made with travel dates departing/returning between #minDays# and #maxDays# days from today.">
<i class="icon icon-tooltip-contrary" aria-hidden="true" lang="en"></i>
<span></span>
</div>
<div class="calendar">
<div class="ui-calendar hasDatepicker" role="application" data-selected-departure-label="selected departure date" data-selected-return-label="selected returning date" data-next-month-text="Next month" data-previous-month-text="Previous month"
id="dp1689584172715" style="touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-datepicker-multi ui-datepicker-multi-2" style="display: block; width: 34em;">
<div class="ui-datepicker-group ui-datepicker-group-first">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left">
<a class="ui-datepicker-prev ui-corner-all ui-state-disabled" href="#prev-month"><span class="ui-icon ui-icon-circle-triangle-w">Previous month</span></a></div>
<table class="ui-datepicker-calendar">
<caption class="ui-datepicker-title"><span class="ui-datepicker-month">July</span> <span class="ui-datepicker-year">2023</span></caption>
<thead>
<tr>
<th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Sun</span></th>
<th scope="col"><span title="Monday">Mon</span></th>
<th scope="col"><span title="Tuesday">Tue</span></th>
<th scope="col"><span title="Wednesday">Wed</span></th>
<th scope="col"><span title="Thursday">Thu</span></th>
<th scope="col"><span title="Friday">Fri</span></th>
<th scope="col" class="ui-datepicker-week-end"><span title="Saturday">Sat</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">1</span></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">2</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">3</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">4</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">5</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">6</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">7</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">8</span></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">9</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">10</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">11</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">12</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">13</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">14</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">15</span></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">16</span></td>
<td class=" ui-datepicker-days-cell-over date-range-start ui-datepicker-current-day ui-datepicker-today" data-handler="selectDay" data-event="click" data-month="6" data-year="2023">
<a class="ui-state-default ui-state-highlight ui-state-active ui-state-hover" href="#" aria-describedby="start-date-xmgwlf">17</a><span id="start-date-xmgwlf" class="is-visually-hidden">selected departure date</span></td>
<td class=" date-range-selected" data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">18</a></td>
<td class=" date-range-selected" data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">19</a></td>
<td class=" date-range-selected" data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">20</a></td>
<td class=" date-range-selected" data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">21</a></td>
<td class=" ui-datepicker-week-end date-range-selected" data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">22</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end date-range-selected" data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">23</a></td>
<td class=" date-range-end" data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#" aria-describedby="end-date-ngrdy4">24</a><span id="end-date-ngrdy4"
class="is-visually-hidden">selected returning date</span></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">25</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">26</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">27</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">28</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">29</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">30</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">31</a></td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
</tr>
</tbody>
</table>
</div>
<div class="ui-datepicker-group ui-datepicker-group-last">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right"></div>
<table class="ui-datepicker-calendar">
<caption class="ui-datepicker-title"><span class="ui-datepicker-month">August</span> <span class="ui-datepicker-year">2023</span></caption>
<thead>
<tr>
<th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Sun</span></th>
<th scope="col"><span title="Monday">Mon</span></th>
<th scope="col"><span title="Tuesday">Tue</span></th>
<th scope="col"><span title="Wednesday">Wed</span></th>
<th scope="col"><span title="Thursday">Thu</span></th>
<th scope="col"><span title="Friday">Fri</span></th>
<th scope="col" class="ui-datepicker-week-end"><span title="Saturday">Sat</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">1</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">2</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">3</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">4</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">5</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">6</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">7</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">8</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">9</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">10</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">11</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">12</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">13</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">14</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">15</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">16</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">17</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">18</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">19</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">20</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">21</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">22</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">23</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">24</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">25</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">26</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">27</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">28</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">29</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">30</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">31</a></td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
</tr>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
</tr>
</tbody>
</table><a class="ui-datepicker-next ui-corner-all" data-handler="next" data-event="click" href="#next-month"><span class="ui-icon ui-icon-circle-triangle-e">Next month</span></a>
</div>
<div class="ui-datepicker-row-break"></div>
</div>
</div>
<label for="calendar-departure"> Select departure date </label>
<input type="text" class="calendar date-picker calendar-depart field-input" id="calendar-departure" data-calendar-name="from">
<label for="calendar-return"> Select return date </label>
<label for="calendar-return">Select return date</label>
<input type="text" class="calendar date-picker calendar-return field-input" id="calendar-return" data-calendar-name="to">
</div>
</div>
</div>
<div class="trip-passengers-wrapper cx-inputfield"
data-infants-with-adults="An infant must be accompanied by an adult (at least 18 years old). To make a reservation for multiple infants travelling with a single adult, please contact your local reservations office."
data-children-with-adults="Children must be accompanied by an adult (at least 18 years old)." data-all-zero="Please select at least one passenger for booking.">
<label for="trip-passengers-button" class="field-label input-filled">passenger / cabin class</label>
<button role="link" type="button" class="button-passengers field-button input-filled" data-ui-overlay-id="trip-passengers" id="trip-passengers-button" aria-expanded="false">
<span class="button-placeholder">1 Passengers / Economy</span>
</button>
<div class="trip-passengers" data-ui-overlay="trip-passengers">
<p class="passengers-tip" tabindex="0" aria-live="polite" aria-atomic="true"> Booking of more than 9 passengers is currently not available online. Please contact your local reservations office.</p>
<p class="passengers-tip-first-class hidden" tabindex="0" aria-live="polite" aria-atomic="true"> Booking of more than 4 passengers is currently not available online. Please contact your local reservations office.</p>
<div class="trip-class-selector">
<span class="sr-only">Class</span>
<ul>
<li>
<input type="radio" class="ui-radio" id="first" name="cabin-class" value="F" data-cabin-class="First">
<label for="first">First</label>
</li>
<li>
<input type="radio" class="ui-radio" id="business" name="cabin-class" value="C" data-cabin-class="Business">
<label for="business">Business</label>
</li>
<li>
<input type="radio" class="ui-radio" id="premium-economy" name="cabin-class" value="W" data-cabin-class="Premium Economy">
<label for="premium-economy">Premium Economy</label>
</li>
<li>
<input type="radio" class="ui-radio" id="economy" name="cabin-class" value="Y" checked="checked" data-cabin-class="Economy">
<label for="economy">Economy</label>
</li>
</ul>
<span class="custom-select-trigger">
<label class="field-label input-filled dropdown-label" for="trip-passengers-trip-class-select">CABIN CLASS</label>
<span class="custom-select-text" aria-hidden="true"> Economy </span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="trip-passengers-trip-class-select" class="passenger-class">
<option value="F">First</option>
<option value="C">Business</option>
<option value="W">Premium Economy</option>
<option value="Y">Economy</option>
</select>
</div>
<div class="trip-passengers-selector">
<span class="sr-only">Passengers</span>
<div class="field-group tooltip">
<label for="passenger-adults" class="title adults-label">Adults (12+)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">1</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select class="custom-select-control" id="passenger-adults" name="passenger-adults" data-passenger-type="adults">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<a class="tooltip-button" href="#book-trip-flight-adult-tip">
<span class="is-visually-hidden">Tooltip about travelling as an adult. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="book-trip-flight-adult-tip" class="tooltip-message" role="tooltip"> An adult travelling with children must be over 18 years of age. For ticket bookings of more than nine passengers, please contact your
<a href="https://www.cathaypacific.com/cx/en_HK/contact-us.html">local reservations office</a>
</div>
</div>
<div class="field-group tooltip young-adults-selector is-display-none">
<label for="passenger-young-adults" class="title">Young adults (12-15)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select class="custom-select-control" id="passenger-young-adults" name="passenger-young-adults" data-passenger-type="young">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
<a class="tooltip-button" href="#book-trip-flight-adult-tip">
<span class="is-visually-hidden">Tooltip about travelling as an adults. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="book-trip-flight-adult-tip" class="tooltip-message" role="tooltip"> Passengers departing the UK, and aged 12 to 15, are exempted from the UK Air Passenger Duty (APD) Tax. </div>
</div>
<div class="field-group tooltip">
<label for="passenger-children" class="title">Children (2 to 11)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select class="custom-select-control" id="passenger-children" name="passenger-children" data-passenger-type="children">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
<a class="tooltip-button" href="#book-trip-flight-children-tip" aria-expanded="false">
<span class="is-visually-hidden">Tooltip about travelling with children. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="book-trip-flight-children-tip" class="tooltip-message" role="tooltip"> Children must be accompanied by an adult (at least 18 years old). For more information on bookings with children, please contact your
<a href="https://www.cathaypacific.com/cx/en_HK/contact-us.html">local reservations office</a> or view our
<a href="https://www.cathaypacific.com/cx/en_HK/prepare-trip/help-for-passengers/travelling-with-children/children.html">guidelines for children travelling</a>.<br><br>If you are booking travel for
<b>children who are travelling alone</b>, please check the age restrictions set by the operating carrier prior to booking. </div>
</div>
<div class="field-group tooltip infant-selector">
<label for="passenger-infants" class="title">Infants (under 2)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select class="custom-select-control" id="passenger-infants" name="passenger-infants" data-passenger-type="infants">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<a class="tooltip-button" href="#book-trip-flight-infants-tip" aria-expanded="false">
<span class="is-visually-hidden">Tooltip about travelling with infants. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="book-trip-flight-infants-tip" class="tooltip-message" role="tooltip"> Please note that for online bookings, infants under two will not occupy their own seat. To book an infant-occupied seat, or if your infant turns two during your
trip, please contact your <a href="https://www.cathaypacific.com/cx/en_HK/contact-us.html">local reservations office</a>. </div>
</div>
</div>
</div>
</div>
<div class="flight-promotion tooltip">
<div class="field-group cx-inputfield">
<label for="promo-code-label" class="field-label"> Discount code (optional) </label>
<input type="text" id="promo-code-label" name="promo-code-label" class="field-input" placeholder="Discount code (optional)" role="application">
</div>
</div>
<button type="submit" class="button-submit">
<span class="button-title-small">Search flights</span>
<span class="button-title-medium">Search</span>
<span class="button-title-large">Search flights</span>
<i class="icon icon-arrow-forward" aria-hidden="true" lang="en"></i>
</button>
</form>GET https://holidays.cathaypacific.com/ibe/deeplink/ancillary.do
<form class="hotel-form" action="https://holidays.cathaypacific.com/ibe/deeplink/ancillary.do" method="GET">
<div class="error-message-container"></div>
<div class="error-message-container-medium-up"></div>
<div class="hotel-destination">
<div class="field-group">
<label for="hotel-destination" class="field-label">Destination / city</label>
<input type="text" id="hotel-destination-layout" name="DES-layout" class="field-input ui-autocomplete-input" placeholder="Destination / city" autocomplete="off"
data-autocomplete-helper-text="#result# result(s) is/are available. #selection# is selected. Use up and down arrow keys to navigate or press tab and enter keys to select.">
<input type="text" id="hotel-destination" name="DES" class="field-input hidden-input" placeholder="Destination / city" autocomplete="off"
data-autocomplete-helper-text="#result# result(s) is/are available. #selection# is selected. Use up and down arrow keys to navigate or press tab and enter keys to select.">
<ul id="ui-id-3" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front ui-cx-autocomplete" style="display: none;"></ul>
</div>
</div>
<div class="dates-picker-wrapper splited-date-picker" data-date-picker-id="book-hotel" data-dp-preferred-duration="7" data-allow-return-same-date="false">
<div class="button-date-picker-wrapper field-group cx-inputfield">
<span aria-hidden="true" class="field-label">Check in</span>
<button role="link" type="button" class="button-date-picker field-button from-button" data-ui-overlay-shared="true" data-ui-overlay-id="hotel-dates-picker" aria-expanded="false" id="dpcg45ls" aria-label="Check in">
<span class="button-placeholder">Check in</span>
<span class="date-selected from" data-default-state="Check in">
<span class="instruction">Check in</span>
<span class="date-full"></span>
<span class="date-short"></span>
</span>
</button>
</div>
<div class="button-date-picker-wrapper field-group cx-inputfield">
<span aria-hidden="true" class="field-label">Check out</span>
<button role="link" type="button" class="button-date-picker field-button to-button" data-ui-overlay-shared="true" data-ui-overlay-id="hotel-dates-picker" aria-expanded="false" id="dpck07s7" aria-label="Check out">
<span class="button-placeholder">Check out</span>
<span class="date-selected to" data-default-state="Check out" data-show-nights="false">
<span class="instruction">Check out</span>
<span class="date-full"></span>
<span class="date-short"></span>
</span>
</button>
</div>
<div class="dates-picker" data-date-picker="book-hotel" data-ui-overlay="hotel-dates-picker">
<div class="dates-picker-controls">
<button type="button" class="button-secondary control-clear" style="display: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Clear </button>
<a href="#close" class="button-secondary control-close" style="touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<span class="close-text">Close</span>
<i lang="en" class="icon icon-close-circle" aria-hidden="true"></i>
</a>
</div>
<div class="dates-picker-summary" style="display:none;">
<span class="summary from" data-prefix="From" data-default-state="Select a check in date" style="display: none;">
<span class="instruction">Select a check in date</span>
<span class="date-full"></span>
<span class="date-short"></span>
</span>
<span class="summary to" data-prefix="To" data-default-state="Select a check out date">
<span class="instruction">Select a check out date</span>
<span class="date-full"></span>
<span class="date-short"></span>
</span>
</div>
<div class="calendar">
<div class="ui-calendar hasDatepicker" role="application" data-selected-departure-label="selected departure date" data-selected-return-label="selected returning date" data-next-month-text="Next month" data-previous-month-text="Previous month"
id="dp1689584172716" style="touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-datepicker-multi ui-datepicker-multi-2" style="display: block; width: 34em;">
<div class="ui-datepicker-group ui-datepicker-group-first">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left">
<a class="ui-datepicker-prev ui-corner-all ui-state-disabled" href="#prev-month"><span class="ui-icon ui-icon-circle-triangle-w">Previous month</span></a></div>
<table class="ui-datepicker-calendar">
<caption class="ui-datepicker-title"><span class="ui-datepicker-month">July</span> <span class="ui-datepicker-year">2023</span></caption>
<thead>
<tr>
<th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Sun</span></th>
<th scope="col"><span title="Monday">Mon</span></th>
<th scope="col"><span title="Tuesday">Tue</span></th>
<th scope="col"><span title="Wednesday">Wed</span></th>
<th scope="col"><span title="Thursday">Thu</span></th>
<th scope="col"><span title="Friday">Fri</span></th>
<th scope="col" class="ui-datepicker-week-end"><span title="Saturday">Sat</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">1</span></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">2</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">3</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">4</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">5</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">6</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">7</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">8</span></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">9</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">10</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">11</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">12</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">13</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">14</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">15</span></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">16</span></td>
<td class=" ui-datepicker-days-cell-over ui-datepicker-current-day ui-datepicker-today" data-handler="selectDay" data-event="click" data-month="6" data-year="2023">
<a class="ui-state-default ui-state-highlight ui-state-active ui-state-hover" href="#">17</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">18</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">19</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">20</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">21</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">22</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">23</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">24</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">25</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">26</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">27</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">28</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">29</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">30</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">31</a></td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
</tr>
</tbody>
</table>
</div>
<div class="ui-datepicker-group ui-datepicker-group-last">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right"></div>
<table class="ui-datepicker-calendar">
<caption class="ui-datepicker-title"><span class="ui-datepicker-month">August</span> <span class="ui-datepicker-year">2023</span></caption>
<thead>
<tr>
<th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Sun</span></th>
<th scope="col"><span title="Monday">Mon</span></th>
<th scope="col"><span title="Tuesday">Tue</span></th>
<th scope="col"><span title="Wednesday">Wed</span></th>
<th scope="col"><span title="Thursday">Thu</span></th>
<th scope="col"><span title="Friday">Fri</span></th>
<th scope="col" class="ui-datepicker-week-end"><span title="Saturday">Sat</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">1</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">2</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">3</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">4</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">5</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">6</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">7</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">8</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">9</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">10</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">11</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">12</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">13</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">14</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">15</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">16</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">17</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">18</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">19</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">20</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">21</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">22</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">23</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">24</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">25</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">26</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">27</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">28</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">29</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">30</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">31</a></td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
</tr>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
</tr>
</tbody>
</table><a class="ui-datepicker-next ui-corner-all" data-handler="next" data-event="click" href="#next-month"><span class="ui-icon ui-icon-circle-triangle-e">Next month</span></a>
</div>
<div class="ui-datepicker-row-break"></div>
</div>
</div>
<label for="calendar-hotel-check-in">Check in</label>
<input type="text" class="calendar date-picker calendar-depart field-input" id="calendar-hotel-check-in" name="DD1" data-calendar-name="from">
<label for="calendar-hotel-check-out">Check out</label>
<input type="text" class="calendar date-picker calendar-return field-input" id="calendar-hotel-check-out" name="DD2" data-calendar-name="to">
</div>
</div>
</div>
<div class="hotel-rooms-wrapper cx-inputfield">
<label for="hotel-rooms-button" class="field-label input-filled">guest(s) / Room(s)</label>
<button role="link" type="button" class="button-rooms-picker field-button input-filled" data-ui-overlay-id="hotel-rooms-selector" data-rooms-label="Room(s)" data-guests-label="guest(s)" aria-expanded="false">
<span class="button-placeholder">1 guest(s) / 1 Room(s)</span>
</button>
<div class="hotel-rooms-selector" data-ui-overlay="hotel-rooms-selector">
<div class="hotel-rooms-group hotel-rooms-group-active">
<span class="room-id">
<span class="room-label" tabindex="0">Room(s) 1</span>
</span>
<div class="hotel-guests-wrapper">
<div class="field-group tooltip">
<label for="hotel-number-adult-room1" class="title">Adults (18+)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">1</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-number-adult-room1" class="custom-select-control" name="NA1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#hotel-search-adult-room1-tip">
<span class="is-visually-hidden">Tooltip about travelling as an adult. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="hotel-search-adult-room1-tip" class="tooltip-message" role="tooltip"> An adult is classified as being 18 or over. All children must be accompanied by an adult guest. A maximum of 4 adults and 3 children may stay in one room.
</div>
</div>
<div class="field-group tooltip">
<label for="hotel-number-child-room1" class="title">Children (0-17)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-number-child-room1" class="custom-select-control" name="NC1">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<a class="tooltip-button" href="#hotel-search-child-room1-tip">
<span class="is-visually-hidden">Tooltip about travelling with children. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="hotel-search-child-room1-tip" class="tooltip-message" role="tooltip"> A child guest is classified as being 17 years old or under. All children must be accompanied by an adult guest. A maximum of 4 adults and 3 children may stay
in one room. </div>
</div>
</div>
<div class="hotel-ages-wrapper">
<p class="instruction">Please add the ages of the children for this room:</p>
<div class="field-group hotel-ages-group">
<label for="hotel-child1-age-room1" class="title">Child 1</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child1-age-room1" class="custom-select-control" name="AC11" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group hotel-ages-group">
<label for="hotel-child2-age-room1" class="title">Child 2</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child2-age-room1" class="custom-select-control" name="AC12" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group hotel-ages-group">
<label for="hotel-child3-age-room1" class="title">Child 3</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child3-age-room1" class="custom-select-control" name="AC13" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
</div>
<div class="hotel-rooms-group ">
<span class="room-id">
<span class="room-label" tabindex="0">Room(s) 2</span>
<a href="#" class="button-remove-room">Remove
<i class="icon icon-close-contrary" aria-hidden="true" lang="en"></i>
</a>
</span>
<div class="hotel-guests-wrapper">
<div class="field-group tooltip">
<label for="hotel-number-adult-room2" class="title">Adults (18+)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">1</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-number-adult-room2" class="custom-select-control" name="NA2" disabled="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#hotel-search-adult-room2-tip">
<span class="is-visually-hidden">Tooltip about travelling as an adult. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="hotel-search-adult-room2-tip" class="tooltip-message" role="tooltip"> An adult is classified as being 18 or over. All children must be accompanied by an adult guest. A maximum of 4 adults and 3 children may stay in one room.
</div>
</div>
<div class="field-group tooltip">
<label for="hotel-number-child-room2" class="title">Children (0-17)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-number-child-room2" class="custom-select-control" name="NC2" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<a class="tooltip-button" href="#hotel-search-child-room2-tip">
<span class="is-visually-hidden">Tooltip about travelling with children. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="hotel-search-child-room2-tip" class="tooltip-message" role="tooltip"> A child guest is classified as being 17 years old or under. All children must be accompanied by an adult guest. A maximum of 4 adults and 3 children may stay
in one room. </div>
</div>
</div>
<div class="hotel-ages-wrapper">
<p class="instruction">Please add the ages of the children for this room:</p>
<div class="field-group hotel-ages-group">
<label for="hotel-child1-age-room2" class="title">Child 1</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child1-age-room2" class="custom-select-control" name="AC21" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group hotel-ages-group">
<label for="hotel-child2-age-room2" class="title">Child 2</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child2-age-room2" class="custom-select-control" name="AC22" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group hotel-ages-group">
<label for="hotel-child3-age-room2" class="title">Child 3</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child3-age-room2" class="custom-select-control" name="AC23" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
</div>
<div class="hotel-rooms-group ">
<span class="room-id">
<span class="room-label" tabindex="0">Room(s) 3</span>
<a href="#" class="button-remove-room">Remove
<i class="icon icon-close-contrary" aria-hidden="true" lang="en"></i>
</a>
</span>
<div class="hotel-guests-wrapper">
<div class="field-group tooltip">
<label for="hotel-number-adult-room3" class="title">Adults (18+)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">1</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-number-adult-room3" class="custom-select-control" name="NA3" disabled="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#hotel-search-adult-room3-tip">
<span class="is-visually-hidden">Tooltip about travelling as an adult. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="hotel-search-adult-room3-tip" class="tooltip-message" role="tooltip"> An adult is classified as being 18 or over. All children must be accompanied by an adult guest. A maximum of 4 adults and 3 children may stay in one room.
</div>
</div>
<div class="field-group tooltip">
<label for="hotel-number-child-room3" class="title">Children (0-17)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-number-child-room3" class="custom-select-control" name="NC3" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<a class="tooltip-button" href="#hotel-search-child-room3-tip">
<span class="is-visually-hidden">Tooltip about travelling with children. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="hotel-search-child-room3-tip" class="tooltip-message" role="tooltip"> A child guest is classified as being 17 years old or under. All children must be accompanied by an adult guest. A maximum of 4 adults and 3 children may stay
in one room. </div>
</div>
</div>
<div class="hotel-ages-wrapper">
<p class="instruction">Please add the ages of the children for this room:</p>
<div class="field-group hotel-ages-group">
<label for="hotel-child1-age-room3" class="title">Child 1</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child1-age-room3" class="custom-select-control" name="AC31" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group hotel-ages-group">
<label for="hotel-child2-age-room3" class="title">Child 2</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child2-age-room3" class="custom-select-control" name="AC32" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group hotel-ages-group">
<label for="hotel-child3-age-room3" class="title">Child 3</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child3-age-room3" class="custom-select-control" name="AC33" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
</div>
<div class="hotel-rooms-group ">
<span class="room-id">
<span class="room-label" tabindex="0">Room(s) 4</span>
<a href="#" class="button-remove-room">Remove
<i class="icon icon-close-contrary" aria-hidden="true" lang="en"></i>
</a>
</span>
<div class="hotel-guests-wrapper">
<div class="field-group tooltip">
<label for="hotel-number-adult-room4" class="title">Adults (18+)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">1</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-number-adult-room4" class="custom-select-control" name="NA4" disabled="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#hotel-search-adult-room4-tip">
<span class="is-visually-hidden">Tooltip about travelling as an adult. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="hotel-search-adult-room4-tip" class="tooltip-message" role="tooltip"> An adult is classified as being 18 or over. All children must be accompanied by an adult guest. A maximum of 4 adults and 3 children may stay in one room.
</div>
</div>
<div class="field-group tooltip">
<label for="hotel-number-child-room4" class="title">Children (0-17)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-number-child-room4" class="custom-select-control" name="NC4" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<a class="tooltip-button" href="#hotel-search-child-room4-tip">
<span class="is-visually-hidden">Tooltip about travelling with children. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="hotel-search-child-room4-tip" class="tooltip-message" role="tooltip"> A child guest is classified as being 17 years old or under. All children must be accompanied by an adult guest. A maximum of 4 adults and 3 children may stay
in one room. </div>
</div>
</div>
<div class="hotel-ages-wrapper">
<p class="instruction">Please add the ages of the children for this room:</p>
<div class="field-group hotel-ages-group">
<label for="hotel-child1-age-room4" class="title">Child 1</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child1-age-room4" class="custom-select-control" name="AC41" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group hotel-ages-group">
<label for="hotel-child2-age-room4" class="title">Child 2</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child2-age-room4" class="custom-select-control" name="AC42" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group hotel-ages-group">
<label for="hotel-child3-age-room4" class="title">Child 3</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child3-age-room4" class="custom-select-control" name="AC43" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
</div>
<div class="hotel-rooms-group ">
<span class="room-id">
<span class="room-label" tabindex="0">Room(s) 5</span>
<a href="#" class="button-remove-room">Remove
<i class="icon icon-close-contrary" aria-hidden="true" lang="en"></i>
</a>
</span>
<div class="hotel-guests-wrapper">
<div class="field-group tooltip">
<label for="hotel-number-adult-room5" class="title">Adults (18+)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">1</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-number-adult-room5" class="custom-select-control" name="NA5" disabled="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#hotel-search-adult-room5-tip">
<span class="is-visually-hidden">Tooltip about travelling as an adult. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="hotel-search-adult-room5-tip" class="tooltip-message" role="tooltip"> An adult is classified as being 18 or over. All children must be accompanied by an adult guest. A maximum of 4 adults and 3 children may stay in one room.
</div>
</div>
<div class="field-group tooltip">
<label for="hotel-number-child-room5" class="title">Children (0-17)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-number-child-room5" class="custom-select-control" name="NC5" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<a class="tooltip-button" href="#hotel-search-child-room5-tip">
<span class="is-visually-hidden">Tooltip about travelling with children. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="hotel-search-child-room5-tip" class="tooltip-message" role="tooltip"> A child guest is classified as being 17 years old or under. All children must be accompanied by an adult guest. A maximum of 4 adults and 3 children may stay
in one room. </div>
</div>
</div>
<div class="hotel-ages-wrapper">
<p class="instruction">Please add the ages of the children for this room:</p>
<div class="field-group hotel-ages-group">
<label for="hotel-child1-age-room5" class="title">Child 1</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child1-age-room5" class="custom-select-control" name="AC51" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group hotel-ages-group">
<label for="hotel-child2-age-room5" class="title">Child 2</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child2-age-room5" class="custom-select-control" name="AC52" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group hotel-ages-group">
<label for="hotel-child3-age-room5" class="title">Child 3</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child3-age-room5" class="custom-select-control" name="AC53" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
</div>
<div class="hotel-rooms-group ">
<span class="room-id">
<span class="room-label" tabindex="0">Room(s) 6</span>
<a href="#" class="button-remove-room">Remove
<i class="icon icon-close-contrary" aria-hidden="true" lang="en"></i>
</a>
</span>
<div class="hotel-guests-wrapper">
<div class="field-group tooltip">
<label for="hotel-number-adult-room6" class="title">Adults (18+)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">1</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-number-adult-room6" class="custom-select-control" name="NA6" disabled="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#hotel-search-adult-room6-tip">
<span class="is-visually-hidden">Tooltip about travelling as an adult. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="hotel-search-adult-room6-tip" class="tooltip-message" role="tooltip"> An adult is classified as being 18 or over. All children must be accompanied by an adult guest. A maximum of 4 adults and 3 children may stay in one room.
</div>
</div>
<div class="field-group tooltip">
<label for="hotel-number-child-room6" class="title">Children (0-17)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-number-child-room6" class="custom-select-control" name="NC6" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<a class="tooltip-button" href="#hotel-search-child-room6-tip">
<span class="is-visually-hidden">Tooltip about travelling with children. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="hotel-search-child-room6-tip" class="tooltip-message" role="tooltip"> A child guest is classified as being 17 years old or under. All children must be accompanied by an adult guest. A maximum of 4 adults and 3 children may stay
in one room. </div>
</div>
</div>
<div class="hotel-ages-wrapper">
<p class="instruction">Please add the ages of the children for this room:</p>
<div class="field-group hotel-ages-group">
<label for="hotel-child1-age-room6" class="title">Child 1</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child1-age-room6" class="custom-select-control" name="AC61" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group hotel-ages-group">
<label for="hotel-child2-age-room6" class="title">Child 2</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child2-age-room6" class="custom-select-control" name="AC62" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group hotel-ages-group">
<label for="hotel-child3-age-room6" class="title">Child 3</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child3-age-room6" class="custom-select-control" name="AC63" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
</div>
<div class="hotel-rooms-group ">
<span class="room-id">
<span class="room-label" tabindex="0">Room(s) 7</span>
<a href="#" class="button-remove-room">Remove
<i class="icon icon-close-contrary" aria-hidden="true" lang="en"></i>
</a>
</span>
<div class="hotel-guests-wrapper">
<div class="field-group tooltip">
<label for="hotel-number-adult-room7" class="title">Adults (18+)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">1</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-number-adult-room7" class="custom-select-control" name="NA7" disabled="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#hotel-search-adult-room7-tip">
<span class="is-visually-hidden">Tooltip about travelling as an adult. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="hotel-search-adult-room7-tip" class="tooltip-message" role="tooltip"> An adult is classified as being 18 or over. All children must be accompanied by an adult guest. A maximum of 4 adults and 3 children may stay in one room.
</div>
</div>
<div class="field-group tooltip">
<label for="hotel-number-child-room7" class="title">Children (0-17)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-number-child-room7" class="custom-select-control" name="NC7" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<a class="tooltip-button" href="#hotel-search-child-room7-tip">
<span class="is-visually-hidden">Tooltip about travelling with children. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="hotel-search-child-room7-tip" class="tooltip-message" role="tooltip"> A child guest is classified as being 17 years old or under. All children must be accompanied by an adult guest. A maximum of 4 adults and 3 children may stay
in one room. </div>
</div>
</div>
<div class="hotel-ages-wrapper">
<p class="instruction">Please add the ages of the children for this room:</p>
<div class="field-group hotel-ages-group">
<label for="hotel-child1-age-room7" class="title">Child 1</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child1-age-room7" class="custom-select-control" name="AC71" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group hotel-ages-group">
<label for="hotel-child2-age-room7" class="title">Child 2</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child2-age-room7" class="custom-select-control" name="AC72" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group hotel-ages-group">
<label for="hotel-child3-age-room7" class="title">Child 3</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child3-age-room7" class="custom-select-control" name="AC73" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
</div>
<div class="hotel-rooms-group ">
<span class="room-id">
<span class="room-label" tabindex="0">Room(s) 8</span>
<a href="#" class="button-remove-room">Remove
<i class="icon icon-close-contrary" aria-hidden="true" lang="en"></i>
</a>
</span>
<div class="hotel-guests-wrapper">
<div class="field-group tooltip">
<label for="hotel-number-adult-room8" class="title">Adults (18+)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">1</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-number-adult-room8" class="custom-select-control" name="NA8" disabled="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#hotel-search-adult-room8-tip">
<span class="is-visually-hidden">Tooltip about travelling as an adult. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="hotel-search-adult-room8-tip" class="tooltip-message" role="tooltip"> An adult is classified as being 18 or over. All children must be accompanied by an adult guest. A maximum of 4 adults and 3 children may stay in one room.
</div>
</div>
<div class="field-group tooltip">
<label for="hotel-number-child-room8" class="title">Children (0-17)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-number-child-room8" class="custom-select-control" name="NC8" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<a class="tooltip-button" href="#hotel-search-child-room8-tip">
<span class="is-visually-hidden">Tooltip about travelling with children. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="hotel-search-child-room8-tip" class="tooltip-message" role="tooltip"> A child guest is classified as being 17 years old or under. All children must be accompanied by an adult guest. A maximum of 4 adults and 3 children may stay
in one room. </div>
</div>
</div>
<div class="hotel-ages-wrapper">
<p class="instruction">Please add the ages of the children for this room:</p>
<div class="field-group hotel-ages-group">
<label for="hotel-child1-age-room8" class="title">Child 1</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child1-age-room8" class="custom-select-control" name="AC81" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group hotel-ages-group">
<label for="hotel-child2-age-room8" class="title">Child 2</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child2-age-room8" class="custom-select-control" name="AC82" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group hotel-ages-group">
<label for="hotel-child3-age-room8" class="title">Child 3</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="hotel-child3-age-room8" class="custom-select-control" name="AC83" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
<p class="help-message-small">Booking of more than eight rooms is currently not available online. Please contact your <a href="#">local reservations office</a>. </p>
</div>
<div class="hotel-guest-summary-wrapper">
<div class="field-group">
<label for="hotel-total-adults" class="field-label">Total no. of Adults</label>
<input type="text" id="hotel-total-adults" name="TA" class="field-input" placeholder="Total no. of adult" value="1">
</div>
<div class="field-group">
<label for="hotel-total-children" class="field-label">Total. of Children</label>
<input type="text" id="hotel-total-children" name="TC" class="field-input" placeholder="Total no. of child" value="0">
</div>
<div class="field-group">
<label for="hotel-total-rooms" class="field-label">Total. of rooms</label>
<input type="text" id="hotel-total-rooms" name="NOR" class="field-input" placeholder="Total no. of rooms" value="1">
</div>
</div>
<div class="actions-cluster">
<a href="#" class="button-remove-room button-remove-room-disabled">Remove room</a>
<a href="#" class="button-add-room">Add an additional room<i class="icon icon-expand-contrary" aria-hidden="true" lang="en"></i></a>
<p class="help-message">Booking of more than eight rooms is currently not available online. Please contact your <a href="#">local reservations office</a>. </p>
<button type="button" class="button-confirmation">Confirm</button>
</div>
</div>
</div>
<div class="hotel-nights-wrapper">
<div class="field-group">
<label for="hotel-nights" class="field-label input-filled">nights</label>
<input readonly="" type="text" id="hotel-nights" class="field-input input-filled no-scroll" tabindex="0">
</div>
</div>
<input type="hidden" name="LAN" value="EN">
<input type="hidden" name="PRE" value="F">
<input type="hidden" name="MO" value="F">
<input type="hidden" name="PT" value="H">
<input type="hidden" name="RL" value="https://www.cathaypacific.com/cx/en_HK/destinations/things-to-do.html">
<input type="hidden" name="market" value="HK">
<input type="hidden" name="ActionPath" value="https://holidays.cathaypacific.com/ibe/deeplink/ancillary.do">
<input type="hidden" name="FormType" value="HOTEL">
<button type="submit" class="button-submit">
<span class="button-title-small">Search hotels</span>
<span class="button-title-medium">Search</span>
<span class="button-title-large">Search hotels</span>
<i class="icon icon-arrow-forward" aria-hidden="true" lang="en"></i>
</button>
</form>GET https://holidays.cathaypacific.com/ibe/deeplink/ancillary.do
<form class="trip-package-form" autocomplete="off" action="https://holidays.cathaypacific.com/ibe/deeplink/ancillary.do" method="GET">
<div class="error-message-container"></div>
<div class="error-message-container-medium-up"></div>
<div class="field-group book-trip-return-standalone">
<label><b><span class="span-for-small">I want to return from:</span></b></label>
<input type="radio" class="ui-radio" id="r-same-city-trip" name="return-trip" value="RS" checked="checked">
<label for="r-same-city-trip" class="radio-label">
<span class="span-for-medium">Return from the same city</span>
<span class="span-for-small">the same city</span>
</label>
<input type="radio" class="ui-radio" id="r-diff-city-trip" name="return-trip" value="RD">
<label for="r-diff-city-trip" class="radio-label">
<span class="span-for-medium">Return from a different city</span>
<span class="span-for-small">a different city</span>
</label>
</div>
<div class="book-trip-airports">
<div class="flight-depart">
<div class="field-group">
<label for="package-depart-layout" class="field-label">Leaving from</label>
<input type="text" id="package-depart-layout" name="ORI-layout" class="field-input ui-autocomplete-input" placeholder="Leaving from" role="application" autocomplete="off"
data-autocomplete-helper-text="#result# result(s) is/are available. #selection# is selected. Use up and down arrow keys to navigate or press tab and enter keys to select.">
<input type="text" id="package-depart" name="ORI" class="field-input hidden-input" placeholder="Leaving from" autocomplete="off"
data-autocomplete-helper-text="#result# result(s) is/are available. #selection# is selected. Use up and down arrow keys to navigate or press tab and enter keys to select.">
<ul id="ui-id-4" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front ui-cx-autocomplete" style="display: none;"></ul>
</div>
</div>
<div class="flight-destination">
<div class="field-group">
<label for="package-destination-layout" class="field-label">Going to</label>
<input type="text" id="package-destination-layout" name="DES-layout" class="field-input ui-autocomplete-input" placeholder="Going to" role="application" autocomplete="off"
data-autocomplete-helper-text="#result# result(s) is/are available. #selection# is selected. Use up and down arrow keys to navigate or press tab and enter keys to select.">
<input type="text" id="package-destination" name="DES" class="field-input hidden-input" placeholder="Going to"
data-autocomplete-helper-text="#result# result(s) is/are available. #selection# is selected. Use up and down arrow keys to navigate or press tab and enter keys to select.">
<ul id="ui-id-5" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front ui-cx-autocomplete" style="display: none;"></ul>
</div>
</div>
<div class="return-trip-from-difference-city hidden">
<div class="flight-depart">
<div class="field-group">
<label for="package-return-depart-layout" class="field-label">Returning from</label>
<input type="text" id="package-return-depart-layout" name="RORI-layout" class="field-input ui-autocomplete-input" placeholder="Returning from" role="application" autocomplete="off"
data-autocomplete-helper-text="#result# result(s) is/are available. #selection# is selected. Use up and down arrow keys to navigate or press tab and enter keys to select.">
<input type="text" id="package-return-depart" name="RORI" class="field-input hidden-input" placeholder="Returning from" autocomplete="off"
data-autocomplete-helper-text="#result# result(s) is/are available. #selection# is selected. Use up and down arrow keys to navigate or press tab and enter keys to select.">
<ul id="ui-id-6" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front ui-cx-autocomplete" style="display: none;"></ul>
</div>
</div>
<div class="flight-destination">
<div class="field-group">
<label for="package-return-destination-layout" class="field-label">Returning to</label>
<input type="text" id="package-return-destination-layout" name="RDES-layout" class="field-input" placeholder="Returning to" role="application" autocomplete="off"
data-autocomplete-helper-text="#result# result(s) is/are available. #selection# is selected. Use up and down arrow keys to navigate or press tab and enter keys to select." disabled="disabled">
</div>
</div>
</div>
</div>
<div class="dates-picker-wrapper splited-date-picker flight-datepicker" data-date-picker-id="book-package" data-dp-preferred-duration="7" data-allow-return-same-date="false">
<div class="button-date-picker-wrapper field-group cx-inputfield">
<span aria-hidden="true" class="field-label">Departing Date</span>
<button role="link" type="button" class="button-date-picker field-button from-button" data-ui-overlay-shared="true" data-ui-overlay-id="package-dates-picker" aria-expanded="false" id="dprr45vc">
<span class="button-placeholder">Departing Date</span>
<span class="date-selected from" data-default-state="Departing Date">
<span class="instruction">Departing Date</span>
<span class="date-full"></span>
<span class="date-short"></span>
</span>
</button>
</div>
<div class="button-date-picker-wrapper field-group cx-inputfield">
<span aria-hidden="true" class="field-label">Returning Date</span>
<button role="link" type="button" class="button-date-picker field-button to-button" data-ui-overlay-shared="true" data-ui-overlay-id="package-dates-picker" aria-expanded="false" id="dpvum2el">
<span class="button-placeholder">Returning Date</span>
<span class="date-selected to" data-default-state="Returning Date" data-show-nights="false">
<span class="instruction">Returning Date</span>
<span class="date-full"></span>
<span class="date-short"></span>
</span>
</button>
</div>
<div class="dates-picker" data-date-picker="book-package" data-ui-overlay="package-dates-picker">
<div class="dates-picker-controls">
<button type="button" class="button-secondary control-clear" style="display: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Clear</button>
<a href="#close" class="button-secondary control-close" style="touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<span class="close-text">Close</span>
<i lang="en" class="icon icon-close-circle" aria-hidden="true"></i>
</a>
</div>
<div class="dates-picker-summary">
<span class="summary from" data-prefix="From" data-default-state="Select departure date">
<span class="instruction">Select departure date</span>
<span class="date-full"></span>
<span class="date-short"></span>
</span>
<span class="summary to" data-prefix="To" data-default-state="Select return date">
<span class="instruction">Select return date</span>
<span class="date-full"></span>
<span class="date-short"></span>
</span>
</div>
<div class="macau-ferry-reminder-message hidden" data-reminder-msg="Bookings to #cityName# can only be made with travel dates departing/returning between #minDays# and #maxDays# days from today.">
<i class="icon icon-tooltip-contrary" aria-hidden="true" lang="en"></i>
<span></span>
</div>
<div class="calendar">
<div class="ui-calendar hasDatepicker" role="application" data-selected-departure-label="selected departure date" data-selected-return-label="selected returning date" data-next-month-text="Next month" data-previous-month-text="Previous month"
id="dp1689584172717" style="touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-datepicker-multi ui-datepicker-multi-2" style="display: block; width: 34em;">
<div class="ui-datepicker-group ui-datepicker-group-first">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left">
<a class="ui-datepicker-prev ui-corner-all ui-state-disabled" href="#prev-month"><span class="ui-icon ui-icon-circle-triangle-w">Previous month</span></a></div>
<table class="ui-datepicker-calendar">
<caption class="ui-datepicker-title"><span class="ui-datepicker-month">July</span> <span class="ui-datepicker-year">2023</span></caption>
<thead>
<tr>
<th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Sun</span></th>
<th scope="col"><span title="Monday">Mon</span></th>
<th scope="col"><span title="Tuesday">Tue</span></th>
<th scope="col"><span title="Wednesday">Wed</span></th>
<th scope="col"><span title="Thursday">Thu</span></th>
<th scope="col"><span title="Friday">Fri</span></th>
<th scope="col" class="ui-datepicker-week-end"><span title="Saturday">Sat</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">1</span></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">2</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">3</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">4</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">5</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">6</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">7</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">8</span></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">9</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">10</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">11</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">12</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">13</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">14</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">15</span></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">16</span></td>
<td class=" ui-datepicker-days-cell-over ui-datepicker-current-day ui-datepicker-today" data-handler="selectDay" data-event="click" data-month="6" data-year="2023">
<a class="ui-state-default ui-state-highlight ui-state-active ui-state-hover" href="#">17</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">18</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">19</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">20</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">21</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">22</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">23</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">24</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">25</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">26</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">27</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">28</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">29</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">30</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">31</a></td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
</tr>
</tbody>
</table>
</div>
<div class="ui-datepicker-group ui-datepicker-group-last">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right"></div>
<table class="ui-datepicker-calendar">
<caption class="ui-datepicker-title"><span class="ui-datepicker-month">August</span> <span class="ui-datepicker-year">2023</span></caption>
<thead>
<tr>
<th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Sun</span></th>
<th scope="col"><span title="Monday">Mon</span></th>
<th scope="col"><span title="Tuesday">Tue</span></th>
<th scope="col"><span title="Wednesday">Wed</span></th>
<th scope="col"><span title="Thursday">Thu</span></th>
<th scope="col"><span title="Friday">Fri</span></th>
<th scope="col" class="ui-datepicker-week-end"><span title="Saturday">Sat</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">1</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">2</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">3</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">4</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">5</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">6</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">7</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">8</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">9</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">10</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">11</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">12</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">13</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">14</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">15</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">16</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">17</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">18</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">19</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">20</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">21</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">22</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">23</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">24</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">25</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">26</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">27</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">28</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">29</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">30</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">31</a></td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
</tr>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
</tr>
</tbody>
</table><a class="ui-datepicker-next ui-corner-all" data-handler="next" data-event="click" href="#next-month"><span class="ui-icon ui-icon-circle-triangle-e">Next month</span></a>
</div>
<div class="ui-datepicker-row-break"></div>
</div>
</div>
<label for="package-calendar-departure">Select departure date</label>
<input type="text" class="calendar date-picker calendar-depart field-input" id="package-calendar-departure" name="DD1" data-calendar-name="from">
<label for="package-calendar-return">Select return date</label>
<input type="text" class="calendar date-picker calendar-return field-input" id="package-calendar-return" name="DD2" data-calendar-name="to">
</div>
</div>
</div>
<!-- passenger module -->
<div class="trip-package-wrapper extra-margin-bottom">
<div class="field-group">
<button role="link" type="button" class="button-package field-button" data-ui-overlay-id="trip-package" aria-expanded="false" aria-label=" Economy">
<span class="button-placeholder">Economy</span>
</button>
<div class="trip-package" data-ui-overlay="trip-package">
<div class="passengers-tip"> </div>
<div class="trip-class-selector">
<span class="sr-only">Class</span>
<ul class="radio-input">
<li sly-data-test="">
<input type="radio" class="ui-radio" id="package-first" name="SC" value="F" data-cabin-class="First" checked="checked">
<label for="package-first">First</label>
</li>
<li sly-data-test="">
<input type="radio" class="ui-radio" id="package-business" name="SC" value="C" data-cabin-class="Business">
<label for="package-business">Business</label>
</li>
<li sly-data-test="">
<input type="radio" class="ui-radio" id="package-premium-economy" name="SC" value="W" data-cabin-class="Premium Economy">
<label for="package-premium-economy">Premium Economy</label>
</li>
<li sly-data-test="">
<input type="radio" class="ui-radio" id="package-economy" name="SC" value="Y" data-cabin-class="Economy">
<label for="package-economy">Economy</label>
</li>
</ul>
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">Economy</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="trip-package-trip-class-select2" class="passenger-class">
<option value="F">First</option>
<option value="C">Business</option>
<option value="W">Premium Economy</option>
<option value="Y">Economy</option>
</select>
</div>
</div>
<label class="field-label input-filled">CABIN CLASS</label>
</div>
</div>
<!-- package rooms module -->
<div class="package-rooms-wrapper">
<div class="field-group">
<label for="package-rooms-selector" class="field-label input-filled">Passenger(s) / Room(s)</label>
<button id="package-rooms-selector" role="link" type="button" class="button-rooms-picker field-button package-rooms-picker input-filled" data-ui-overlay-id="package-rooms-selector" data-rooms-label="Room(s)" data-guests-label="Passenger(s)"
data-ui-origin-id="package-depart" aria-expanded="false" aria-label="Passenger(s) /
Room(s) 1 Passenger(s) / 1 Room(s)">
<span class="button-placeholder">1 Passenger(s) / 1 Room(s)</span>
</button>
</div>
<div class="package-rooms-selector" data-ui-overlay="package-rooms-selector">
<div class="package-rooms-selector-controls">
<a href="#close" class="button-secondary control-close">
<span class="close-text">Close</span>
<i lang="en" class="icon icon-close-circle" aria-hidden="true"></i>
</a>
</div>
<div class="package-rooms-selector-content">
<p class="infant-message">If you’re travelling with infant(s) under two years of age, or your infant(s) turns two during your trip, please contact your <a onclick="CMSGlobal.fnContentSelfOpen('about-us/contact-us.html')" href="#">local
reservations office</a> or view our travelling with <a onclick="CMSGlobal.fnContentSelfOpen('travel-information/special-assistance/children-and-infants/infants.html')" href="#">infants guidelines</a>.</p>
<div id="package-error-room" class="error">
<i lang="en" class="icon icon-warning" aria-hidden="true"></i>
<div class="error-description">Children must be accompanied by an adult. For more information on bookings with children, please contact your <a onclick="CMSGlobal.fnContentSelfOpen('about-us/contact-us.html')" href="#">local
reservations office</a> or view our <a onclick="CMSGlobal.fnContentSelfOpen('travel-information/help-for-passengers/travelling-with-children/children.html')" href="#">guidelines for children
travelling</a>.<br><br> If you are booking travel for <b>children who are travelling alone</b>, please check the age restrictions set by the operating carrier prior to booking.</div>
</div>
<div class="package-rooms-group package-rooms-group-active">
<span class="room-id"><span class="room-label" tabindex="0">Room 1</span>
<a href="#" class="button-remove-room button-remove-room-disabled">Remove<i lang="en" class="icon icon-close-contrary" aria-hidden="true"></i></a>
</span>
<div class="package-guests-wrapper">
<div class="field-group tooltip">
<label for="package-number-adult-room1" class="title">Adults (18+)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">1</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="package-number-adult-room1" class="custom-select-control" name="NA1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<a class="tooltip-button" href="#package-search-adult-room1-tip">
<span class="is-visually-hidden">Tooltip about travelling as an adult. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="package-search-adult-room1-tip" class="tooltip-message" role="tooltip"> An adult travelling with children must be over 18 years of age. For ticket bookings of more than nine passengers, please contact your
<a href="https://www.cathaypacific.com/cx/en_HK/about-us/contact-us.html">local reservations office</a>
</div>
</div>
<div class="field-group tooltip">
<label for="package-number-child-room1" class="title">
<span class="infant">Children (0 to 17)</span>
<span class="children">Children (2 to 17)</span>
</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-number-child-room1" class="custom-select-control" name="NC1">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<a class="tooltip-button" href="#package-search-child-room1-tip">
<span class="is-visually-hidden">Tooltip about travelling with children. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="package-search-child-room1-tip" class="tooltip-message" role="tooltip"> Children must be accompanied by an adult. <br><br>If you are booking travel for <b>children who are travelling alone</b>, please check the age restrictions
set by the operating carrier prior to booking. </div>
</div>
</div>
<div class="package-ages-wrapper">
<p class="instruction">Please add the ages of the children for this room:</p>
<div class="field-group package-ages-group">
<label for="package-child1-age-room1" class="title">Child 1</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child1-age-room1" class="custom-select-control" name="AC11" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child2-age-room1" class="title">Child 2</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child2-age-room1" class="custom-select-control" name="AC12" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child3-age-room1" class="title">Child 3</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child3-age-room1" class="custom-select-control" name="AC13" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child4-age-room1" class="title">Child 4</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child4-age-room1" class="custom-select-control" name="AC14" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
</div>
<div class="package-rooms-group ">
<span class="room-id"><span class="room-label" tabindex="0">Room 2</span>
<a href="#" class="button-remove-room button-remove-room-disabled">Remove<i lang="en" class="icon icon-close-contrary" aria-hidden="true"></i></a>
</span>
<div class="package-guests-wrapper">
<div class="field-group tooltip">
<label for="package-number-adult-room2" class="title">Adults (18+)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">1</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="package-number-adult-room2" class="custom-select-control" name="NA2" disabled="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#package-search-adult-room2-tip">
<span class="is-visually-hidden">Tooltip about travelling as an adult. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="package-search-adult-room2-tip" class="tooltip-message" role="tooltip"> An adult travelling with children must be over 18 years of age. For ticket bookings of more than nine passengers, please contact your
<a href="https://www.cathaypacific.com/cx/en_HK/about-us/contact-us.html">local reservations office</a>
</div>
</div>
<div class="field-group tooltip">
<label for="package-number-child-room2" class="title">
<span class="infant">Children (0 to 17)</span>
<span class="children">Children (2 to 17)</span>
</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-number-child-room2" class="custom-select-control" name="NC2" disabled="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#package-search-child-room2-tip">
<span class="is-visually-hidden">Tooltip about travelling with children. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="package-search-child-room2-tip" class="tooltip-message" role="tooltip"> Children must be accompanied by an adult. <br><br>If you are booking travel for <b>children who are travelling alone</b>, please check the age restrictions
set by the operating carrier prior to booking. </div>
</div>
</div>
<div class="package-ages-wrapper">
<p class="instruction">Please add the ages of the children for this room:</p>
<div class="field-group package-ages-group">
<label for="package-child1-age-room2" class="title">Child 1</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child1-age-room2" class="custom-select-control" name="AC21" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child2-age-room2" class="title">Child 2</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child2-age-room2" class="custom-select-control" name="AC22" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child3-age-room2" class="title">Child 3</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child3-age-room2" class="custom-select-control" name="AC23" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child4-age-room2" class="title">Child 4</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child4-age-room2" class="custom-select-control" name="AC24" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
</div>
<div class="package-rooms-group ">
<span class="room-id"><span class="room-label" tabindex="0">Room 3</span>
<a href="#" class="button-remove-room button-remove-room-disabled">Remove<i lang="en" class="icon icon-close-contrary" aria-hidden="true"></i></a>
</span>
<div class="package-guests-wrapper">
<div class="field-group tooltip">
<label for="package-number-adult-room3" class="title">Adults (18+)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">1</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="package-number-adult-room3" class="custom-select-control" name="NA3" disabled="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#package-search-adult-room3-tip">
<span class="is-visually-hidden">Tooltip about travelling as an adult. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="package-search-adult-room3-tip" class="tooltip-message" role="tooltip"> An adult travelling with children must be over 18 years of age. For ticket bookings of more than nine passengers, please contact your
<a href="https://www.cathaypacific.com/cx/en_HK/about-us/contact-us.html">local reservations office</a>
</div>
</div>
<div class="field-group tooltip">
<label for="package-number-child-room3" class="title">
<span class="infant">Children (0 to 17)</span>
<span class="children">Children (2 to 17)</span>
</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-number-child-room3" class="custom-select-control" name="NC3" disabled="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#package-search-child-room3-tip">
<span class="is-visually-hidden">Tooltip about travelling with children. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="package-search-child-room3-tip" class="tooltip-message" role="tooltip"> Children must be accompanied by an adult. <br><br>If you are booking travel for <b>children who are travelling alone</b>, please check the age restrictions
set by the operating carrier prior to booking. </div>
</div>
</div>
<div class="package-ages-wrapper">
<p class="instruction">Please add the ages of the children for this room:</p>
<div class="field-group package-ages-group">
<label for="package-child1-age-room3" class="title">Child 1</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child1-age-room3" class="custom-select-control" name="AC31" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child2-age-room3" class="title">Child 2</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child2-age-room3" class="custom-select-control" name="AC32" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child3-age-room3" class="title">Child 3</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child3-age-room3" class="custom-select-control" name="AC33" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child4-age-room3" class="title">Child 4</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child4-age-room3" class="custom-select-control" name="AC34" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
</div>
<div class="package-rooms-group ">
<span class="room-id"><span class="room-label" tabindex="0">Room 4</span>
<a href="#" class="button-remove-room button-remove-room-disabled">Remove<i lang="en" class="icon icon-close-contrary" aria-hidden="true"></i></a>
</span>
<div class="package-guests-wrapper">
<div class="field-group tooltip">
<label for="package-number-adult-room4" class="title">Adults (18+)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">1</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="package-number-adult-room4" class="custom-select-control" name="NA4" disabled="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#package-search-adult-room4-tip">
<span class="is-visually-hidden">Tooltip about travelling as an adult. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="package-search-adult-room4-tip" class="tooltip-message" role="tooltip"> An adult travelling with children must be over 18 years of age. For ticket bookings of more than nine passengers, please contact your
<a href="https://www.cathaypacific.com/cx/en_HK/about-us/contact-us.html">local reservations office</a>
</div>
</div>
<div class="field-group tooltip">
<label for="package-number-child-room4" class="title">
<span class="infant">Children (0 to 17)</span>
<span class="children">Children (2 to 17)</span>
</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-number-child-room4" class="custom-select-control" name="NC4" disabled="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#package-search-child-room4-tip">
<span class="is-visually-hidden">Tooltip about travelling with children. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="package-search-child-room4-tip" class="tooltip-message" role="tooltip"> Children must be accompanied by an adult. <br><br>If you are booking travel for <b>children who are travelling alone</b>, please check the age restrictions
set by the operating carrier prior to booking. </div>
</div>
</div>
<div class="package-ages-wrapper">
<p class="instruction">Please add the ages of the children for this room:</p>
<div class="field-group package-ages-group">
<label for="package-child1-age-room4" class="title">Child 1</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child1-age-room4" class="custom-select-control" name="AC41" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child2-age-room4" class="title">Child 2</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child2-age-room4" class="custom-select-control" name="AC42" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child3-age-room4" class="title">Child 3</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child3-age-room4" class="custom-select-control" name="AC43" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child4-age-room4" class="title">Child 4</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child4-age-room4" class="custom-select-control" name="AC44" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
</div>
<div class="package-rooms-group ">
<span class="room-id"><span class="room-label" tabindex="0">Room 5</span>
<a href="#" class="button-remove-room button-remove-room-disabled">Remove<i lang="en" class="icon icon-close-contrary" aria-hidden="true"></i></a>
</span>
<div class="package-guests-wrapper">
<div class="field-group tooltip">
<label for="package-number-adult-room5" class="title">Adults (18+)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">1</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="package-number-adult-room5" class="custom-select-control" name="NA5" disabled="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#package-search-adult-room5-tip">
<span class="is-visually-hidden">Tooltip about travelling as an adult. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="package-search-adult-room5-tip" class="tooltip-message" role="tooltip"> An adult travelling with children must be over 18 years of age. For ticket bookings of more than nine passengers, please contact your
<a href="https://www.cathaypacific.com/cx/en_HK/about-us/contact-us.html">local reservations office</a>
</div>
</div>
<div class="field-group tooltip">
<label for="package-number-child-room5" class="title">
<span class="infant">Children (0 to 17)</span>
<span class="children">Children (2 to 17)</span>
</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-number-child-room5" class="custom-select-control" name="NC5" disabled="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#package-search-child-room5-tip">
<span class="is-visually-hidden">Tooltip about travelling with children. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="package-search-child-room5-tip" class="tooltip-message" role="tooltip"> Children must be accompanied by an adult. <br><br>If you are booking travel for <b>children who are travelling alone</b>, please check the age restrictions
set by the operating carrier prior to booking. </div>
</div>
</div>
<div class="package-ages-wrapper">
<p class="instruction">Please add the ages of the children for this room:</p>
<div class="field-group package-ages-group">
<label for="package-child1-age-room5" class="title">Child 1</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child1-age-room5" class="custom-select-control" name="AC51" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child2-age-room5" class="title">Child 2</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child2-age-room5" class="custom-select-control" name="AC52" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child3-age-room5" class="title">Child 3</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child3-age-room5" class="custom-select-control" name="AC53" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child4-age-room5" class="title">Child 4</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child4-age-room5" class="custom-select-control" name="AC54" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
</div>
<div class="package-rooms-group ">
<span class="room-id"><span class="room-label" tabindex="0">Room 6</span>
<a href="#" class="button-remove-room button-remove-room-disabled">Remove<i lang="en" class="icon icon-close-contrary" aria-hidden="true"></i></a>
</span>
<div class="package-guests-wrapper">
<div class="field-group tooltip">
<label for="package-number-adult-room6" class="title">Adults (18+)</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">1</span>
<i class="icon icon-down" aria-hidden="true" lang="en"></i>
</span>
<select id="package-number-adult-room6" class="custom-select-control" name="NA6" disabled="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#package-search-adult-room6-tip">
<span class="is-visually-hidden">Tooltip about travelling as an adult. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="package-search-adult-room6-tip" class="tooltip-message" role="tooltip"> An adult travelling with children must be over 18 years of age. For ticket bookings of more than nine passengers, please contact your
<a href="https://www.cathaypacific.com/cx/en_HK/about-us/contact-us.html">local reservations office</a>
</div>
</div>
<div class="field-group tooltip">
<label for="package-number-child-room6" class="title">
<span class="infant">Children (0 to 17)</span>
<span class="children">Children (2 to 17)</span>
</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-number-child-room6" class="custom-select-control" name="NC6" disabled="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<a class="tooltip-button" href="#package-search-child-room6-tip">
<span class="is-visually-hidden">Tooltip about travelling with children. Press enter to expand.</span>
<i aria-hidden="true" class="icon icon-tooltip-contrary" lang="en"></i>
</a>
</div>
<div id="package-search-child-room6-tip" class="tooltip-message" role="tooltip"> Children must be accompanied by an adult. <br><br>If you are booking travel for <b>children who are travelling alone</b>, please check the age restrictions
set by the operating carrier prior to booking. </div>
</div>
</div>
<div class="package-ages-wrapper">
<p class="instruction">Please add the ages of the children for this room:</p>
<div class="field-group package-ages-group">
<label for="package-child1-age-room6" class="title">Child 1</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child1-age-room6" class="custom-select-control" name="AC61" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child2-age-room6" class="title">Child 2</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child2-age-room6" class="custom-select-control" name="AC62" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child3-age-room6" class="title">Child 3</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child3-age-room6" class="custom-select-control" name="AC63" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
<div class="field-group package-ages-group">
<label for="package-child4-age-room6" class="title">Child 4</label>
<div class="custom-select-wrapper">
<span class="custom-select-trigger" aria-hidden="true">
<span class="custom-select-text">0</span>
<i lang="en" aria-hidden="true" class="icon icon-down"></i>
</span>
<select id="package-child4-age-room6" class="custom-select-control" name="AC64" disabled="">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
<div class="help-message-small room-exceed"> Booking of more than six rooms is currently not available online. Please contact your <a onclick="CMSGlobal.fnContentSelfOpen('about-us/contact-us.html')" href="#">local reservations
office</a>. </div>
</div>
</div>
<div class="help-message-small passenger-exceed-first">Booking of more than nine passengers is currently not available online. Please contact your <a onclick="CMSGlobal.fnContentSelfOpen('about-us/contact-us.html')" href="#">local
reservations office</a>. </div>
<div class="help-message-small passenger-exceed">Booking of more than nine passengers is currently not available online. Please contact your <a onclick="CMSGlobal.fnContentSelfOpen('about-us/contact-us.html')" href="#">local reservations
office</a>. </div>
<div class="package-guest-summary-wrapper">
<div class="field-group">
<label for="package-total-adults" class="field-label"></label>
<input type="text" id="package-total-adults" name="TA" class="field-input" value="1">
</div>
<div class="field-group">
<label for="package-total-children" class="field-label"></label>
<input type="text" id="package-total-children" name="TC" class="field-input" value="0">
</div>
<div class="field-group">
<label for="package-total-rooms" class="field-label"></label>
<input type="text" id="package-total-rooms" name="NOR" class="field-input" value="1">
</div>
</div>
<div class="actions-cluster">
<a href="#" class="button-add-room">Add an additional room<i lang="en" class="icon icon-expand-contrary" aria-hidden="true"></i></a>
<p class="help-message room-exceed">Booking of more than six rooms is currently not available online. Please contact your <a href="#">local reservations office</a>. </p>
<p class="help-message passenger-exceed-first">Booking of more than nine passengers is currently not available online. Please contact your <a href="#">local reservations office</a>. </p>
<p class="help-message passenger-exceed">Booking of more than nine passengers is currently not available online. Please contact your <a href="#">local reservations office</a>. </p>
<button type="button" class="button-confirmation">Confirm</button>
</div>
</div>
</div>
<div class="checkbox-container">
<input type="checkbox" class="ui-checkbox" id="flexiable-hotel">
<label for="flexiable-hotel" class="field-label">
<span class="ui-checkbox-target"></span>
<i aria-hidden="true" class="icon icon-tick" lang="en"></i>
<span class="ui-checkbox-content">I just need a hotel for part of my trip.</span>
</label>
</div>
<div class="package-hotel-panel is-display-none">
<div class="clearfix"></div>
<div class="hotel-destination">
<div class="field-group">
<label for="package-hotel-destination-layout" class="field-label">STAYING IN</label>
<input type="text" id="package-hotel-destination-layout" name="HD1DES-layout" class="field-input no-scroll ui-autocomplete-input" placeholder="Hotel location" role="application" autocomplete="off"
data-autocomplete-helper-text="#result# result(s) is/are available. #selection# is selected. Use up and down arrow keys to navigate or press tab and enter keys to select." tabindex="-1">
<input type="text" id="package-hotel-destination" name="HD1DES" class="field-input hidden-input" placeholder="Hotel location"
data-autocomplete-helper-text="#result# result(s) is/are available. #selection# is selected. Use up and down arrow keys to navigate or press tab and enter keys to select." tabindex="-1">
<ul id="ui-id-7" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front ui-cx-autocomplete" style="display: none;"></ul>
</div>
</div>
<div class="dates-picker-wrapper splited-date-picker hotel-datepicker" data-date-picker-id="book-hotel-package" data-dp-preferred-duration="7" data-allow-return-same-date="false">
<div class="button-date-picker-wrapper field-group cx-inputfield">
<span aria-hidden="true" class="field-label">Check in date</span>
<button role="link" type="button" class="button-date-picker field-button from-button no-scroll" data-ui-overlay-shared="true" data-ui-overlay-id="hotel-dates-picker" aria-expanded="false" id="dpgo85i" tabindex="-1">
<span class="button-placeholder">Check in date</span>
<span class="date-selected from" data-default-state="Check in date">
<span class="instruction">Check in date</span>
<span class="date-full"></span>
<span class="date-short"></span>
</span>
</button>
</div>
<div class="button-date-picker-wrapper field-group cx-inputfield">
<span aria-hidden="true" class="field-label">Check out date</span>
<button role="link" type="button" class="button-date-picker field-button to-button no-scroll" data-ui-overlay-shared="true" data-ui-overlay-id="hotel-dates-picker" aria-expanded="false" id="dpvynlpp" tabindex="-1">
<span class="button-placeholder">Check out date</span>
<span class="date-selected to" data-default-state="Check out date" data-show-nights="false">
<span class="instruction">Check out date</span>
<span class="date-full"></span>
<span class="date-short"></span>
</span>
</button>
</div>
<div class="dates-picker" data-date-picker="book-hotel-package" data-ui-overlay="hotel-dates-picker">
<div class="dates-picker-controls">
<button type="button" class="button-secondary control-clear" tabindex="-1" style="display: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Clear</button>
<a href="#close" class="button-secondary control-close" style="touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<span class="close-text">Close</span>
<i lang="en" class="icon icon-close-circle" aria-hidden="true"></i>
</a>
</div>
<div class="dates-picker-summary">
<span class="summary from" data-prefix="From" data-default-state="Check in date">
<span class="instruction">Check in date</span>
<span class="date-full"></span>
<span class="date-short"></span>
</span>
<span class="summary to" data-default-state="Check out date">
<span class="instruction">Check out date</span>
<span class="date-full"></span>
<span class="date-short"></span>
</span>
</div>
<div class="calendar">
<div class="ui-calendar hasDatepicker" role="application" data-selected-departure-label="selected departure date" data-selected-return-label="selected returning date" data-next-month-text="Next month"
data-previous-month-text="Previous month" id="dp1689584172718" style="touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-datepicker-multi ui-datepicker-multi-2" style="display: block; width: 34em;">
<div class="ui-datepicker-group ui-datepicker-group-first">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left">
<a class="ui-datepicker-prev ui-corner-all ui-state-disabled" href="#prev-month"><span class="ui-icon ui-icon-circle-triangle-w">Previous month</span></a></div>
<table class="ui-datepicker-calendar">
<caption class="ui-datepicker-title"><span class="ui-datepicker-month">July</span> <span class="ui-datepicker-year">2023</span></caption>
<thead>
<tr>
<th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Sun</span></th>
<th scope="col"><span title="Monday">Mon</span></th>
<th scope="col"><span title="Tuesday">Tue</span></th>
<th scope="col"><span title="Wednesday">Wed</span></th>
<th scope="col"><span title="Thursday">Thu</span></th>
<th scope="col"><span title="Friday">Fri</span></th>
<th scope="col" class="ui-datepicker-week-end"><span title="Saturday">Sat</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">1</span></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">2</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">3</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">4</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">5</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">6</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">7</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">8</span></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">9</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">10</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">11</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">12</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">13</span></td>
<td class=" ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">14</span></td>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">15</span></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">16</span></td>
<td class=" ui-datepicker-days-cell-over ui-datepicker-current-day ui-datepicker-today" data-handler="selectDay" data-event="click" data-month="6" data-year="2023">
<a class="ui-state-default ui-state-highlight ui-state-active ui-state-hover" href="#">17</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">18</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">19</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">20</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">21</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">22</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">23</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">24</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">25</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">26</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">27</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">28</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">29</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">30</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="6" data-year="2023"><a class="ui-state-default" href="#">31</a></td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
</tr>
</tbody>
</table>
</div>
<div class="ui-datepicker-group ui-datepicker-group-last">
<div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right"></div>
<table class="ui-datepicker-calendar">
<caption class="ui-datepicker-title"><span class="ui-datepicker-month">August</span> <span class="ui-datepicker-year">2023</span></caption>
<thead>
<tr>
<th scope="col" class="ui-datepicker-week-end"><span title="Sunday">Sun</span></th>
<th scope="col"><span title="Monday">Mon</span></th>
<th scope="col"><span title="Tuesday">Tue</span></th>
<th scope="col"><span title="Wednesday">Wed</span></th>
<th scope="col"><span title="Thursday">Thu</span></th>
<th scope="col"><span title="Friday">Fri</span></th>
<th scope="col" class="ui-datepicker-week-end"><span title="Saturday">Sat</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">1</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">2</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">3</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">4</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">5</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">6</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">7</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">8</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">9</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">10</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">11</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">12</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">13</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">14</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">15</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">16</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">17</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">18</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">19</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">20</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">21</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">22</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">23</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">24</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">25</a></td>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">26</a></td>
</tr>
<tr>
<td class=" ui-datepicker-week-end " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">27</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">28</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">29</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">30</a></td>
<td class=" " data-handler="selectDay" data-event="click" data-month="7" data-year="2023"><a class="ui-state-default" href="#">31</a></td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
</tr>
<tr>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
<td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td>
</tr>
</tbody>
</table><a class="ui-datepicker-next ui-corner-all" data-handler="next" data-event="click" href="#next-month"><span class="ui-icon ui-icon-circle-triangle-e">Next month</span></a>
</div>
<div class="ui-datepicker-row-break"></div>
</div>
</div>
<label for="hotel-calendar-departure">Check in</label>
<input type="text" class="calendar date-picker calendar-depart field-input" id="hotel-calendar-departure" name="HD1DD1" data-calendar-name="from" tabindex="-1">
<label for="hotel-calendar-return">Check out</label>
<input type="text" class="calendar date-picker calendar-return field-input" id="hotel-calendar-return" name="HD1DD2" data-calendar-name="to" tabindex="-1">
</div>
</div>
</div>
<div class="hotel-nights-wrapper">
<div class="field-group">
<label for="package-hotel-nights" class="field-label input-filled">NIGHTS</label>
<input readonly="" type="text" id="package-hotel-nights" class="field-input input-filled no-scroll" tabindex="-1">
</div>
</div>
<input type="hidden" name="NUMHD" value="0" tabindex="-1">
</div>
<input type="hidden" name="LAN" value="EN">
<input type="hidden" name="PRE" value="F">
<input type="hidden" name="PACK" value="T">
<input type="hidden" name="MO" value="T">
<input type="hidden" name="PT" value="H">
<input type="hidden" name="PT" value="F">
<input type="hidden" name="RL" value="https://www.cathaypacific.com/cx/en_HK/destinations/things-to-do.html">
<input type="hidden" name="market" value="HK">
<input type="hidden" name="ActionPath" value="https://holidays.cathaypacific.com/ibe/deeplink/ancillary.do">
<input type="hidden" name="FormType" value="PACKAGE">
<div class="button-submit-wrapper extra-margin-top">
<div class="clearfix"></div>
<button type="submit" class="button-submit">
<span class="button-title-small">Search flights + hotels</span>
<span class="button-title-medium">Search</span>
<span class="button-title-large">Search flights + hotels</span>
<i lang="en" class="icon icon-arrow-forward" aria-hidden="true"></i>
</button>
</div>
</form>Text Content
Close Please upgrade your web browser
You’re using a browser that we don’t support. To get the best experience using
our site, we recommend you upgrade to a newer browser – please see our supported
browsers list.
Skip to main content
Menu Hong Kong SAR - English Notification centre Notification centre
Member
Welcome
Close
Registered account |
Membership valid until
MEMBERSHIP HOLIDAY UNTIL
Status Points balance
-
Asia Miles balance
-
* Account overview
* Update Profile
* Manage booking
* My account
* Manage booking
* My account
* Manage booking
Sign out
Sign in
Sign in now
Enjoy a more personalized experience.
Close
Sign up Contact us
Book a trip
Shop with Cathay Open a new window
Close Menu
Home Book a trip Shop with Cathay Open a new window
* Flights
Flights Close
Book your flight
Flight timetable Pay with Miles Plus Cash Status Points and Asia Miles
calculator Hold your fare Where we're flying now Reasons to book direct with
us Inspiration Redeem with miles
Latest fares and offers
Weekly Discovery Discover the best fares Domestic helper fares Economy fares
Student fares COVID-19 vaccination lucky draw
Manage your booking
Online check-in Manage booking Reserve your seat Upgrade your flight
experience Rebook and refund Check your flight status Passenger assistance
Travel extras
Baggage
Baggage information Prepaid extra baggage Self-service baggage drop Delayed
and damaged baggage
Flying with us
Aircraft and fleet Fly greener Wi-Fi and connectivity Inflight shopping
Inflight dining Inflight entertainment Our commitment to you Lounges Cabin
classes Our codeshare flights with HK Express Cathay Care
Travel information
Airport information Passports and visas Travel requirements Latest travel
advisories oneworld Flight delays and cancellations Connecting you to the
world
* Holidays
Holidays Close
Plan your trip
Book a hotel Book with miles Open a new window Book an experience Open a new
window Rent a car Open a new window Meaningful experience & events Holidays
inspiration
Latest offers
Explore holiday packages Redeem travel offers Open a new window Other holiday
partner offers Open a new window
Marriott Bonvey
Our expanded partnership with Marriott Bonvoy
Holiday with us
Reasons to book direct with us
Manage your trip
Manage hotel and package booking Manage redemption booking Open a new window
* Shopping
Shopping Close
Shop with Cathay
New arrivals Open a new window Home Open a new window Wellness Open a new
window Food and wine Open a new window Travel Open a new window Inspiration
Our shopping partners
Online partners Open a new window Retail partners
Spend with Miles Plus Cash at Cathay
Spend with Miles Plus Cash at Cathay
Open a new window
Earn miles with our online shopping partners
Earn miles with our online shopping partners
Open a new window
Our shopping partners
Online partners Open a new window Retail partners Shop with Cathay -
Cityplaza
* Wellness
Wellness Close
More on Wellness
Your wellness journey Cigna health insurance Chubb travel insurance Our
wellness partners Meaningful Experiences and events Inspiration
Discover the Cigna health plan
Discover the Cigna health plan
Discover the Chubb travel insurance
Discover the Chubb travel insurance
Kickstart your wellness journey
New summer challenges to earn miles and free Cigna Health Passport access
* Dining
Dining Close
More on Dining
Our restaurant partners Open a new window Meaningful Experiences and events
Inspiration
Indulge in comfort food with double rewards at The Point
Enhanced miles rewards from your everyday dining
Indulge in comfort food with double rewards at The Point
Enjoy bonus miles all year-round at selected partner restaurants
* Payment
Payment Close
More on Payment
Co-branded credit cards Co-branded credit card exclusive offers Banking and
investment Open a new window Other payment partners Open a new window
Enjoy Cathay afternoon tea at Salisterra
Enjoy dining privileges at The Peninsula Hong Kong or 181 Fortnum & Mason
with no spending required
Open a new window
Co-branded credit cards
Earn up to 40,000 miles with an exclusive earn rate of HKD1 = 1 mile as a
welcome offer
* Membership
Membership Close
Cathay membership
About the programme Status Points Earning Asia Miles Status benefits
Meaningful experience and event Inspiration
Member account
My account Membership summary Latest transactions Manage miles Benefits and
rewards Update profile Change redemption group
Contact us
Contact us page Feedback form
Sign up
Sign up
Contact us
Search
Search Close
Search Cathay Pacific Search
Quick links Standard Chartered Cathay Mastercard Online check in Manage booking
Baggage Flight status Travelling with animals Travel requirements Student fares
Mileage renewal offer Wi-Fi and connectivity
Hong Kong SAR - EnglishHong Kong SAR - English香港特別行政區 - 繁體中文Chinese Mainland
(China) - English中国內地 - 简体中文Taiwan China - English中國台灣 - 繁體中文South Africa -
EnglishCanada - EnglishUnited States - EnglishBangladesh - EnglishCambodia -
EnglishIndia - EnglishIndonesia - EnglishIndonesia - Bahasa IndonesiaJapan -
English日本 - 日本語Korea - English한국 - 한국어Malaysia - EnglishMaldives -
EnglishMyanmar - EnglishNepal - EnglishPhilippines - EnglishSingapore -
EnglishSri Lanka - EnglishThailand - Englishประเทศไทย - ภาษาไทยVietnam -
EnglishViệt Nam - tiếng ViệtAustralia - EnglishNew Zealand - EnglishBelgium -
EnglishDenmark - EnglishDeutschland - DeutschEspaña - EspañolFrance -
FrançaisIreland - EnglishItalia - ItalianoNederland - NederlandsРоссия -
РусскийSchweiz - DeutschUnited Kingdom - EnglishBahrain - EnglishIsrael -
EnglishUnited Arab Emirates, Qatar and Saudi Arabia - English
Go
Country / Region - Language
* China - Mainland, Hong Kong, Macao, Taiwan regions
* Hong Kong SAR - EnglishCurrently selected
* 香港特別行政區 - 繁體中文
* Chinese Mainland (China) - English
* 中国內地 - 简体中文
* Taiwan China - English
* 中國台灣 - 繁體中文
* Africa
* South Africa - English
* Americas
* Canada - English
* United States - English
* Asia
* Bangladesh - English
* Cambodia - English
* India - English
* Indonesia - English
* Indonesia - Bahasa Indonesia
* Japan - English
* 日本 - 日本語
* Korea - English
* 한국 - 한국어
* Malaysia - English
* Maldives - English
* Myanmar - English
* Nepal - English
* Philippines - English
* Singapore - English
* Sri Lanka - English
* Thailand - English
* ประเทศไทย - ภาษาไทย
* Vietnam - English
* Việt Nam - tiếng Việt
* Australasia
* Australia - English
* New Zealand - English
* Europe
* Belgium - English
* Denmark - English
* Deutschland - Deutsch
* España - Español
* France - Français
* Ireland - English
* Italia - Italiano
* Nederland - Nederlands
* Россия - Русский
* Schweiz - Deutsch
* United Kingdom - English
* Middle East
* Bahrain - English
* Israel - English
* United Arab Emirates, Qatar and Saudi Arabia - English
Important alerts
Loading ...
There are currently no important alerts. Click "View all" to read our travel
advisories.
* Typhoon Talim is approaching Hong Kong
-
16 Jul 2023 23:00HKT (GMT+8)
* Check-in counter closure time change at Japan airports
-
13 Jul 2023 16:15HKT (GMT+8)
* The flight award charts will be updated from 1 October 2023.
-
06 Jul 2023 11:00HKT (GMT+8)
* Important notice for passengers departing from Tan Son Nhat International
Airport
-
27 Jun 2023 10:45HKT (GMT+8)
* Removal of mask mandate
-
01 Mar 2023 9:30HKT (GMT+8)
* Scam email
-
19 Dec 2022 19:25HKT (GMT+8)
Close
View all
Close View details
Close Member
Sign in Sign up
* Flights
--------------------------------------------------------------------------------
Book your flight
Flight timetable Pay with Miles Plus Cash Status Points and Asia Miles
calculator Hold your fare Where we're flying now Reasons to book direct with
us Inspiration Redeem with miles
Latest fares and offers
Weekly Discovery Discover the best fares Domestic helper fares Economy fares
Student fares COVID-19 vaccination lucky draw
Manage your booking
Online check-in Manage booking Reserve your seat Upgrade your flight
experience Rebook and refund Check your flight status Passenger assistance
Travel extras
Baggage
Baggage information Prepaid extra baggage Self-service baggage drop Delayed
and damaged baggage
Flying with us
Aircraft and fleet Fly greener Wi-Fi and connectivity Inflight shopping
Inflight dining Inflight entertainment Our commitment to you Lounges Cabin
classes Our codeshare flights with HK Express Cathay Care
Travel information
Airport information Passports and visas Travel requirements Latest travel
advisories oneworld Flight delays and cancellations Connecting you to the
world
* Holidays
--------------------------------------------------------------------------------
Plan your trip
Book a hotel Book with miles Open a new window Book an experience Open a new
window Rent a car Open a new window Meaningful experience & events Holidays
inspiration
Latest offers
Explore holiday packages Redeem travel offers Open a new window Other holiday
partner offers Open a new window
Marriott Bonvey
Our expanded partnership with Marriott Bonvoy
Holiday with us
Reasons to book direct with us
Manage your trip
Manage hotel and package booking Manage redemption booking Open a new window
* Shopping
--------------------------------------------------------------------------------
Shop with Cathay
New arrivals Open a new window Home Open a new window Wellness Open a new
window Food and wine Open a new window Travel Open a new window Inspiration
Our shopping partners
Online partners Open a new window Retail partners
Spend with Miles Plus Cash at Cathay
Spend with Miles Plus Cash at Cathay
Open a new window
Earn miles with our online shopping partners
Earn miles with our online shopping partners
Open a new window
Our shopping partners
Online partners Open a new window Retail partners Shop with Cathay -
Cityplaza
* Wellness
--------------------------------------------------------------------------------
More on Wellness
Your wellness journey Cigna health insurance Chubb travel insurance Our
wellness partners Meaningful Experiences and events Inspiration
Discover the Cigna health plan
Discover the Cigna health plan
Discover the Chubb travel insurance
Discover the Chubb travel insurance
Kickstart your wellness journey
New summer challenges to earn miles and free Cigna Health Passport access
* Dining
--------------------------------------------------------------------------------
More on Dining
Our restaurant partners Open a new window Meaningful Experiences and events
Inspiration
Indulge in comfort food with double rewards at The Point
Enhanced miles rewards from your everyday dining
Indulge in comfort food with double rewards at The Point
Enjoy bonus miles all year-round at selected partner restaurants
* Payment
--------------------------------------------------------------------------------
More on Payment
Co-branded credit cards Co-branded credit card exclusive offers Banking and
investment Open a new window Other payment partners Open a new window
Enjoy Cathay afternoon tea at Salisterra
Enjoy dining privileges at The Peninsula Hong Kong or 181 Fortnum & Mason
with no spending required
Open a new window
Co-branded credit cards
Earn up to 40,000 miles with an exclusive earn rate of HKD1 = 1 mile as a
welcome offer
* Membership
--------------------------------------------------------------------------------
Cathay membership
About the programme Status Points Earning Asia Miles Status benefits
Meaningful experience and event Inspiration
Member account
My account Membership summary Latest transactions Manage miles Benefits and
rewards Update profile Change redemption group
Contact us
Contact us page Feedback form
Sign up
Sign up
Search Cathay Pacific
Quick links Standard Chartered Cathay Mastercard Online check in Manage booking
Baggage Flight status Travelling with animals Travel requirements Student fares
Mileage renewal offer Wi-Fi and connectivity
Search Cathay Pacific Search Close
JOHANNESBURG
* Johannesburg guide
* Browse flight offers
Flights
With its glorious weather and surrounding green plains, Johannesburg is South
Africa's main tourist centre. A fascinating and multi-faceted city, it's the
perfect place to start exploring the continent.
1/tab.galleryImage.size} Experience Johannesburg’s emergence as a cool, creative
capital
2/tab.galleryImage.size} The Nelson Mandela Bridge is a symbol of Johannesburg’s
recent regeneration and urban renewal
3/tab.galleryImage.size} One of Johannesburg’s most spectacular sights is the
blooming of its purple jacaranda trees in spring Photo: Thomas Linkel - laif/IC
4/tab.galleryImage.size} Stroll through Johannesburg’s 81-hectare Botanical
Gardens, the green lungs of the city Photo: Thomas Linkel - laif/IC
5/tab.galleryImage.size} The grand City Hall is one of Johannesburg’s finest
colonial buildings Photo: Thomas Linkel - laif/IC
6/tab.galleryImage.size} Take a day trip to the Lesedi Cultural Village near
Johannesburg to learn about the traditions of the Zulu, Xhosa, Pedi, Basotho,
Nguni and Ndebele people Photo: Thomas Linkel - laif/IC
1 /6
Experience Johannesburg’s emergence as a cool, creative capital
2 /6
The Nelson Mandela Bridge is a symbol of Johannesburg’s recent regeneration and
urban renewal
3 /6
One of Johannesburg’s most spectacular sights is the blooming of its purple
jacaranda trees in spring
Photo: Thomas Linkel - laif/IC
4 /6
Stroll through Johannesburg’s 81-hectare Botanical Gardens, the green lungs of
the city
Photo: Thomas Linkel - laif/IC
5 /6
The grand City Hall is one of Johannesburg’s finest colonial buildings
Photo: Thomas Linkel - laif/IC
6 /6
Take a day trip to the Lesedi Cultural Village near Johannesburg to learn about
the traditions of the Zulu, Xhosa, Pedi, Basotho, Nguni and Ndebele people
Photo: Thomas Linkel - laif/IC
THINGS TO DO
We've chosen the must-see highlights of this fantastic city.
Show me
all Johannesburg attractions all Johannesburg attractions Eat Drink Shop Do See
Do
Soweto Bicycle Tours
From the swanky villas of Winnie Mandela to the gritty streets of the former
mining hostels, Soweto is open to visitors, on foot or by bike. With a guide,
pedal to Soweto’s key historic sites, breaking for a sip of sorghum beer.
Location
10823A Pooe Street, Orlando West, Soweto
Phone
+27 11 936 3444 +27 11 936 3444
Visit websiteOpen a new window
See
Melville Koppies Nature Reserve
Escape from the urban jungle with a ramble to iron-age and stone-age remains in
this miniature range of hills, rising directly from the city streets. Savannah
and woodland provide habitats for numerous birds and other wildlife, and the
views are exceptional.
Location
Judith Road, Melville
Phone
+27 11 482 4797 +27 11 482 4797
Visit websiteOpen a new window
Shop
Kwa Zulu Muti Museum of Man and Science
Not a museum, but more fascinating than many, this is perhaps central
Johannesburg’s most famous shop, specialising in traditional medicine – known as
muti – and offering a host of tribal (mostly Zulu) artefacts, souvenirs, weapons
and crafts.
Location
14 Diagonal Street
Phone
+27 11836 4470 +27 11836 4470
See
Top of Africa
From the partly pedestrianised – and surprisingly safe – streets of the central
business district, take the elevator 50 floors to the viewing deck at the top of
the Carlton Centre, the tallest building in Africa (223 metres) and survey a
360-degree view around the Jo'burg skyline.
Location
Carlton Centre, 150 Commissioner Street
Phone
+27 11 308 1331 +27 11 308 1331
Do
Apartheid Museum
This stylish, engaging and sensitively designed museum documents the story of
South Africa's recent past and movingly describes its emergence from a dark
epoch into the contemporary "Rainbow Nation". It also highlights some of the
challenges on the road ahead.
Location
Corner of Northern Parkway and Gold Reef Roads
Phone
+27 11 309 4700 +27 11 309 4700
Visit websiteOpen a new window
Drink
The Rock
The best place for a sundowner in increasingly sophisticated Soweto is the roof
terrace of this club that overlooks the district. When you tire of South
Africa's Castle Lager, try a bottle of Windhoek Lager from neighbouring Namibia
– or stick to South Africa's superb Pinotage red wine.
Location
1987 Vundla Drive, Rockville
Phone
+27 11 986 8182 +27 11 986 8182
Eat
Sophiatown
This lively and popular restaurant offers pavement tables with a view of the
square or a dining area surrounded by curated photos of the Sophiatown suburb,
famed for its political activism and vibrant nightlife. The menu includes local
specialities such as ostrich and kudu antelope.
Location
1 Central Place, at the corner of Jeppe and Henry Nxumalo, Newtown
Phone
+27 11 836 5999 +27 11 836 5999
Visit websiteOpen a new window
Loading...
See more
THINGS TO DO
We've chosen the must-see highlights of this fantastic city.
Do
Soweto Bicycle Tours
From the swanky villas of Winnie Mandela to the gritty streets of the former
mining hostels, Soweto is open to visitors, on foot or by bike. With a guide,
pedal to Soweto’s key historic sites, breaking for a sip of sorghum beer.
Location
10823A Pooe Street, Orlando West, Soweto
Phone
+27 11 936 3444 +27 11 936 3444
Visit websiteOpen a new window
See
Top of Africa
From the partly pedestrianised – and surprisingly safe – streets of the central
business district, take the elevator 50 floors to the viewing deck at the top of
the Carlton Centre, the tallest building in Africa (223 metres) and survey a
360-degree view around the Jo'burg skyline.
Location
Carlton Centre, 150 Commissioner Street
Phone
+27 11 308 1331 +27 11 308 1331
Drink
The Rock
The best place for a sundowner in increasingly sophisticated Soweto is the roof
terrace of this club that overlooks the district. When you tire of South
Africa's Castle Lager, try a bottle of Windhoek Lager from neighbouring Namibia
– or stick to South Africa's superb Pinotage red wine.
Location
1987 Vundla Drive, Rockville
Phone
+27 11 986 8182 +27 11 986 8182
See
Melville Koppies Nature Reserve
Escape from the urban jungle with a ramble to iron-age and stone-age remains in
this miniature range of hills, rising directly from the city streets. Savannah
and woodland provide habitats for numerous birds and other wildlife, and the
views are exceptional.
Location
Judith Road, Melville
Phone
+27 11 482 4797 +27 11 482 4797
Visit websiteOpen a new window
Do
Apartheid Museum
This stylish, engaging and sensitively designed museum documents the story of
South Africa's recent past and movingly describes its emergence from a dark
epoch into the contemporary "Rainbow Nation". It also highlights some of the
challenges on the road ahead.
Location
Corner of Northern Parkway and Gold Reef Roads
Phone
+27 11 309 4700 +27 11 309 4700
Visit websiteOpen a new window
Eat
Sophiatown
This lively and popular restaurant offers pavement tables with a view of the
square or a dining area surrounded by curated photos of the Sophiatown suburb,
famed for its political activism and vibrant nightlife. The menu includes local
specialities such as ostrich and kudu antelope.
Location
1 Central Place, at the corner of Jeppe and Henry Nxumalo, Newtown
Phone
+27 11 836 5999 +27 11 836 5999
Visit websiteOpen a new window
Shop
Kwa Zulu Muti Museum of Man and Science
Not a museum, but more fascinating than many, this is perhaps central
Johannesburg’s most famous shop, specialising in traditional medicine – known as
muti – and offering a host of tribal (mostly Zulu) artefacts, souvenirs, weapons
and crafts.
Location
14 Diagonal Street
Phone
+27 11836 4470 +27 11836 4470
Book a trip
Flights
Hotels
Flights + Hotels
Flights Hotels Flights + Hotels
Book a flight
Close
Return One way
* Redeem flights
* Multi-city / stopover
* Redeem flights
* Multi-city / stopover
Leaving from
Going to
Departing on Departing on Departing on Monday 17 July 2023 Mon 17 Jul 2023
Returning on Returning on Returning on Monday 24 July 2023 Mon 24 Jul 2023
Clear Close
From Monday 17 July 2023 Mon 17 Jul 2023 Returning Monday 24 July 2023 Mon 24
Jul 2023
Previous month
July 2023SunMonTueWedThuFriSat 1234567891011121314151617selected departure
date18192021222324selected returning date25262728293031
August 2023SunMonTueWedThuFriSat 12345678910111213141516171819202122232425262728293031
Next month
Select departure date Select return date Select return date
passenger / cabin class 1 Passengers / Economy
Booking of more than 9 passengers is currently not available online. Please
contact your local reservations office.
Booking of more than 4 passengers is currently not available online. Please
contact your local reservations office.
Class
* First
* Business
* Premium Economy
* Economy
CABIN CLASS Economy FirstBusinessPremium EconomyEconomy
Passengers
Adults (12+)
1 123456789 Tooltip about travelling as an adult. Press enter to expand.
An adult travelling with children must be over 18 years of age. For ticket
bookings of more than nine passengers, please contact your local reservations
office
Young adults (12-15)
0 012345678 Tooltip about travelling as an adults. Press enter to expand.
Passengers departing the UK, and aged 12 to 15, are exempted from the UK Air
Passenger Duty (APD) Tax.
Children (2 to 11)
0 012345678 Tooltip about travelling with children. Press enter to expand.
Children must be accompanied by an adult (at least 18 years old). For more
information on bookings with children, please contact your local reservations
office or view our guidelines for children travelling.
If you are booking travel for children who are travelling alone, please check
the age restrictions set by the operating carrier prior to booking.
Infants (under 2)
0 012 Tooltip about travelling with infants. Press enter to expand.
Please note that for online bookings, infants under two will not occupy their
own seat. To book an infant-occupied seat, or if your infant turns two during
your trip, please contact your local reservations office.
Discount code (optional)
Search flights Search Search flights
Book a hotel
Close
Destination / city
Check in Check in Check in
Check out Check out Check out
Clear Close
Select a check in date Select a check out date
Previous month
July 2023SunMonTueWedThuFriSat 12345678910111213141516171819202122232425262728293031
August 2023SunMonTueWedThuFriSat 12345678910111213141516171819202122232425262728293031
Next month
Check in Check out
guest(s) / Room(s) 1 guest(s) / 1 Room(s)
Room(s) 1
Adults (18+)
1 1 2 3 4 Tooltip about travelling as an adult. Press enter to expand.
An adult is classified as being 18 or over. All children must be accompanied by
an adult guest. A maximum of 4 adults and 3 children may stay in one room.
Children (0-17)
0 0 1 2 3 Tooltip about travelling with children. Press enter to expand.
A child guest is classified as being 17 years old or under. All children must be
accompanied by an adult guest. A maximum of 4 adults and 3 children may stay in
one room.
Please add the ages of the children for this room:
Child 1
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Child 2
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Child 3
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Room(s) 2 Remove
Adults (18+)
1 1 2 3 4 Tooltip about travelling as an adult. Press enter to expand.
An adult is classified as being 18 or over. All children must be accompanied by
an adult guest. A maximum of 4 adults and 3 children may stay in one room.
Children (0-17)
0 0 1 2 3 Tooltip about travelling with children. Press enter to expand.
A child guest is classified as being 17 years old or under. All children must be
accompanied by an adult guest. A maximum of 4 adults and 3 children may stay in
one room.
Please add the ages of the children for this room:
Child 1
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Child 2
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Child 3
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Room(s) 3 Remove
Adults (18+)
1 1 2 3 4 Tooltip about travelling as an adult. Press enter to expand.
An adult is classified as being 18 or over. All children must be accompanied by
an adult guest. A maximum of 4 adults and 3 children may stay in one room.
Children (0-17)
0 0 1 2 3 Tooltip about travelling with children. Press enter to expand.
A child guest is classified as being 17 years old or under. All children must be
accompanied by an adult guest. A maximum of 4 adults and 3 children may stay in
one room.
Please add the ages of the children for this room:
Child 1
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Child 2
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Child 3
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Room(s) 4 Remove
Adults (18+)
1 1 2 3 4 Tooltip about travelling as an adult. Press enter to expand.
An adult is classified as being 18 or over. All children must be accompanied by
an adult guest. A maximum of 4 adults and 3 children may stay in one room.
Children (0-17)
0 0 1 2 3 Tooltip about travelling with children. Press enter to expand.
A child guest is classified as being 17 years old or under. All children must be
accompanied by an adult guest. A maximum of 4 adults and 3 children may stay in
one room.
Please add the ages of the children for this room:
Child 1
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Child 2
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Child 3
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Room(s) 5 Remove
Adults (18+)
1 1 2 3 4 Tooltip about travelling as an adult. Press enter to expand.
An adult is classified as being 18 or over. All children must be accompanied by
an adult guest. A maximum of 4 adults and 3 children may stay in one room.
Children (0-17)
0 0 1 2 3 Tooltip about travelling with children. Press enter to expand.
A child guest is classified as being 17 years old or under. All children must be
accompanied by an adult guest. A maximum of 4 adults and 3 children may stay in
one room.
Please add the ages of the children for this room:
Child 1
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Child 2
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Child 3
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Room(s) 6 Remove
Adults (18+)
1 1 2 3 4 Tooltip about travelling as an adult. Press enter to expand.
An adult is classified as being 18 or over. All children must be accompanied by
an adult guest. A maximum of 4 adults and 3 children may stay in one room.
Children (0-17)
0 0 1 2 3 Tooltip about travelling with children. Press enter to expand.
A child guest is classified as being 17 years old or under. All children must be
accompanied by an adult guest. A maximum of 4 adults and 3 children may stay in
one room.
Please add the ages of the children for this room:
Child 1
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Child 2
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Child 3
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Room(s) 7 Remove
Adults (18+)
1 1 2 3 4 Tooltip about travelling as an adult. Press enter to expand.
An adult is classified as being 18 or over. All children must be accompanied by
an adult guest. A maximum of 4 adults and 3 children may stay in one room.
Children (0-17)
0 0 1 2 3 Tooltip about travelling with children. Press enter to expand.
A child guest is classified as being 17 years old or under. All children must be
accompanied by an adult guest. A maximum of 4 adults and 3 children may stay in
one room.
Please add the ages of the children for this room:
Child 1
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Child 2
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Child 3
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Room(s) 8 Remove
Adults (18+)
1 1 2 3 4 Tooltip about travelling as an adult. Press enter to expand.
An adult is classified as being 18 or over. All children must be accompanied by
an adult guest. A maximum of 4 adults and 3 children may stay in one room.
Children (0-17)
0 0 1 2 3 Tooltip about travelling with children. Press enter to expand.
A child guest is classified as being 17 years old or under. All children must be
accompanied by an adult guest. A maximum of 4 adults and 3 children may stay in
one room.
Please add the ages of the children for this room:
Child 1
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Child 2
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Child 3
0 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Booking of more than eight rooms is currently not available online. Please
contact your local reservations office.
Total no. of Adults
Total. of Children
Total. of rooms
Remove room Add an additional room
Booking of more than eight rooms is currently not available online. Please
contact your local reservations office.
Confirm
nights
Search hotels Search Search hotels
Book a flight and hotel
Close
I want to return from: Return from the same city the same city Return from a
different city a different city
Leaving from
Going to
Returning from
Returning to
Departing Date Departing Date Departing Date
Returning Date Returning Date Returning Date
Clear Close
Select departure date Select return date
Previous month
July 2023SunMonTueWedThuFriSat 12345678910111213141516171819202122232425262728293031
August 2023SunMonTueWedThuFriSat 12345678910111213141516171819202122232425262728293031
Next month
Select departure date Select return date
Economy
Class
* First
* Business
* Premium Economy
* Economy
Economy FirstBusinessPremium EconomyEconomy
CABIN CLASS
Passenger(s) / Room(s) 1 Passenger(s) / 1 Room(s)
Close
If you’re travelling with infant(s) under two years of age, or your infant(s)
turns two during your trip, please contact your <a
onclick="CMSGlobal.fnContentSelfOpen('about-us/contact-us.html')" href="#">local
reservations office</a> or view our travelling with <a
onclick="CMSGlobal.fnContentSelfOpen('travel-information/special-assistance/children-and-infants/infants.html')"
href="#">infants guidelines</a>.
Children must be accompanied by an adult. For more information on bookings with
children, please contact your <a
onclick="CMSGlobal.fnContentSelfOpen('about-us/contact-us.html')" href="#">local
reservations office</a> or view our <a
onclick="CMSGlobal.fnContentSelfOpen('travel-information/help-for-passengers/travelling-with-children/children.html')"
href="#">guidelines for children travelling</a>.<br><br> If you are booking
travel for <b>children who are travelling alone</b>, please check the age
restrictions set by the operating carrier prior to booking.
Room 1 Remove
Adults (18+)
1 123456789 Tooltip about travelling as an adult. Press enter to expand.
An adult travelling with children must be over 18 years of age. For ticket
bookings of more than nine passengers, please contact your local reservations
office
Children (0 to 17) Children (2 to 17)
0 0123456789 Tooltip about travelling with children. Press enter to expand.
Children must be accompanied by an adult.
If you are booking travel for children who are travelling alone, please check
the age restrictions set by the operating carrier prior to booking.
Please add the ages of the children for this room:
Child 1
0 01234567891011121314151617
Child 2
0 01234567891011121314151617
Child 3
0 01234567891011121314151617
Child 4
0 01234567891011121314151617
Room 2 Remove
Adults (18+)
1 1 2 3 4 Tooltip about travelling as an adult. Press enter to expand.
An adult travelling with children must be over 18 years of age. For ticket
bookings of more than nine passengers, please contact your local reservations
office
Children (0 to 17) Children (2 to 17)
0 1 2 3 4 Tooltip about travelling with children. Press enter to expand.
Children must be accompanied by an adult.
If you are booking travel for children who are travelling alone, please check
the age restrictions set by the operating carrier prior to booking.
Please add the ages of the children for this room:
Child 1
0 01234567891011121314151617
Child 2
0 01234567891011121314151617
Child 3
0 01234567891011121314151617
Child 4
0 01234567891011121314151617
Room 3 Remove
Adults (18+)
1 1 2 3 4 Tooltip about travelling as an adult. Press enter to expand.
An adult travelling with children must be over 18 years of age. For ticket
bookings of more than nine passengers, please contact your local reservations
office
Children (0 to 17) Children (2 to 17)
0 1 2 3 4 Tooltip about travelling with children. Press enter to expand.
Children must be accompanied by an adult.
If you are booking travel for children who are travelling alone, please check
the age restrictions set by the operating carrier prior to booking.
Please add the ages of the children for this room:
Child 1
0 01234567891011121314151617
Child 2
0 01234567891011121314151617
Child 3
0 01234567891011121314151617
Child 4
0 01234567891011121314151617
Room 4 Remove
Adults (18+)
1 1 2 3 4 Tooltip about travelling as an adult. Press enter to expand.
An adult travelling with children must be over 18 years of age. For ticket
bookings of more than nine passengers, please contact your local reservations
office
Children (0 to 17) Children (2 to 17)
0 1 2 3 4 Tooltip about travelling with children. Press enter to expand.
Children must be accompanied by an adult.
If you are booking travel for children who are travelling alone, please check
the age restrictions set by the operating carrier prior to booking.
Please add the ages of the children for this room:
Child 1
0 01234567891011121314151617
Child 2
0 01234567891011121314151617
Child 3
0 01234567891011121314151617
Child 4
0 01234567891011121314151617
Room 5 Remove
Adults (18+)
1 1 2 3 4 Tooltip about travelling as an adult. Press enter to expand.
An adult travelling with children must be over 18 years of age. For ticket
bookings of more than nine passengers, please contact your local reservations
office
Children (0 to 17) Children (2 to 17)
0 1 2 3 4 Tooltip about travelling with children. Press enter to expand.
Children must be accompanied by an adult.
If you are booking travel for children who are travelling alone, please check
the age restrictions set by the operating carrier prior to booking.
Please add the ages of the children for this room:
Child 1
0 01234567891011121314151617
Child 2
0 01234567891011121314151617
Child 3
0 01234567891011121314151617
Child 4
0 01234567891011121314151617
Room 6 Remove
Adults (18+)
1 1 2 3 4 Tooltip about travelling as an adult. Press enter to expand.
An adult travelling with children must be over 18 years of age. For ticket
bookings of more than nine passengers, please contact your local reservations
office
Children (0 to 17) Children (2 to 17)
0 1 2 3 4 Tooltip about travelling with children. Press enter to expand.
Children must be accompanied by an adult.
If you are booking travel for children who are travelling alone, please check
the age restrictions set by the operating carrier prior to booking.
Please add the ages of the children for this room:
Child 1
0 01234567891011121314151617
Child 2
0 01234567891011121314151617
Child 3
0 01234567891011121314151617
Child 4
0 01234567891011121314151617
Booking of more than six rooms is currently not available online. Please contact
your <a onclick="CMSGlobal.fnContentSelfOpen('about-us/contact-us.html')"
href="#">local reservations office</a>.
Booking of more than nine passengers is currently not available online. Please
contact your <a
onclick="CMSGlobal.fnContentSelfOpen('about-us/contact-us.html')" href="#">local
reservations office</a>.
Booking of more than nine passengers is currently not available online. Please
contact your <a
onclick="CMSGlobal.fnContentSelfOpen('about-us/contact-us.html')" href="#">local
reservations office</a>.
Add an additional room
Booking of more than six rooms is currently not available online. Please contact
your local reservations office.
Booking of more than nine passengers is currently not available online. Please
contact your local reservations office.
Booking of more than nine passengers is currently not available online. Please
contact your local reservations office.
Confirm
I just need a hotel for part of my trip.
STAYING IN
Check in date Check in date Check in date
Check out date Check out date Check out date
Clear Close
Check in date Check out date
Previous month
July 2023SunMonTueWedThuFriSat 12345678910111213141516171819202122232425262728293031
August 2023SunMonTueWedThuFriSat 12345678910111213141516171819202122232425262728293031
Next month
Check in Check out
NIGHTS
Search flights + hotels Search Search flights + hotels
YOU MIGHT ALSO LIKE TO VISIT
* Australia
Adelaide
* New Zealand
Auckland
* Chinese Mainland (China)
Beijing
At Cathay Pacific, we use our expertise to offer you authentic travel
experiences. Our experts have put together inspirational guides to help you
decide where to take your next dream holiday.
Inspire me
Share page
Share on Facebook – Link opens in a new window operated by external parties and
may not conform to the same accessibility policies as Cathay Pacific , Link
opens in a new window operated by external parties and may not conform to the
same accessibility policies as Cathay Pacific Tweet This – Link opens in a new
window operated by external parties and may not conform to the same
accessibility policies as Cathay Pacific , Link opens in a new window operated
by external parties and may not conform to the same accessibility policies as
Cathay Pacific Email , Link opens in a new window operated by external parties
and may not conform to the same accessibility policies as Cathay Pacific
LinkedIn , Link opens in a new window operated by external parties and may not
conform to the same accessibility policies as Cathay Pacific WhatsApp , Link
opens in a new window operated by external parties and may not conform to the
same accessibility policies as Cathay Pacific Share on LINE – Open a New Window
, Link opens in a new window operated by external parties and may not conform to
the same accessibility policies as Cathay Pacific
ABOUT US
* About the Cathay Pacific Group
* Cathay apps
* CareersOpen a new window
* Our commitment to you
* Partnership opportunitiesOpen a new window
LEGAL AND PRIVACY
* Legal and privacy
* Cathay Pacific Conditions of CarriageOpen a new window
* Passenger rights and regulations
* Modern slavery act transparency
* Cookies Settings
HELP AND SUPPORT
* Contact us
* FAQs
* Fuel surcharge
* Optional services and fees
* Site help
* Sitemap
ELEVATE YOUR LIFE WITH CATHAY
* Flights
* Holidays
* Shopping
* Wellness
* Dining
* Payment
* Membership
* Open a new window
* Open a new window
* Open a new window
* Open a new window
* Open a new window
Open a new window
Copyright © Cathay Pacific Airways Limited 國泰航空有限公司
* Feedback
* Chat with us Open a new window
* Back to top
FEEDBACK
Close
If you have questions that require a response, please contact usOpen a new
window for assistance.
Thank you
Your feedback will help us improve our website experience.
Your feedback will help us improve our website experience.
*
*
*
*
*
Submit
Close
By clicking “Accept All Cookies”, you agree to the storing of cookies on your
device to enhance site navigation, analyze site usage, and assist in our
marketing efforts.
Accept All Cookies
Cookies Settings
COOKIES SETTINGS
We use cookies to make sure that our website works properly and to offer you the
best experience possible. Additional cookies are only used with your consent.
You can select the types of cookies below or click “Agree to all” to confirm
your settings and to use all cookies. If you wish to change your cookies
preferences and learn more about our policy, please visit our Cookies PolicyOpen
a new window page:
Agree to all
--------------------------------------------------------------------------------
VIEW DETAILS
ESSENTIAL COOKIES
Hide details
These cookies are necessary for the website to function and cannot be switched
off. They are usually only set in response to service requests, such as setting
your privacy preferences, logging in, or filling in forms. You can set your
browser to block or alert you about these cookies, but then some parts of our
site will not work. These cookies do not store any personally identifiable
information.
EXPERIENCE & PERSONALIZATION COOKIES
Experience & personalization cookies
These cookies enable our website to provide enhanced functionality and
personalization. They may be set by us or by third party providers whose
services we have added to our pages. If you do not allow these cookies, some
services may not function properly.
ADVERTISING COOKIES
Advertising cookies
Advertising cookies collect information about the browsing habits associated
with your device and deliver targeted ads. They are also used by services
provided by third parties on this website. Third parties provide these services
in return for recognising that you have visited a certain website.
MEASUREMENT & ANALYTICS COOKIES
Measurement & analytics cookies
We use analytic cookies to analyse how our visitors use our website. This allows
us to provide a high quality experience by customising our offerings and
identifying and fixing any issues that arise. We may also use these cookies to
highlight articles or site services that we think may interest you, based on
your usage of the website.
Reject all Save selectionAgree to all
View details
Back Button
PERFORMANCE COOKIES
Search Icon
Filter Icon
Clear
checkbox label label
Apply Cancel
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label
By clicking “Accept All Cookies”, you agree to the storing of cookies on your
device to enhance site navigation, analyze site usage, and assist in our
marketing efforts.