	
		
	<!-- BEGIN .booking-page-wrapper -->
	<div class="booking-page-wrapper">

	<!-- BEGIN .booking-page -->
	<div class="booking-page clearfix">

		<div class="booking-step-wrapper clearfix">
		<div class="step-line"></div>

<div class="step-wrapper clearfix">
	<div class="step-icon step-icon-current">1</div>
	<div class="step-title">Select Date</div>
</div>

<div class="step-wrapper clearfix">
	<div class="step-icon ">2</div>
	<div class="step-title">Select Room</div>
</div>

<div class="step-wrapper clearfix">
	<div class="step-icon ">3</div>
	<div class="step-title">Enter Payment Details</div>
</div>

<div class="step-wrapper last-col clearfix">
	<div class="step-icon ">4</div>
	<div class="step-title">Confirmation</div>
</div>		</div>

		<!-- BEGIN .booking-main-wrapper -->
		<div class="booking-main-wrapper">

			<!-- BEGIN .booking-main -->
			<div class="booking-main">

				<div id="open_datepicker"></div>
				<div class="clearboth"></div>

			<!-- END .booking-main -->
			</div>

		<!-- END .booking-main-wrapper -->
		</div>

		<!-- BEGIN .booking-side-wrapper -->
		<div class="booking-side-wrapper">

			<!-- BEGIN .booking-side -->
			<div class="booking-side">

				<h4>Your Reservation</h4>
				<div class="title-block-3"></div>

				<form name="bookroom" class="booking-form-data">

					<label for="open_date_from">Check In</label>
					<div class="input-wrapper">
						<i class="fa fa-angle-down"></i>
						<input type="text" id="open_date_from" size="10" class="datepicker datepicker2" value="" />
						<input type="hidden" id="check_in_alt" name="check_in" value="" />
					</div>

					<label for="open_date_to">Check Out</label>
					<div class="input-wrapper">
						<i class="fa fa-angle-down"></i>
						<input type="text" id="open_date_to" size="10" class="datepicker datepicker2" value="" />
						<input type="hidden" id="check_out_alt" name="check_out" value="" />
					</div>

					<label for="book_room">Rooms</label>
					<div class="select-wrapper">
						<i class="fa fa-angle-down"></i>
						<select name="book_room" id="book_room">
															<option value="1" >1</option>
															<option value="2" >2</option>
															<option value="3" >3</option>
															<option value="4" >4</option>
															<option value="5" >5</option>
													</select>
					</div>
					
					<!-- BEGIN .rooms-wrapper -->
					<div class="rooms-wrapper">

						
							<!-- BEGIN .room-1 -->
							<div class="room-1 clearfix">

								<p class="label">Room 1</p>

								<!-- BEGIN .adult-child-wrapper -->
								<div class="adult-child-wrapper clearfix">

									<div class="one-half">
										<label for="book_room_adults_1">Adults</label>
										<div class="select-wrapper">
											<i class="fa fa-angle-down"></i>
											<select name="book_room_adults_1" id="book_room_adults_1">
																									<option value="1" >1</option>
																									<option value="2" >2</option>
																									<option value="3" >3</option>
																									<option value="4" >4</option>
																									<option value="5" >5</option>
																							</select>
										</div>
									</div>

									<div class="one-half last-col">
										<label for="book_room_children_1">Children</label>
										<div class="select-wrapper">
											<i class="fa fa-angle-down"></i>
											<select name="book_room_children_1" id="book_room_children_1">
																									<option value="0" >0</option>
																									<option value="1" >1</option>
																									<option value="2" >2</option>
																									<option value="3" >3</option>
																									<option value="4" >4</option>
																									<option value="5" >5</option>
																							</select>
										</div>
									</div>

								<!-- END .adult-child-wrapper -->
								</div>

							<!-- BEGIN .room-1 -->
							</div>

						
							<!-- BEGIN .room-2 -->
							<div class="room-2 clearfix">

								<p class="label">Room 2</p>

								<!-- BEGIN .adult-child-wrapper -->
								<div class="adult-child-wrapper clearfix">

									<div class="one-half">
										<label for="book_room_adults_2">Adults</label>
										<div class="select-wrapper">
											<i class="fa fa-angle-down"></i>
											<select name="book_room_adults_2" id="book_room_adults_2">
																									<option value="1" >1</option>
																									<option value="2" >2</option>
																									<option value="3" >3</option>
																									<option value="4" >4</option>
																									<option value="5" >5</option>
																							</select>
										</div>
									</div>

									<div class="one-half last-col">
										<label for="book_room_children_2">Children</label>
										<div class="select-wrapper">
											<i class="fa fa-angle-down"></i>
											<select name="book_room_children_2" id="book_room_children_2">
																									<option value="0" >0</option>
																									<option value="1" >1</option>
																									<option value="2" >2</option>
																									<option value="3" >3</option>
																									<option value="4" >4</option>
																									<option value="5" >5</option>
																							</select>
										</div>
									</div>

								<!-- END .adult-child-wrapper -->
								</div>

							<!-- BEGIN .room-2 -->
							</div>

						
							<!-- BEGIN .room-3 -->
							<div class="room-3 clearfix">

								<p class="label">Room 3</p>

								<!-- BEGIN .adult-child-wrapper -->
								<div class="adult-child-wrapper clearfix">

									<div class="one-half">
										<label for="book_room_adults_3">Adults</label>
										<div class="select-wrapper">
											<i class="fa fa-angle-down"></i>
											<select name="book_room_adults_3" id="book_room_adults_3">
																									<option value="1" >1</option>
																									<option value="2" >2</option>
																									<option value="3" >3</option>
																									<option value="4" >4</option>
																									<option value="5" >5</option>
																							</select>
										</div>
									</div>

									<div class="one-half last-col">
										<label for="book_room_children_3">Children</label>
										<div class="select-wrapper">
											<i class="fa fa-angle-down"></i>
											<select name="book_room_children_3" id="book_room_children_3">
																									<option value="0" >0</option>
																									<option value="1" >1</option>
																									<option value="2" >2</option>
																									<option value="3" >3</option>
																									<option value="4" >4</option>
																									<option value="5" >5</option>
																							</select>
										</div>
									</div>

								<!-- END .adult-child-wrapper -->
								</div>

							<!-- BEGIN .room-3 -->
							</div>

						
							<!-- BEGIN .room-4 -->
							<div class="room-4 clearfix">

								<p class="label">Room 4</p>

								<!-- BEGIN .adult-child-wrapper -->
								<div class="adult-child-wrapper clearfix">

									<div class="one-half">
										<label for="book_room_adults_4">Adults</label>
										<div class="select-wrapper">
											<i class="fa fa-angle-down"></i>
											<select name="book_room_adults_4" id="book_room_adults_4">
																									<option value="1" >1</option>
																									<option value="2" >2</option>
																									<option value="3" >3</option>
																									<option value="4" >4</option>
																									<option value="5" >5</option>
																							</select>
										</div>
									</div>

									<div class="one-half last-col">
										<label for="book_room_children_4">Children</label>
										<div class="select-wrapper">
											<i class="fa fa-angle-down"></i>
											<select name="book_room_children_4" id="book_room_children_4">
																									<option value="0" >0</option>
																									<option value="1" >1</option>
																									<option value="2" >2</option>
																									<option value="3" >3</option>
																									<option value="4" >4</option>
																									<option value="5" >5</option>
																							</select>
										</div>
									</div>

								<!-- END .adult-child-wrapper -->
								</div>

							<!-- BEGIN .room-4 -->
							</div>

						
							<!-- BEGIN .room-5 -->
							<div class="room-5 clearfix">

								<p class="label">Room 5</p>

								<!-- BEGIN .adult-child-wrapper -->
								<div class="adult-child-wrapper clearfix">

									<div class="one-half">
										<label for="book_room_adults_5">Adults</label>
										<div class="select-wrapper">
											<i class="fa fa-angle-down"></i>
											<select name="book_room_adults_5" id="book_room_adults_5">
																									<option value="1" >1</option>
																									<option value="2" >2</option>
																									<option value="3" >3</option>
																									<option value="4" >4</option>
																									<option value="5" >5</option>
																							</select>
										</div>
									</div>

									<div class="one-half last-col">
										<label for="book_room_children_5">Children</label>
										<div class="select-wrapper">
											<i class="fa fa-angle-down"></i>
											<select name="book_room_children_5" id="book_room_children_5">
																									<option value="0" >0</option>
																									<option value="1" >1</option>
																									<option value="2" >2</option>
																									<option value="3" >3</option>
																									<option value="4" >4</option>
																									<option value="5" >5</option>
																							</select>
										</div>
									</div>

								<!-- END .adult-child-wrapper -->
								</div>

							<!-- BEGIN .room-5 -->
							</div>

						
					<!-- BEGIN .rooms-wrapper -->
					</div>

					<input type="hidden" name="action" value="sh_booking_process_frontend_action_callback" />
					<input type="hidden" id="_acf_nonce" name="_acf_nonce" value="47282d5ad0" /><input type="hidden" name="_wp_http_referer" value="/index.php/wp-json/wp/v2/pages/228" />					<button type="button" class="bookingbutton">Check Availability <i class="fa fa-calendar"></i></button>

				</form>

			<!-- END .booking-side -->
			</div>

		<!-- END .booking-side-wrapper -->	
		</div>

	<!-- END .booking-page -->
	</div>

	<!-- END .booking-page-wrapper -->
	</div>
	
