Routern.com - Keep Traveling

Payment Status

Provide Order Id shared by our executive below to proceed.

Note: By clicking on proceed for payment button you agree to our Terms & Conditions

Agents - Please Login Here For Operation.

Credentials Can't be validated.

Dummy Message for testing purpose.

Keep Calm

Could not proceed due to slight Turbulence. Please try again.

Time Out !!

Your Session Has Expired, Please start over.

<div class='col12'>
	<div class='majorstyle'>
		<div class='col12 mjDestination minordestinationsexpand'>
				
			<div class='pull-left mobile-view-icon'>
				<i class='taxiselection hotelicon-color margin-tp-8 newfont-style crPointer'  onclick="expandCollpaseMinor(this)">
					<span class='charicon' style='background-color:{constcolor[$T.main.name.toUpperCase().charCodeAt(0) -65]}'>{$T.main.name.charAt(0)}</span>
				</i>
			</div>
			<div class='col11 pull-left border-right-gray height-45'>
				<div class='col12 pickupclass'>
					{$T.main.name}
				</div>
				<div class='taximulticity col12 font-normal font-12 width-per-80'>
					{#if $T.main.fromDate}Stay in <span class='font-bold'>{$T.main.name}</span> from  <span class='font-bold'>{$T.main.fromDate}</span> to <span class='font-bold'>{$T.main.toDate}</span> {#else} You have not selected date of journey {#/if} 
				</div>
				<div class='pull-right boxattributes'>
					
						<div class='place-actions actionicons margin-tp-5 margin-lt-5 text-center'>
							<div>
								<i class="fa fa-coffee margin-rt-6 crPointer actionitems-new"
									tootltip="{$T.main.placeDetails.foodJoints.join()}"
									header="Food Joints"></i>
												<i class="fa fa-eye margin-rt-6 crPointer actionitems-new"
									tootltip="{$T.main.placeDetails.entertainment.join()}"
									header="Around You"></i>
												<i class="fa fa-shopping-cart margin-rt-6 crPointer actionitems-new"
									tootltip="{$T.main.placeDetails.shoppingPoints.join()}"
									header="Shopping Points"></i>
								
							</div>	
							<div>
								<i class="fa fa-file-image-o margin-rt-6 crPointer actionitems-new"
								tootltip="{$T.main.placeDetails.siteSeeing.join()}"
								header="Activities"></i>
											<i class="fa fa-calendar-check-o crPointer margin-rt-6 actionitems-new"
								tootltip="{$T.main.placeDetails.monthsToVisit.join()}"
								header="Best Time To Visit"></i>
								<i class="fa fa-headphones margin-rt-6 crPointer actionitems-new"
								tootltip="Click to hear about destination"
								header="Voice Over" onclick='runvoiceover(this)'>
								<input type='text' class='hide' value='{$T.main.description}'>
								</i>
							</div>
							</div>
									
	
				</div>
			</div>
			<div class="clearfix"></div>
					
		</div>
		<div class="clearfix"></div>
		<div class='col12 margin-lt-10 descriptionhandle'>
		<div class='col12 margin-lt-5'>
			<img src="{$T.main.imageURL[0]}" class='imagedescription'><img
						src="{$T.main.imageURL[1]}" class='imagedescription'><img
						src="{$T.main.imageURL[2]}" class='imagedescription'>
		</div>
		
		<div class='col12 description'>
				{$T.main.description}
		</div>
		</div>
		
		<div class='col12 hotelplaces{#if !$T.main.fromDate} disabled-background{#/if}' onclick="{#if $T.main.fromDate}getHotelOptions(this){#/if}"
				eid='{$T.main.easyToBookId}' exid='{$T.main.extraIds}'
				mid='{$T.main.id}'>
		
		{#if $T.main.selectedHotel}
			<div class='pull-left mobile-view-icon'>
				<i class='fa fa-bed taxiselection light-color hotelicon-color margin-tp-8'></i>
			</div>
			<div class='col11 pull-left border-right-gray'>
				<div class='col12 pickupclass'>
					{$T.main.selectedHotel.hotelName}
				</div>
				<div class='taximulticity col12 font-normal'>
						<span class='font-bold'>Room Type :</span> {$T.main.selectedHotel.roomType}  
						{#if $T.main.selectedHotel.stars >0}
							<span class='font-bold'>Rating :</span>
							{#for index=1 to $T.main.selectedHotel.stars}
								<i class="fa fa-star"></i>
							{#/for}
						{#/if}
				</div>
				<div class='pull-right taxiamountdiv'>
					<span class='amounttodisplay hotelselectiontooltip'
						hoteldata='{JSON.stringify($T.main.selectedHotel)}'> <i
						class="fa fa-inr"></i>
						{numberWithCommas($T.main.selectedHotel.price.toFixed(2))}
					</span>
	
				</div>
			</div>
			<div class="clearfix"></div>
			{#else}
			<div class='pull-left mobile-view-icon'>
				<i class='fa fa-bed taxiselection light-color hotelicon-color margin-tp-8'></i>
			</div>
			<div class='col11 pull-left border-right-gray'>
				<div class='col12 pickupclass'>
					Pick Your Stay
				</div>
				<div class='taximulticity col12 font-normal'>
						Not option selected yet for stay in {$T.main.name}
				</div>
				<div class=''>
					<i class='fa fa-arrow-circle-o-right arrowrighttaxi margin-rt-10 airporttransfers'></i>
				</div>
			</div>
			<div class="clearfix"></div>
			
		{#/if}
		
		</div>
		
			
		
	</div>		
		<div class="clearfix"></div>
			
		<div id='scroller'>
		<span class='hide'>{day=0}</span>
		{#if  $T.main.first}
		<span class='dottedjoin margin-tp-10'>
						<span class='tansferdesc colororange'>
							START OF TRAVEL
					{#if selectedDestination.majorDestinationBean.startIataCode != selectedDestination.majorDestinationBean.firstIataCode}  
						<span class="margin-lt-10 text-blue">
							(Flight From {selectedDestination.majorDestinationBean.startIataCode} 
							 	to
							 {selectedDestination.majorDestinationBean.firstIataCode})
						</span>
					{#/if}
						</span>		
		</span>	
		{#/if}
		
		{#foreach $T.main.attractions as attraction}
		{#if $T.attraction.suggestion!='TRANSFER'}
				{#if day!=$T.attraction.day}
				 {#if !checkIfDayDisabled($T.attraction.day, $T.main.attractions)}
					<div class='col12 margin-bt-20 daywise'>
						{#if $T.attraction$index == 0}
							<div class='pull-left font-normal font-12 color-attraction-message'>
								Attractions that may amaze you in {$T.main.name} :
							</div>
						{#/if}
						<div class='pull-right margin-rt-20 stayduration'>
							 Day {$T.attraction.day} {#if $T.attraction.date} - {$T.attraction.date}{#/if}
						</div>
						<span class='hide'>{day = $T.attraction.day}</span>
					</div>
					{#/if}
				{#/if}
		
			
			<div
				class='col12 newmajorplace minordestinationslist minordestinationsexpand {#if !$T.attraction.selected}bacdisabled{#/if}'>
				
				
					<div class='col12  margin-lt-10'>
							 <div class='pull-left margin-lt-10'>
								<div class='attraction-top-container'>
									
									<div class='attraction-top-left pull-left'>
										<span class='attraction-name'>
												<span placeholder='Know More' onclick='expandCollpaseMinor(this)' data-name='{$T.attraction.name}' class='mandatoryFas firstcharstyle-new' 
										 		onclick='expandCollpaseMinor(this)' style="background:{constcolor[$T.attraction.name.toUpperCase().charCodeAt(0) -65]}">{$T.attraction.name.charAt(0)}</span>
							 			</span>
									</div>
									<div class='col10 pull-left border-left'>
										<div class='attraction-top'>
											<strong>
									 			{#if $T.attraction.selected}
													<i
												class="fa fa-check shutterunlock crPointer hovericon mandatoryFas defaulthover"
												placeholder='Remove Attraction' minorId='{$T.main.id}'
												id="{$T.attraction.name}" onclick="enableDisableAttraction(this)"></i> 
												{#else}
												 <i
													class="fa fa-times deleteicon crPointer hovericon mandatoryFas defaulthover"
													minorId='{$T.main.id}' id="{$T.attraction.name}"
													placeholder='Add Attraction'
													onclick="enableDisableAttraction(this)" added='removed'></i>
												{#/if}
												{#if $T.attraction.name.length>30}
													<span>{$T.attraction.name.substring(0,23)}</span><i
												class='mandatoryFas' placeholder='{$T.attraction.name}'>..</i>
												{#else}
													<span>{$T.attraction.name}</span>
												{#/if}
											
											</strong>
										</div>
										<div class='attraction-bottom'>
											Time required to visit : <span class='font-bold'>{$T.attraction.hoursRequired}</span>.
										</div>
									</div>
								</div>
							</div>
							<div class='pull-right margin-rt-15 place-actions actionicons actionitems-attractions text-center'>
								<i class="fa fa-coffee margin-rt-6 crPointer actionitems-new"
								tootltip="{$T.attraction.placeDetails.foodJoints.join()}"
								header="Food Joints"></i> 
									<i class="fa fa-eye margin-rt-6 crPointer actionitems-new"
								tootltip="{$T.attraction.placeDetails.entertainment.join()}"
								header="Around You"></i>
									<i class="fa fa-ticket margin-rt-6 crPointer actionitems-new"
								tootltip="{$T.attraction.placeDetails.siteSeeing.join()}"
								header="Entrance Fee"></i>
									<i class="fa fa-calendar-check-o margin-rt-6 crPointer actionitems-new"
								tootltip="{$T.attraction.placeDetails.monthsToVisit.join()}"
								header="Timings"></i>
								<i class="fa fa-headphones margin-rt-6 crPointer actionitems-new"
								tootltip="Click to hear about destination"
								header="Voice Over" onclick='runvoiceover(this)'>
								<input type='text' class='hide' value='{$T.attraction.description}'>
								</i>	
							</div>
							
							
							
					</div>
			</div>
		<div class="clearfix"></div>
		<div class='col12 margin-lt-10 descriptionhandle'>
		<div class='col12 margin-lt-5'>
			
		</div>
		
		<div class='col12 description margin-tp-10'>
				{$T.attraction.description}
		</div>
		</div>
		{#/if}
		{#if $T.attraction$last}
		<div class='col12 transferinfo'>
			{#if $T.next}
				{#if $T.main.name != $T.next.name}
					<span class='dottedjoin'>
					
						<i class='fa fa-car colorgreen pull-left margin-tp-10'></i>
						
							<span class='tansferdesc colororange'>
											<span id="fromDrive">{$T.main.name}</span> to <span
						id="toDrive">{$T.next.name} Drive</span>
							</span>
							
						<i class='fa fa-car returnicon pull-right margin-tp-10'></i>
					</span>
					
					
					<span class='text-center transfertime hide'><i
					class="fa fa-clock-o margin-rt-5"></i> <span
					id='driveDistanceAndTime'></span> </span>
					
					<div class='col12 margin-bt-20 margin-tp-5 hide'>
						<div class='taxispace'>
							<span
							class='btn-group btn btn-blue btn-bordered btn-vsmall hotelselectbutton minwidthtrans{#if $T.main.last} visibility-hidden{#/if}'
							data-type="car" sid='{$T.main.id}' did='{$T.next.id}'
							onclick="getCabOptions(this)"><i
							class="mandatoryFas fa fa-taxi margin-tp-2 pull-left"
							placeholder='{$T.main.name} to {$T.next.name}'></i>
										{#if $T.main.selectedTransport && $T.main.selectedTransport.type=='cab' } <i
							class="fa fa-inr"></i> {$T.main.selectedTransport.price.toFixed(2)} <i
							class="fa fa-info-circle selectedTransportToolTip"
							from='{$T.main.name}' to='{$T.next.name}'
							transportdata='{JSON.stringify($T.main.selectedTransport)}'></i>{#else} Out Station Taxi {#/if} 
								 </span>
								
								<span data-type="bus" sid='{$T.main.id}' did='{$T.next.id}'
							onclick="getBusOptions(this)"
							class='btn-group btn btn-blue btn-bordered btn-vsmall hotelselectbutton minwidthtrans {#if $T.main.last} visibility-hidden{#/if}'> <i
							class="mandatoryFas fa fa-bus margin-rt-5 margin-tp-2 pull-left"
							placeholder='{$T.main.name} to {$T.next.name}'></i> {#if $T.main.selectedTransport && $T.main.selectedTransport.type=='bus' }{$T.main.selectedTransport.price.toFixed(2)} <i
							class="fa fa-info-circle selectedTransportToolTip"
							from='{$T.main.name}' to='{$T.next.name}'
							transportdata='{JSON.stringify($T.main.selectedTransport)}'></i>{#else} Out Station Bus {#/if} </span>
						</div>
			   </div>
			   
			   {#else}
					<span class='dottedjoin  margin-bt-20'>
						<span class='tansferdesc colororange'>
							Continue your stay in {$T.main.name}
						</span>		
					</span>		
					
				{#/if}
					
				{#else}
					<span class='dottedjoin'>
						<span class='tansferdesc colororange'>
							END OF TRAVEL
					{#if selectedDestination.majorDestinationBean.startIataCode != selectedDestination.majorDestinationBean.endIataCode}  
						<span class="margin-lt-10 text-blue">
							(Flight From {selectedDestination.majorDestinationBean.endIataCode} 
							 	to
							 {selectedDestination.majorDestinationBean.startIataCode})
						</span>
					{#/if}
						</span>		
					</span>		
			{#/if}
		</div>
		{#/if}
		{#/for}
		</div>
		</div>

<div class="pc-header">
						<h4 class="title">
							Places covered
						</h4>
					</div>
					<div class="pc-content">
						<ul class="list-unstyled">
							{#foreach $T.minorDestinations as minorDests}
							<li class="pc-place"{getMarginLeft($T.maxCharLength, $T.minorDests.name.length)}>{$T.minorDests.name}</li>
							{#if $T.minorDests.selectedTransport}
								<li class="pc-place selectiontransport"> <i
				class="fa fa-info-circle selectedTransportToolTip"
				from='{$T.minorDestinations[$T.minorDests$index].name}'
				to='{$T.minorDestinations[$T.minorDests$index+1].name}'
				transportdata='{JSON.stringify($T.minorDests.selectedTransport)}'></i> <span><i
					class="fa fa-inr"></i> {$T.minorDests.selectedTransport.price}</span></li>
							{#/if}
							{#if !$T.minorDests$last}
							<li class="pc-transport">
								<ul class="list-inline">
									<li class="pc-bus">
										<a href="#" data-type="bus" sid='{$T.minorDests.id}'
						did='{$T.minorDestinations[$T.minorDests$index+1].id}'
						onclick="getBusOptions(this)"><i class="bus"></i></a>
									</li>
									<li class="pc-devider">
									</li>
									<li class="pc-car">
										<a href="#" data-type="car" sid='{$T.minorDests.id}'
						did='{$T.minorDestinations[$T.minorDests$index+1].id}'
						onclick="getCabOptions(this)"><i class="car"></i></a>
									</li>
								</ul>
								<div class="clearfix"></div>
							</li>
							{#/if}
							{#/for}
						</ul>
					</div>

<div class='divBlackOut'> </div>
	<div class="flights open popupParent" id="flightOptionList">
		
	<div class="flights-header">
			<div class="clearfix"></div>
	</div>
	
	<div class="col10 margin-lt-10">
		<input type="text"
			placeholder="Type to search  your flights by name ,price, stops"
			class="form-control searchBox searchhotelinfo"
			onkeyup="searchFlights(this,event)">
	</div>
	
		<div class="flights-list">
		
			<ul class="list-unstyled">
			{#if $T.flights && $T.flights.length>0}
		
			{#foreach $T.flights as flight}
			
				<li {#if $T.type==
					'SELECTDEPARTUREFLIGHT'} onclick='selectDepartureFlight(this)'
					{#else} onclick='selectReturnFflight(this)'
					{#/if} flightId='{$T.flight$index}' class='lilistingflights'  flightname='{$T.flight.flightNames}'
						price='{$T.flight.price}' stops='{$T.flight.stopCodes.length}'>
					<div class='col col3 airlinetablet'>
							<div class='row'>
									<div class='col col6'>
											<div class='col col12 flightname'
									title='{$T.flight.flightNames}'>
											{#if $T.flight.flightNames.length ==1}
												{#if $T.flight.flightNames[0].length > 7}
														{$T.flight.flightNames[0].substring(0,12)}...
														{#else} 
														{$T.flight.flightNames[0]}
												{#/if}
											
											
											{#else}Multiple Air.. {#/if}
											</div>
											<div class='col col12'>
												<img class='flighticon'
										src='https://www.gstatic.com/flights/airline_logos/35px/{$T.flight.flightIcon}.png' />
											</div>
									<div class='col col12 flightstops'
									title='{$T.flight.stopCodes}'>
										 {#if $T.flight.stopCodes.length>0} {$T.flight.stopCodes.length} stop(s) {#else} Non-Stop {#/if}
									</div>
									</div>
									<div class='col col5'>
									<div class='col col12 flighttiming'>
											{$T.flight.fromTime} - {$T.flight.toTime}
									</div>
									<div class='col col12 flightduration'>
										{$T.flight.flightDuration}
									</div>
									
									<div class='col col12 flightprice'>
									<i class="fa fa-inr"></i> {numberWithCommas($T.flight.price)}
									</div>
									</div>
							</div>
					</div>
				</li>
				{#/for}
					{#else}
					<li>
						<div class='col col12 noflights'>
							No Flight Options Available
						</div>
					</li>
				{#/if}
			</ul>
		
		</div>
	
	</div>

<div class='divBlackOut'> </div>
	<div id="hotelListingPopup" class='fixed-popup popupParent'>
		<div class='header-title'>Select Hotel ( {$T[0].rooms} rooms and {$T[0].nights} nights )</div>
		{#if $T.length>0}
		<input type="text"
			placeholder="Type to search  your hotel by name ,price, stars"
			class="form-control input-details margin-tp-20"
			onkeyup="searchHotelWithIn(this,event)">
			
			<div class="hotel-lists-details margin-tp-40" id="hotelScrollHeight">
				{#foreach $T as hotel}
					<div class='col col12 lilistinghotels' hotel='{$T.hotel.hotelName}'
						price='{$T.hotel.price.toFixed(2)}' stars='{$T.hotel.stars}'>
						
						<div class='col8 pull-left margin-tp-15'>
							<div class='col12'>
								<div class='col12 hotel-name text-blue' id="{$T.hotel$index}" onclick="getHotelDetails(this)">
									{$T.hotel.hotelName}
								</div>
								<div class='col12 hotel-price'>
									<i class="fa fa-inr"></i> {numberWithCommas($T.hotel.price.toFixed(2))}
								</div>
								<div class="col12">
										
										{#for index=1 to $T.hotel.stars}
											<i class="fa fa-star"></i>
										{#/for}	
											
								</div>
								<div class='col12 hotel-address'>
										{$T.hotel.address}
								</div>
							</div>
						</div>
						<div class='col4 pull-left margin-tp-15'>
							<div class='col col12'>
								<img src="{$T.hotel.pictureUrl}"
										onerror="this.src='../img/no_images.jpg'"
										class="img-responsive hotelminiimages">
							</div>
						</div>
						
					</div>	
				{#/for}
			</div>	
			{#else}
			<div class="col col12 amount text-center">
				No Hotels Available For Given Location.
			</div>
		{#/if}
	</div>

<div class='divBlackOut'> </div>
	<div id="transportCarListing"
		class="transport-listing fixed-popup popupParent">
		<div class='header-title'>Select A Transport</div>
		<div class='col12' id='scrollHeightCab'>
				{#foreach $T as cab}
				<div class='col6 {($T.cab$index+1)%2 ==0? "pull-right":"pull-left"} taxi-block' transportId='{$T.cab$index}' onclick="selectTransport(this)">
						<div class='col12'>
							<div class='col6 pull-left'>
								<div class='col12 font-taxi-name'>
									{$T.cab.transportName}
								</div>
								<div class='col12 color-dark-red font-bold'>
									 <i class="fa fa-inr margin-rt-5" aria-hidden="true"></i> {numberWithCommas($T.cab.price)}
								</div>
							</div>
							<div class='col5 pull-right text-center margin-rt-5'>
								<div class='col12 font-taxi-seats'>
									{$T.cab.seats}
								</div>
								<div class='col12 font-taxi-text'>
									Seats
								</div>
							</div>
						</div>
				</div>
				{#/for}
	</div>
	
</div>

<div class='divBlackOut'> </div>
	<div id=transportBusListing
		class="transport-listing fixed-popup popupParent">
		
		{#if $T && $T.length >0}
		<h5 class="listing-title bordered-title" id="transportSelectionMminor">Please select one</h5>
		<ul class="list-unstyled listing-content" id="scrollHeightCab">
		{#foreach $T as bus}
			
			
			
			<li transportId='{$T.bus$index}' onclick="selectTransport(this)">
				<a href="#">
					<div class="col col4 name dark" title='{$T.bus.transportName}'>
					{#if $T.bus.transportName.length>25}
						
						{$T.bus.transportName.substring(0,22)}...
						
						{#else}
						
						{$T.bus.transportName}
						
					{#/if}
					</div>
					<div class="col col2 dep-time text-center">
						DEP <span class="dark">{$T.bus.arrTime}</span>
					</div>
					<div class="col col2 arr-time text-center">
						ARR <span class="dark">{$T.bus.depTime}</span>
					</div>
					<div class="col col2 amount text-center">
						<i class="fa fa-inr"></i> {$T.bus.price}
					</div>
					<div class="col col2 seats text-center">
						Seat : <span class="dark">{$T.bus.seats}</span>
					</div>
					<div class="col col12 text-blue type">
						{$T.bus.transportDetails}
					</div>
					<div class="clearfix"></div>
				</a>
			</li>
			
		{#/for}
		</ul>
		
		{#else}
		<div class='nobus'>
		<div class="col col12 amount text-center">
			No bus options available for this route.
		</div>
		</div>
		{#/if}
	
	
	</div>

<div class="hotel-head">
		<h5 class="hotel-name uppercase font-bolder text-darkblue pull-left">
			{$T.hotelName} <span class="hotel-prize text-blue"><i
							class="fa fa-inr"></i>
				{$T.price.toFixed(2)}</span>
		</h5>
		<div class="clearfix"></div>
	</div>
	<div class="image-wrap">
		<img src="{$T.pictureUrl}" onerror="this.src='../img/no_images.jpg'"
						width="100%" height="190px">
	</div>
	<div class="hotel-content">
		<div class="hotel-address-rating">
			<span class="pull-left text-darkblue font-bold">{#if $T.address}{$T.address}{#/if} </span>
			<ul class="list-inline pull-right">
				<li>{#for index=1 to $T.stars} <i class="fa fa-star"></i>
					{#/for}
				</li>
			</ul>
			<div class="clearfix"></div>
		</div>
		<div class="hotel-details">
			<div class="col col12">
				<div class="row">
					<p class="">{#if $T.description}{trimTextReturn($T.description,250)}{#/if}</p>
				</div>
			</div>

<div class="row">
				<div class='col col12'>
					<span class='text-blue pull-right'>{$T.rooms} Room(s) of {$T.roomType} type selected </span>
				</div>
			</div>
			<div class="place-footer">
				<ul class="hotel-services  pull-left">
					{#if $T.inclusions.indexOf("S") !=-1}
					<li><a href="#"><img
										src="../img/icon-hotels-services-01.png" alt="Hotels Services"
										title="Hotels Services"> </a></li> 
					{#/if} 
					{#if $T.inclusions.indexOf("P") !=-1}
					<li><a href="#"><img
										src="../img/icon-hotels-services-02.png" alt="Hotels Services"
										title="Hotels Services"> </a></li> 
					{#/if} 
					{#if $T.inclusions.indexOf("G") !=-1}
					<li><a href="#"><img
										src="../img/icon-hotels-services-03.png" alt="Hotels Services"
										title="Hotels Services"> </a></li> 
					{#/if} 
					{#if $T.inclusions.indexOf("I")!=-1}
					<li><a href="#"><img
										src="../img/icon-hotels-services-04.png" alt="Hotels Services"
										title="Hotels Services"> </a></li>
					{#/if}

</ul>
				
				<div class="clearfix"></div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
</div>
</div>

<div id="closeHotelListing"
					onclick="$('#closeHotelListing').parents('#hotelDetails').remove();">
		<a href="#">X</a>
	</div>
	<div class="hotel-head">
		<h5 class="hotel-name uppercase font-bolder text-darkblue pull-left">
			{$T.hotelName} <span class="hotel-prize text-blue"><i
							class="fa fa-inr"></i>
				{$T.price.toFixed(2)}</span>
		</h5>
		<div class="clearfix"></div>
	</div>
	<div class="image-wrap">
		<img src="{$T.pictureUrl}" onerror="this.src='../img/no_images.jpg'"
						width="100%" height="190px">
	</div>
	<div class="hotel-content">
		<div class="hotel-address-rating">
			<span class="pull-left text-darkblue font-bold">{#if $T.address}{$T.address}{#/if} </span>
			<ul class="list-inline pull-right">
				<li>{#for index=1 to $T.stars} <i class="fa fa-star"></i>
					{#/for}
				</li>
			</ul>
			<div class="clearfix"></div>
		</div>
		<div class="hotel-details">
			<div class="col col12">
				<div class="row">
					<p class="">{#if $T.description}{trimTextReturn($T.description,250)}{#/if}</p>
				</div>
			</div>

<div class="row">
				<div class='roomtypestyle col col12'>
					<input type="text" placeholder="Rooms" value='{$T.rooms}'
									class="form-control width-100 borderradius hide"
									id="numberOfRooms" />
					<span class="dropdown">
					  <select class="form-control" id="roomSelectionType">
					    {#foreach $T.roomTypes as items}
					    <option value='{$T.items$index}'>{$T.items} ( Rs. {$T.prices[$T.items$index].toFixed(2)} )</option>
					    {#/for}
					  </select>
					</span>
				</div>
			</div>
			<div class="place-footer">
				<ul class="hotel-services  pull-left">
					{#if $T.inclusions.indexOf("S") !=-1}
					<li><a href="#"><img
										src="../img/icon-hotels-services-01.png" alt="Hotels Services"
										title="Hotels Services"> </a></li> 
					{#/if} 
					{#if $T.inclusions.indexOf("P") !=-1}
					<li><a href="#"><img
										src="../img/icon-hotels-services-02.png" alt="Hotels Services"
										title="Hotels Services"> </a></li> 
					{#/if} 
					{#if $T.inclusions.indexOf("G") !=-1}
					<li><a href="#"><img
										src="../img/icon-hotels-services-03.png" alt="Hotels Services"
										title="Hotels Services"> </a></li> 
					{#/if} 
					{#if $T.inclusions.indexOf("I")!=-1}
					<li><a href="#"><img
										src="../img/icon-hotels-services-04.png" alt="Hotels Services"
										title="Hotels Services"> </a></li>
					{#/if}

</ul>
				<div class="btn-group pull-right">
					<button type="button"
									class="btn btn-small btn-blue btn-bordered margin-tp-10"
									id="selectHotelButton" onclick='selectHotel()'>Select</button>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
</div>
</div>

<h4 class="flights-title bordered-title font-bold pull-left">
								Select to change Location:
							</h4>

</div>
	
		<div class="flights-list">
		<input type="text"
				placeholder="Type to search  your start destination"
				class="form-control searchBox searchairpot"
				onkeyup="searchAirport(this,event)" />
			<ul class="list-unstyled">
			{#foreach $T.locations as location}
			
				<li class='airportFilter' airportcity='{$T.location.cityName}'
					city='{$T.location.cityName}' airport='$T.location.airportName'
					code='{$T.location.iataCode}' onclick='selectNewLocation(this)'>
					<a href="#">
									
										<div class="col col5">
											<span class="text-blue font-bold uppercase">{$T.location.cityName}</span>
										</div>
										
										<div class="col col3">
											 <span class='uppercase'>{$T.location.iataCode}</span>
										</div>
										<br />
										<div class="col airportname margin-tp-5">
											<span class="uppercase">
												 {$T.location.airportName}
											</span>
											
										</div>
										
										<div class="clearfix"></div>
					
					</a>
				</li>
				{#/for}
			</ul>
		
		</div>
	
	</div>

<div class='template-container col col12'>
			
			<div class='col10 message-section'>
				<div class='pull-left message-info-icon'><i class="fa fa-info-circle" aria-hidden="true"></i></div>
				<div class='col10 pull-left'>
					We provide easy to understand travelling solutions that help our users choose, 
							design and finalize customized travel itineraries.
							Our expertise also lies in providing comprehensive travel related database that can 
							assist our users to track and monitor every single aspect of travelling.
				</div>
			</div>
			
			
			<div class='col col12 quicklinks knownthings margin-tp-40'>
				<div class='col col12 margin-left-10-per'>
					<div class='col col12 margin-tp-10'>
					
						<div class='col4 quick-access' onclick='openPaymentBox()' title='Payment'>
								<i class="fa fa-inr color-inr"  aria-hidden="true"></i>
						</div>
						<div class='col4 quick-access' onclick='ternInPopUp()' title="Agent's Login">
								<i class="fa fa-lock text-green"  aria-hidden="true"></i>
						</div>
						<div class='col4 quick-access'  onclick='openhref(this)' data-href="/html/aboutus.html" title="About Us">
								<i class="fa fa-user text-blue"  aria-hidden="true"></i>
						</div>
						<div class='col4 quick-access' onclick='openhref(this)' data-href="/html/contact-us.html" title="Contact Us">
								<i class="fa fa-phone color-inr"  aria-hidden="true"></i>
						</div>
						
						<div class='col4 quick-access' onclick='openhref(this)' data-href="/html/career.html" title="Career">
								<i class="fa fa-briefcase text-green"  aria-hidden="true"></i>
						</div>
						<div class='col4 quick-access' onclick='openhref(this)' data-href="/html/feedback.html" title="Feedbacks">
								<i class="fa fa-comments color-inr"  aria-hidden="true"></i>
						</div>
						
						<div class='col4 quick-access' onclick='openhref(this)' data-href="https://www.facebook.com/TheRoutern/" title="Facebook">
								<i class="fa fa-facebook text-blue"  aria-hidden="true"></i>
						</div>
						<div class='col4 quick-access' onclick='openhref(this)' data-href="https://www.linkedin.com/company/7944345/" title="Linkedin" >
								<i class="fa fa-linkedin text-green" aria-hidden="true"></i>
						</div>
						
						<div class='col4 quick-access' onclick='openhref(this)' data-href="https://twitter.com/theroutern" title="Twitter" >
								<i class="fa fa-twitter color-inr" aria-hidden="true"></i>
						</div>
						
						<div class='col4 quick-access' onclick='openhref(this)' data-href="http://instagram.com/the.routern" title="Instagram" >
								<i class="fa fa-instagram text-blue" aria-hidden="true"></i>
						</div>
						
					</div>
				</div>
			</div>
	</div>

<div class='template-container col col12'>
		<div class='col10 message-section'>
				<div class='pull-left message-info-icon'><i class="fa fa-info-circle" aria-hidden="true"></i></div>
				<div class='col10 pull-left'>
					If you are unsure about your travel, write to us by filling up the following information.
					Our travel team will design a suitable itinerary for you to plan your next dream travel better.
				</div>
			</div>
			
			
	<div id="nearByDestination" class='col12 scrollbardefaultNear margin-tp-10'>
			<div class='col col12 bolt-errormessage'>
    			Please check the inputs provided below and try again.
  			</div>		
		<form id="bolt-form-submit">
			<div class='col col12 margin-tp-30'>
				<div class="col12">
					<div class="col col6 colinputs">
						<i class="fa fa-calendar mandatoryFas text-green"></i> <input
							type="text" placeholder="Journey Begin Date" id="boltdate" readonly="readonly"
							class="form-control mandatoryInputs" name="journeyDate"/>
					</div>
					<div class="col col6 colinputs">
						<i class="fa fa-user mandatoryFas text-green"></i> <input
							type="text" placeholder="Name" name="passengerName"
							class="form-control mandatoryInputs" />
					</div>
	
				</div>
				<div class="col12">
					<div class="col col6 colinputs">
						<i class="fa fa-envelope mandatoryFas text-green"></i> <input
							type="text" placeholder="Email Address" name="emailAddress"
							class="form-control  mandatoryInputs" />
					</div>
					<div class="col col6 colinputs">
						<i class="fa fa-mobile mandatoryFas text-green"></i> <input
							type="text" placeholder="Mobile Number" name="mobileNumber"
							class="form-control mandatoryInputs" />
					</div>
				</div>
	
	
			</div>
			<div class='col col12 margin-tp-30'>
				<div class="col12">
					<div class="col col6 colinputs">
						<i class="fa fa-users mandatoryFas text-green"></i> <input  name="adults"
							type="text" placeholder="Number Of Adults (18+)" min="1" max="5"
							size="1" class="form-control mandatoryInputs" />
	
					</div>
					<div class="col col6 colinputs">
						<i class="fa fa-child mandatoryFas text-green"></i> <input name="children"
							type="text" placeholder="Number Of Children (0-12)" min="1"
							max="5" size="1" class="form-control mandatoryInputs" />
					</div>
				</div>
				<div class="col12">
					<div class="col col6 colinputs">
						<i class="fa fa-list mandatoryFas text-green"></i> <input name="childrenAge"
							type="text" placeholder="Comma Separated Children Age"
							class="form-control  mandatoryInputs" />
					</div>
					<div class="col col6 colinputs">
						<i class="fa fa-bed mandatoryFas text-green"></i> <input  name="rooms"
							type="text" placeholder="Number Of Hotel Rooms" min="1" max="5"
							size="1" class="form-control mandatoryInputs" />
					</div>
				</div>
	
			</div>
			<div class='col col12 margin-tp-30'>
	
				<div class="col12">
					<div class="col col6 colinputs">
						<i class="fa fa-building-o mandatoryFas text-green"></i> <input
							type="text" placeholder="Your Departure City" name="departureCity"
							class="form-control mandatoryInputs" />
					</div>
					<div class="col col6 colinputs">
						<i class="fa fa-star mandatoryFas text-green"></i> <select name="hotelPreferences"
							class="form-control mandatoryInputs background-transparent">
							<option value=''>Hotel Preference</option>
							<option value='No Preference'>No Preference</option>
							<option value='2 Star'>2 Star</option>
							<option value='3 Star'>3 Star</option>
							<option value='4 Star'>4 Star</option>
							<option value='5 Star'>5 Star</option>
						</select>
	
					</div>
				</div>
	
				<div class="col12">
					<div class="col col12 colinputs">
						<i class="fa fa-tree mandatoryFas text-green"></i> <input name="desiredDestination"
							type="text" placeholder="Your Desired Destination(s)"
							class="form-control mandatoryInputs" />
					</div>
					<div class="col col6 colinputs">
						<i class="fa fa-sun-o mandatoryFas text-green"></i> <input name="numberOfDays"
							type="text" placeholder="Number Of Days"
							class="form-control  mandatoryInputs" />
					</div>
					<div class="col col6 colinputs">
						<i class="fa fa-inr mandatoryFas text-green"></i> <input
							type="text" placeholder="Your Budget"  name="budget"
							class="form-control mandatoryInputs" />
					</div>
	
				</div>
			</div>
			<div class='col col12 margin-tp-30'>
				<div class="col12">
	
					<div class="col col6 colinputs">
						<i class="fa fa-paper-plane mandatoryFas text-green" 
							placeholder='Select Yes if you need air tickets'></i> <select
							class="form-control mandatoryInputs background-transparent" name="airTickets">
							<option value=''>Air Tickets Required</option>
							<option value='Y'>Yes</option>
							<option value='N'>No</option>
						</select>
					</div>
					<div class="col col6 colinputs">
						<i class="fa fa-taxi mandatoryFas text-green"
							placeholder='Select Yes if you need intercity cab transfer'></i> <select
							class="form-control mandatoryInputs background-transparent" name="intercityTransfer">
							<option value=''>Intercity Transfer Required</option>
							<option value='Y'>Yes</option>
							<option value='N'>No</option>
						</select>
					</div>
	
				</div>
	
				<div class="col12">
	
					<div class="col col6 colinputs">
						<i class="fa fa-suitcase mandatoryFas text-green"
							placeholder='Purpose of your travel'></i> <select name="typeOfTravel"
							class="form-control mandatoryInputs background-transparent">
							<option value=''>Type Of Travel</option>
							<option value='Family Vacation'>Family Vacation</option>
							<option value='Friends Outing'>Friends Outing</option>
							<option value='Weekend Trip'>Weekend Trip</option>
							<option value='Business Trip'>Business Trip</option>
							<option value='Honey Moon'>Honey Moon</option>
						</select>
	
					</div>
					<div class="col col6 colinputs">
						<i class="fa fa-coffee mandatoryFas text-green" 
							placeholder='Kind of meal plan for your stay'></i> <select
							class="form-control mandatoryInputs background-transparent" name="mealPlan">
							<option value=''>Meal Plan</option>
							<option value='EP'>EP(No Meals)</option>
							<option value='CP'>CP (Breakfast)</option>
							<option value='MAP'>MAP (Breakfast + Dinner)</option>
							<option value='AP'>AP(Breakfast + Lunch + Dinner)</option>
						</select>
					</div>
				</div>
				<div class="col col12 additionalinfo">Please provide additional
					information below:</div>
				<div class="col col12 colinputs">
					<input type='text'  name="additionalInformation" maxlength="200"
						class="form-control mandatoryInputs background-transparent" value=''>
				</div>
	
				<div class='col col12 margin-tp-30'>
					<div class="col12">
						<button type="button" 
							class="btn btn-bordered btn-blue pull-right"
							title="Click to plan this destination" onclick='sendBolt();'>Send Query</button>
					</div>
	
				</div>
				<div class='col col12 margin-tp-10'>
				</div>
	
			</div>
		</form>
	</div>
	</div>

<div class='template-container col col12'>
			<div class='col10 message-section'>
				<div class='pull-left message-info-icon'><i class="fa fa-info-circle" aria-hidden="true"></i></div>
				<div class='col10 pull-left'>
				 Looking for weekend getaways! We present you nearby destinations from your current location. 
				 Explore the destinations below and know the place better before you start booking.
				</div>
			</div>
		<div id="nearByDestination" class='col12 scrollbardefaultNear margin-tp-10'>
			{#foreach $T.qkbeans as location}
				<div class='col col4 padding-10 nearby-container'>
					<div class='col col12 nearby-container-inside'>
						<div class='col12 position-relative'>
									<img class='full-per' alt="" src="{$T.location.imageURL}" onerror="this.src='../img/no_images.jpg'" >
									<div class='font-12 pull-right distance-value'><i class="fa fa-location-arrow colororange margin-rt-5"></i>
									
											{#if !$T.location.hometown}
												{$T.location.distance} km.
												{#else}
												Home
											{#/if}
									
									</div>
						</div>
						<div class='col12 getawaydistance'>
							<div class='font-name' onclick="planTravel(this);" childid="{$T.location.id}" id="{$T.location.parentid}">Explore {$T.location.name}</div>
						</div>
					</div>	
				</div>
			{#/for}
		</div>
	</div>

<div class='template-container col col12'>
			<div class='col10 message-section'>
					<div class='pull-left message-info-icon'><i class="fa fa-info-circle" aria-hidden="true"></i></div>
					<div class='col10 pull-left'>
						Explore the unexplored, we take you to a experience that is not known to many. 
						Introducing trails for bag packers download your itinerary for featured trail and get it going.   
					</div>
				</div>
				
				<div class='col col12 margin-tp-12'>
				<div id="nearByDestination" class='col12 scrollbardefaultNear margin-tp-10'>
				<div class='col col12'>
				{trailmaplat=[]}
				{#foreach $T.items as item}
					{#if $T.item.selected} 
					<span class='hide'>
						{#if trailmaplat.indexOf($T.item.latitude +','+$T.item.longitude) === -1}
							{trailmaplat.push($T.item.latitude +','+$T.item.longitude)}
						{#/if}
					</span>
						{#/if}
				{#/for}
				<div class='col col12'>
						<div class='col col12 pull-left trail-email-sec'>
						<input class='form-control input-details' value='{$T.emailAddress}' placeholder='Enter Your Email Address'>
						<span class='textkms pull-left left-0'>Please de-select/select the destinations before submitting.</span>
						<button type="button"  class="btn btn-sm btn-bordered btn-blue margin-lt-10 sendemailicon pull-right" 
				 				onclick="sendTrailInterest();">Send Email</button>
						</div>
				</div>
				<div class='clearfix'></div>
				<div class='traildestinations padding-top-20 col col12'>
				<span class='showmap' onclick='$(this).next().next().slideToggle();'><i class="fa fa-map-marker showmapicon margin-rt-5" aria-hidden="true"></i> Show Map </span>
				|
				<span class='showmap margin-lt-5' onclick="window.open('/jsp/traildownload.jsp','_blank');"><i class="margin-rt-5 fa fa-download" aria-hidden="true"></i> Download </span>
				<div class='hide'>
					<img src='https://maps.googleapis.com/maps/api/staticmap?key=AIzaSyDX4rlzENepaUJflGNJQ_Xgv9Sy89Ls3Ao&size=500x550&sensor=false&path=color:0xff0000ff|weight:5|{trailmaplat.join("|")}'  class='mapstyle' style='margin-left:5%;width: 90%;'/>
				</div>
					{#foreach $T.items as item}
						<div class="nearbydestunationsstyle margin-tp-15 ">
							<span class="firstcharstyle crPointer margin-lt-10 margin-rt-0"
								style="background:{constcolor[$T.item.itemname.toUpperCase().charCodeAt(0) -65]}" onclick="expandCollpaseTrail(this)">{$T.item.itemname.charAt(0)}</span>
								
								{#if $T.item.selected} 
									<i
									class="fa fa-check shutterunlock left-0 defaulthover crPointer destselectedtext trailselectable"
									iteration='{$T.item$index}'
									onclick="enableDisableTrails(this)"></i> 
								{#else} 
								<i
									added='removed' class="fa fa-times deleteicon left-0 defaulthover crPointer notselected trailselectable"
									iteration='{$T.item$index}'
									onclick="enableDisableTrails(this)"></i> 
								{#/if} 
								
								
								<span class="margin-lt-5 colortextnear">{$T.item.itemname}</span>
								<div class='pull-right actioniconstrail'>
									<i class="fa fa-bus margin-rt-6 crPointer" aria-hidden="true"  tootltip="{$T.item.busstand}" header="Bus Stop Nearby"></i>
									<i class="fa fa-paper-plane margin-rt-6 crPointer" aria-hidden="true"  tootltip="{$T.item.airport}" header="Airport Nearby"></i>
									<i class="fa fa-coffee crPointer margin-rt-6" header="Food Joints" tootltip="{$T.item.restaurants.join(',')}"></i>
									<i class="fa fa-headphones crPointer" tootltip="Click to hear about destination" header="Voice Over" onclick='runvoiceover(this)'>
										<input type='text' class='hide' value='{$T.item.description}' />
									</i>
								</div>
						</div>
						<div class="kmcontainer texttrailinfo">
								<span class='statetext'>State - {$T.item.state}</span><span class="textkms">Stay For {$T.item.nights}
								Nights</span>
						
						</div>
						<div class='col12 description traildescription'>
								{$T.item.description}
						</div>
						{#if $T.item.subitems[0].name != 'NA'}
							<div class='trailattractions'>
								<ol>
									{#foreach $T.item.subitems as sub}
											<li>{$T.sub.name}</li>
									{#/for}
								</ol>
							</div>
							{#else}
								{#if !$T.item$last}
								<div class='trailattractions padding-lt-10'>
										This is a overnight stay to start for next destination.
								</div>
									{#else}
								<div class='trailattractions padding-lt-10'>
										End Of Your Journey.
								</div>
									
								{#/if}
						{#/if}
						
					{#/for}	
				</div>
	</div>
				</div>
	</div>

<div class='divBlackOut'> </div>
	<div class='open popupParent popupParent row width500' id='submitmessage'>
		<div class='col col12 bolt-title margin-tp-5 color-black font-normal font-14 uppercase'>
			<strong> <span class='text-blue'>Thank</span> <span class='text-green'>You</span>  !!! </strong>
		</div>
		<div class='col col12 final-message'>
			Help us with following details so that our executive can contact you with your tailored plan. To finalize click on 'Done' else click 'Cancel' to continue planning.
		</div>
		<div class='col col12 personal-info-box'>
			<div class='col col12 padding-tp-10'>
				<div class='col12 padding-tp-10 color-black'>
					Enter Your Full Name
				</div>
				<div class='col12'>
					<input class='margin-rt-5 input-final-submit capitalize'  value="{$T.guestName?$T.guestName:''}"/>
				</div>
			</div>
			<div class='col col12'>
				<div class='col12 padding-tp-10 color-black'>
					Enter Your Email Address
				</div>
				<div class='col12'>
					<input class='margin-rt-5 input-final-submit'  value="{$T.emailAddress?$T.emailAddress:''}" />
				</div>
			</div>
			<div class='col col12'>
				<div class='col12 padding-tp-10 color-black'>
					Enter Your Mobile Number
				</div>
				<div class='col12'>
					<input class='margin-rt-5 input-final-submit'  value="{$T.phoneNumber?$T.phoneNumber:''}" />
				</div>
			
			</div>
		</div>
		<div class='col col12 personal-info-box-right'>
				<div class='col12 final-price'>
					<i class="fa fa-inr"></i> {$T.price}
				</div>
				<div class='col12 final-dest-name'>
					 {$T.destinationName}
				</div>
		</div>
		
		<div class="col col12">
			<button class="btn btn-blue btn-bordered btn-small pull-right margin-rt-15 final-done" onclick="setPersonalDetails()">Done</button>
			<button class="btn btn-blue btn-bordered btn-small pull-right margin-rt-15 final-cancel" onclick="$('#submitmessage').remove();$(document).trigger('click');">Cancel</button>
		</div>
	</div>

<div class='divBlackOut'> </div>
	<div id="transportCarListing"
		class="transport-listing fixed-popup popupParent">
		<div class='header-title'>Select Number Of Guests & Hotel Rooms</div>
		<div class='col12 margin-tp-10 notepayment'>
			<i class="fa fa-exclamation-circle colororange" aria-hidden="true"></i> Changing below information will impact the hotel,transport and flight selections.
		</div>
		<div class='col12 padding-10 margin-tp-10 adultsselect'>
			<label class='label-margin-rt-25'>Adults (+12) :</label>
			<span class='selector'>1</span>	<span class='selector'>2</span>	<span class='selector'>3</span>	
			<span class='selector'>4</span>	<span class='selector'>5</span>	<span class='selector'>6</span>	
			<span class='selector'>7</span>	<span class='selector'>8</span>	<span class='selector'>9</span>	
		</div>
		<div class='col12 padding-10 childrenselect'>
			<label>Children (2 - 12) :</label>
			<span class='selector'>0</span>
			<span class='selector'>1</span>	<span class='selector'>2</span>	
			<span class='selector'>3</span>	<span class='selector'>4</span>			
			<span class='selector'>5</span>	<span class='selector'>6</span>			
			<span class='selector'>7</span>	<span class='selector'>8</span>			
		</div>
		
		
		
		<div class='col12 padding-10 hotelroomsselect'>
			<label class='label-margin-rt-14'>Hotel Rooms :</label>
			<span class='selector'>1</span>	<span class='selector'>2</span>	<span class='selector'>3</span>	
			<span class='selector'>4</span>	<span class='selector'>5</span>	<span class='selector'>6</span>	
			<span class='selector'>7</span>	<span class='selector'>8</span>	<span class='selector'>9</span>	
		</div>
		
		<div class='col12 border-top-sep age'> 
			 
		</div>
		
		<div class='col12 age padding-10'>
			Select Children Age : 
		</div>
		
		<div class='col12 age padding-10 ageselector'>
			<label>Child 1 : </label>
			<span class='selector'>2</span>	<span class='selector'>3</span>	
			<span class='selector'>4</span>	<span class='selector'>5</span>		
			<span class='selector'>6</span>	<span class='selector'>7</span>		
			<span class='selector'>8</span>	<span class='selector'>9</span>		
			<span class='selector'>10</span> <span class='selector'>11</span>		
			<span class='selector'>12</span>		
		</div>
		
		
		<div class='col12 age padding-10 ageselector'>
			<label>Child 2 : </label>
			<span class='selector'>2</span>	<span class='selector'>3</span>	
			<span class='selector'>4</span>	<span class='selector'>5</span>		
			<span class='selector'>6</span>	<span class='selector'>7</span>		
			<span class='selector'>8</span>	<span class='selector'>9</span>		
			<span class='selector'>10</span> <span class='selector'>11</span>		
			<span class='selector'>12</span>		
		</div>
		
		<div class='col12 age padding-10 ageselector'>
			<label>Child 3 : </label>
			<span class='selector'>2</span>	<span class='selector'>3</span>	
			<span class='selector'>4</span>	<span class='selector'>5</span>		
			<span class='selector'>6</span>	<span class='selector'>7</span>		
			<span class='selector'>8</span>	<span class='selector'>9</span>		
			<span class='selector'>10</span> <span class='selector'>11</span>		
			<span class='selector'>12</span>		
		</div>
		
		<div class='col12 age padding-10 ageselector'>
			<label>Child 4 :</label>
			<span class='selector'>2</span>	<span class='selector'>3</span>	
			<span class='selector'>4</span>	<span class='selector'>5</span>		
			<span class='selector'>6</span>	<span class='selector'>7</span>		
			<span class='selector'>8</span>	<span class='selector'>9</span>		
			<span class='selector'>10</span> <span class='selector'>11</span>		
			<span class='selector'>12</span>		
		</div>
		
		<div class='col12 age padding-10 ageselector'>
			<label>Child 5 :</label>
			<span class='selector'>2</span>	<span class='selector'>3</span>	
			<span class='selector'>4</span>	<span class='selector'>5</span>		
			<span class='selector'>6</span>	<span class='selector'>7</span>		
			<span class='selector'>8</span>	<span class='selector'>9</span>		
			<span class='selector'>10</span> <span class='selector'>11</span>		
			<span class='selector'>12</span>		
		</div>
		<div class='col12 age padding-10 ageselector'>
			<label>Child 6 :</label>
			<span class='selector'>2</span>	<span class='selector'>3</span>	
			<span class='selector'>4</span>	<span class='selector'>5</span>		
			<span class='selector'>6</span>	<span class='selector'>7</span>		
			<span class='selector'>8</span>	<span class='selector'>9</span>		
			<span class='selector'>10</span> <span class='selector'>11</span>		
			<span class='selector'>12</span>		
		</div>
		
		
		<div class='col12 age padding-10 ageselector'>
			<label>Child 7 :</label>
			<span class='selector'>2</span>	<span class='selector'>3</span>	
			<span class='selector'>4</span>	<span class='selector'>5</span>		
			<span class='selector'>6</span>	<span class='selector'>7</span>		
			<span class='selector'>8</span>	<span class='selector'>9</span>		
			<span class='selector'>10</span> <span class='selector'>11</span>		
			<span class='selector'>12</span>		
		</div>
		
		<div class='col12 age padding-10 ageselector'>
			<label>Child 8 :</label>
			<span class='selector'>2</span>	<span class='selector'>3</span>	
			<span class='selector'>4</span>	<span class='selector'>5</span>		
			<span class='selector'>6</span>	<span class='selector'>7</span>		
			<span class='selector'>8</span>	<span class='selector'>9</span>		
			<span class='selector'>10</span> <span class='selector'>11</span>		
			<span class='selector'>12</span>		
		</div>
		
		<div class='margin-tp-10'></div>
		<div class='unselectedred' style='display:none;'>Max. number of guest allowed are 9 and max. rooms allowed are equal to total number of guests.</div>
		<button type="button"  class="btn btn-bordered btn-blue pull-right margin-lt-7 ternIn margin-rt-10" onclick="selectGuestDetails(this)">Apply</button>
		<button type="button"  class="btn btn-bordered btn-blue pull-right margin-lt-7 ternIn"  onclick='$(".divBlackOut").trigger("click");'>Close</button>
		
	</div>

Kerala

Keep Calm

Could not proceed due to slight Turbulence. Please try again.

Time Out !!

Your Session Has Expired, Please start over.