	
		
	<!-- 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">
				
								
				<input type="hidden" id="check_in_open_hidden" value="" />
				<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" 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" 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>
					</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="2" >2</option>
																	<option value="3" >3</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>
															</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="2" >2</option>
																	<option value="3" >3</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>
															</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="2" >2</option>
																	<option value="3" >3</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>
															</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="2" >2</option>
																	<option value="3" >3</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>
															</select>
						</div>
					</div>

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

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

		
	<!-- BEGIN .rooms-wrapper -->
	</div>
	
	<input type="hidden" name="accommodation_single_id" value="" />
	<input type="hidden" name="action" value="sh_booking_process_frontend_action_callback" />
	<input type="hidden" id="_acf_nonce" name="_acf_nonce" value="c6d2af0e48" /><input type="hidden" name="_wp_http_referer" value="/en/wp-json/wp/v2/pages/995" />	<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>
	
