www.nh-hotels.com
Open in
urlscan Pro
23.57.21.179
Public Scan
Submitted URL: https://digital.nh-hotels.com/sap/public/cuan/link/100/53E7F5331EA0B68BA1B44CA41689DEE9FC921921?_V_=2&_K11_=927571E8FD964910BC...
Effective URL: https://www.nh-hotels.com/hotels/hamburg?utm_medium=emailing&utm_source=internal-all&utm_campaign=emailing_internal-all&ut...
Submission: On August 08 via api from US — Scanned from ES
Effective URL: https://www.nh-hotels.com/hotels/hamburg?utm_medium=emailing&utm_source=internal-all&utm_campaign=emailing_internal-all&ut...
Submission: On August 08 via api from US — Scanned from ES
Form analysis 7 forms found in the DOM
Name: loginRewardsForm — POST
<form novalidate="true" id="loginFormV2" name="loginRewardsForm" method="post">
<div class="c-input-label form-group labelup has-feedback">
<label class="labelup-control" for="login-email">User name / Email</label>
<input class="form-control" type="text" name="email" id="login-email" required="" autocomplete="off" data-error="Please review the field" data-required-error="Please review the field" data-validation-required-message="Please review the field"
tabindex="1">
<button class="btn-clear is-functional js-input-clear" type="button" aria-label="Clear" style="display: none">
<span class="nh-ic-input-clear" aria-hidden="true"></span>
</button>
<div class="help-block with-errors side"></div>
</div>
<div class="c-input-label form-group labelup has-feedback">
<label class="labelup-control" for="login-password"> Password </label>
<input class="form-control" type="password" name="password" id="login-password" required="" autocomplete="off" data-error="Please review the field" data-required-error="Please review the field"
data-validation-required-message="Please review the field" tabindex="2">
<button class="btn-clear is-functional js-input-clear" type="button" aria-label="Clear" style="display: none">
<span class="nh-ic-input-clear" aria-hidden="true"></span>
</button>
<div class="help-block with-errors side"></div>
</div>
<div class="form-group">
<div class="js-error-login text-color-red"></div>
</div>
<div class="unblocked-user">
<div class="form-group checkbox">
<input id="remember" name="remember" class="sr-only" type="checkbox" value="">
<label for="remember">Remember me</label>
<div class="help-block side with-errors"></div>
</div>
<div class="g-recaptcha"></div>
<input class="response-recaptcha" type="hidden">
<button class="btn btn-primary btn-submit" type="submit">Log in</button>
<a class="js-recorverpass-modal-trigger link-forgot" href="#" data-toggle="modal" data-target="#m-modal-login" data-state="recover">
Forgot your password?
</a>
<p style="margin-top: 7px;font-size: 12px;">If you have an <b>account for professionals</b>, access via <a href="https://www.nh-hotels.com/professionals/login?nhpro">NH PRO web</a></p>
</div>
<div class="blocked-user">
<p class="text-color-red"> Server Error</p>
<p> For security reasons please <a class="js-recorverpass-modal-trigger" href="#" data-toggle="modal" data-target="#m-modal-login" data-state="recover">reset your password.
</a>
</p>
</div>
</form>Name: resultPageForm — POST /
<form id="searchBarModifyForm" name="resultPageForm" action="/" method="post" autocomplete="off" accept-charset="utf-8" novalidate="true">
<input type="hidden" id="locationCode" name="destinationId" value="Hamburg" data-target="code">
<input type="hidden" data-id="locationTCM" name="" value="" data-target="tcm">
<input type="hidden" data-id="urlHotel" name="urlHotel" data-target="url">
<input type="hidden" data-id="virtualHotel" name="virtualHotel">
<input type="hidden" data-id="tipoBuscador" name="tipoBuscador" value="Search results">
<input type="hidden" data-id="destinationValue" name="destinationValue" data-target="lcv">
<input type="hidden" data-id="locality" data-target="locality">
<input type="hidden" data-id="destinationTcm" name="destinationTcm" value="tcm:41-870-1024" data-target="tcm">
<input type="hidden" data-id="pcode" name="pcode" value="">
<input type="hidden" id="brand" name="bdhotel" data-target="brand">
<input type="hidden" id="locationName" data-target="locationName">
<input type="hidden" id="countryKey" data-target="countryKey">
<input type="hidden" id="cityKey" data-target="cityKey">
<!-- INI GEOLOCALIZATION-->
<!-- Latitud-->
<input class="geo-lat js-geolocation" type="hidden" name="latitude" value="">
<!-- Longitud-->
<input class="geo-lon js-geolocation" type="hidden" name="longitude" value="">
<!-- Precisión-->
<input class="geo-acc js-geolocation" type="hidden" name="geo-acc" value="">
<!-- FIN GEOLOCALIZATION-->
<div class="search-bar-content summary">
<div class="summary-content is-show">
<p class="summary-location">Hamburg</p>
<p><span class="summary-checkin">08/08/2023</span><span class="summary-checkout">09/08/2023</span><span class="summary-night">1 Night</span></p>
<p class="summary-occupancy">1 room, 2 adults </p>
<p class="summary-promocode"></p><a class="summary-link link-primary">Edit your search</a>
</div>
<div class="spinner" style="display: none;">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</div>
<div class="search-bar-content">
<div class="location">
<div class="form-group labelup ico-right input-group has-feedback has-success">
<label class="labelup-control focus" for="location2-sb">Destination</label>
<input class="form-control ui-autocomplete-group js-no-scroll text-ellipsis" type="text" name="searchStringID" id="location2-sb" required="required" value="Hamburg" data-source="/content-api/rest/auto/autocompleteHome"
data-hotel-label="[hotel,hotels]" data-error="Required Field" data-required-error="Required Field" data-search="Hamburg" data-search-error="Required Field" placeholder="">
<div class="autocomplete-results" style="display: none;"></div>
<button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
<div class="container-icon"><span class="nh-ic-poi"></span></div>
<div class="help-block with-errors side">
</div>
</div>
</div>
<div class="m-calendar-booking" data-checkin-date="04/08/2023" data-checkout-date="05/08/2023" data-msg-checkin="Choose your check-in date" data-msg-checkout="Choose your check-out date" data-msg-novalid="Invalid dates"
data-msg-night="night chosen" data-msg-nights="nights chosen" data-msg-maxmonths="Sorry, you cannot book more than 18 months in advance"
data-translate-months="["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]"
data-translate-days="["MON","TUE","WED","THU","FRI","SAT","SUN"]">
<div class="calendar-booking">
<div class="js-calendar-booking-input calendar-booking-input">
<div class="form-group labelup is-active">
<label class="labelup-control focus" for="calendar-checkin-sb"> Check in </label>
<input class="form-control js-selected-checkin text-ellipsis" type="text" name="fini" id="calendar-checkin-sb" readonly="">
<button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
</div>
<div class="form-group labelup is-active">
<label class="labelup-control focus" for="calendar-checkout-sb"> Check out </label>
<input class="form-control js-selected-checkout text-ellipsis" type="text" name="fout" id="calendar-checkout-sb" readonly="">
<button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
</div>
</div>
<div class="help-block with-errors side">
<ul class="list-unstyled">
<li>Invalid Range</li>
</ul>
</div>
<div class="js-calendar-booking-dropdown calendar-booking-dropdown">
<div class="calendar-booking-header">
<div class="calendar-booking-title"><span class="title-name">Choose dates</span><span class="title-icon nh-ic-close" aria-hidden="true"></span></div>
<div class="calendar-booking-selected">
<div class="calendar-booking-arrow is-before is-hidden"><span class="nh-ic-speed"></span></div>
<div class="calendar-booking-checkin"><span class="focus">Check in</span>
<p class="js-selected-checkin">Tu, 08 Aug 23</p>
</div>
<div class="calendar-booking-checkout"><span class="focus">Check out</span>
<p class="js-selected-checkout">We, 09 Aug 23</p>
</div>
<div class="calendar-booking-arrow is-after"><span class="nh-ic-speed"></span></div>
</div>
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="calendar-booking-month-fixed">August 2023</div>
</div>
<div class="calendar-booking-months">
<div class="calendar-booking-month" data-index="0">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">August</span>
<span class="year-name">2023</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="1" data-month="7" data-year="2023" disabled="">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="2" data-month="7" data-year="2023" disabled="">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="3" data-month="7" data-year="2023" disabled="">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="4" data-month="7" data-year="2023" disabled="">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="5" data-month="7" data-year="2023" disabled="">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="6" data-month="7" data-year="2023" disabled="">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="7" data-month="7" data-year="2023" disabled="">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day today selected checkin" type="button" data-day="8" data-month="7" data-year="2023">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day selected checkout" type="button" data-day="9" data-month="7" data-year="2023">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="7" data-year="2023">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="7" data-year="2023">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="7" data-year="2023">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="7" data-year="2023">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="7" data-year="2023">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="7" data-year="2023">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="7" data-year="2023">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="7" data-year="2023">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="7" data-year="2023">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="7" data-year="2023">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="7" data-year="2023">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="7" data-year="2023">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="7" data-year="2023">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="7" data-year="2023">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="7" data-year="2023">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="7" data-year="2023">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="7" data-year="2023">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="7" data-year="2023">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="7" data-year="2023">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="7" data-year="2023">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="7" data-year="2023">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="7" data-year="2023">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month" data-index="1">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">September</span>
<span class="year-name">2023</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="8" data-year="2023">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="8" data-year="2023">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="8" data-year="2023">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="8" data-year="2023">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="8" data-year="2023">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="8" data-year="2023">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="8" data-year="2023">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="8" data-year="2023">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="8" data-year="2023">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="8" data-year="2023">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="8" data-year="2023">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="8" data-year="2023">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="8" data-year="2023">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="8" data-year="2023">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="8" data-year="2023">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="8" data-year="2023">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="8" data-year="2023">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="8" data-year="2023">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="8" data-year="2023">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="8" data-year="2023">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="8" data-year="2023">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="8" data-year="2023">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="8" data-year="2023">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="8" data-year="2023">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="8" data-year="2023">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="8" data-year="2023">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="8" data-year="2023">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="8" data-year="2023">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="8" data-year="2023">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="8" data-year="2023">
<span>30</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="2">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">October</span>
<span class="year-name">2023</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="9" data-year="2023">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="9" data-year="2023">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="9" data-year="2023">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="9" data-year="2023">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="9" data-year="2023">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="9" data-year="2023">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="9" data-year="2023">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="9" data-year="2023">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="9" data-year="2023">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="9" data-year="2023">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="9" data-year="2023">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="9" data-year="2023">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="9" data-year="2023">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="9" data-year="2023">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="9" data-year="2023">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="9" data-year="2023">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="9" data-year="2023">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="9" data-year="2023">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="9" data-year="2023">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="9" data-year="2023">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="9" data-year="2023">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="9" data-year="2023">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="9" data-year="2023">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="9" data-year="2023">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="9" data-year="2023">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="9" data-year="2023">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="9" data-year="2023">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="9" data-year="2023">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="9" data-year="2023">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="9" data-year="2023">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="9" data-year="2023">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="3">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">November</span>
<span class="year-name">2023</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="10" data-year="2023">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="10" data-year="2023">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="10" data-year="2023">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="10" data-year="2023">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="10" data-year="2023">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="10" data-year="2023">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="10" data-year="2023">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="10" data-year="2023">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="10" data-year="2023">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="10" data-year="2023">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="10" data-year="2023">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="10" data-year="2023">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="10" data-year="2023">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="10" data-year="2023">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="10" data-year="2023">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="10" data-year="2023">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="10" data-year="2023">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="10" data-year="2023">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="10" data-year="2023">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="10" data-year="2023">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="10" data-year="2023">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="10" data-year="2023">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="10" data-year="2023">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="10" data-year="2023">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="10" data-year="2023">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="10" data-year="2023">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="10" data-year="2023">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="10" data-year="2023">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="10" data-year="2023">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="10" data-year="2023">
<span>30</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="4">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">December</span>
<span class="year-name">2023</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="11" data-year="2023">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="11" data-year="2023">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="11" data-year="2023">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="11" data-year="2023">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="11" data-year="2023">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="11" data-year="2023">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="11" data-year="2023">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="11" data-year="2023">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="11" data-year="2023">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="11" data-year="2023">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="11" data-year="2023">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="11" data-year="2023">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="11" data-year="2023">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="11" data-year="2023">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="11" data-year="2023">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="11" data-year="2023">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="11" data-year="2023">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="11" data-year="2023">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="11" data-year="2023">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="11" data-year="2023">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="11" data-year="2023">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="11" data-year="2023">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="11" data-year="2023">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="11" data-year="2023">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="11" data-year="2023">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="11" data-year="2023">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="11" data-year="2023">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="11" data-year="2023">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="11" data-year="2023">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="11" data-year="2023">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="11" data-year="2023">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="5">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">January</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="0" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="0" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="0" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="0" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="0" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="0" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="0" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="0" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="0" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="0" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="0" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="0" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="0" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="0" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="0" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="0" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="0" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="0" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="0" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="0" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="0" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="0" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="0" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="0" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="0" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="0" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="0" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="0" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="0" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="0" data-year="2024">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="0" data-year="2024">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="6">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">February</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="1" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="1" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="1" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="1" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="1" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="1" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="1" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="1" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="1" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="1" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="1" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="1" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="1" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="1" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="1" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="1" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="1" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="1" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="1" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="1" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="1" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="1" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="1" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="1" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="1" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="1" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="1" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="1" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="1" data-year="2024">
<span>29</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="7">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">March</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="2" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="2" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="2" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="2" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="2" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="2" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="2" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="2" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="2" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="2" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="2" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="2" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="2" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="2" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="2" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="2" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="2" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="2" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="2" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="2" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="2" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="2" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="2" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="2" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="2" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="2" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="2" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="2" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="2" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="2" data-year="2024">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="2" data-year="2024">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="8">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">April</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="3" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="3" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="3" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="3" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="3" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="3" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="3" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="3" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="3" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="3" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="3" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="3" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="3" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="3" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="3" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="3" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="3" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="3" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="3" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="3" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="3" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="3" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="3" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="3" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="3" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="3" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="3" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="3" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="3" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="3" data-year="2024">
<span>30</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="9">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">May</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="4" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="4" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="4" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="4" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="4" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="4" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="4" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="4" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="4" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="4" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="4" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="4" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="4" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="4" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="4" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="4" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="4" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="4" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="4" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="4" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="4" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="4" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="4" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="4" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="4" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="4" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="4" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="4" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="4" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="4" data-year="2024">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="4" data-year="2024">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="10">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">June</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="5" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="5" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="5" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="5" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="5" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="5" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="5" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="5" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="5" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="5" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="5" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="5" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="5" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="5" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="5" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="5" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="5" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="5" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="5" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="5" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="5" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="5" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="5" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="5" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="5" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="5" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="5" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="5" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="5" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="5" data-year="2024">
<span>30</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="11">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">July</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="6" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="6" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="6" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="6" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="6" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="6" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="6" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="6" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="6" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="6" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="6" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="6" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="6" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="6" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="6" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="6" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="6" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="6" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="6" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="6" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="6" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="6" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="6" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="6" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="6" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="6" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="6" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="6" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="6" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="6" data-year="2024">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="6" data-year="2024">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="12">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">August</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="7" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="7" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="7" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="7" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="7" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="7" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="7" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="7" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="7" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="7" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="7" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="7" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="7" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="7" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="7" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="7" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="7" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="7" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="7" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="7" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="7" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="7" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="7" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="7" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="7" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="7" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="7" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="7" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="7" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="7" data-year="2024">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="7" data-year="2024">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="13">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">September</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="8" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="8" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="8" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="8" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="8" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="8" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="8" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="8" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="8" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="8" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="8" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="8" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="8" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="8" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="8" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="8" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="8" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="8" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="8" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="8" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="8" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="8" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="8" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="8" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="8" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="8" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="8" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="8" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="8" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="8" data-year="2024">
<span>30</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="14">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">October</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="9" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="9" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="9" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="9" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="9" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="9" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="9" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="9" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="9" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="9" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="9" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="9" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="9" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="9" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="9" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="9" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="9" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="9" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="9" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="9" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="9" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="9" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="9" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="9" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="9" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="9" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="9" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="9" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="9" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="9" data-year="2024">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="9" data-year="2024">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="15">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">November</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="10" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="10" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="10" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="10" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="10" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="10" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="10" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="10" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="10" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="10" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="10" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="10" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="10" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="10" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="10" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="10" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="10" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="10" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="10" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="10" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="10" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="10" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="10" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="10" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="10" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="10" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="10" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="10" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="10" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="10" data-year="2024">
<span>30</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="16">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">December</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="11" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="11" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="11" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="11" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="11" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="11" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="11" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="11" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="11" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="11" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="11" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="11" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="11" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="11" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="11" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="11" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="11" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="11" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="11" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="11" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="11" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="11" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="11" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="11" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="11" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="11" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="11" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="11" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="11" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="11" data-year="2024">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="11" data-year="2024">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="17">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">January</span>
<span class="year-name">2025</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="0" data-year="2025">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="0" data-year="2025">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="0" data-year="2025">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="0" data-year="2025">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="0" data-year="2025">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="0" data-year="2025">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="0" data-year="2025">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="0" data-year="2025">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="0" data-year="2025">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="0" data-year="2025">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="0" data-year="2025">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="0" data-year="2025">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="0" data-year="2025">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="0" data-year="2025">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="0" data-year="2025">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="0" data-year="2025">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="0" data-year="2025">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="0" data-year="2025">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="0" data-year="2025">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="0" data-year="2025">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="0" data-year="2025">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="0" data-year="2025">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="0" data-year="2025">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="0" data-year="2025">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="0" data-year="2025">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="0" data-year="2025">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="0" data-year="2025">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="0" data-year="2025">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="0" data-year="2025">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="0" data-year="2025">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="0" data-year="2025">
<span>31</span>
</button>
</div>
</div>
</div>
</div>
<div class="calendar-booking-footer">
<div class="calendar-booking-info">1 night chosen</div>
<button class="btn btn-primary js-calendar-booking-button" type="button"> Accept </button>
</div>
</div>
</div>
</div>
<div class="m-occupancy" id="m-occupancy-sb">
<div class="form-group labelup ico-right input-group has-feedback has-success">
<label class="labelup-control focus" for="optionRooms"> Occupancy </label>
<input class="form-control optionRooms js-no-scroll text-ellipsis" type="text" name=" " id="optionRooms" required="" readonly="" data-required-error="Required Field" data-info="1 room, 2 adults ">
<button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
<div class="container-icon"><span class="nh-ic-user-line"></span></div>
<div class="help-block with-errors side">
</div>
</div>
<div class="m-occupancy-wrapper">
<div class="occupancy-content"
data-labels="{"rooms":"rooms","room":"room","adults":"adults","adult":"adult","children":"children","child":"child","babies":"babies","baby":"baby"}">
<div class="option-values"></div>
<div class="option-header">
<h3 class="title">Select Rooms</h3>
<title-icon class="nh-ic-close room-close"></title-icon>
</div>
<div class="option-list">
<!-- option 1-->
<div class="option option-1">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room hidden" type="button" title="Delete room" data-close="0" disabled="">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 1 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove" disabled=""></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove" disabled=""></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<!-- option 2-->
<div class="option option-2 hidden">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room" type="button" title="Delete room" data-close="1">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 2 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<!-- option 3-->
<div class="option option-3 hidden">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room" type="button" title="Delete room" data-close="2">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 3 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<!-- option 4-->
<div class="option option-4 hidden">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room" type="button" title="Delete room" data-close="3">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 4 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<!-- option 5-->
<div class="option option-5 hidden">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room" type="button" title="Delete room" data-close="4">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 5 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<!-- option 6-->
<div class="option option-6 hidden">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room" type="button" title="Delete room" data-close="5">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 6 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<!-- option 7-->
<div class="option option-7 hidden">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room" type="button" title="Delete room" data-close="6">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 7 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<!-- option 8-->
<div class="option option-8 hidden">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room" type="button" title="Delete room" data-close="7">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 8 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<!-- option 9-->
<div class="option option-9 hidden">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room" type="button" title="Delete room" data-close="8">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 9 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<div id="endRooms"></div>
</div>
<div class="occupancy-footer">
<div class="add-room">
<button class="btn btn-ghost add-room-link" data-max-rooms="9" data-min-rooms="1" type="button">+ Add room </button>
</div>
<div class="room-resume">1 room, 2 adults </div>
<button class="btn btn-primary room-apply" type="button"> Accept </button>
</div>
</div>
</div>
</div>
<div class="voucher-code">
<div class="form-group labelup">
<label class="labelup-control" for="voucherCode-sb"> Promo Code </label>
<input class="form-control text-ellipsis" type="text" name="voucherCode" id="voucherCode-sb" maxlength="30">
<button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
</div>
</div>
<div class="search-btn">
<button id="btn-search" class="btn-block btn btn-primary btn-loader js-track-new-search js-submitFormGA4" type="submit">
<span class="btn-text">See rooms</span>
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</button>
</div>
</div>
</form>POST
<form class="availableData" method="post" action="">
<input type="hidden" value="DEHH.HACIT" name="hotelId">
<input class="divisaInput" type="hidden" name="divisa" value="">
<input type="hidden" data-id="pcode" name="pcode" value="">
<input type="hidden" data-id="brand" name="bdhotel" value="NH Collection">
<button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Collection Hamburg City" data-preciototal="TOTAL" data-stars="stars4" data-locality="Hamburg, Hamburg , Germany"
data-brand="NH Collection" data-hotelcode="DEHH.HACIT" data-citykey="Hamburg" data-countrykey="Germany" data-num="0" type="submit"><span class="btn-text">See rooms from <span class="price-currency"><span class="js-price-total totalPrice"></span>
<span class="js-currency currency"></span></span></span>
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</button>
</form>POST
<form class="availableData" method="post" action="">
<input type="hidden" value="DEHH.HAALT" name="hotelId">
<input class="divisaInput" type="hidden" name="divisa" value="">
<input type="hidden" data-id="pcode" name="pcode" value="">
<input type="hidden" data-id="brand" name="bdhotel" value="NH Hotels">
<button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Hamburg Altona" data-preciototal="TOTAL" data-stars="stars4" data-locality="Hamburg, Hamburg , Germany"
data-brand="NH Hotels" data-hotelcode="DEHH.HAALT" data-citykey="Hamburg" data-countrykey="Germany" data-num="1" type="submit"><span class="btn-text">See rooms from <span class="price-currency"><span class="js-price-total totalPrice"></span>
<span class="js-currency currency"></span></span></span>
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</button>
</form>POST
<form class="availableData" method="post" action="">
<input type="hidden" value="DEHH.HAHOR" name="hotelId">
<input class="divisaInput" type="hidden" name="divisa" value="">
<input type="hidden" data-id="pcode" name="pcode" value="">
<input type="hidden" data-id="brand" name="bdhotel" value="NH Hotels">
<button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Hamburg Horner Rennbahn" data-preciototal="TOTAL" data-stars="stars4" data-locality="Hamburg, Hamburg , Germany"
data-brand="NH Hotels" data-hotelcode="DEHH.HAHOR" data-citykey="Hamburg" data-countrykey="Germany" data-num="2" type="submit"><span class="btn-text">See rooms from <span class="price-currency"><span class="js-price-total totalPrice"></span>
<span class="js-currency currency"></span></span></span>
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</button>
</form>POST
<form class="availableData" method="post" action="">
<input type="hidden" value="DEHH.HAMIT" name="hotelId">
<input class="divisaInput" type="hidden" name="divisa" value="">
<input type="hidden" data-id="pcode" name="pcode" value="">
<input type="hidden" data-id="brand" name="bdhotel" value="NH Hotels">
<button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="NH Hamburg Mitte" data-preciototal="TOTAL" data-stars="stars4" data-locality="Hamburg, Hamburg , Germany"
data-brand="NH Hotels" data-hotelcode="DEHH.HAMIT" data-citykey="Hamburg" data-countrykey="Germany" data-num="3" type="submit"><span class="btn-text">See rooms from <span class="price-currency"><span class="js-price-total totalPrice"></span>
<span class="js-currency currency"></span></span></span>
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</button>
</form>POST /
<form id="searchModifyFormModal" action="/" method="POST" autocomplete="off" accept-charset="utf-8" novalidate="true" data-type="">
<input class="js-input-currency" type="hidden" name="divisa" value="">
<input type="hidden" data-id="code" data-target="code">
<input type="hidden" data-id="tipoBuscador" name="tipoBuscador" value="Home">
<input type="hidden" id="brandModal" data-id="brandModal" name="bdhotel" data-target="brand">
<input type="hidden" data-id="type" data-target="typeSearch" value="">
<input type="hidden" data-id="locationTCM" data-target="tcm" name="destinationTcm" value="">
<input type="hidden" data-id="virtualHotel" name="virtualHotel" data-target="vh" value="">
<input type="hidden" data-id="urlHotel" name="urlHotel" data-target="url" value="">
<input type="hidden" data-id="locationLcv" name="destinationValue" data-target="lcv">
<input type="hidden" id="locationNameModal" data-id="locationNameModal" data-target="locationName">
<input type="hidden" id="countryKeyModal" data-id="countryKeyModal" data-target="countryKey">
<input type="hidden" id="cityKeyModal" data-id="cityKeyModal" data-target="cityKey">
<!--//search-bar-content-->
<div class="search-bar-content">
<!-- // LOCATION -->
<div class="location">
<div class="form-group labelup ico-right input-group has-feedback">
<label class="labelup-control" for="location2"> Destination </label>
<input class="form-control ui-autocomplete-group js-no-scroll text-ellipsis" type="text" name="searchStringID" id="location2" required="" data-source="/content-api/rest/auto/autocompleteHome?filterGha=true"
data-hotel-label="["hotel","hoteles"]" data-error="" data-id="location2" data-required-error="Required Field">
<div class="autocomplete-results" style="display: none;"></div>
<button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
<div class="container-icon"><span class="nh-ic-poi"></span></div>
<div class="help-block with-errors side">
</div>
</div>
</div>
<!-- // FIN LOCATION -->
<!-- // CALENDAR -->
<div class="m-calendar-booking"
data-translate-months="["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]"
data-translate-days="["MON","TUE","WED","THU","FRI","SAT","SUN"]" data-checkin-date="04/08/2023" data-checkout-date="05/08/2023" data-msg-checkin="Choose your check-in date"
data-msg-checkout="Choose your check-out date" data-msg-novalid="Invalid dates" data-msg-night="night chosen" data-msg-nights="nights chosen" data-msg-maxmonths="Sorry, you cannot book more than 18 months in advance" data-first-weekly-day=""
data-first-valid-date="" data-last-valid-date="" data-max-nights="30" data-min-nights="">
<div class="calendar-booking">
<div class="js-calendar-booking-input calendar-booking-input">
<div class="form-group labelup is-active">
<label class="labelup-control focus" for="calendar-checkin-sb">Check in </label>
<input class="form-control js-selected-checkin text-ellipsis" type="text" name="fini" id="calendar-checkin-sb" readonly="">
<button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
</div>
<div class="form-group labelup is-active">
<label class="labelup-control focus" for="calendar-checkout-sb">Check out </label>
<input class="form-control js-selected-checkout text-ellipsis" type="text" name="fout" id="calendar-checkout-sb" readonly="">
<button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
</div>
</div>
<div class="help-block with-errors side">
<ul class="list-unstyled">
<li>Invalid Range</li>
</ul>
</div>
<div class="js-calendar-booking-dropdown calendar-booking-dropdown">
<div class="calendar-booking-header">
<div class="calendar-booking-title"><span class="title-name">Choose dates</span><span class="title-icon nh-ic-close" aria-hidden="true"></span></div>
<div class="calendar-booking-selected">
<div class="calendar-booking-arrow is-before is-hidden"><span class="nh-ic-speed"></span></div>
<div class="calendar-booking-checkin"><span>Check in</span>
<p class="js-selected-checkin">Tu, 08 Aug 23</p>
</div>
<div class="calendar-booking-checkout"><span>Check out</span>
<p class="js-selected-checkout">We, 09 Aug 23</p>
</div>
<div class="calendar-booking-arrow is-after"><span class="nh-ic-speed"></span></div>
</div>
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="calendar-booking-month-fixed">August 2023</div>
</div>
<div class="calendar-booking-months">
<div class="calendar-booking-month" data-index="0">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">August</span>
<span class="year-name">2023</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="1" data-month="7" data-year="2023" disabled="">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="2" data-month="7" data-year="2023" disabled="">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="3" data-month="7" data-year="2023" disabled="">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="4" data-month="7" data-year="2023" disabled="">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="5" data-month="7" data-year="2023" disabled="">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="6" data-month="7" data-year="2023" disabled="">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="7" data-month="7" data-year="2023" disabled="">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day today selected checkin" type="button" data-day="8" data-month="7" data-year="2023">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day selected checkout" type="button" data-day="9" data-month="7" data-year="2023">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="7" data-year="2023">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="7" data-year="2023">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="7" data-year="2023">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="7" data-year="2023">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="7" data-year="2023">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="7" data-year="2023">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="7" data-year="2023">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="7" data-year="2023">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="7" data-year="2023">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="7" data-year="2023">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="7" data-year="2023">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="7" data-year="2023">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="7" data-year="2023">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="7" data-year="2023">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="7" data-year="2023">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="7" data-year="2023">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="7" data-year="2023">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="7" data-year="2023">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="7" data-year="2023">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="7" data-year="2023">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="7" data-year="2023">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="7" data-year="2023">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month" data-index="1">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">September</span>
<span class="year-name">2023</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="8" data-year="2023">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="8" data-year="2023">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="8" data-year="2023">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="8" data-year="2023">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="8" data-year="2023">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="8" data-year="2023">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="8" data-year="2023">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="8" data-year="2023">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="8" data-year="2023">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="8" data-year="2023">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="8" data-year="2023">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="8" data-year="2023">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="8" data-year="2023">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="8" data-year="2023">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="8" data-year="2023">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="8" data-year="2023">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="8" data-year="2023">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="8" data-year="2023">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="8" data-year="2023">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="8" data-year="2023">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="8" data-year="2023">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="8" data-year="2023">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="8" data-year="2023">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="8" data-year="2023">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="8" data-year="2023">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="8" data-year="2023">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="8" data-year="2023">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="8" data-year="2023">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="8" data-year="2023">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="8" data-year="2023">
<span>30</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="2">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">October</span>
<span class="year-name">2023</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="9" data-year="2023">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="9" data-year="2023">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="9" data-year="2023">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="9" data-year="2023">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="9" data-year="2023">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="9" data-year="2023">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="9" data-year="2023">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="9" data-year="2023">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="9" data-year="2023">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="9" data-year="2023">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="9" data-year="2023">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="9" data-year="2023">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="9" data-year="2023">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="9" data-year="2023">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="9" data-year="2023">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="9" data-year="2023">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="9" data-year="2023">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="9" data-year="2023">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="9" data-year="2023">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="9" data-year="2023">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="9" data-year="2023">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="9" data-year="2023">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="9" data-year="2023">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="9" data-year="2023">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="9" data-year="2023">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="9" data-year="2023">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="9" data-year="2023">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="9" data-year="2023">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="9" data-year="2023">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="9" data-year="2023">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="9" data-year="2023">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="3">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">November</span>
<span class="year-name">2023</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="10" data-year="2023">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="10" data-year="2023">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="10" data-year="2023">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="10" data-year="2023">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="10" data-year="2023">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="10" data-year="2023">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="10" data-year="2023">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="10" data-year="2023">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="10" data-year="2023">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="10" data-year="2023">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="10" data-year="2023">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="10" data-year="2023">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="10" data-year="2023">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="10" data-year="2023">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="10" data-year="2023">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="10" data-year="2023">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="10" data-year="2023">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="10" data-year="2023">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="10" data-year="2023">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="10" data-year="2023">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="10" data-year="2023">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="10" data-year="2023">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="10" data-year="2023">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="10" data-year="2023">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="10" data-year="2023">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="10" data-year="2023">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="10" data-year="2023">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="10" data-year="2023">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="10" data-year="2023">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="10" data-year="2023">
<span>30</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="4">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">December</span>
<span class="year-name">2023</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="11" data-year="2023">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="11" data-year="2023">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="11" data-year="2023">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="11" data-year="2023">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="11" data-year="2023">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="11" data-year="2023">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="11" data-year="2023">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="11" data-year="2023">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="11" data-year="2023">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="11" data-year="2023">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="11" data-year="2023">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="11" data-year="2023">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="11" data-year="2023">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="11" data-year="2023">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="11" data-year="2023">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="11" data-year="2023">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="11" data-year="2023">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="11" data-year="2023">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="11" data-year="2023">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="11" data-year="2023">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="11" data-year="2023">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="11" data-year="2023">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="11" data-year="2023">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="11" data-year="2023">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="11" data-year="2023">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="11" data-year="2023">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="11" data-year="2023">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="11" data-year="2023">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="11" data-year="2023">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="11" data-year="2023">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="11" data-year="2023">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="5">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">January</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="0" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="0" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="0" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="0" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="0" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="0" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="0" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="0" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="0" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="0" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="0" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="0" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="0" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="0" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="0" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="0" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="0" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="0" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="0" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="0" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="0" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="0" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="0" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="0" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="0" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="0" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="0" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="0" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="0" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="0" data-year="2024">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="0" data-year="2024">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="6">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">February</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="1" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="1" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="1" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="1" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="1" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="1" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="1" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="1" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="1" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="1" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="1" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="1" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="1" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="1" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="1" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="1" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="1" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="1" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="1" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="1" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="1" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="1" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="1" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="1" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="1" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="1" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="1" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="1" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="1" data-year="2024">
<span>29</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="7">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">March</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="2" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="2" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="2" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="2" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="2" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="2" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="2" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="2" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="2" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="2" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="2" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="2" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="2" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="2" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="2" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="2" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="2" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="2" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="2" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="2" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="2" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="2" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="2" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="2" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="2" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="2" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="2" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="2" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="2" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="2" data-year="2024">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="2" data-year="2024">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="8">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">April</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="3" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="3" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="3" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="3" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="3" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="3" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="3" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="3" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="3" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="3" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="3" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="3" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="3" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="3" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="3" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="3" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="3" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="3" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="3" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="3" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="3" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="3" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="3" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="3" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="3" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="3" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="3" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="3" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="3" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="3" data-year="2024">
<span>30</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="9">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">May</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="4" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="4" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="4" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="4" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="4" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="4" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="4" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="4" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="4" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="4" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="4" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="4" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="4" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="4" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="4" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="4" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="4" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="4" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="4" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="4" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="4" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="4" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="4" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="4" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="4" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="4" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="4" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="4" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="4" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="4" data-year="2024">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="4" data-year="2024">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="10">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">June</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="5" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="5" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="5" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="5" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="5" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="5" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="5" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="5" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="5" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="5" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="5" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="5" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="5" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="5" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="5" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="5" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="5" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="5" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="5" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="5" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="5" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="5" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="5" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="5" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="5" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="5" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="5" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="5" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="5" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="5" data-year="2024">
<span>30</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="11">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">July</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="6" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="6" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="6" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="6" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="6" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="6" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="6" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="6" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="6" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="6" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="6" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="6" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="6" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="6" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="6" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="6" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="6" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="6" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="6" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="6" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="6" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="6" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="6" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="6" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="6" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="6" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="6" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="6" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="6" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="6" data-year="2024">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="6" data-year="2024">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="12">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">August</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="7" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="7" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="7" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="7" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="7" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="7" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="7" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="7" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="7" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="7" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="7" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="7" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="7" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="7" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="7" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="7" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="7" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="7" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="7" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="7" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="7" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="7" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="7" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="7" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="7" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="7" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="7" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="7" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="7" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="7" data-year="2024">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="7" data-year="2024">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="13">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">September</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="8" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="8" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="8" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="8" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="8" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="8" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="8" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="8" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="8" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="8" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="8" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="8" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="8" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="8" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="8" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="8" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="8" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="8" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="8" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="8" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="8" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="8" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="8" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="8" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="8" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="8" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="8" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="8" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="8" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="8" data-year="2024">
<span>30</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="14">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">October</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="9" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="9" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="9" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="9" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="9" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="9" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="9" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="9" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="9" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="9" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="9" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="9" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="9" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="9" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="9" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="9" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="9" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="9" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="9" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="9" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="9" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="9" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="9" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="9" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="9" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="9" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="9" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="9" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="9" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="9" data-year="2024">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="9" data-year="2024">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="15">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">November</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="10" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="10" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="10" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="10" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="10" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="10" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="10" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="10" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="10" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="10" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="10" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="10" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="10" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="10" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="10" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="10" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="10" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="10" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="10" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="10" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="10" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="10" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="10" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="10" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="10" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="10" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="10" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="10" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="10" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="10" data-year="2024">
<span>30</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="16">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">December</span>
<span class="year-name">2024</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="11" data-year="2024">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="11" data-year="2024">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="11" data-year="2024">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="11" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="11" data-year="2024">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="11" data-year="2024">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="11" data-year="2024">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="11" data-year="2024">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="11" data-year="2024">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="11" data-year="2024">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="11" data-year="2024">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="11" data-year="2024">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="11" data-year="2024">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="11" data-year="2024">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="11" data-year="2024">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="11" data-year="2024">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="11" data-year="2024">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="11" data-year="2024">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="11" data-year="2024">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="11" data-year="2024">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="11" data-year="2024">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="11" data-year="2024">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="11" data-year="2024">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="11" data-year="2024">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="11" data-year="2024">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="11" data-year="2024">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="11" data-year="2024">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="11" data-year="2024">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="11" data-year="2024">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="11" data-year="2024">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="11" data-year="2024">
<span>31</span>
</button>
</div>
</div>
</div>
<div class="calendar-booking-month is-hidden" data-index="17">
<div class="calendar-booking-weeks">
<div class="calendar-booking-week">MO</div>
<div class="calendar-booking-week">TU</div>
<div class="calendar-booking-week">WE</div>
<div class="calendar-booking-week">TH</div>
<div class="calendar-booking-week">FR</div>
<div class="calendar-booking-week">SA</div>
<div class="calendar-booking-week">SU</div>
</div>
<div class="month-header">
<span class="month-name">January</span>
<span class="year-name">2025</span>
</div>
<div class="month-content">
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day"><button class="day empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="0" data-year="2025">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="0" data-year="2025">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="0" data-year="2025">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="0" data-year="2025">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="0" data-year="2025">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="0" data-year="2025">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="0" data-year="2025">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="0" data-year="2025">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="0" data-year="2025">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="0" data-year="2025">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="0" data-year="2025">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="0" data-year="2025">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="0" data-year="2025">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="0" data-year="2025">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="0" data-year="2025">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="0" data-year="2025">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="0" data-year="2025">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="0" data-year="2025">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="0" data-year="2025">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="0" data-year="2025">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="0" data-year="2025">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="0" data-year="2025">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="0" data-year="2025">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="0" data-year="2025">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="0" data-year="2025">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="0" data-year="2025">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="0" data-year="2025">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="0" data-year="2025">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="0" data-year="2025">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="0" data-year="2025">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="0" data-year="2025">
<span>31</span>
</button>
</div>
</div>
</div>
</div>
<div class="calendar-booking-footer">
<div class="calendar-booking-info">1 night chosen</div>
<button class="btn btn-primary js-calendar-booking-button" type="button">Accept</button>
</div>
</div>
</div>
</div>
<!-- // FIN CALENDAR -->
<!-- //OCUPPANCY -->
<div class="m-occupancy field">
<div class="form-group labelup ico-right input-group has-feedback has-success">
<label class="labelup-control focus" for="optionRooms">Occupancy </label>
<input class="form-control optionRooms js-no-scroll text-ellipsis" type="text" name="occupancy" id="optionRooms" required="" readonly="" data-required-error="Required Field" data-info="1 room, 2 adults ">
<button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
<div class="container-icon"><span class="nh-ic-user-line"></span></div>
<div class="help-block with-errors side">
</div>
</div>
<div class="m-occupancy-wrapper">
<div class="occupancy-content"
data-labels="{"rooms":"rooms","room":"room","adults":"adults","adult":"adult","children":"children","child":"child","babies":"babies","baby":"baby"}">
<div class="option-values"></div>
<div class="option-header">
<h3 class="title">Select Rooms</h3>
<title-icon class="nh-ic-close room-close"></title-icon>
</div>
<div class="option-list">
<!-- option 1-->
<div class="option option-1">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room hidden" type="button" title="Delete room" data-close="0" disabled="">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 1 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove" disabled=""></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove" disabled=""></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<!-- option 2-->
<div class="option option-2 hidden">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room" type="button" title="Delete room" data-close="1">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 2 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<!-- option 3-->
<div class="option option-3 hidden">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room" type="button" title="Delete room" data-close="2">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 3 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<!-- option 4-->
<div class="option option-4 hidden">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room" type="button" title="Delete room" data-close="3">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 4 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<!-- option 5-->
<div class="option option-5 hidden">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room" type="button" title="Delete room" data-close="4">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 5 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<!-- option 6-->
<div class="option option-6 hidden">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room" type="button" title="Delete room" data-close="5">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 6 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<!-- option 7-->
<div class="option option-7 hidden">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room" type="button" title="Delete room" data-close="6">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 7 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<!-- option 8-->
<div class="option option-8 hidden">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room" type="button" title="Delete room" data-close="7">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 8 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<!-- option 9-->
<div class="option option-9 hidden">
<div class="load"></div>
<div class="option-box title">
<button class="room-close delete-room" type="button" title="Delete room" data-close="8">
<i class="nh-ic-close"></i>
<span class="hide">Delete room</span>
</button>
<span class="h5"> room 9 </span>
</div>
<div class="option-box adults">
<fieldset>
<div class="fields">
<label> Adults </label>
<div class="controls" data-type="adults" data-limit="12" data-min="1" data-max="12">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box children">
<fieldset>
<div class="fields">
<label> Children <span> (2-11) </span>
</label>
<div class="controls" data-type="children" data-min="0" data-max="11">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
<div class="option-box babies">
<fieldset>
<div class="fields">
<label> Babies <span> (0-1) </span>
</label>
<div class="controls" data-type="babies" data-min="0" data-max="2">
<button class="minus nh-ic-minus" type="button" title="Remove"></button>
<input class="ammount" type="text" readonly="" tabindex="-1">
<button class="plus nh-ic-plus" type="button" title="Add"></button>
</div>
</div>
</fieldset>
</div>
</div>
<div id="endRooms"></div>
</div>
<div class="occupancy-footer">
<div class="add-room">
<button class="btn btn-ghost add-room-link" data-max-rooms="9" data-min-rooms="1" type="button">+ Add room </button>
</div>
<div class="room-resume">1 room, 2 adults </div>
<button class="btn btn-primary room-apply" type="button">Apply </button>
</div>
</div>
</div>
</div>
<!-- //FIN OCUPPANCY -->
<!-- // PROMO CODE AND BOOK NOW BUTTON -->
<div class="voucher-code "><a class="voucher-link link-primary">Promo Code</a>
<div class="form-group labelup ico-right input-group">
<label class="labelup-control" for="voucherCode">Promo Code </label>
<input class="form-control text-ellipsis" type="text" name="voucherCode" id="voucherCode" value="">
<button class="btn-clear js-input-clear" type="button" aria-label="Clear"><span class="nh-ic-input-clear" aria-hidden="true"></span></button>
<div class="container-icon"><span class="nh-ic-percentage"></span></div>
<div class="help-block with-errors side">
</div>
</div>
</div>
<!-- // FIN PROMO CODE AND BOOK NOW BUTTON -->
<div class="search-btn">
<button class="btn-block btn btn-primary btn-loader js-track-search-hp js-submitFormGA4" type="submit"><span class="btn-text">See rooms</span>
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</button>
</div>
</div>
<!--//fin search-bar-content-->
</form>Text Content
* Hotels
Hotels
Hotels
Discover more than 350 hotels in 33 countries
Top Destinations
Europe
* Hotels in Algarve
* Hotels in Amsterdam
* Hotels in Barcelona
* Hotels in Berlin
* Hotels in Brussels
* Hotels in Lisbon
* Hotels in Madrid
* Hotels in Milan
* Hotels in Rome
America
* Hotels in Bogota
* Hotels in Buenos Aires
* Hotels in Mexico City
* Hotels in New York
Hotels by category
* Business Hotels
* Family Hotels
* Hotels with pool
* Hotels with spa
* Pet friendly hotels
* Romantic hotels
* Resorts
A hotel in every location
* City center hotels
* Airport hotels
* Beach hotels
* Offers & Inspiration
Offers & Inspiration
Offers
Travel ideas and special discounts
Travel Guides
* Amsterdam
* Berlin
* Brussels
* Madrid
* Milan
* Rome
Gift Cards
Social events
More beyond hotels
* Month by month guide
* Hotel rooftops
* Hotel restaurants
* Hotel weekend breaks
* Professionals
Professionals
The best solutions for professionals
Companies
* NH+ Business Program
Agencies
NH PRO Blog
Meetings & Events
Types
* Event Types
* Venue Types
Top cities for Meetings
* Meeting Rooms in Amsterdam
* Meeting Rooms in Berlin
* Meeting Rooms in Brussels
* Meeting Rooms in Madrid
* Meeting Rooms in Rome
* Loyalty
Loyalty
Enjoy exclusive benefits for our most loyal customers
Benefits
Become a member
* Bookings
Bookings
Manage my reservations
Review, modify or cancel your reservation
Search my booking
Online check in
* English
* Help
*
* Contact us
Contact us
* Spain
+34 91 600 81 46
* Global Access
+34 91 398 46 61
See all phones
* Argentina
+54 11 68419937
* Austria
+43 12 67 59 72
* Belgium
+32 258 80 062
* Brazil
+55 1139588450
* Switzerland
+41 31 5208011
* Chile
+56 2 2760 9024
* Colombia
+57 13819596
* Czech Republic
+42 0 2 28 880 714
* Germany
+49 30 22388599
* Denmark
+45 32443059
* Spain
+34 91 600 81 46
* France
+33 176 54 1942
* United Kingdom
+44 203 4998 271
* Hungary
+36 18154346
* Ireland
+353 (0) 1 233 2014
* Italy
+39 02 87368144
* Luxembourg
+352 27772097
* Mexico
+52 55 95968237
* The Netherlands
+31 (0)20 70 18 042
* Poland
+48 222441252
* Portugal
+351 210 020 848
* Romania
+40 317801218
* Slovakia
+42 1233456575
* Thailand
+66 (0) 2 365 9109
* United States of America
+1 212 219 7607
* Uruguay
+59 8 29160001
* EN
Languages
* English
* Español
* Deutsch
* Français
* Italiano
* Nederlands
* Português
* Español (CO)
* Español (AR)
* Español (MX)
*
*
Join NH DISCOVERY now!
5% off guaranteed in all your bookings
D$ 5 extra reward when booking on our website or app
Member-only offers and exclusive experiences
…and much more! Join now
Log in to NH DISCOVERY
User name / Email
Password
Remember me
Log in Forgot your password?
If you have an account for professionals, access via NH PRO web
Server Error
For security reasons please reset your password.
1. NH Hotels
2. Germany
3. Hamburg
4.
Hamburg
Hamburg
08/08/202309/08/20231 Night
1 room, 2 adults
Edit your search
Destination
Check in
Check out
* Invalid Range
Choose dates
Check in
Tu, 08 Aug 23
Check out
We, 09 Aug 23
MO
TU
WE
TH
FR
SA
SU
August 2023
MO
TU
WE
TH
FR
SA
SU
August 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
September 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
MO
TU
WE
TH
FR
SA
SU
October 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
November 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
MO
TU
WE
TH
FR
SA
SU
December 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
January 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
February 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
MO
TU
WE
TH
FR
SA
SU
March 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
April 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
MO
TU
WE
TH
FR
SA
SU
May 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
June 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
MO
TU
WE
TH
FR
SA
SU
July 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
August 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
September 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
MO
TU
WE
TH
FR
SA
SU
October 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
November 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
MO
TU
WE
TH
FR
SA
SU
December 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
January 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1 night chosen
Accept
Occupancy
SELECT ROOMS
Delete room room 1
Adults
Children (2-11)
Babies (0-1)
Delete room room 2
Adults
Children (2-11)
Babies (0-1)
Delete room room 3
Adults
Children (2-11)
Babies (0-1)
Delete room room 4
Adults
Children (2-11)
Babies (0-1)
Delete room room 5
Adults
Children (2-11)
Babies (0-1)
Delete room room 6
Adults
Children (2-11)
Babies (0-1)
Delete room room 7
Adults
Children (2-11)
Babies (0-1)
Delete room room 8
Adults
Children (2-11)
Babies (0-1)
Delete room room 9
Adults
Children (2-11)
Babies (0-1)
+ Add room
1 room, 2 adults
Accept
Promo Code
See rooms
4 HOTEL(S) FOUND IN HAMBURG, GERMANY
Filter Map
Filter
Sort By
NH Recommends
* NH Recommends
* Price (lowest-highest)
* Price (highest-lowest)
* Name (A-Z)
* Name (Z-A)
* Rating (lowest-highest)
* Rating (highest-lowest)
* Closest to POI
* Furthest from POI
* Closest to city center
* Furthest away from city center
* Close to me
NH Recommends Price (lowest-highest) Price (highest-lowest) Name (A-Z) Name
(Z-A) Rating (lowest-highest) Rating (highest-lowest) Closest to POI Furthest
from POI Closest to city center Furthest away from city center Close to me
Prices
Select a maximum price
Services
*
Accessibility
*
Babysitter
*
Parking
*
Pets
*
Pool
*
Shuttle
*
Spa
Close to
Choose an option
* Choose an option
* Hamburg Messehallen
* Alster
* CCH - Congress Center Hamburg
* Chilehaus im Kontorviertel
* Davidwache
* Deutsches Schauspielhaus
* Die Colonnaden
* Dockland (Fischereihafen)
* Elbe Philharmonic Hall
* Elbstrand
* Fish Market
* Große Freiheit
* Hafencity
* Hamburg Airport
* Hamburg Central Station
* Hamburg Dom
* Hamburg Kunsthalle
* Hamburg State Opera
* Hansa Theater
* Horner Rennbahn / Freizeitpark
* Landungsbrücken
* Marktstraße
* Miniatur Wunderland
* Planetarium
* Reeperbahn
* Schanzenviertel
* Schifffahrtsmuseum
* Speicherstadt District
* Stadtpark
* St. Michaelis Church
* St. Pauli-Elbtunnel
* Treppenviertel in Blankenese
Choose an optionHamburg MessehallenAlsterCCH - Congress Center HamburgChilehaus
im KontorviertelDavidwacheDeutsches SchauspielhausDie ColonnadenDockland
(Fischereihafen)Elbe Philharmonic HallElbstrandFish MarketGroße
FreiheitHafencityHamburg AirportHamburg Central StationHamburg DomHamburg
KunsthalleHamburg State OperaHansa TheaterHorner Rennbahn /
FreizeitparkLandungsbrückenMarktstraßeMiniatur
WunderlandPlanetariumReeperbahnSchanzenviertelSchifffahrtsmuseumSpeicherstadt
DistrictStadtparkSt. Michaelis ChurchSt. Pauli-ElbtunnelTreppenviertel in
Blankenese
6197 km
Ratings
View results
Sort By
NH Recommends
* NH Recommends
* Price (lowest-highest)
* Price (highest-lowest)
* Name (A-Z)
* Name (Z-A)
* Rating (lowest-highest)
* Rating (highest-lowest)
* Closest to POI
* Furthest from POI
* Closest to city center
* Furthest away from city center
* Close to me
NH Recommends Price (lowest-highest) Price (highest-lowest) Name (A-Z) Name
(Z-A) Rating (lowest-highest) Rating (highest-lowest) Closest to POI Furthest
from POI Closest to city center Furthest away from city center Close to me
Currency
€ Euro
* € Euro
* £ Pound Sterling
* ₪ New Israeli Sheqel
* AR$ Argentine Peso
* AUD Australian Dollar
* CAD Canadian Dollar
* CHF Swiss Franc
* CL$ Chilean Peso
* COP Colombian Peso
* DKK Danish Krone
* HUF Hungarian Forint
* Kč Czech Koruna
* lei Romanian New Leu
* MXN Mexican Peso
* NOK Norwegian Krone
* R$ Brazilian Real
* Rs. Indian Rupee
* RUB Russian Ruble
* S/ Peruvian Sol
* SEK Swedish Krona
* US$ U.S. Dollar
* UYU Uruguayan Peso
* zł Polish Zloty
€ Euro £ Pound Sterling ₪ New Israeli Sheqel AR$ Argentine Peso AUD Australian
Dollar CAD Canadian Dollar CHF Swiss Franc CL$ Chilean Peso COP Colombian Peso
DKK Danish Krone HUF Hungarian Forint Kč Czech Koruna lei Romanian New Leu MXN
Mexican Peso NOK Norwegian Krone R$ Brazilian Real Rs. Indian Rupee RUB Russian
Ruble S/ Peruvian Sol SEK Swedish Krona US$ U.S. Dollar UYU Uruguayan Peso zł
Polish Zloty
Filter Map
Prices
Select a maximum price
Services
*
Accessibility
*
Babysitter
*
Parking
*
Pets
*
Pool
*
Shuttle
*
Spa
Close to
Choose an option
* Choose an option
* Hamburg Messehallen
* Alster
* CCH - Congress Center Hamburg
* Chilehaus im Kontorviertel
* Davidwache
* Deutsches Schauspielhaus
* Die Colonnaden
* Dockland (Fischereihafen)
* Elbe Philharmonic Hall
* Elbstrand
* Fish Market
* Große Freiheit
* Hafencity
* Hamburg Airport
* Hamburg Central Station
* Hamburg Dom
* Hamburg Kunsthalle
* Hamburg State Opera
* Hansa Theater
* Horner Rennbahn / Freizeitpark
* Landungsbrücken
* Marktstraße
* Miniatur Wunderland
* Planetarium
* Reeperbahn
* Schanzenviertel
* Schifffahrtsmuseum
* Speicherstadt District
* Stadtpark
* St. Michaelis Church
* St. Pauli-Elbtunnel
* Treppenviertel in Blankenese
Choose an optionHamburg MessehallenAlsterCCH - Congress Center HamburgChilehaus
im KontorviertelDavidwacheDeutsches SchauspielhausDie ColonnadenDockland
(Fischereihafen)Elbe Philharmonic HallElbstrandFish MarketGroße
FreiheitHafencityHamburg AirportHamburg Central StationHamburg DomHamburg
KunsthalleHamburg State OperaHansa TheaterHorner Rennbahn /
FreizeitparkLandungsbrückenMarktstraßeMiniatur
WunderlandPlanetariumReeperbahnSchanzenviertelSchifffahrtsmuseumSpeicherstadt
DistrictStadtparkSt. Michaelis ChurchSt. Pauli-ElbtunnelTreppenviertel in
Blankenese
6197 km
Ratings
THERE ARE NO HOTELS COMPATIBLE WITH THE SELECTED FILTERS
Modify filters to see additional hotels
HOTELS INCLUDED IN THE PROMOTION WITH AVAILABILITY FOR THE SELECTED DATES
NEARBY PROMO HOTELS WITH AVAILABILITY ON THE SELECTED DATES
NH COLLECTION HAMBURG CITY
Feldstr. 53-58, 20357, Hamburg - Germany
0.72 km Hamburg Messehallen
There are no rooms available that meet your search criteria
From106.67EUR
Per night
* lowest rate in the next 90 days
1439 Opinions
2023 Certificate of Excellence
*
*
*
Show info
From106.67EUR
Per night
* lowest rate in the next 90 days
PRICE / NIGHT
VAT and City Tax included
See rooms from
Check availability
* Free Wi-Fi
* Parking
* Spa
* Eco-friendly
* Pets
* Accessibility
* 129 Rooms
* Air conditioning - Climate Control
The NH Collection Hamburg City hotel, completely refurbished in 2016, is located
directly in the Heiligengeistfeld, opposite the Hamburger Dom and 300m from the
stadium of the famous football club St. Pauli’s Millerntor. It's only a 500m
walk from the Messehallen convention center.
NH HAMBURG ALTONA
Stresemannstr. 363-369, 22761, Hamburg - Germany
2.94 km Fish Market
There are no rooms available that meet your search criteria
From74.23EUR
Per night
* lowest rate in the next 90 days
1425 Opinions
2023 Certificate of Excellence
*
*
*
Show info
From74.23EUR
Per night
* lowest rate in the next 90 days
PRICE / NIGHT
VAT and City Tax included
See rooms from
Check availability
* Free Wi-Fi
* Parking
* Gym
* Eco-friendly
* Pets
* Accessibility
* Celebrations
* 239 Rooms
* Air conditioning - Climate Control
The NH Hamburg Altona hotel is in the Altona district of the city. There are
plenty of bars and restaurants nearby, and the city center is an easy drive
away.
NH HAMBURG HORNER RENNBAHN
Rennbahnstr. 90, 22111, Hamburg - Germany
0.52 km Horner Rennbahn / Freizeitpark
There are no rooms available that meet your search criteria
From68.53EUR
Per night
* lowest rate in the next 90 days
1137 Opinions
2023 Certificate of Excellence
*
*
*
Show info
From68.53EUR
Per night
* lowest rate in the next 90 days
PRICE / NIGHT
VAT and City Tax included
See rooms from
Check availability
* Free Wi-Fi
* Parking
* Gym
* 100%
* Air conditioning - Climate Control
* Eco-friendly
* Pets
* Accessibility
* Celebrations
* Meetings
* 172 Rooms
The NH Hamburg Horner Rennbahn hotel, formerly know as NH Hamburg Horn, is right
next to the Derby Racecourse, with sweeping views across the horse-racing track.
For city-center sights like St Michel Church and Speicherstadt – the stunning
warehouse district – it’s an easy trip by public transport.
NH HAMBURG MITTE
Schäferkampsallee 49, 20357, Hamburg - Germany
0.75 km Schanzenviertel
There are no rooms available that meet your search criteria
From89.23EUR
Per night
* lowest rate in the next 90 days
487 Opinions
2023 Certificate of Excellence
*
*
*
Show info
From89.23EUR
Per night
* lowest rate in the next 90 days
PRICE / NIGHT
VAT and City Tax included
See rooms from
Check availability
* Free Wi-Fi
* Parking
* 100%
* Air conditioning - Climate Control
* Eco-friendly
* Pets
* 134 Rooms
The 4 star NH Hamburg Mitte hotel, formerly known as NH Hamburg Norge, has been
completely renovated in Winter 2017. Located in the Eimsbüttel district,
Hamburg's famous sights and shops are nearby and the Congress and exhibition
center can be reached quickly by train or just a 15 minute walk. For music fans
it's an ideal starting point, with the Jungfernstieg or the Mönckebergstrasse
inviting you to linger that little bit longer. Close to hip Schanzenviertel,
trendy bars, cafés, restaurants and shops are also just a stone's throw away.
Combine this with the service and experience of the NH Hamburg Mitte, and you're
assured a unique stay!
NEARBY HOTELS
HOTELS WITH NO AVAILABILITY FOR THE DATES SELECTED
NEARBY HOTELS WITH NO AVAILBILITY ON THE SELECTED DATES
HAMBURG
BOOK A HOTEL IN HAMBURG
Famous for its waterways, classic brick buildings, and extraordinary cultural
offerings, Hamburg is an incredibly rewarding destination in northern Germany .
Stay at one of our hotels in Hamburg and explore the city from modern
accommodations in central locations. .
WHY STAY WITH NH HOTEL GROUP IN HAMBURG?
NH Hotel Group has many modern hotels in this lovely German city, with amenities
including free WiFi and air conditioning. What’s more, our hotels have prime
locations in Hamburg, very close to all the most important places of interest
around the city.
Most centrally located is the NH Collection Hamburg City, which is very close to
the most bohemian quarter of the city, the Schanzenviertel, the Hamburg
Cathedral, and the Hamburg State Opera (Hamburgische Staatsoper). It is also
–just a few meters from the famous St Pauli Messehallen, convention center.
The NH Hamburg Altona, is one of the best hotels in Hamburg with a spa: perfect
for maximum relaxation and some pampering after a hectic day. It is located
right in the city center so you can enjoy the comfort of reaching the city's
main points of interest in a few minutes.
Meanwhile, the NH Hamburg Mitte hotel is close to the exhibition center and near
shopping areas such as Jungfernstieg, Mönckebergstrasse or Schanzenviertel, , an
avenue full of bars, stores, and restaurants.
The NH Hamburg Horner Rennbahn is located right next to the Derby Racecourse,
offering stunning sunset and sunrise views over the racetrack. Additionally, the
hotel features a gym and a sauna.
HOW’S THE WEATHER IN HAMBURG?
The weather in Hamburg is generally warm and mild, however, it varies throughout
the year. Visit in June to mid-September to experience the city’s warm season ,
where the average daily high temperatures remain above 19ºC.
Winters, when countless visitors flock to Hamburg to experience such attractions
as its Christmas parades and ice-skating, can get chilly. The coldest month in
Hamburg is typically January when the average daily high and low temperatures
are around 4ºC and -1ºC.
WHAT TO SEE IN HAMBURG?
Not only a key part of the city’s trading history, the Port of Hamburg (or
Hamburger Hafen) remains lively to this very day. Boat tours are available, and
you can also take the beautiful pedestrian trail to the 19th century Warehouse
District, an UNESCO World Heritage Site which still displays the tall brick
buildings where the most important trading goods were stored
The Hamburg Town Hall (Rathaus), built between 1886 and 1897, is one of
Hamburg’s most remarkable landmarks. The impressive building stands at 112
meters tall and displays a marvelous Neo-Renaissance architectural style. Guided
tours are available, which take visitors through the building’s opulent interior
There are not many museums like the Miniatur Wunderland: it has the largest
model railway exhibit in the world. It covers 2,300 square meters, with
miniature representations that include airports and areas in the USA and
Scandinavia (among others). It’s truly a must-visit, especially if you’re
visiting Hamburg with your kids.
The Hamburg Kunsthalle is a magnificent art museum, consisting of three
connected buildings. It spans numerous eras with a modern art collection as well
as an Old Masters Collection that goes as far back as the 14th century.
Don't forget to visit the large artificial lakes formed on the Alster River: the
Aussenalster (Outer Alster) and the Binnenalster (Inner Alster). You can tour
them by boat and they are surrounded by restaurants, bars and shops.
For lovely outdoor green spaces, visit the Planten un Blomen urban park. It
contains the a botanical garden with tropical greenhouses and serves as a venue
for many art performances. It’s a wonderful spot to relax in the open.
WHAT TO EAT IN HAMBURG?
Due to Hamburg’s history as an often-visited port town, its culinary tradition
grew to be very varied and features a wide range of ingredients. This results in
diverse dishes ranging from labskaus, a traditional sailor meal with corned beef
and beets among other ingredients, to grünkohl, stewed kale typically
accompanied with sausages or smoked pork, and fischbrötchen, a simple yet
appealing fish (typically pickled herring) sandwich.
Among the restaurants in Hamburg where you can try traditional German food at
its finest you can find Anno 1905, which also stands out for its 19th century
decorations, and Brodersen Restaurant, known for its labskaus. Be you sure to
end at least one of your meals by trying Hamburg’s signature dessert: the rote
grütze, which consists of berries or cherries served with custard.
HOW TO ARRIVE IN HAMBURG?
Hamburg has long been a major tourist destination and arriving in the city is a
simple affair. For international flights, the city’s serviced by the Hamburg
Airport (HAM), located around 8 kilometers from the city center. You can easily
reach the city center from the airport by bus, train, or taxi—or by driving,
reaching the Federal Motorway A7.
You can also arrive in Hamburg by car, since the city is connected with several
motorways, by train at one of Hamburg’s four long distance train stations, or by
buses, which connect Hamburg to the most important cities in Germany.
HOW TO GET AROUND HAMBURG?
Thanks, in part, to a fantastic public transport system that offers multiple
options, getting around in Hamburg is a breeze. The Hamburg Public Transport
Association will conveniently take you to all the important destinations in
Hamburg thanks to its combination of buses, trains, and harbor ferries.
Cycling is another popular transport method in Hamburg. It allows you to reach
the city’s major places of interest and enjoy the beautiful sights while doing
so. There are even multiple guided bike tours that you can take, to help you in
discovering Hamburg.
Driving offers visitors the most flexibility when exploring Hamburg and multiple
car rental services are available in the city. On-street parking is readily
available either for free or on metered spaces. Several car parks are also
located throughout Hamburg.
Our NH Hotels in Hamburg offer you a wide range of accommodations, with the best
service and first-class attention. We guarantee you a unique and enjoyable stay!
YOU MAY ALSO BE INTERESTED IN HAMBURG:
* Vacations to Hamburg
* Budget Hotels in Hamburg city center
* Hamburg's football team city
* Musicals In Hamburg
* Shopping in Hamburg
HOTELS IN HAMBURG
* NH Collection Hamburg City
* NH Hamburg Mitte
* NH Hamburg Altona
* NH Hamburg Horner Rennbahn
WHAT TO DO IN HAMBURG
CALL US
+34 91 600 81 46
Call Now
Search
Destination
Check in
Check out
* Invalid Range
Choose dates
Check in
Tu, 08 Aug 23
Check out
We, 09 Aug 23
MO
TU
WE
TH
FR
SA
SU
August 2023
MO
TU
WE
TH
FR
SA
SU
August 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
September 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
MO
TU
WE
TH
FR
SA
SU
October 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
November 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
MO
TU
WE
TH
FR
SA
SU
December 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
January 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
February 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
MO
TU
WE
TH
FR
SA
SU
March 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
April 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
MO
TU
WE
TH
FR
SA
SU
May 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
June 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
MO
TU
WE
TH
FR
SA
SU
July 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
August 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
September 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
MO
TU
WE
TH
FR
SA
SU
October 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
November 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
MO
TU
WE
TH
FR
SA
SU
December 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
MO
TU
WE
TH
FR
SA
SU
January 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1 night chosen
Accept
Occupancy
SELECT ROOMS
Delete room room 1
Adults
Children (2-11)
Babies (0-1)
Delete room room 2
Adults
Children (2-11)
Babies (0-1)
Delete room room 3
Adults
Children (2-11)
Babies (0-1)
Delete room room 4
Adults
Children (2-11)
Babies (0-1)
Delete room room 5
Adults
Children (2-11)
Babies (0-1)
Delete room room 6
Adults
Children (2-11)
Babies (0-1)
Delete room room 7
Adults
Children (2-11)
Babies (0-1)
Delete room room 8
Adults
Children (2-11)
Babies (0-1)
Delete room room 9
Adults
Children (2-11)
Babies (0-1)
+ Add room
1 room, 2 adults
Apply
Promo Code
Promo Code
See rooms
This day is not available
This day is not available for this offer. Please choose another date to continue
the reservation process
You've chosen a large range of dates
For reservations of more than 30 nights please contact our reservations team
on telephone+34 91 600 81 46
Modify See alternative contact numbers
You've chosen a large number of rooms
For reservations of 9 or more rooms please contact our reservations team
See alternative contact numbers
No matches found
Accept
We are unable to pinpoint your location. Activate the locations services on your
device or type in a location.
Accept
Change currency
The information given on the currency selected is merely informative. Charges
will always be made in local currency
Don't change currency Change currency
Join NH DISCOVERY and get 5% off for all your bookings
Loading results
This day is not available
This day is not available for this offer. Please choose another date to continue
the reservation process
You've chosen a large range of dates
For reservations of more than 30 nights please contact our reservations team
on telephone+34 91 600 81 46
Modify See alternative contact numbers
You've chosen a large number of rooms
For reservations of 9 or more rooms please contact our reservations team
See alternative contact numbers
No matches found
Accept
We are unable to pinpoint your location. Activate the locations services on your
device or type in a location.
Accept
Change currency
The information given on the currency selected is merely informative. Charges
will always be made in local currency
Don't change currency Change currency
*
*
*
*
*
*
*
*
*
--------------------------------------------------------------------------------
CORPORATE INFORMATION
* Corporate
* About NH Hotel Group
* NH Hotel Group Companies
* Shareholders and Investors
* CSR and Sustainability
* NH Careers
* Press Room
* Procurement
MANAGE YOUR BOOKING
* NH Customer Care
* Manage Your Booking
* General Terms and Conditions
* Newsletter
* Fastpass
* FAQ
NH DISCOVERY
* NH DISCOVERY
* Join
* Benefits
* Contact
* NH DISCOVERY Terms and Conditions
* FAQs NH DISCOVERY
PROFESSIONALS
* Business Travel
* Travel Agents
* Meeting Planners
* Business Hotels
* NH Pro Blog
* Contact Us: Meetings
* Contact Us: Companies
* Contact Us: Travel Agents
HOTELS & DESTINATIONS
* Hotel Directory
* Travel Guides
* Travel by month
* NH Hotels by theme
* Family Hotels
* Pet Friendly Hotels
* NH hotel for every occasion
* Experience
* Highlights
* Summer Holidays Hotels
* Downtown hotels
* Beach hotels
PARTNERS AND PROGRAMS
* Affiliation Program
* Loyalty Programs
* Social Media
--------------------------------------------------------------------------------
* Legal Advice
* Cookie Policy
* Privacy Policy
* Complaints Channel
© 2000-2023 NH Hotel Group Santa Engracia 120. 28003 Madrid, Spain
Now with travelers’ hotel reviews from
Secure site
FOLLOW US
* Legal Advice
* Cookie Policy
* Privacy Policy
* Complaints Channel
© 2000-2023 NH Hotel Group Santa Engracia 120. 28003 Madrid, Spain
Oops, something went wrong. Please contact the administrator
✕
COOKIE CONSENT
This site uses its own cookies and those of third parties to support browsing,
improve the user experience, personalise the content, display ads relating to
your preferences and conduct statistical analysis on browsing habits. You can
change your Configuration or obtain more information in our Cookie policy.
Yes, I accept
Do you accept these cookies and the processing of personal data that this
involves?