www.nh-hotels.com
Open in
urlscan Pro
23.14.64.192
Public Scan
Submitted URL: https://digital.nh-hotels.com/sap/public/cuan/link/100/2F813D3452CEBB2375618355B5A00E217C574BFD?_V_=2&_K11_=A0D93CA951E1481400...
Effective URL: https://www.nh-hotels.com/en/hotels/vienna?utm_medium=emailing&utm_source=internal-all&utm_campaign=emailing_internal-all&...
Submission: On March 04 via api from BE — Scanned from ES
Effective URL: https://www.nh-hotels.com/en/hotels/vienna?utm_medium=emailing&utm_source=internal-all&utm_campaign=emailing_internal-all&...
Submission: On March 04 via api from BE — Scanned from ES
Form analysis 9 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"><img src="https://www.nh-hotels.com/images_ns/qubit/red-eye.png" class="eye" width="25">
<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="/en/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 /en
<form id="searchBarModifyForm" name="resultPageForm" action="/en" method="post" autocomplete="off" accept-charset="utf-8" novalidate="true">
<input type="hidden" id="locationCode" name="destinationId" value="Vienna" 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-779-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">Vienna</p>
<p><span class="summary-checkin">04/03/2024</span><span class="summary-checkout">05/03/2024</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="Vienna" data-source="/content-api/rest/auto/autocompleteHome"
data-hotel-label="[hotel,hotels]" data-error="Required Field" data-required-error="Required Field" data-search="Vienna" 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="03/03/2024" data-checkout-date="04/03/2024" 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">Mo, 04 Mar 24</p>
</div>
<div class="calendar-booking-checkout"><span class="focus">Check out</span>
<p class="js-selected-checkout">Tu, 05 Mar 24</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">March 2024</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">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 past disabled" type="button" data-day="1" data-month="2" data-year="2024" disabled="">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="2" data-month="2" data-year="2024" disabled="">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="3" data-month="2" data-year="2024" disabled="">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day today selected checkin" type="button" data-day="4" data-month="2" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day selected checkout" 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" 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">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="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">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="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">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="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">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="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">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="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">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="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">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="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">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="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">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="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">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 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">February</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 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="2025">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="1" data-year="2025">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="1" data-year="2025">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="1" data-year="2025">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="1" data-year="2025">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="1" data-year="2025">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="1" data-year="2025">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="1" data-year="2025">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="1" data-year="2025">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="1" data-year="2025">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="1" data-year="2025">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="1" data-year="2025">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="1" data-year="2025">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="1" data-year="2025">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="1" data-year="2025">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="1" data-year="2025">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="1" data-year="2025">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="1" data-year="2025">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="1" data-year="2025">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="1" data-year="2025">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="1" data-year="2025">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="1" data-year="2025">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="1" data-year="2025">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="1" data-year="2025">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="1" data-year="2025">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="1" data-year="2025">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="1" data-year="2025">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="1" data-year="2025">
<span>28</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">March</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 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="2025">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="2" data-year="2025">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="2" data-year="2025">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="2" data-year="2025">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="2" data-year="2025">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="2" data-year="2025">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="2" data-year="2025">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="2" data-year="2025">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="2" data-year="2025">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="2" data-year="2025">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="2" data-year="2025">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="2" data-year="2025">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="2" data-year="2025">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="2" data-year="2025">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="2" data-year="2025">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="2" data-year="2025">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="2" data-year="2025">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="2" data-year="2025">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="2" data-year="2025">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="2" data-year="2025">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="2" data-year="2025">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="2" data-year="2025">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="2" data-year="2025">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="2" data-year="2025">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="2" data-year="2025">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="2" data-year="2025">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="2" data-year="2025">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="2" data-year="2025">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="2" data-year="2025">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="2" data-year="2025">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="2" data-year="2025">
<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">April</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" type="button" data-day="1" data-month="3" data-year="2025">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="3" data-year="2025">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="3" data-year="2025">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="3" data-year="2025">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="3" data-year="2025">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="3" data-year="2025">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="3" data-year="2025">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="3" data-year="2025">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="3" data-year="2025">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="3" data-year="2025">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="3" data-year="2025">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="3" data-year="2025">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="3" data-year="2025">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="3" data-year="2025">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="3" data-year="2025">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="3" data-year="2025">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="3" data-year="2025">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="3" data-year="2025">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="3" data-year="2025">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="3" data-year="2025">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="3" data-year="2025">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="3" data-year="2025">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="3" data-year="2025">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="3" data-year="2025">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="3" data-year="2025">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="3" data-year="2025">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="3" data-year="2025">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="3" data-year="2025">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="3" data-year="2025">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="3" data-year="2025">
<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">May</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 empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="4" data-year="2025">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="4" data-year="2025">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="4" data-year="2025">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="4" data-year="2025">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="4" data-year="2025">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="4" data-year="2025">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="4" data-year="2025">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="4" data-year="2025">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="4" data-year="2025">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="4" data-year="2025">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="4" data-year="2025">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="4" data-year="2025">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="4" data-year="2025">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="4" data-year="2025">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="4" data-year="2025">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="4" data-year="2025">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="4" data-year="2025">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="4" data-year="2025">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="4" data-year="2025">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="4" data-year="2025">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="4" data-year="2025">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="4" data-year="2025">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="4" data-year="2025">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="4" data-year="2025">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="4" data-year="2025">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="4" data-year="2025">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="4" data-year="2025">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="4" data-year="2025">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="4" data-year="2025">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="4" data-year="2025">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="4" data-year="2025">
<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">June</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 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="2025">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="5" data-year="2025">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="5" data-year="2025">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="5" data-year="2025">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="5" data-year="2025">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="5" data-year="2025">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="5" data-year="2025">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="5" data-year="2025">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="5" data-year="2025">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="5" data-year="2025">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="5" data-year="2025">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="5" data-year="2025">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="5" data-year="2025">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="5" data-year="2025">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="5" data-year="2025">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="5" data-year="2025">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="5" data-year="2025">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="5" data-year="2025">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="5" data-year="2025">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="5" data-year="2025">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="5" data-year="2025">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="5" data-year="2025">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="5" data-year="2025">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="5" data-year="2025">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="5" data-year="2025">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="5" data-year="2025">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="5" data-year="2025">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="5" data-year="2025">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="5" data-year="2025">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="5" data-year="2025">
<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">July</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" type="button" data-day="1" data-month="6" data-year="2025">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="6" data-year="2025">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="6" data-year="2025">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="6" data-year="2025">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="6" data-year="2025">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="6" data-year="2025">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="6" data-year="2025">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="6" data-year="2025">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="6" data-year="2025">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="6" data-year="2025">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="6" data-year="2025">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="6" data-year="2025">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="6" data-year="2025">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="6" data-year="2025">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="6" data-year="2025">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="6" data-year="2025">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="6" data-year="2025">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="6" data-year="2025">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="6" data-year="2025">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="6" data-year="2025">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="6" data-year="2025">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="6" data-year="2025">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="6" data-year="2025">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="6" data-year="2025">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="6" data-year="2025">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="6" data-year="2025">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="6" data-year="2025">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="6" data-year="2025">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="6" data-year="2025">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="6" data-year="2025">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="6" data-year="2025">
<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">August</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 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="2025">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="7" data-year="2025">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="7" data-year="2025">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="7" data-year="2025">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="7" data-year="2025">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="7" data-year="2025">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="7" data-year="2025">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="7" data-year="2025">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="7" data-year="2025">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="7" data-year="2025">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="7" data-year="2025">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="7" data-year="2025">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="7" data-year="2025">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="7" data-year="2025">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="7" data-year="2025">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="7" data-year="2025">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="7" data-year="2025">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="7" data-year="2025">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="7" data-year="2025">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="7" data-year="2025">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="7" data-year="2025">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="7" data-year="2025">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="7" data-year="2025">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="7" data-year="2025">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="7" data-year="2025">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="7" data-year="2025">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="7" data-year="2025">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="7" data-year="2025">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="7" data-year="2025">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="7" data-year="2025">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="7" 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">Search</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="AT09.HANSE" 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="Anantara">
<button class="btn btn-primary btn-loader js-track-search-rp js-track-search-rpGA4" data-preciodia="PRECIODIA" data-location="Anantara Palais Hansen Vienna Hotel" data-preciototal="TOTAL" data-stars="stars5" data-locality="Vienna, Vienna , Austria"
data-brand="Anantara" data-hotelcode="AT09.HANSE" data-citykey="Vienna" data-countrykey="Austria" 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="AT09.VIEAI" 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 Vienna Airport Conference Center" data-preciototal="TOTAL" data-stars="stars4" data-locality="Vienna, Vienna , Austria"
data-brand="NH Hotels" data-hotelcode="AT09.VIEAI" data-citykey="Vienna" data-countrykey="Austria" 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="AT09.ATTER" 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 Wien Zentrum" data-preciototal="TOTAL" data-stars="stars4" data-locality="Vienna, Vienna , Austria"
data-brand="NH Collection" data-hotelcode="AT09.ATTER" data-citykey="Vienna" data-countrykey="Austria" 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="AT09.WIEN" 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 Wien City" data-preciototal="TOTAL" data-stars="stars4" data-locality="Vienna, Vienna , Austria" data-brand="NH Hotels"
data-hotelcode="AT09.WIEN" data-citykey="Vienna" data-countrykey="Austria" 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 class="availableData" method="post" action="">
<input type="hidden" value="AT09.BELVE" 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 Wien Belvedere" data-preciototal="TOTAL" data-stars="stars4" data-locality="Vienna, Vienna , Austria"
data-brand="NH Hotels" data-hotelcode="AT09.BELVE" data-citykey="Vienna" data-countrykey="Austria" data-num="4" 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="AT09.DANUB" 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 Danube City" data-preciototal="TOTAL" data-stars="stars4" data-locality="Vienna, Vienna , Austria"
data-brand="NH Hotels" data-hotelcode="AT09.DANUB" data-citykey="Vienna" data-countrykey="Austria" data-num="5" 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 /en
<form id="searchModifyFormModal" action="/en" 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="03/03/2024" data-checkout-date="04/03/2024" 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">Mo, 04 Mar 24</p>
</div>
<div class="calendar-booking-checkout"><span>Check out</span>
<p class="js-selected-checkout">Tu, 05 Mar 24</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">March 2024</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">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 past disabled" type="button" data-day="1" data-month="2" data-year="2024" disabled="">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="2" data-month="2" data-year="2024" disabled="">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day past disabled" type="button" data-day="3" data-month="2" data-year="2024" disabled="">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day today selected checkin" type="button" data-day="4" data-month="2" data-year="2024">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day selected checkout" 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" 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">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="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">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="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">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="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">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="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">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="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">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="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">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="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">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="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">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="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">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 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">February</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 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="2025">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="1" data-year="2025">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="1" data-year="2025">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="1" data-year="2025">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="1" data-year="2025">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="1" data-year="2025">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="1" data-year="2025">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="1" data-year="2025">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="1" data-year="2025">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="1" data-year="2025">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="1" data-year="2025">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="1" data-year="2025">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="1" data-year="2025">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="1" data-year="2025">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="1" data-year="2025">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="1" data-year="2025">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="1" data-year="2025">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="1" data-year="2025">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="1" data-year="2025">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="1" data-year="2025">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="1" data-year="2025">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="1" data-year="2025">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="1" data-year="2025">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="1" data-year="2025">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="1" data-year="2025">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="1" data-year="2025">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="1" data-year="2025">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="1" data-year="2025">
<span>28</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">March</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 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="2025">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="2" data-year="2025">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="2" data-year="2025">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="2" data-year="2025">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="2" data-year="2025">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="2" data-year="2025">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="2" data-year="2025">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="2" data-year="2025">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="2" data-year="2025">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="2" data-year="2025">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="2" data-year="2025">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="2" data-year="2025">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="2" data-year="2025">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="2" data-year="2025">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="2" data-year="2025">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="2" data-year="2025">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="2" data-year="2025">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="2" data-year="2025">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="2" data-year="2025">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="2" data-year="2025">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="2" data-year="2025">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="2" data-year="2025">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="2" data-year="2025">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="2" data-year="2025">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="2" data-year="2025">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="2" data-year="2025">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="2" data-year="2025">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="2" data-year="2025">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="2" data-year="2025">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="2" data-year="2025">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="2" data-year="2025">
<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">April</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" type="button" data-day="1" data-month="3" data-year="2025">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="3" data-year="2025">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="3" data-year="2025">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="3" data-year="2025">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="3" data-year="2025">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="3" data-year="2025">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="3" data-year="2025">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="3" data-year="2025">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="3" data-year="2025">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="3" data-year="2025">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="3" data-year="2025">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="3" data-year="2025">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="3" data-year="2025">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="3" data-year="2025">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="3" data-year="2025">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="3" data-year="2025">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="3" data-year="2025">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="3" data-year="2025">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="3" data-year="2025">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="3" data-year="2025">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="3" data-year="2025">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="3" data-year="2025">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="3" data-year="2025">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="3" data-year="2025">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="3" data-year="2025">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="3" data-year="2025">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="3" data-year="2025">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="3" data-year="2025">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="3" data-year="2025">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="3" data-year="2025">
<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">May</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 empty"><span></span></button></div>
<div class="month-day">
<button class="day" type="button" data-day="1" data-month="4" data-year="2025">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="4" data-year="2025">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="4" data-year="2025">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="4" data-year="2025">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="4" data-year="2025">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="4" data-year="2025">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="4" data-year="2025">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="4" data-year="2025">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="4" data-year="2025">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="4" data-year="2025">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="4" data-year="2025">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="4" data-year="2025">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="4" data-year="2025">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="4" data-year="2025">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="4" data-year="2025">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="4" data-year="2025">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="4" data-year="2025">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="4" data-year="2025">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="4" data-year="2025">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="4" data-year="2025">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="4" data-year="2025">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="4" data-year="2025">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="4" data-year="2025">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="4" data-year="2025">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="4" data-year="2025">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="4" data-year="2025">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="4" data-year="2025">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="4" data-year="2025">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="4" data-year="2025">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="4" data-year="2025">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="4" data-year="2025">
<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">June</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 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="2025">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="5" data-year="2025">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="5" data-year="2025">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="5" data-year="2025">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="5" data-year="2025">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="5" data-year="2025">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="5" data-year="2025">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="5" data-year="2025">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="5" data-year="2025">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="5" data-year="2025">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="5" data-year="2025">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="5" data-year="2025">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="5" data-year="2025">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="5" data-year="2025">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="5" data-year="2025">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="5" data-year="2025">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="5" data-year="2025">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="5" data-year="2025">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="5" data-year="2025">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="5" data-year="2025">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="5" data-year="2025">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="5" data-year="2025">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="5" data-year="2025">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="5" data-year="2025">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="5" data-year="2025">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="5" data-year="2025">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="5" data-year="2025">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="5" data-year="2025">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="5" data-year="2025">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="5" data-year="2025">
<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">July</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" type="button" data-day="1" data-month="6" data-year="2025">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="6" data-year="2025">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="6" data-year="2025">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="6" data-year="2025">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="6" data-year="2025">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="6" data-year="2025">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="6" data-year="2025">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="6" data-year="2025">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="6" data-year="2025">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="6" data-year="2025">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="6" data-year="2025">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="6" data-year="2025">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="6" data-year="2025">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="6" data-year="2025">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="6" data-year="2025">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="6" data-year="2025">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="6" data-year="2025">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="6" data-year="2025">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="6" data-year="2025">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="6" data-year="2025">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="6" data-year="2025">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="6" data-year="2025">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="6" data-year="2025">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="6" data-year="2025">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="6" data-year="2025">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="6" data-year="2025">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="6" data-year="2025">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="6" data-year="2025">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="6" data-year="2025">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="6" data-year="2025">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="6" data-year="2025">
<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">August</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 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="2025">
<span>1</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="2" data-month="7" data-year="2025">
<span>2</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="3" data-month="7" data-year="2025">
<span>3</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="4" data-month="7" data-year="2025">
<span>4</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="5" data-month="7" data-year="2025">
<span>5</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="6" data-month="7" data-year="2025">
<span>6</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="7" data-month="7" data-year="2025">
<span>7</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="8" data-month="7" data-year="2025">
<span>8</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="9" data-month="7" data-year="2025">
<span>9</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="10" data-month="7" data-year="2025">
<span>10</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="11" data-month="7" data-year="2025">
<span>11</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="12" data-month="7" data-year="2025">
<span>12</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="13" data-month="7" data-year="2025">
<span>13</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="14" data-month="7" data-year="2025">
<span>14</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="15" data-month="7" data-year="2025">
<span>15</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="16" data-month="7" data-year="2025">
<span>16</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="17" data-month="7" data-year="2025">
<span>17</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="18" data-month="7" data-year="2025">
<span>18</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="19" data-month="7" data-year="2025">
<span>19</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="20" data-month="7" data-year="2025">
<span>20</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="21" data-month="7" data-year="2025">
<span>21</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="22" data-month="7" data-year="2025">
<span>22</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="23" data-month="7" data-year="2025">
<span>23</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="24" data-month="7" data-year="2025">
<span>24</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="25" data-month="7" data-year="2025">
<span>25</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="26" data-month="7" data-year="2025">
<span>26</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="27" data-month="7" data-year="2025">
<span>27</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="28" data-month="7" data-year="2025">
<span>28</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="29" data-month="7" data-year="2025">
<span>29</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="30" data-month="7" data-year="2025">
<span>30</span>
</button>
</div>
<div class="month-day">
<button class="day" type="button" data-day="31" data-month="7" 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">Search</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
More than 350 hotels in 35 countries. Discover them all
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
Asia & The Middle East
* Hotels in Dubai
* Hotel in Phuket
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
See all phones
* 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. Austria
3. Vienna
4.
Vienna
Vienna
04/03/202405/03/20241 Night
1 room, 2 adults
Edit your search
Destination
Check in
Check out
* Invalid Range
Choose dates
Check in
Mo, 04 Mar 24
Check out
Tu, 05 Mar 24
MO
TU
WE
TH
FR
SA
SU
March 2024
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
MO
TU
WE
TH
FR
SA
SU
February 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
MO
TU
WE
TH
FR
SA
SU
March 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
MO
TU
WE
TH
FR
SA
SU
April 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
MO
TU
WE
TH
FR
SA
SU
May 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
MO
TU
WE
TH
FR
SA
SU
June 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
MO
TU
WE
TH
FR
SA
SU
July 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
MO
TU
WE
TH
FR
SA
SU
August 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
Search
6 HOTEL(S) FOUND IN VIENNA, AUSTRIA
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
*
Gym
*
Parking
*
Pets
*
Pool
*
Shuttle
*
Spa
Close to
Choose an option
* Choose an option
Choose an option
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
*
Gym
*
Parking
*
Pets
*
Pool
*
Shuttle
*
Spa
Close to
Choose an option
* Choose an option
Choose an option
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
ANANTARA PALAIS HANSEN VIENNA HOTEL
Schottenring 24 1010, Vienna Vienna - Austria
0.95 km Stephansdom Vienna
There are no rooms available that meet your search criteria
Opinions
2023 Certificate of Excellence
*
*
*
Show info
PRICE / NIGHT
VAT included. Additional City Tax applies
See rooms from
Check availability
* Free Wi-Fi
* Parking
* Gym
* Pool
* Spa
* 100%
* Air conditioning - Climate Control
* Pets
* Accessibility
* Celebrations
* Meetings
* 152 Rooms
Anantara Palais Hansen Vienna Hotel is located on the famed Ringstrasse
Boulevard in the city center of Vienna. It sits in close proximity to the former
Vienna Stock Exchange, City Hall, St. Stephen’s Cathedral and many other famous
sights. Plus, it’s only a 25-minute drive away from Vienna International Airport
and is within walking distance of key public transport hubs.
NH VIENNA AIRPORT CONFERENCE CENTER
Einfahrtsstrasse 1- 3, 1300, Vienna - Austria
0.1 km Vienna International Airport
There are no rooms available that meet your search criteria
Opinions
*
*
*
Show info
PRICE / NIGHT
VAT included. Additional City Tax applies
See rooms from
Check availability
* Free Wi-Fi
* Parking
* Gym
* Spa
* 100%
* Air conditioning - Climate Control
* Eco-friendly
* Pets
* Celebrations
* Meetings
* 499 Rooms
The NH Vienna Airport Conference Center hotel, formerly known as NH Wien
Airport, enjoys a convenient location just across from the arrivals hall at
Vienna Airport. That means we have unbeatable transport links – if you want to
head into the city, it’s just a 16-minute train ride to central Vienna.
NH COLLECTION WIEN ZENTRUM
Mariahilfer Strasse 78, 1070, Vienna - Austria
0.39 km Mariahilfer Strasse
There are no rooms available that meet your search criteria
Opinions
2023 Certificate of Excellence
*
*
*
Show info
PRICE / NIGHT
VAT included. Additional City Tax applies
See rooms from
Check availability
* Free Wi-Fi
* Parking
* 100%
* Air conditioning - Climate Control
* Eco-friendly
* Pets
* Babysitter
* 73 Rooms
The NH Collection Wien Zentrum hotel, formerly known as NH Wien Atterseehaus, is
set in the middle of Vienna’s major Mariahilferstrasse, one of Europe’s longest
shopping streets. The grand 7-storey building is distinguished by its impressive
façade, painted by artist Christian Ludwig Attersee.
NH WIEN CITY
Mariahilfer Straße 32-34 (via Lindeng. 9), 1070, Vienna - Austria
0.71 km Naschmarkt Market
There are no rooms available that meet your search criteria
Opinions
2023 Certificate of Excellence
*
*
*
Show info
PRICE / NIGHT
VAT included. Additional City Tax applies
See rooms from
Check availability
* Free Wi-Fi
* Parking
* Gym
* 100%
* Air conditioning - Climate Control
* Eco-friendly
* Pets
* 105 Rooms
The NH Wien City hotel enjoys a prime location on Mariahilferstrasse, Europe’s
longest shopping street. Spittelberg, the local area, is known for its excellent
restaurants and cafes, while both the museum district and the Hofburg Imperial
Palace are just a short walk away.
NH WIEN BELVEDERE
Rennweg 12a, 1030, Vienna - Austria
0.49 km The Belvedere
There are no rooms available that meet your search criteria
Opinions
*
*
*
Show info
PRICE / NIGHT
VAT included. Additional City Tax applies
See rooms from
Check availability
* Free Wi-Fi
* Parking
* Gym
* Air conditioning - Climate Control
* Eco-friendly
* Pets
* 114 Rooms
The NH Wien Belvedere hotel is in the diplomatic quarter, which ticks off one of
Vienna’s top sights on its doorstep. Getting around is easy, with a tram stop 5
minutes’ walk away. The building itself is the former State Printing House,
which appeared on the city’s skyline in 1888.
NH DANUBE CITY
Wagramer Strasse 21, 1220, Vienna - Austria
0.41 km United Nations Vienna
There are no rooms available that meet your search criteria
Opinions
2023 Certificate of Excellence
*
*
*
Show info
PRICE / NIGHT
VAT included. Additional City Tax applies
See rooms from
Check availability
* Free Wi-Fi
* Gym
* 100%
* Air conditioning - Climate Control
* Eco-friendly
* Pets
* Celebrations
* Meetings
* 252 Rooms
The NH Danube City hotel is ideally located for business and pleasure. Not only
is it steps from the UN building and the Vienna International Center, but it
also puts you in easy reach of the recreational activities on Danube Island,
which include everything from tennis to yachting. Vienna’s biggest shopping
center, the Donauzentrum, is also on the doorstep.
NEARBY HOTELS
HOTELS WITH NO AVAILABILITY FOR THE DATES SELECTED
NEARBY HOTELS WITH NO AVAILBILITY ON THE SELECTED DATES
VIENNA
BOOK A HOTEL IN VIENNA
Vienna, the Austrian capital, is considered one of the cities with the highest
quality of life in the world, and it perfectly blends history and the
avant-garde in both its streets and its buildings. Book a room at one of our NH
Hotels in Vienna to explore the many attractions of a city that is sure not to
leave you indifferent.
WHY STAY WITH NH HOTEL GROUP IN VIENNA?
NH Hotel Group has several hotels located in Vienna, all with the exclusive,
modern style which epitomizes our hotel group, ensuring you enjoy your stay
whatever the reasons for your trip may be.
The charm of the Vienna city center is within reach when you stay at the NH Wien
City hotel. It is very close to the old quarter, where you must visit the
impressive Town Hall (Wiener Rathaus) and the monumental square where it is
located.
The NH Danube City hotel, located on Wagramer Strasse, offers you the
opportunity to enjoy all the activities available on the Danube, from tennis to
yacht trips. And if you are traveling for business, this hotel is ideally
located just a few steps from the UN building and the Vienna International
Centre.
If you are just passing through Vienna and you prefer to stay near the airport,
the NH Vienna Airport Conference Center hotel is the most worthwhile option. The
hotel also has a spa and fitness center. The NH Wien Belvedere is in the heart
of the diplomatic quarter and has all kinds of services to ensure you have an
unforgettable stay.
Among our hotels in Vienna, you’ll also find the NH Collection Wien Zentrum
hotel, located in the Mariahilg district, the ideal place to stay and a great
base for exploring the most important points of interest in Austria's capital
city. Take advantage of free WiFi or book a deal which includes breakfast.
HOW'S THE WEATHER IN VIENNA
Vienna’s climate oscillates from warm and enjoyable summers to chilly winters.
The hottest months are usually July and August, with quite pleasant average
daily high temperatures of 27ºC.
During the coldest months—December and January—the average daily low
temperatures go down to 0ºC. However, Vienna remains a very sought-after winter
destination thanks to attractions like ice skating and its Christmas markets.
WHAT TO SEE IN VIENNA
Thanks to its gorgeous architecture and gardens, the historic city center is one
of the most important things to see in Vienna. You cannot miss out on its
Neo-Gothic Town Hall, which is remarkably large and can be explored via guided
tours.
Don't forget to visit the magnificent Hofburg Imperial Palace, the former
residence of the Austrian imperial family. Originally constructed in the 13th
century, the building offers a priceless glimpse into Vienna’s history.
The Nashmarkt has been a Vienna mainstay since the 16th century. It is the most
famous and popular market in the city. Visit and enjoy the wonderful assortment
of fruits, vegetables, baked goods, desserts, and much more, on display. Several
restaurants and cafes are also located through the market.
The Kunsthistorisches Museum (Museum of the History of Art) is an integral part
of Vienna’s cultural offering. The building is a stunning architectural marvel,
and its interior displays an incredible art collection including works by the
likes of Dürer, Raphael, Bruegel, and Velázquez.
Another fascinating museum in the city is the Vienna Natural History Museum. One
of the largest natural history museums in the world, it houses spectacular
exhibitions ranging from dinosaur skeletons to collections of insects.
St. Stephen’s Cathedral, perhaps the most important church in Vienna, currently
displays a stunning Romanesque and Gothic architectural style. It’s one of the
most emblematic sights of Vienna.
The Belvedere Palace consists of two magnificent Baroque buildings. Their
exterior is breathtaking on its own, however, the opulence of their sculptures,
paintings, and frescoes are also not to be missed.
WHAT TO EAT IN VIENNA?
The gastronomy of Vienna showcases a wide range of ingredients and flavors. It
features many meat dishes as well as a rich pastry tradition. One of Vienna’s
most representative dishes is the wiener schnitzel, which is a breaded and
pan-fried veal cutlet. It’s considered one of Austria’s national dishes and is a
must-try when visiting Vienna.
Some of the other typical meat dishes include tafelspits (veal or beef that has
been boiled in broth) and beuschel (a kind of ragout made with veal lungs and
heart). You must also try some of Vienna’s many pastries like the apfelstrudel,
which is filled with apples, or millirahmstrudel, a milk-cream strudel.
Vienna is filled with amazing restaurants where you can try these traditional
dishes. Plachuttas Gasthaus zur Oper has a cozy atmosphere and specializes on
the wiener schnitzel. Weibel's Wirtshaus has been long known for its traditional
Viennese offerings and features an extensive selection of Austrian wines.
HOW TO ARRIVE IN VIENNA?
You can arrive in Vienna from international locations at the Vienna
International Airport (VIE), which is the largest airport in Austria and
receives flights from all around the world.
The airport is located around 18 kilometers southeast of the city center. The
fastest way of getting from the Vienna International Airport to Vienna’s city
center is via the City Airport Train (CAT), which departs every 30 minutes. The
Railjets of Austrian Federal Railways (ÖBB) and bus connections are also
available.
HOW TO GET AROUND VIENNA?
You’ll have no problem exploring Vienna since it has multiple convenient
transport options. Much of it is pedestrianized, making it very easy to get
around the city on foot. Vienna also features some 1400 kilometers of designated
bike paths, so discovering the city while cycling is another great option. And
Vienna also boasts of a very modern and efficient public transport network.
The public transport network includes the U-Bahn (metro) and S-Bahn (train),
which will take you to most of the city’s sights and attractions efficiently. If
you’d like to take a more scenic mode of transportation, the trams are quite
affordable and allow you take a good look at the city. Buses are also available
and are useful for reaching the more remote parts of town.
While the public transport system is very convenient, you may also choose to
drive in Vienna. Note that Austria has a motorway and freeway toll system that
requires you putting a toll sticker on your car (or a digital equivalent) as you
enter the country. You can park in Vienna on the street (almost always at a
fee), or on several public garages and car parks.
With some of the best hotels in Vienna, NH Hotel Group offers fine
accommodations from which you can explore the many sights and cultural
attractions of the Austrian capital. So, pack your bags and come visit one of
the most charming and historic cities in Europe.
YOU MAY ALSO BE INTERESTED IN VIENNA:
* Vienna Travel Guide
* Budget Hotels in Vienna
* Downtown Vienna Hotels
* Things to do in Vienna
HOTELS IN VIENNA
* NH Collection Wien Zentrum
* NH Vienna Airport Conference Center
* NH Wien City
* NH Danube City
* NH Wien Belvedere
CALL US
Call Now
Search
Destination
Check in
Check out
* Invalid Range
Choose dates
Check in
Mo, 04 Mar 24
Check out
Tu, 05 Mar 24
MO
TU
WE
TH
FR
SA
SU
March 2024
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
MO
TU
WE
TH
FR
SA
SU
February 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
MO
TU
WE
TH
FR
SA
SU
March 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
MO
TU
WE
TH
FR
SA
SU
April 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
MO
TU
WE
TH
FR
SA
SU
May 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
MO
TU
WE
TH
FR
SA
SU
June 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
MO
TU
WE
TH
FR
SA
SU
July 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
MO
TU
WE
TH
FR
SA
SU
August 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
Search
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
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
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
* Downtown hotels
* Easter Hotels
PARTNERS AND PROGRAMS
* Affiliation Program
* Loyalty Programs
* Social Media
--------------------------------------------------------------------------------
* Legal Advice
* Cookie Policy
* Privacy Policy
* Complaints Channel
© 2000-2024 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-2024 NH Hotel Group Santa Engracia 120. 28003 Madrid, Spain
Oops, something went wrong. Please contact the administrator
✕