web in maintainace. Please come back soon....		<title>travelistica.com.com: Hotel Hampton Inn Clarion - Clarion  Estados Unidos de América - Hotel Hampton Inn Clarion </title>

<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<meta name='viewport' content='width=device-width,minimum-scale=1,initial-scale=1'>
<meta http-equiv='x-dns-prefetch-control' content='on'>
<link rel='dns-prefetch' href='//travelistica.com'>
<meta http-equiv='Content-Type' content='text/html;charset=UTF-8' />
<meta https-equiv='Content-Type' content='text/html;charset=UTF-8' />
<meta charset='utf-8'>
<meta https-equiv='X-UA-Compatible' content='IE=9' />
<meta https-equiv='X-UA-Compatible' content='IE=8' />
<meta https-equiv='X-UA-Compatible' content=' IE=edge ' >
<meta name='google-site-verification' content='Qa_hbPDVyKCdGzv0uVOoQ0YZhfCb_FFG5xoHj9s0DdY' />
<meta name='Keywords' content='Información sobre هامبتونان كلاريون, Hotel Hampton Inn Clarion ,Clarion , Clarion County , servicios,ocio,instalaciones,actividades,precios,situación,mapa,comentarios
 Teléfono de Hotel Hampton Inn Clarion , Contactar con Hotel Hampton Inn Clarion' />
<meta name='description' content='Hotel Hampton Inn Clarion - Clarion  Estados Unidos de América - Hotel Hampton Inn Clarion  Hotel Hampton Inn Clarion - Clarion  Estados Unidos de América The following services and amenities are available, but with **reduced service**: Fitness Cente' />
<meta name='rating' content='Hotel Hampton Inn Clarion - Clarion  Estados Unidos de América - Hotel Hampton Inn Clarion  Hotel Hampton Inn Clarion - Clarion  Estados Unidos de América The following services and amenities are available, but with **reduced service**: Fitness Cente' />
<meta name='revisit-after' content='1 day' />
<meta name='VW96.objecttype' content='None' />
<meta name='robots' content='INDEX,FOLLOW' /> 
<meta name='Title' content='Hotel Hampton Inn Clarion - Clarion  Estados Unidos de América - Hotel Hampton Inn Clarion ' />
<meta name='DC.Creator' content='travelistica.com' />
<meta name='DC.Subject' content='Travel' />
<meta name='DC.Description' content='Hotel Hampton Inn Clarion - Clarion  Estados Unidos de América - Hotel Hampton Inn Clarion  Hotel Hampton Inn Clarion - Clarion  Estados Unidos de América The following services and amenities are available, but with **reduced service**: Fitness Cente' />
<meta name='DC.Publisher' content='travelistica.com' />
<meta name='DC.Language' content='es' />
<meta name='DC.Coverage.PlaceName' content='World' />
<meta property='og:image' content=''/>
<meta property='og:site_name' content='travelistica.com'/>
<meta property='og:title' content=''/>
<meta name="theme-color" content="#fff" />
<meta property='og:type' content='website'/>
<meta property='og:url' content='https://travelistica.com//es/hoteles/Estados-Unidos-de-Am%C3%A9rica/Clarion/HOTEL-HAMPTON-INN-CLARION-Descripci%C3%B3n/h268717.1/'/>
<meta property='og:description' content='Hotel Hampton Inn Clarion - Clarion  Estados Unidos de América - Hotel Hampton Inn Clarion  Hotel Hampton Inn Clarion - Clarion  Estados Unidos de América The following services and amenities are available, but with **reduced service**: Fitness Cente'/>
<meta property='fb:app_id' content=''/>


<link rel='shortcut icon' href='/html/customization/travelistica.com/assets/img/favicon.png' type='image/png' />
<link rel='icon' type='image/png' href='/html/customization/travelistica.com/assets/img/favicon.png' />
<link rel='apple-touch-icon' type='image/png' href='/html/customization/travelistica.com/assets/img/travelistica.png' />


  <!-- All Plugins -->
  <link href="/html/customization/travelistica.com/assets/css/bootstrap.min.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/animation.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/dropzone.min.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/flatpickr.min.css" rel="stylesheet">
  
  <!-- <link href="/html/customization/travelistica.com/assets/css/daterangepicker.min.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/daterangepicker-custom.css" rel="stylesheet"> -->
  
   <link href="/html/customization/touradoo.com/assets/css/boostrap-datepicker/bootstrap-datepicker3.min.css" rel="stylesheet">

  
  
  <link href="/html/customization/travelistica.com/assets/css/flickity.min.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/lightbox.min.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/magnifypopup.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/select2.min.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/rangeSlider.min.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/prism.css" rel="stylesheet">

  <!-- Fontawesome & Bootstrap Icons CSS -->
  <link href="/html/customization/travelistica.com/assets/css/bootstrap-icons.css" rel="stylesheet">
  <link href="/html/customization/travelistica.com/assets/css/fontawesome.css" rel="stylesheet">

  <!-- Custom CSS -->
  <link href="/html/customization/travelistica.com/assets/scss/style.css" rel="stylesheet">

<script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/51c2db85a5c45b71f20ec64969dcd4cd.js"></script>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-887LZSLN5Q"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-887LZSLN5Q');
</script>
<script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/51c2db85a5c45b71f20ec64969dcd4cd.js"></script>

<!-- Google Code for Remarketing General Brand Campaign Conversion Page -->

<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 951643888;
var google_conversion_label = "unrwCP30joUBEPDd48UD";
var google_remarketing_only = false;
/* ]]> */
</script>

<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/951643888/?label=unrwCP30joUBEPDd48UD&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

</script>

<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/951643888/?guid=ON&amp;script=0"/>
</div>
</noscript>

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2119315404924429');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2119315404924429&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<script>var language_iso='es'; </script>


</head>
<body>
<div id="Preloader" class="Preloader"></div>
<div id="main-wrapper" >
    <!-- Start Navigation -->
    <div class="header header-light">
      <div class="container">
        <nav id="navigation" class="navigation navigation-landscape">
          <div class="nav-header">
            <a class="nav-brand"  href="https://travelistica.com/es/">
			<img src="/html/customization/travelistica.com/assets/images/_private/travelistica.com/es/logo-site.png" class="logo" alt="travelistica.com"></a>
            <div class="nav-toggle"></div>
            <div class="mobile_nav">
              <ul>
                <li class="currencyDropdown me-2">
                  <a href="#" class="" data-bs-toggle="modal" data-bs-target="#currencyModal"><span
                      class="fw-medium"><img id='ImgCurrencyFlag' src='/shared/images/countries/flags/png/eu.png'></span></a>
                </li>
				

				
                <li class="languageDropdown me-2">
                  <a href="#" class="" data-bs-toggle="modal" data-bs-target="#countryModal">
				  <img src="/shared/images/languages/small/es.png" class="img-fluid" width="17" alt="Language"></a>
                </li>

                <li class="ContactDropdown me-2">
<a href="#" id="ContactModalLabel"  data-bs-toggle="modal" data-bs-target="#ContactModal">		
  <i class="fa-solid fa-headset fs-6 me-2"></i>
				 </a>
                </li>	
				
				
<li class="LoginDropdown me-2">
                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#login"><i
                    class="fa-regular fa-circle-user fs-6 me-2"></i></a>
</li>
			  
				
              </ul>
            </div>
          </div>
          <div class="nav-menus-wrapper" style="transition-property: none;">
            <ul class="nav-menu">

<li><a href="/es"> <i class='fa fa-home top-menu-icons'></i> INICIO</a></li><li><a href="/es/guia-de-destinos/"> <i class='fa fa-globe top-menu-icons'></i> GUíA</a></li><li class=" me-2">
<a href="#" class="nav-link" data-bs-toggle="modal" data-bs-target="#menuTravel">
<i class='fa fa-suitcase top-menu-icons'></i> VIAJES</a>
</li><li><a href="/es/Actividades/"> <i class='fa fa-university top-menu-icons'></i> ACTIVIDADES</a></li><li><a href="/es/hoteles/"> <i class='fa fa-hotel top-menu-icons'></i> HOTELES</a></li><li><a href="/es/hoteles/Playas/"> <i class='fa fa-umbrella top-menu-icons'></i> COSTAS</a></li><li><a href="/es/el-tiempo/"> <i class='fa-solid fa-cloud top-menu-icons'></i> EL TIEMPO</a></li><li><a href="/index.php?application_id=47&language_iso=es"> <i class='fa-solid fa-headphones top-menu-icons'></i> CONTACTAR</a></li>

            </ul>

            <ul class="nav-menu nav-menu-social align-to-right">
			
              <li class="currencyDropdown me-2">
                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#currencyModal">
				<span
                    class="fw-medium"><img id='ImgCurrencyFlag' src='/shared/images/countries/flags/png/eu.png'></span></a>
              </li>

			  
              <li class="languageDropdown me-2">
                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#countryModal"><img
                    src="/shared/images/languages/small/es.png" class="img-fluid" width="17" alt="Country"></a>
              </li>
              <li class="ContactDropdown me-2">
<a href="#" id="ContactModalLabel"  data-bs-toggle="modal" data-bs-target="#ContactModal">		
  <i class="fa-solid fa-headset fs-6 me-2"></i>
			</a>
                </li>	
              </li>					  
			  
<li class="LoginDropdown me-2">
                <a href="#" class="" data-bs-toggle="modal" data-bs-target="#login"><i
                    class="fa-regular fa-circle-user fs-6 me-2"></i></a>
</li>
			  
            </ul>
          </div>
        </nav>
      </div>
    </div>
    <!-- End Navigation -->
<div class="py-2 gray-simple position-relative">
			<div class="container">
				<!-- Search Form -->
				<div class="row justify-content-center align-items-center">
					<div class="col-xl-12 col-lg-12 col-md-12">
						<nav aria-label="breadcrumb">
							<ol class="breadcrumb mb-0">
  <li class='breadcrumb-item'><a href='/es'>Inicio</A>   <li class='breadcrumb-item'><a href=/es/hoteles/Norteamerica/7/>Norteamerica</a></li>   <li class='breadcrumb-item'><a href=/es/hoteles/Estados-Unidos-de-Am%C3%A9rica/599/> Estados Unidos de América </a></li>   <li class='breadcrumb-item'><a href=/es/hoteles/Estados-Unidos-de-Am%C3%A9rica/Pennsylvania/136090/>Pennsylvania</a></li>   <li class='breadcrumb-item'><a href=/es/hoteles/Estados-Unidos-de-Am%C3%A9rica/Clarion-County/140108/>Clarion County </a></li>   <li class='breadcrumb-item'><a href=/es/hoteles/Estados-Unidos-de-Am%C3%A9rica/Clarion/497973363/>Clarion</a></li>   
							</ol>
						</nav>
					</div>
				</div>
				<!-- </row> -->
			</div>
		</div>


<a name='BookingForm'></a>
<section class="pt-3 gray-simple" style='margin-top: 0px;'>
<div class="container">
				<div class="row">
<div class="col-xl-12 col-lg-12 col-md-12">
<div class="card border-0 p-3 mb-4">


<div class="crd-heaader d-md-flex align-items-center justify-content-between">
<div class="col-md-12">
<div class='row'>
<div class="col-md-8">
<h4 class="mb-0">Hotel Hampton Inn Clarion <i class='fa fa-star text-warning text-xs'></i><i class='fa fa-star text-warning text-xs'></i><i class='fa fa-star text-warning text-xs'></i></h4>
<div class="">
<span style='font-size:12px;'>
	<i class="fa-solid fa-location-dot me-2"></i>&nbsp; 4 Hospital Drive &nbsp; - <b>Clarion </b> &nbsp; 16214&nbsp; -Clarion County  &nbsp; -Pennsylvania &nbsp; -Estados Unidos de América  <b>Latitud : </b>41.191546728444 -<b>Longitud:</b> -79.396440975834 (id: 268717)
</span>
</div>
	</div>
<div class='col-md-2'><!-- \Hotels\public\SubElements\Map.php -->

<div class="crd-heaader-last my-md-0 my-2">
<div class="align-items-center text-center">

<a href="#" id='OpenMapLink' 
class="text-primary fw-medium ms-2 text-center" 
data-bs-toggle="modal" data-bs-target="#HotelMapModal" 

>
<img src='/html/customization/travelistica.com/assets/images/icons/location.jpg'
width='50' height='50'
title='Mapa de situación' alt='Mapa de situación'
 ></a>

<div class="modal fade" id="HotelMapModal" tabindex="-1" role="dialog" aria-labelledby="HotelMapModalLabel" aria-hidden="true">

  <div class="modal-dialog" role="document">
    <div class="modal-content" style='width:600px; height:400px;'>
      <div class="modal-header">
        <h5 class="modal-title" id="PerformanceModalLabel">Modal title</h5>
        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Cerrar">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body" >

<iframe src='/index.php?mode=visitor&application_id=66&action_id=1144&jt=out&language_iso=es&requiredtab=map&hotel_id=268717' width=100% height=270 frameborder=0 style=border:0;></iframe>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>

      </div>
    </div>
  </div>
</div>
									</div>
								</div>
								
	
						
 </div>
<div class='col-md-2'>

<a href=#SearchBoxAnchorTop  class="btn btn-primary  fw-medium" style='width:130px; height:40px;'>
            <i class="fa-solid fa-bell"></i>&nbsp;&nbsp;  Reservar        </a>

</div>
</div>
</div>

	</div>
<div class='col-md-12'>
<div class='row'></div>
</div>	
<div class='clearfix'></div> 

<div style='overflow:hidden; margin-bottom:20px;'>

<div class="galleryGrid typeGrid_2 mb-lg-0 mb-3" style='max-height:400px; width:100%;'>

<div class="galleryGrid__item relative d-flex" style='max-height:600px; width:100%;'>
<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140191.png" data-lightbox="roadtrip">
<img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140191.png"  alt="Hampton Inn Clarion" class="rounded-2 img-fluid" style='width:100%;'></a>
</div>		<div class="galleryGrid__item position-relative" style='max-height:200px; width:100%;'>
<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_17448314011.png" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_17448314011.png"
 alt="Hampton Inn Clarion" class="rounded-2 img-fluid"></a>
<div class="position-absolute end-0 bottom-0 mb-3 me-3">
		<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_17448314011.png" data-lightbox="roadtrip"
			class="btn btn-md btn-whites fw-medium text-dark"><i class="fa-solid fa-caret-right me-1"></i>20
			</a>
	</div>
</div>





	<div class="galleryGrid__item">
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_17448314013.png" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_17448314013.png"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid" style='min-height:200px;'></a>
</div><div class="galleryGrid__item">
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_17448314015.png" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_17448314015.png"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid" style='min-height:200px;'></a>
</div><div class="galleryGrid__item">
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_17448314019.png" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_17448314019.png"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid" style='min-height:200px;'></a>
</div><div class="galleryGrid__item">
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_17448314010.png" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_17448314010.png"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid" style='min-height:200px;'></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140159.png" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140159.png"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140162.png" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140162.png"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_1744831401100.png" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_1744831401100.png"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140172.png" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140172.png"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140114.png" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140114.png"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140146.png" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140146.png"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_17448314016.png" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_17448314016.png"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140198.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140198.jpg"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140183.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140183.jpg"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140137.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140137.jpg"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140149.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140149.jpg"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140145.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140145.jpg"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140199.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140199.jpg"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140122.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4251/big/HamptonInnClarion_174483140122.jpg"
			alt="Hampton Inn Clarion" class="rounded-2 img-fluid"></a>
</div>
</div>

</div>


<br>
<h5 class="h6 text-dark fw-semibold mb-0" style='scroll-margin-top: 130px;' id='SearchBoxAnchorTop'>

<i class="fa-solid fa-bell TextRed"></i> Reservar Hampton Inn Clarion</h5>
<br>
		<!-- ============================ Hero Banner  Start================================== -->
		<div class="py-4  Hotel-search-middle position-relative" style='margin-bottom:10px;'>
			<div class="container OfferBook">
		
<div class="col-xl-12 col-lg-12 col-md-10 col-sm-12">
	<div class="search-wrap bg-white rounded-3 p-3">
		<ul class="nav nav-pills primary-soft medium  mb-3" id="tour-pills-tab" role="tablist">
		
		</ul>

	<div class="tab-content">
	
<a name='SearchBoxAnchor'></a>
<div class="tab-pane active " 
id="Hotels" role="tabpanel" aria-labelledby="Hotels-tab" tabindex="0">
<form action='/index.php' method='post' name='SearchForHotels' id='SearchForHotels' onSubmit='HotelsShowWaiting(); return false;'>
<input type='hidden' name='BoxType' value='2024'>
<input type='hidden' name='language_iso' value='es'>
<input type='hidden' name='action_id' value='1995'>
<input type='hidden' name='application_id' value='66'>
<input type='hidden' name='mode' value='visitor'>
<div class="row gy-3 gx-md-3 gx-sm-2">

<div class="col-xl-7 col-lg-7 col-md-12">
	<div class="row gy-3 gx-md-3 gx-sm-2">
		<div class="col-xl-5 col-lg-5 col-md-5 col-sm-5 position-relative">
			<div class="form-group hdd-arrow mb-0">
			<i class="fa-solid fa-location-dot IconDesign"></i><a name=InputSearchGeo></a>
			<span class='SearchBoxlabels'>Ciudad, aeropuerto, zona, u hotel</span><br>
<link href="/shared/css/ajaxsearch.css" rel="stylesheet" type="text/css">
<style type="text/css">
    /* Spinner Styles */
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    #displayKeyWord {
        background: #fff none repeat scroll 0 0;
        position: absolute;
        width: 700px;
        z-index: 2000;
        max-height: 400px;
        display: none;
        overflow: auto;
        padding-left: 10px;
        padding-right: 10px;
        border: 1px solid #ddd;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    .main_search_div {
        display: inline;
        position: relative;
    }
    .search-spinner {
        display: inline-block;
        width: 40px;
        height: 40px;
        border: 4px solid #f3f3f3;
        border-top: 4px solid #3498db;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }
    .search-spinner-text {
        margin-top: 10px;
        color: #3498db;
        font-weight: bold;
    }
    .search-error {
        color: #e74c3c;
        padding: 15px;
        text-align: center;
    }
    /* Ensure spinner container is properly layered */
    #searchSpinnerKeyWord {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255,255,255,0.8);
        z-index: 1001;
    }
    .search-spinner-container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    /* Please Wait Message */
    .please-wait-message {
        display: none;
        text-align: center;
        padding: 15px;
        color: #3498db;
        font-weight: bold;
    }
	
	#KeyWord:hover ~ #displayKeyWord {
    display: block !important;
}

/* Smooth transitions */
#displayKeyWord {
    transition: opacity 0.2s ease;
}
	
</style>
<div class='main_search_div' style='z-index:10000'>



<input type="text" 
       size='15' class="searchKeyWord searchidentifier form-control  "
       id="KeyWord"
       name='KeyWord'
       value="Hampton Inn Clarion"
       placeholder="Ciudad, aeropuerto, zona, u hotel"
       autofill='off'
       autocomplete='no'
       oninput="showPleaseWaitMessage('KeyWord')"
       onmouseenter="forceShowDropdown('KeyWord')"  
       onblur="hidePleaseWaitMessage('KeyWord')">


		   
    <input type="hidden" name="Required_city_2" value='H1-268717'  id='Required_city_2'>
    <div style='z-index:10000' id="displayKeyWord" class='SearchResults'></div>
    <div id="pleaseWaitMessageKeyWord" class="please-wait-message">Por Favor Espere</div>
</div>
			</div>
		</div>
		<div class="col-xl-7 col-lg-7 col-md-7 col-sm-7">
			<div class="form-group mb-0">

<div class="input-group input-daterange" style='direction:ltr'>
<div style='width:48%'>
<i class="fa-regular fa-calendar-days IconDesign" ></i>
<span class='SearchBoxlabels'>Fecha de Entrada</span><br>
    <input type="text" class="form-control" name='in_date'  value="22-06-2025" id='checkin_start' >
	</div>
    <div class="input-group-addon" style='width:4%'>&nbsp;</div>
<div style='width:48%'>	
<i class="fa-regular fa-calendar-days IconDesign" ></i>
	<span class='SearchBoxlabels'>Fecha de salida</span><br>
    <input type="text" class="form-control" name='out_date'  value="23-06-2025" id='checkout_end'></div>
	<div class='col-md-12'></div> 
		<div id="ErrorDates' class='ErrorDates'"></div>


</div>

			</div>
		</div>
	</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-12">
<i class="fa-solid fa-bed IconDesign" ></i>
<span class='SearchBoxlabels'>Ocupación</span><br>
<div class="booking-form__input guests-input mixer-auto" >


<input type=hidden name=RequiredRoomNumber value='1' id='RequiredRoomNumber'>

<button name="guests-btn" id="guests-input-btn">2 personas, 1 Habitaciones</button>
<div class="guests-input__options modalRooms" id="guests-input-options" >

<div class=" circle bg-light-primary text-primary flex-shrink-0" 
style='width: 29px !important;padding:1px !important; float: right; margin-top:0px; margin-right:5px; margin-bottom:5px;'>
<a href=# id="guests-input-btn-close">X</a>
</div>



<div id=room_1 style='display:block; width:100%; '>

<div class='SearchBoxRoomLabel'>Habitación 1 </div>

<div class='SearchBoxRoom' >
<span class="guests-input__value">Adulto(s)</span>
<span class="guests-input__ctrl plus" id="adults-add-btn1"><i class="fa-solid fa-plus"></i></span>
<span id="guests-count-adults1" style='padding:5px;'>2</span>
<span class="guests-input__ctrl minus" id="adults-subs-btn1"><i class="fa-solid fa-minus"></i></span>
</div>



<div class='SearchBoxRoom'>
<span class="guests-input__value">Niños</span>	
<span class="guests-input__ctrl plus" id="children-add-btn1"><i class="fa-solid fa-plus"></i></span>
<span id="guests-count-children1" style='padding:5px;'>0</span>
<span class="guests-input__ctrl minus1" id="children-subs-btn1"><i class="fa-solid fa-minus"></i></span>


<input type=hidden name='NumAdults1' id='NumAdults1' value='2'>
<input type=hidden name='NumChildren1' id='NumChildren1' value='0'>
</div>

<div class='clearfix'></div>
<div id='ages_1'  class='SearchBoxRoomAges' style='display:none;'>

<div class='container-fluid row'>
<div class='alert alert-success' style='font-size: 12px;  padding: 1px; margin: auto;text-align: center;'>Edades de los niños en el día del viaje</div>
<div class='col-md-3 SearchBoxRoomAge' style=' display:none' id='Age1Room1'>
 <select name=Age_1_1 id=Age_1_1 class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</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><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
<div class='col-md-3  SearchBoxRoomAge' style=' display:none' id='Age2Room1'>
 <select name=Age_1_2 id=Age_1_2  class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</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><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
<div class='col-md-3  SearchBoxRoomAge' style='display:none' id='Age3Room1'>
 <select name=Age_1_3 id=Age_1_3  class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</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><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
</div>
</div>
</div><div id=room_2 style='display:none; width:100%; '>

<div class='SearchBoxRoomLabel'>Habitación 2 </div>

<div class='SearchBoxRoom' >
<span class="guests-input__value">Adulto(s)</span>
<span class="guests-input__ctrl plus" id="adults-add-btn2"><i class="fa-solid fa-plus"></i></span>
<span id="guests-count-adults2" style='padding:5px;'></span>
<span class="guests-input__ctrl minus" id="adults-subs-btn2"><i class="fa-solid fa-minus"></i></span>
</div>



<div class='SearchBoxRoom'>
<span class="guests-input__value">Niños</span>	
<span class="guests-input__ctrl plus" id="children-add-btn2"><i class="fa-solid fa-plus"></i></span>
<span id="guests-count-children2" style='padding:5px;'></span>
<span class="guests-input__ctrl minus2" id="children-subs-btn2"><i class="fa-solid fa-minus"></i></span>


<input type=hidden name='NumAdults2' id='NumAdults2' value=''>
<input type=hidden name='NumChildren2' id='NumChildren2' value=''>
</div>

<div class='clearfix'></div>
<div id='ages_2'  class='SearchBoxRoomAges' style='display:none;'>

<div class='container-fluid row'>
<div class='alert alert-success' style='font-size: 12px;  padding: 1px; margin: auto;text-align: center;'>Edades de los niños en el día del viaje</div>
<div class='col-md-3 SearchBoxRoomAge' style=' display:none' id='Age1Room2'>
 <select name=Age_2_1 id=Age_2_1 class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</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><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
<div class='col-md-3  SearchBoxRoomAge' style=' display:none' id='Age2Room2'>
 <select name=Age_2_2 id=Age_2_2  class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</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><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
<div class='col-md-3  SearchBoxRoomAge' style='display:none' id='Age3Room2'>
 <select name=Age_2_3 id=Age_2_3  class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</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><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
</div>
</div>
</div><div id=room_3 style='display:none; width:100%; '>

<div class='SearchBoxRoomLabel'>Habitación 3 </div>

<div class='SearchBoxRoom' >
<span class="guests-input__value">Adulto(s)</span>
<span class="guests-input__ctrl plus" id="adults-add-btn3"><i class="fa-solid fa-plus"></i></span>
<span id="guests-count-adults3" style='padding:5px;'></span>
<span class="guests-input__ctrl minus" id="adults-subs-btn3"><i class="fa-solid fa-minus"></i></span>
</div>



<div class='SearchBoxRoom'>
<span class="guests-input__value">Niños</span>	
<span class="guests-input__ctrl plus" id="children-add-btn3"><i class="fa-solid fa-plus"></i></span>
<span id="guests-count-children3" style='padding:5px;'></span>
<span class="guests-input__ctrl minus3" id="children-subs-btn3"><i class="fa-solid fa-minus"></i></span>


<input type=hidden name='NumAdults3' id='NumAdults3' value=''>
<input type=hidden name='NumChildren3' id='NumChildren3' value=''>
</div>

<div class='clearfix'></div>
<div id='ages_3'  class='SearchBoxRoomAges' style='display:none;'>

<div class='container-fluid row'>
<div class='alert alert-success' style='font-size: 12px;  padding: 1px; margin: auto;text-align: center;'>Edades de los niños en el día del viaje</div>
<div class='col-md-3 SearchBoxRoomAge' style=' display:none' id='Age1Room3'>
 <select name=Age_3_1 id=Age_3_1 class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</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><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
<div class='col-md-3  SearchBoxRoomAge' style=' display:none' id='Age2Room3'>
 <select name=Age_3_2 id=Age_3_2  class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</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><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
<div class='col-md-3  SearchBoxRoomAge' style='display:none' id='Age3Room3'>
 <select name=Age_3_3 id=Age_3_3  class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</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><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
</div>
</div>
</div><div id=room_4 style='display:none; width:100%; '>

<div class='SearchBoxRoomLabel'>Habitación 4 </div>

<div class='SearchBoxRoom' >
<span class="guests-input__value">Adulto(s)</span>
<span class="guests-input__ctrl plus" id="adults-add-btn4"><i class="fa-solid fa-plus"></i></span>
<span id="guests-count-adults4" style='padding:5px;'></span>
<span class="guests-input__ctrl minus" id="adults-subs-btn4"><i class="fa-solid fa-minus"></i></span>
</div>



<div class='SearchBoxRoom'>
<span class="guests-input__value">Niños</span>	
<span class="guests-input__ctrl plus" id="children-add-btn4"><i class="fa-solid fa-plus"></i></span>
<span id="guests-count-children4" style='padding:5px;'></span>
<span class="guests-input__ctrl minus4" id="children-subs-btn4"><i class="fa-solid fa-minus"></i></span>


<input type=hidden name='NumAdults4' id='NumAdults4' value=''>
<input type=hidden name='NumChildren4' id='NumChildren4' value=''>
</div>

<div class='clearfix'></div>
<div id='ages_4'  class='SearchBoxRoomAges' style='display:none;'>

<div class='container-fluid row'>
<div class='alert alert-success' style='font-size: 12px;  padding: 1px; margin: auto;text-align: center;'>Edades de los niños en el día del viaje</div>
<div class='col-md-3 SearchBoxRoomAge' style=' display:none' id='Age1Room4'>
 <select name=Age_4_1 id=Age_4_1 class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</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><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
<div class='col-md-3  SearchBoxRoomAge' style=' display:none' id='Age2Room4'>
 <select name=Age_4_2 id=Age_4_2  class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</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><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
<div class='col-md-3  SearchBoxRoomAge' style='display:none' id='Age3Room4'>
 <select name=Age_4_3 id=Age_4_3  class="guests-input__ctrl">
<option value=''> ---</option>
<option value='< 2' > -2</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><option value='6' selected> 6</option><option value='7' > 7</option><option value='8' > 8</option><option value='9' > 9</option><option value='10' > 10</option><option value='11' > 11</option><option value='12' > 12</option></select>
</div>
</div>
</div>
</div>

	<div style='padding-left:25px; padding-right:25px;'>
		
		<span class="">
		<span id="guests-count-room" >1</span>
		<span'> Habitaciones</span> </span>
		<span class="guests-input__ctrl plus" id="room-add-btn"  style='text-align:left'><i
		class="fa-solid fa-plus"></i></span>
				
<span class="guests-input__ctrl minus" id="room-subs-btn" style='text-align:right'>
		<i class="fa-solid fa-minus"></i></span>				
</div>
	

</div>

				</div>
				
 <script>	
(function ($) {
	"use strict";
	
	(function () {

		// Add Adult & childElementCount
			const guestBtn = document.querySelector("#guests-input-btn"),
			guestBtnClose=  document.querySelector("#guests-input-btn-close"), 
			
			guestOptions = document.querySelector("#guests-input-options"),
			roomSubsBtn = document.querySelector("#room-subs-btn"),			
			roomAddBtn = document.querySelector("#room-add-btn"),			
			adultsCountEl = document.querySelector("#guests-count-adults"),
			childrenCountEl = document.querySelector("#guests-count-children"),
			roomCountEl = document.querySelector("#guests-count-room");
			
		let maxNumGuests = 9,
			totalGuests	=2,
			totalAdults	=2,
			totalChildren	=0,			
			maxNumRooms = 4,
			maxChildAge=12,
			maxNumberAdultsPerRoom=4,
			maxNumberChildrenPerRoom=3,	
			maxNumberPaxPerRoom	=4,
			selectedNumRooms=1,
			isGuestInputOpen = false,
			roomCount = 1;

			




		//updateValues();
		

const adultsAddBtn1 = document.querySelector("#adults-add-btn1");
const adultsٍSubBtn1 = document.querySelector("#adults-subs-btn1");

adultsAddBtn1.addEventListener('click', function () {
var room_id="room_1";
var error="";


var thisRoomAdultsCount = Number(document.getElementById('guests-count-adults1').innerHTML);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children1').innerHTML);
var thisRoomPaxCount = thisRoomAdultsCount + thisRoomChildrenCount;


if(totalGuests >= maxNumGuests)	{
error="Número máximo de hu'espedes alcanzado. Si necesita reservar para más personas, por favor póngase en contacto con nosotros.";
}

if(thisRoomAdultsCount >= maxNumberAdultsPerRoom)	{
error+="Se alcanzó el máximo de adultos por habitación. por favor agrega otra habitación";
}

if(thisRoomPaxCount >= maxNumberPaxPerRoom)	{
error+="Se alcanzó el máximo de pasajeros por habitación. por favor agrega otra habitación";
}
if(error=='')	{
totalGuests= totalGuests + 1;
document.getElementById('guests-count-adults1').innerHTML= Number(thisRoomAdultsCount) + 1;
document.getElementById('NumAdults1').value=Number(thisRoomAdultsCount)+1;
}
else{
alert(error);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});

adultsٍSubBtn1.addEventListener('click', function () {
var room_id="room_1";
var errorMinus="";
console.log(totalGuests + '-' + maxNumGuests);
var thisRoomAdultsCount = document.getElementById('guests-count-adults1').innerHTML;


if(thisRoomAdultsCount==1)	{
errorMinus+="Una habitación debe tener al menos una adulto";
}


if(errorMinus=='')	{
totalGuests= totalGuests - 1;
document.getElementById('guests-count-adults1').innerHTML= Number(thisRoomAdultsCount) - 1;
document.getElementById('NumAdults1').value=Number(thisRoomAdultsCount)-1;
}
else{
alert(errorMinus);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});


const childrenAddBtn1 = document.querySelector("#children-add-btn1");
const childrenٍSubBtn1 = document.querySelector("#children-subs-btn1");

childrenAddBtn1.addEventListener('click', function () {
var room_id="room_1";
var error="";


var thisRoomAdultsCount = Number(document.getElementById('guests-count-adults1').innerHTML);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children1').innerHTML);
var thisRoomPaxCount = thisRoomAdultsCount + thisRoomChildrenCount;


if(totalGuests >= maxNumGuests)	{
error="Número máximo de hu'espedes alcanzado. Si necesita reservar para más personas, por favor póngase en contacto con nosotros.";
}

if(thisRoomChildrenCount >= maxNumberChildrenPerRoom)	{
error+="Máximo de niños por habitación alcanzado. por favor agrega otra habitación";
}

if(thisRoomPaxCount >= maxNumberPaxPerRoom)	{
error+="Se alcanzó el máximo de pasajeros por habitación. por favor agrega otra habitación";
}
if(error=='')	{

document.getElementById('ages_1').style.display='block';

totalGuests= totalGuests + 1;
thisRoomChildrenCount=Number(thisRoomChildrenCount)+1;
document.getElementById('guests-count-children1').innerHTML= Number(thisRoomChildrenCount) ;

document.getElementById('NumChildren1').value=Number(thisRoomChildrenCount);
var ThisRoomCounterAges= 1;


while(ThisRoomCounterAges <= thisRoomChildrenCount)	{
console.log(ThisRoomCounterAges);
document.getElementById('Age'+ ThisRoomCounterAges + 'Room'+ 1).style.display="block";;
ThisRoomCounterAges++;
}


}
else{
alert(error);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});

childrenٍSubBtn1.addEventListener('click', function () {
var room_id="room_1";
console.log(totalGuests + '-' + maxNumGuests);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children1').innerHTML);

if(thisRoomChildrenCount!=0)	{
document.getElementById('ages_1').style.display='block';
document.getElementById('guests-count-children1').innerHTML= Number(thisRoomChildrenCount) - 1;
document.getElementById('NumChildren1').value= Number(thisRoomChildrenCount)-1;
thisRoomChildrenCount=thisRoomChildrenCount - 1;
totalGuests= totalGuests - 1;
}


if(thisRoomChildrenCount==0)	{
document.getElementById('ages_1').style.display='none';
document.getElementById('Age1Room1').style.display='none';
document.getElementById('Age2Room1').style.display='none';
document.getElementById('Age3Room1').style.display='none';
}
else if(thisRoomChildrenCount==1){
document.getElementById('Age1Room1').style.display='block';
document.getElementById('Age2Room1').style.display='none';
document.getElementById('Age3Room1').style.display='none';

}	
else if(thisRoomChildrenCount==2){
document.getElementById('Age1Room1').style.display='block';
document.getElementById('Age2Room1').style.display='block';
document.getElementById('Age3Room1').style.display='none';
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;		
});


const adultsAddBtn2 = document.querySelector("#adults-add-btn2");
const adultsٍSubBtn2 = document.querySelector("#adults-subs-btn2");

adultsAddBtn2.addEventListener('click', function () {
var room_id="room_2";
var error="";


var thisRoomAdultsCount = Number(document.getElementById('guests-count-adults2').innerHTML);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children2').innerHTML);
var thisRoomPaxCount = thisRoomAdultsCount + thisRoomChildrenCount;


if(totalGuests >= maxNumGuests)	{
error="Número máximo de hu'espedes alcanzado. Si necesita reservar para más personas, por favor póngase en contacto con nosotros.";
}

if(thisRoomAdultsCount >= maxNumberAdultsPerRoom)	{
error+="Se alcanzó el máximo de adultos por habitación. por favor agrega otra habitación";
}

if(thisRoomPaxCount >= maxNumberPaxPerRoom)	{
error+="Se alcanzó el máximo de pasajeros por habitación. por favor agrega otra habitación";
}
if(error=='')	{
totalGuests= totalGuests + 1;
document.getElementById('guests-count-adults2').innerHTML= Number(thisRoomAdultsCount) + 1;
document.getElementById('NumAdults2').value=Number(thisRoomAdultsCount)+1;
}
else{
alert(error);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});

adultsٍSubBtn2.addEventListener('click', function () {
var room_id="room_2";
var errorMinus="";
console.log(totalGuests + '-' + maxNumGuests);
var thisRoomAdultsCount = document.getElementById('guests-count-adults2').innerHTML;


if(thisRoomAdultsCount==1)	{
errorMinus+="Una habitación debe tener al menos una adulto";
}


if(errorMinus=='')	{
totalGuests= totalGuests - 1;
document.getElementById('guests-count-adults2').innerHTML= Number(thisRoomAdultsCount) - 1;
document.getElementById('NumAdults2').value=Number(thisRoomAdultsCount)-1;
}
else{
alert(errorMinus);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});


const childrenAddBtn2 = document.querySelector("#children-add-btn2");
const childrenٍSubBtn2 = document.querySelector("#children-subs-btn2");

childrenAddBtn2.addEventListener('click', function () {
var room_id="room_2";
var error="";


var thisRoomAdultsCount = Number(document.getElementById('guests-count-adults2').innerHTML);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children2').innerHTML);
var thisRoomPaxCount = thisRoomAdultsCount + thisRoomChildrenCount;


if(totalGuests >= maxNumGuests)	{
error="Número máximo de hu'espedes alcanzado. Si necesita reservar para más personas, por favor póngase en contacto con nosotros.";
}

if(thisRoomChildrenCount >= maxNumberChildrenPerRoom)	{
error+="Máximo de niños por habitación alcanzado. por favor agrega otra habitación";
}

if(thisRoomPaxCount >= maxNumberPaxPerRoom)	{
error+="Se alcanzó el máximo de pasajeros por habitación. por favor agrega otra habitación";
}
if(error=='')	{

document.getElementById('ages_2').style.display='block';

totalGuests= totalGuests + 1;
thisRoomChildrenCount=Number(thisRoomChildrenCount)+1;
document.getElementById('guests-count-children2').innerHTML= Number(thisRoomChildrenCount) ;

document.getElementById('NumChildren2').value=Number(thisRoomChildrenCount);
var ThisRoomCounterAges= 1;


while(ThisRoomCounterAges <= thisRoomChildrenCount)	{
console.log(ThisRoomCounterAges);
document.getElementById('Age'+ ThisRoomCounterAges + 'Room'+ 2).style.display="block";;
ThisRoomCounterAges++;
}


}
else{
alert(error);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});

childrenٍSubBtn2.addEventListener('click', function () {
var room_id="room_2";
console.log(totalGuests + '-' + maxNumGuests);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children2').innerHTML);

if(thisRoomChildrenCount!=0)	{
document.getElementById('ages_2').style.display='block';
document.getElementById('guests-count-children2').innerHTML= Number(thisRoomChildrenCount) - 1;
document.getElementById('NumChildren2').value= Number(thisRoomChildrenCount)-1;
thisRoomChildrenCount=thisRoomChildrenCount - 1;
totalGuests= totalGuests - 1;
}


if(thisRoomChildrenCount==0)	{
document.getElementById('ages_2').style.display='none';
document.getElementById('Age1Room2').style.display='none';
document.getElementById('Age2Room2').style.display='none';
document.getElementById('Age3Room2').style.display='none';
}
else if(thisRoomChildrenCount==1){
document.getElementById('Age1Room2').style.display='block';
document.getElementById('Age2Room2').style.display='none';
document.getElementById('Age3Room2').style.display='none';

}	
else if(thisRoomChildrenCount==2){
document.getElementById('Age1Room2').style.display='block';
document.getElementById('Age2Room2').style.display='block';
document.getElementById('Age3Room2').style.display='none';
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;		
});


const adultsAddBtn3 = document.querySelector("#adults-add-btn3");
const adultsٍSubBtn3 = document.querySelector("#adults-subs-btn3");

adultsAddBtn3.addEventListener('click', function () {
var room_id="room_3";
var error="";


var thisRoomAdultsCount = Number(document.getElementById('guests-count-adults3').innerHTML);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children3').innerHTML);
var thisRoomPaxCount = thisRoomAdultsCount + thisRoomChildrenCount;


if(totalGuests >= maxNumGuests)	{
error="Número máximo de hu'espedes alcanzado. Si necesita reservar para más personas, por favor póngase en contacto con nosotros.";
}

if(thisRoomAdultsCount >= maxNumberAdultsPerRoom)	{
error+="Se alcanzó el máximo de adultos por habitación. por favor agrega otra habitación";
}

if(thisRoomPaxCount >= maxNumberPaxPerRoom)	{
error+="Se alcanzó el máximo de pasajeros por habitación. por favor agrega otra habitación";
}
if(error=='')	{
totalGuests= totalGuests + 1;
document.getElementById('guests-count-adults3').innerHTML= Number(thisRoomAdultsCount) + 1;
document.getElementById('NumAdults3').value=Number(thisRoomAdultsCount)+1;
}
else{
alert(error);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});

adultsٍSubBtn3.addEventListener('click', function () {
var room_id="room_3";
var errorMinus="";
console.log(totalGuests + '-' + maxNumGuests);
var thisRoomAdultsCount = document.getElementById('guests-count-adults3').innerHTML;


if(thisRoomAdultsCount==1)	{
errorMinus+="Una habitación debe tener al menos una adulto";
}


if(errorMinus=='')	{
totalGuests= totalGuests - 1;
document.getElementById('guests-count-adults3').innerHTML= Number(thisRoomAdultsCount) - 1;
document.getElementById('NumAdults3').value=Number(thisRoomAdultsCount)-1;
}
else{
alert(errorMinus);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});


const childrenAddBtn3 = document.querySelector("#children-add-btn3");
const childrenٍSubBtn3 = document.querySelector("#children-subs-btn3");

childrenAddBtn3.addEventListener('click', function () {
var room_id="room_3";
var error="";


var thisRoomAdultsCount = Number(document.getElementById('guests-count-adults3').innerHTML);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children3').innerHTML);
var thisRoomPaxCount = thisRoomAdultsCount + thisRoomChildrenCount;


if(totalGuests >= maxNumGuests)	{
error="Número máximo de hu'espedes alcanzado. Si necesita reservar para más personas, por favor póngase en contacto con nosotros.";
}

if(thisRoomChildrenCount >= maxNumberChildrenPerRoom)	{
error+="Máximo de niños por habitación alcanzado. por favor agrega otra habitación";
}

if(thisRoomPaxCount >= maxNumberPaxPerRoom)	{
error+="Se alcanzó el máximo de pasajeros por habitación. por favor agrega otra habitación";
}
if(error=='')	{

document.getElementById('ages_3').style.display='block';

totalGuests= totalGuests + 1;
thisRoomChildrenCount=Number(thisRoomChildrenCount)+1;
document.getElementById('guests-count-children3').innerHTML= Number(thisRoomChildrenCount) ;

document.getElementById('NumChildren3').value=Number(thisRoomChildrenCount);
var ThisRoomCounterAges= 1;


while(ThisRoomCounterAges <= thisRoomChildrenCount)	{
console.log(ThisRoomCounterAges);
document.getElementById('Age'+ ThisRoomCounterAges + 'Room'+ 3).style.display="block";;
ThisRoomCounterAges++;
}


}
else{
alert(error);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});

childrenٍSubBtn3.addEventListener('click', function () {
var room_id="room_3";
console.log(totalGuests + '-' + maxNumGuests);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children3').innerHTML);

if(thisRoomChildrenCount!=0)	{
document.getElementById('ages_3').style.display='block';
document.getElementById('guests-count-children3').innerHTML= Number(thisRoomChildrenCount) - 1;
document.getElementById('NumChildren3').value= Number(thisRoomChildrenCount)-1;
thisRoomChildrenCount=thisRoomChildrenCount - 1;
totalGuests= totalGuests - 1;
}


if(thisRoomChildrenCount==0)	{
document.getElementById('ages_3').style.display='none';
document.getElementById('Age1Room3').style.display='none';
document.getElementById('Age2Room3').style.display='none';
document.getElementById('Age3Room3').style.display='none';
}
else if(thisRoomChildrenCount==1){
document.getElementById('Age1Room3').style.display='block';
document.getElementById('Age2Room3').style.display='none';
document.getElementById('Age3Room3').style.display='none';

}	
else if(thisRoomChildrenCount==2){
document.getElementById('Age1Room3').style.display='block';
document.getElementById('Age2Room3').style.display='block';
document.getElementById('Age3Room3').style.display='none';
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;		
});


const adultsAddBtn4 = document.querySelector("#adults-add-btn4");
const adultsٍSubBtn4 = document.querySelector("#adults-subs-btn4");

adultsAddBtn4.addEventListener('click', function () {
var room_id="room_4";
var error="";


var thisRoomAdultsCount = Number(document.getElementById('guests-count-adults4').innerHTML);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children4').innerHTML);
var thisRoomPaxCount = thisRoomAdultsCount + thisRoomChildrenCount;


if(totalGuests >= maxNumGuests)	{
error="Número máximo de hu'espedes alcanzado. Si necesita reservar para más personas, por favor póngase en contacto con nosotros.";
}

if(thisRoomAdultsCount >= maxNumberAdultsPerRoom)	{
error+="Se alcanzó el máximo de adultos por habitación. por favor agrega otra habitación";
}

if(thisRoomPaxCount >= maxNumberPaxPerRoom)	{
error+="Se alcanzó el máximo de pasajeros por habitación. por favor agrega otra habitación";
}
if(error=='')	{
totalGuests= totalGuests + 1;
document.getElementById('guests-count-adults4').innerHTML= Number(thisRoomAdultsCount) + 1;
document.getElementById('NumAdults4').value=Number(thisRoomAdultsCount)+1;
}
else{
alert(error);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});

adultsٍSubBtn4.addEventListener('click', function () {
var room_id="room_4";
var errorMinus="";
console.log(totalGuests + '-' + maxNumGuests);
var thisRoomAdultsCount = document.getElementById('guests-count-adults4').innerHTML;


if(thisRoomAdultsCount==1)	{
errorMinus+="Una habitación debe tener al menos una adulto";
}


if(errorMinus=='')	{
totalGuests= totalGuests - 1;
document.getElementById('guests-count-adults4').innerHTML= Number(thisRoomAdultsCount) - 1;
document.getElementById('NumAdults4').value=Number(thisRoomAdultsCount)-1;
}
else{
alert(errorMinus);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});


const childrenAddBtn4 = document.querySelector("#children-add-btn4");
const childrenٍSubBtn4 = document.querySelector("#children-subs-btn4");

childrenAddBtn4.addEventListener('click', function () {
var room_id="room_4";
var error="";


var thisRoomAdultsCount = Number(document.getElementById('guests-count-adults4').innerHTML);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children4').innerHTML);
var thisRoomPaxCount = thisRoomAdultsCount + thisRoomChildrenCount;


if(totalGuests >= maxNumGuests)	{
error="Número máximo de hu'espedes alcanzado. Si necesita reservar para más personas, por favor póngase en contacto con nosotros.";
}

if(thisRoomChildrenCount >= maxNumberChildrenPerRoom)	{
error+="Máximo de niños por habitación alcanzado. por favor agrega otra habitación";
}

if(thisRoomPaxCount >= maxNumberPaxPerRoom)	{
error+="Se alcanzó el máximo de pasajeros por habitación. por favor agrega otra habitación";
}
if(error=='')	{

document.getElementById('ages_4').style.display='block';

totalGuests= totalGuests + 1;
thisRoomChildrenCount=Number(thisRoomChildrenCount)+1;
document.getElementById('guests-count-children4').innerHTML= Number(thisRoomChildrenCount) ;

document.getElementById('NumChildren4').value=Number(thisRoomChildrenCount);
var ThisRoomCounterAges= 1;


while(ThisRoomCounterAges <= thisRoomChildrenCount)	{
console.log(ThisRoomCounterAges);
document.getElementById('Age'+ ThisRoomCounterAges + 'Room'+ 4).style.display="block";;
ThisRoomCounterAges++;
}


}
else{
alert(error);
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	

});

childrenٍSubBtn4.addEventListener('click', function () {
var room_id="room_4";
console.log(totalGuests + '-' + maxNumGuests);
var thisRoomChildrenCount = Number(document.getElementById('guests-count-children4').innerHTML);

if(thisRoomChildrenCount!=0)	{
document.getElementById('ages_4').style.display='block';
document.getElementById('guests-count-children4').innerHTML= Number(thisRoomChildrenCount) - 1;
document.getElementById('NumChildren4').value= Number(thisRoomChildrenCount)-1;
thisRoomChildrenCount=thisRoomChildrenCount - 1;
totalGuests= totalGuests - 1;
}


if(thisRoomChildrenCount==0)	{
document.getElementById('ages_4').style.display='none';
document.getElementById('Age1Room4').style.display='none';
document.getElementById('Age2Room4').style.display='none';
document.getElementById('Age3Room4').style.display='none';
}
else if(thisRoomChildrenCount==1){
document.getElementById('Age1Room4').style.display='block';
document.getElementById('Age2Room4').style.display='none';
document.getElementById('Age3Room4').style.display='none';

}	
else if(thisRoomChildrenCount==2){
document.getElementById('Age1Room4').style.display='block';
document.getElementById('Age2Room4').style.display='block';
document.getElementById('Age3Room4').style.display='none';
}
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;		
});

	
		
		
		guestBtn.addEventListener('click', function (e) {
			if (isGuestInputOpen) {
				guestBtn.classList.remove("open");
				guestOptions.classList.remove("open");
			} else {
				document.getElementById('guests-input-options').style.display='block';
				guestBtn.classList.add("open");
				guestOptions.classList.add("open");
			}
			isGuestInputOpen = isGuestInputOpen ? false : true;
			e.preventDefault();
		});
		
		
		
	guestBtnClose.addEventListener('click', function (e) {
			if (isGuestInputOpen) {
				guestBtn.classList.remove("open");
				guestOptions.classList.remove("open");
			} else {
				document.getElementById('guests-input-options').style.display='block';
				guestBtn.classList.add("open");
				guestOptions.classList.add("open");
			}
			isGuestInputOpen = isGuestInputOpen ? false : true;
			e.preventDefault();
		});	
		
		
roomAddBtn.addEventListener('click', function () {
		var actualRoomCount= roomCount;
	if(roomCount < maxNumRooms && totalGuests < maxNumGuests)	{
		

		roomCount=roomCount+1;
		var counter_rooms = 1; 

		while(counter_rooms <= maxNumRooms)	{

var room_id="room_" + counter_rooms ;

var thisRoom = document.getElementById(room_id);

if (counter_rooms<=roomCount)	{
if(totalGuests < maxNumGuests)	{
 
console.log(counter_rooms + '-' +  roomCount);
thisRoom.style.display="block";

if(counter_rooms > actualRoomCount)	{
if(totalGuests < 8)	{ var NewAdultNumber=2;} else {var NewAdultNumber=1;}
totalGuests=totalGuests+NewAdultNumber;
document.getElementById('guests-count-adults'+counter_rooms).innerHTML=NewAdultNumber;
document.getElementById('guests-count-children'+counter_rooms).innerHTML=0;
document.getElementById('NumAdults'+counter_rooms).value=NewAdultNumber;
document.getElementById('NumChildren'+counter_rooms).value=0;
									}

}
//room adults
//room children
//total pax
//

}

else {thisRoom.style.display="none";
}
roomCountEl.innerHTML=roomCount;

document.getElementById('RequiredRoomNumber').value=roomCount;
counter_rooms++;

		}	
		}
else{
alert('Either maximum number of rooms or maximum number of guests reached. If you need more rooms or more guests please contact us');		

}		

	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	


	
//roomCount = addValues(roomCount);
//updateValues();
});
		
		
roomSubsBtn.addEventListener('click', function () {

		roomCount=Number(roomCountEl.innerHTML);


		if(roomCount > 1)	{
		
		roomCount=roomCount-1;
		var counter_rooms = 1; 




		while(counter_rooms <= maxNumRooms)	{

var room_id="room_" + counter_rooms ;

var thisRoom = document.getElementById(room_id);

if (counter_rooms<=roomCount)	{

thisRoom.style.display="block";}

else {thisRoom.style.display="none";}

if (counter_rooms>roomCount)	{

console.log('Total Guests' + totalGuests);
var thisRoomAdults=Number(document.getElementById('guests-count-adults'+counter_rooms).innerHTML);
var thisRoomChildren=Number(document.getElementById('guests-count-children'+counter_rooms).innerHTML);


document.getElementById('guests-count-adults'+counter_rooms).innerHTML=0;
document.getElementById('guests-count-children'+counter_rooms).innerHTML=0;
document.getElementById('NumAdults'+counter_rooms).value=0;
document.getElementById('NumChildren'+counter_rooms).value=0;

totalGuests= totalGuests - thisRoomAdults;
totalGuests= totalGuests - thisRoomChildren;


roomCountEl.innerHTML=roomCount;

document.getElementById('RequiredRoomNumber').value=roomCount;
}

counter_rooms++;

		}	
		}		
	
document.getElementById('guests-input-btn').innerHTML=totalGuests + ' Guests, ' + roomCount + ' Rooms ' ;	
		});


	})();
	
	
})(this.jQuery);	
 </script>				

</div>

<div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 d-none d-md-block">
    <div class="form-group mb-0">
        <br>
        <button type="submit" class="btn btn-primary full-width fw-medium">
            <i class="fa-solid fa-magnifying-glass me-2"></i>Buscar
        </button>
    </div>
</div>
<div  style='display:none; margin-top: 0px;' id='NationalityDiv' >
<div class='row'>
<div class="col-xl-6 col-lg-6 col-md-6 col-xs-12">
<span class="SearchBoxlabels">Nacionalidad</span> <br>
<select name=Nationality class='form-control'><option value='412' >Afganistán </option><option value='522' >Albania </option><option value='536' >Alemania </option><option value='523' >Andorra </option><option value='457' >Angola </option><option value='574' >Anguilla </option><option value='575' >Antigua y Barbuda </option><option value='23' >Arabia Saudí </option><option value='455' >Argelia </option><option value='602' >Argentina </option><option value='413' >Armenia </option><option value='576' >Aruba </option><option value='508' >Australia </option><option value='524' >Austria </option><option value='415' >Azerbaiyán </option><option value='577' >Bahamas </option><option value='29' >Bahréin </option><option value='416' >Bangladesh </option><option value='578' >Barbados </option><option value='526' >Bélgica </option><option value='569' >Belice </option><option value='460' >Benin </option><option value='579' >Bermudas </option><option value='525' >Bielorusia </option><option value='436' >Birmania </option><option value='603' >Bolivia </option><option value='527' >Bosnia Herzegovina </option><option value='463' >Botsuana </option><option value='604' >Brasil </option><option value='419' >Brunéi  </option><option value='528' >Bulgaria </option><option value='466' >Burkina Faso </option><option value='470' >Burundi </option><option value='417' >Bután </option><option value='476' >Cabo Verde </option><option value='421' >Camboya </option><option value='473' >Camerún </option><option value='600' >Canadá </option><option value='482' >Chad </option><option value='605' >Chile </option><option value='422' >China </option><option value='530' >Chipre </option><option value='606' >Colombia </option><option value='485' >Comoras </option><option value='488' >Congo Brazzaville </option><option value='490' >Congo Kinshasa </option><option value='121702' >Costa del Marfil </option><option value='572' >Costa Rica </option><option value='529' >Croacia </option><option value='582' >Cuba </option><option value='591' >CURAÇAO </option><option value='532' >Dinamarca </option><option value='123109' >Dominica </option><option value='607' >Ecuador </option><option value='15' >Egipto </option><option value='24' >El Líbano </option><option value='565' >El Reino Unido </option><option value='565' >El Reino Unido </option><option value='571' >El Salvador </option><option value='566' >El Vaticano </option><option value='30' >Emirates Árabes Unidos </option><option value='502' >Eritrea </option><option value='558' >Eslovaquia  </option><option value='559' >Eslovenia </option><option value='560' >España </option><option value='599' selected>Estados Unidos de América </option><option value='533' >Estonia </option><option value='505' >Etiopía </option><option value='441' >Filipinas </option><option value='534' >Finlandia </option><option value='509' >Fiyi  </option><option value='535' >Francia </option><option value='458' >Gabón </option><option value='461' >Gambia </option><option value='424' >Georgia </option><option value='464' >Ghana </option><option value='619' >Gibraltar </option><option value='537' >Grecia </option><option value='591' >Grenada </option><option value='123119' >Groenlandia </option><option value='585' >Guadalupe </option><option value='633' >Guam </option><option value='568' >Guatemala </option><option value='123371' >Guernsey y Alderney </option><option value='468' >Guinea </option><option value='471' >Guinea Bissau </option><option value='500' >Guinea Ecuatorial </option><option value='609' >Guyana </option><option value='608' >Guyana Francesa </option><option value='586' >Haití </option><option value='550' >Holanda </option><option value='573' >Honduras </option><option value='422' >Hong Kong </option><option value='538' >Hungría </option><option value='426' >India </option><option value='427' >Indonesia </option><option value='33' >Irán </option><option value='26' >Iraq </option><option value='540' >Irlanda </option><option value='123118' >Isla de Man </option><option value='539' >Islandia </option><option value='591' >Islas Antillas </option><option value='581' >Islas Caimán </option><option value='123108' >Islas Cook </option><option value='123114' >Islas de Norfolk </option><option value='123110' >Islas Faroe </option><option value='618' >Islas Malvinas </option><option value='634' >Islas Marianas del Norte </option><option value='511' >Islas Marshall </option><option value='123113' >Islas Menores de Estados Unidos </option><option value='620' >Islas Pitcairn </option><option value='518' >Islas Salomón </option><option value='597' >Islas Turcas y Caicos  </option><option value='598' >Islas Vírgenes Americanas </option><option value='580' >Islas Vírgenes Británicas </option><option value='121703' >Israel </option><option value='541' >Italia </option><option value='587' >Jamaica </option><option value='428' >Japón </option><option value='123372' >Jersey </option><option value='16' >Jordania </option><option value='429' >Kazajistán </option><option value='474' >Kenya </option><option value='430' >Kirguistán </option><option value='510' >Kiribati </option><option value='438' >Korea del Norte </option><option value='445' >Korea del Sur </option><option value='115981' >Kosovo </option><option value='27' >Kuwait </option><option value='431' >Laos </option><option value='477' >Lesoto </option><option value='542' >Letonia </option><option value='480' >Liberia </option><option value='483' >Libia </option><option value='543' >Liechtenstein </option><option value='544' >Lituania </option><option value='545' >Luxemburgo </option><option value='422' >Macau </option><option value='546' >Macedonia </option><option value='486' >Madagascar </option><option value='433' >Malasia </option><option value='489' >Malawi </option><option value='434' >Maldivas </option><option value='491' >Mali </option><option value='547' >Malta </option><option value='498' >Marruecos </option><option value='588' >Martinica </option><option value='496' >Mauricio </option><option value='493' >Mauritania </option><option value='626' >Mayotte </option><option value='601' >México </option><option value='512' >Micronesia </option><option value='548' >Moldavia </option><option value='549' >Mónaco </option><option value='435' >Mongolia </option><option value='116026' >Montenegro </option><option value='589' >Montserrat </option><option value='501' >Mozambique </option><option value='503' >Namibia </option><option value='513' >Nauru </option><option value='437' >Nepal </option><option value='570' >Nicaragua </option><option value='456' >Niger </option><option value='459' >Nigeria </option><option value='123111' >Niue </option><option value='498086975' >Norte de Chipre </option><option value='551' >Noruega </option><option value='627' >Nueva Caledonia </option><option value='514' >Nueva Zelanda </option><option value='31' >Omán </option><option value='439' >Pakistán </option><option value='515' >Palau </option><option value='440' >Palestina </option><option value='567' >Panamá </option><option value='516' >Papua Nueva Guinea </option><option value='610' >Paraguay </option><option value='611' >Perú </option><option value='628' >Polinesia Francesa </option><option value='552' >Polonia </option><option value='553' >Portugal </option><option value='592' >Puerto Rico </option><option value='28' >Qatar </option><option value='479' >Rep. Centroafricana </option><option value='531' >Rep. Checa </option><option value='583' >Rep. Dominicana </option><option value='629' >Reunión </option><option value='465' >Ruanda </option><option value='554' >Rumanía </option><option value='555' >Rusia </option><option value='517' >Samoa </option><option value='632' >Samoa Americana </option><option value='585' >San Bartolomeo </option><option value='593' >San Cristóbal y Nieves </option><option value='556' >San Marino </option><option value='630' >San Pedro y Miquelón </option><option value='595' >San Vicente y las Granadinas  </option><option value='621' >Santa Helena </option><option value='594' >Santa Lucía </option><option value='469' >Santo Tomé y Príncipe </option><option value='472' >Senegal </option><option value='557' >Serbia </option><option value='557' >Serbia </option><option value='475' >Seychelles </option><option value='478' >Sierra Leona </option><option value='444' >Singapur </option><option value='25' >Siria </option><option value='481' >Somalia </option><option value='446' >Sri Lanka </option><option value='2116' >Suazilandia </option><option value='484' >Sudáfrica </option><option value='487' >Sudán </option><option value='498086939' >Sudan del Sur </option><option value='561' >Suecia </option><option value='562' >Suiza </option><option value='612' >Surinam </option><option value='123107' >Svalbard y Jan Mayen </option><option value='449' >Tailandia </option><option value='447' >Taiwan </option><option value='492' >Tanzania </option><option value='448' >Tayikistán </option><option value='423' >Timor Oriental </option><option value='494' >Togo </option><option value='123115' >Tokelau </option><option value='519' >Tonga </option><option value='596' >Trinidad y Tobago </option><option value='497' >Tunez </option><option value='452' >Turkmenistán </option><option value='563' >Turquía </option><option value='520' >Tuvalu </option><option value='564' >Ucrania </option><option value='499' >Uganda </option><option value='613' >Uruguay </option><option value='453' >Uzbekistán </option><option value='521' >Vanuatu </option><option value='614' >Venezuela </option><option value='454' >Vietnam </option><option value='631' >Wallis y Futuna </option><option value='32' >Yemen </option><option value='495' >Yibouti </option><option value='504' >Zambia </option><option value='506' >Zimbabue </option></select></div>
<div class="col-xl-6 col-lg-6 col-md-6 col-xs-12 " >
<span class="SearchBoxlabels">País de Residencia</span> <br>
<select name=country_of_residence class='form-control'><option value='412' >Afganistán </option><option value='522' >Albania </option><option value='536' >Alemania </option><option value='523' >Andorra </option><option value='457' >Angola </option><option value='574' >Anguilla </option><option value='575' >Antigua y Barbuda </option><option value='23' >Arabia Saudí </option><option value='455' >Argelia </option><option value='602' >Argentina </option><option value='413' >Armenia </option><option value='576' >Aruba </option><option value='508' >Australia </option><option value='524' >Austria </option><option value='415' >Azerbaiyán </option><option value='577' >Bahamas </option><option value='29' >Bahréin </option><option value='416' >Bangladesh </option><option value='578' >Barbados </option><option value='526' >Bélgica </option><option value='569' >Belice </option><option value='460' >Benin </option><option value='579' >Bermudas </option><option value='525' >Bielorusia </option><option value='436' >Birmania </option><option value='603' >Bolivia </option><option value='527' >Bosnia Herzegovina </option><option value='463' >Botsuana </option><option value='604' >Brasil </option><option value='419' >Brunéi  </option><option value='528' >Bulgaria </option><option value='466' >Burkina Faso </option><option value='470' >Burundi </option><option value='417' >Bután </option><option value='476' >Cabo Verde </option><option value='421' >Camboya </option><option value='473' >Camerún </option><option value='600' >Canadá </option><option value='482' >Chad </option><option value='605' >Chile </option><option value='422' >China </option><option value='530' >Chipre </option><option value='606' >Colombia </option><option value='485' >Comoras </option><option value='488' >Congo Brazzaville </option><option value='490' >Congo Kinshasa </option><option value='121702' >Costa del Marfil </option><option value='572' >Costa Rica </option><option value='529' >Croacia </option><option value='582' >Cuba </option><option value='591' >CURAÇAO </option><option value='532' >Dinamarca </option><option value='123109' >Dominica </option><option value='607' >Ecuador </option><option value='15' >Egipto </option><option value='24' >El Líbano </option><option value='565' >El Reino Unido </option><option value='565' >El Reino Unido </option><option value='571' >El Salvador </option><option value='566' >El Vaticano </option><option value='30' >Emirates Árabes Unidos </option><option value='502' >Eritrea </option><option value='558' >Eslovaquia  </option><option value='559' >Eslovenia </option><option value='560' >España </option><option value='599' selected>Estados Unidos de América </option><option value='533' >Estonia </option><option value='505' >Etiopía </option><option value='441' >Filipinas </option><option value='534' >Finlandia </option><option value='509' >Fiyi  </option><option value='535' >Francia </option><option value='458' >Gabón </option><option value='461' >Gambia </option><option value='424' >Georgia </option><option value='464' >Ghana </option><option value='619' >Gibraltar </option><option value='537' >Grecia </option><option value='591' >Grenada </option><option value='123119' >Groenlandia </option><option value='585' >Guadalupe </option><option value='633' >Guam </option><option value='568' >Guatemala </option><option value='123371' >Guernsey y Alderney </option><option value='468' >Guinea </option><option value='471' >Guinea Bissau </option><option value='500' >Guinea Ecuatorial </option><option value='609' >Guyana </option><option value='608' >Guyana Francesa </option><option value='586' >Haití </option><option value='550' >Holanda </option><option value='573' >Honduras </option><option value='422' >Hong Kong </option><option value='538' >Hungría </option><option value='426' >India </option><option value='427' >Indonesia </option><option value='33' >Irán </option><option value='26' >Iraq </option><option value='540' >Irlanda </option><option value='123118' >Isla de Man </option><option value='539' >Islandia </option><option value='591' >Islas Antillas </option><option value='581' >Islas Caimán </option><option value='123108' >Islas Cook </option><option value='123114' >Islas de Norfolk </option><option value='123110' >Islas Faroe </option><option value='618' >Islas Malvinas </option><option value='634' >Islas Marianas del Norte </option><option value='511' >Islas Marshall </option><option value='123113' >Islas Menores de Estados Unidos </option><option value='620' >Islas Pitcairn </option><option value='518' >Islas Salomón </option><option value='597' >Islas Turcas y Caicos  </option><option value='598' >Islas Vírgenes Americanas </option><option value='580' >Islas Vírgenes Británicas </option><option value='121703' >Israel </option><option value='541' >Italia </option><option value='587' >Jamaica </option><option value='428' >Japón </option><option value='123372' >Jersey </option><option value='16' >Jordania </option><option value='429' >Kazajistán </option><option value='474' >Kenya </option><option value='430' >Kirguistán </option><option value='510' >Kiribati </option><option value='438' >Korea del Norte </option><option value='445' >Korea del Sur </option><option value='115981' >Kosovo </option><option value='27' >Kuwait </option><option value='431' >Laos </option><option value='477' >Lesoto </option><option value='542' >Letonia </option><option value='480' >Liberia </option><option value='483' >Libia </option><option value='543' >Liechtenstein </option><option value='544' >Lituania </option><option value='545' >Luxemburgo </option><option value='422' >Macau </option><option value='546' >Macedonia </option><option value='486' >Madagascar </option><option value='433' >Malasia </option><option value='489' >Malawi </option><option value='434' >Maldivas </option><option value='491' >Mali </option><option value='547' >Malta </option><option value='498' >Marruecos </option><option value='588' >Martinica </option><option value='496' >Mauricio </option><option value='493' >Mauritania </option><option value='626' >Mayotte </option><option value='601' >México </option><option value='512' >Micronesia </option><option value='548' >Moldavia </option><option value='549' >Mónaco </option><option value='435' >Mongolia </option><option value='116026' >Montenegro </option><option value='589' >Montserrat </option><option value='501' >Mozambique </option><option value='503' >Namibia </option><option value='513' >Nauru </option><option value='437' >Nepal </option><option value='570' >Nicaragua </option><option value='456' >Niger </option><option value='459' >Nigeria </option><option value='123111' >Niue </option><option value='498086975' >Norte de Chipre </option><option value='551' >Noruega </option><option value='627' >Nueva Caledonia </option><option value='514' >Nueva Zelanda </option><option value='31' >Omán </option><option value='439' >Pakistán </option><option value='515' >Palau </option><option value='440' >Palestina </option><option value='567' >Panamá </option><option value='516' >Papua Nueva Guinea </option><option value='610' >Paraguay </option><option value='611' >Perú </option><option value='628' >Polinesia Francesa </option><option value='552' >Polonia </option><option value='553' >Portugal </option><option value='592' >Puerto Rico </option><option value='28' >Qatar </option><option value='479' >Rep. Centroafricana </option><option value='531' >Rep. Checa </option><option value='583' >Rep. Dominicana </option><option value='629' >Reunión </option><option value='465' >Ruanda </option><option value='554' >Rumanía </option><option value='555' >Rusia </option><option value='517' >Samoa </option><option value='632' >Samoa Americana </option><option value='585' >San Bartolomeo </option><option value='593' >San Cristóbal y Nieves </option><option value='556' >San Marino </option><option value='630' >San Pedro y Miquelón </option><option value='595' >San Vicente y las Granadinas  </option><option value='621' >Santa Helena </option><option value='594' >Santa Lucía </option><option value='469' >Santo Tomé y Príncipe </option><option value='472' >Senegal </option><option value='557' >Serbia </option><option value='557' >Serbia </option><option value='475' >Seychelles </option><option value='478' >Sierra Leona </option><option value='444' >Singapur </option><option value='25' >Siria </option><option value='481' >Somalia </option><option value='446' >Sri Lanka </option><option value='2116' >Suazilandia </option><option value='484' >Sudáfrica </option><option value='487' >Sudán </option><option value='498086939' >Sudan del Sur </option><option value='561' >Suecia </option><option value='562' >Suiza </option><option value='612' >Surinam </option><option value='123107' >Svalbard y Jan Mayen </option><option value='449' >Tailandia </option><option value='447' >Taiwan </option><option value='492' >Tanzania </option><option value='448' >Tayikistán </option><option value='423' >Timor Oriental </option><option value='494' >Togo </option><option value='123115' >Tokelau </option><option value='519' >Tonga </option><option value='596' >Trinidad y Tobago </option><option value='497' >Tunez </option><option value='452' >Turkmenistán </option><option value='563' >Turquía </option><option value='520' >Tuvalu </option><option value='564' >Ucrania </option><option value='499' >Uganda </option><option value='613' >Uruguay </option><option value='453' >Uzbekistán </option><option value='521' >Vanuatu </option><option value='614' >Venezuela </option><option value='454' >Vietnam </option><option value='631' >Wallis y Futuna </option><option value='32' >Yemen </option><option value='495' >Yibouti </option><option value='504' >Zambia </option><option value='506' >Zimbabue </option></select></div>
</div></div>


<div class="col-xl-2 col-lg-2 col-md-2 col-sm-2 d-block d-md-none">
    <div class="form-group mb-0">
        <br>
        <button type="submit" class="btn btn-primary full-width fw-medium">
            <i class="fa-solid fa-magnifying-glass me-2"></i>Buscar
        </button>
    </div>
</div>
</div>

				
<div style='display:none; color:red;' id=HeaderListTypes>

<span style='    background: var(--bs-primary-bg-subtle);
    color: var(--bs-primary);'><i class='fa-solid {{TypeIcon}}' text-primary></i>  {{TypeName}} </span>

</div>


<div style='display:none;' id=ItemListTypes>
<li>
<a href="#calendar" onclick="HotelsWriteChoosenGeoPlace( {{ItemId}}, '{{ItemTypeId}}', '{{ItemName}}');">
<b><i class=' fa-solid {{TypeIcon}}' text-secondary></i> {{ItemName}}</a></b>   <br> 
<span class='SearchResultsPathAddress'> {{ItemCityName}} - {{ItemProvinceName}} - {{ItemCountryName}}</span>
</li>	
</div>	

<div style='display:none;' id=FooterListTypes>

</div>	



				</div>	
	
  </div>
</div>
		
		</div>
  
				<!-- </row> -->
			</div>
		</div>


<div class='row'>
<div class='col-md-12' style='padding:10px;'>
<div class='clearfix'></div>	
<hr>
<div class='col-sm-12 '>
<h5 class="h6 text-dark fw-semibold mb-0"><i class='fa fa-server TextRed'></i> DESCRIPCIÓN DE HOTEL HAMPTON INN CLARION</h5>
<div class='clearfix'></div><br>
<div class="dfls-secription"><p class="mb-0">

The following services and amenities are available, but with **reduced service**: Fitness Center, Breakfast, Pool.The Hampton Inn Clarion, PA hotel is located next to the Clarion Hospital at the popular Exit 62 interchange of Pennsylvania Interstate 80. Hotel guests will find the Clarion Mall with the 7 screens of Destinta Movie Theater, a Wal-Mart Super Store with 24-hour shopping convenience, and the Clarion Oaks Golf Club, a 18 hole championship golf course.

Within a short drive of the Hampton Inn Clarion hotel, guests will find Pennsylvania area attractions that include the Clarion River, Cook Forest State Park and the Allegheny National Forest. Opportunities for hiking, canoeing, horseback riding, hunting, fishing, boating, bird watching, cross county skiing, and ATV trail riding are available seasonally throughout the year.

The borough of Clarion, host of the annual Autumn Leaf Festival and a former Pennsylvania outstanding community award winner, is located one mile north of our hotel. Clarion University of Pennsylvania, a four year liberal arts school known for its educational excellence, is also located here in Clarion. Treat yourself to a unique shopping and dining experience with a visit to downtown Clarion, Pennsylvania. Learn more about our local history when you step inside the Sutton-Ditz Museum, a restored late Victorian period home.

We love having you here in Pennsylvania at the Hampton Inn Clarion hotel! 
 </p>
</div></div>
<div class='clearfix'></div>
<hr>

<div class='clearfix'></div>

	
<div class='clearfix'></div>

<div class='clearfix'></div>
<div class='col-sm-12  '>
<h5 class="h6 text-dark fw-semibold mb-0"><i class="fa-solid fa-bell TextRed"></i></span> INSTALACIONES DE HOTEL HAMPTON INN CLARION</h5>
<div class='clearfix'></div><br>
<div class='row fontStyle' style='padding-left:5px;padding-right:5px'>


<div  class='col-md-4 col-xs-6 HotelServicesList' ><i class='fa fa-check blue-color'></i> Servicio Médico</div><div  class='col-md-4 col-xs-6 HotelServicesList' ><i class='fa fa-check blue-color'></i> Tienda de Regalos</div>
<div class=clearfix></div>
<span class='SomeServiseArePaid'> (*) Algunos servicios son pagados directamente en el establecimiento.. </span>
</div>
</div>
<div class='clearfix'></div>
<hr>
<div class='clearfix'></div>
	<div class='col-sm-12  '>
<h5 class="h6 text-dark fw-semibold mb-0"><i class="fa-solid fa-table-tennis-paddle-ball TextRed"></i>  INSTALACIONES DE OCIO HOTEL HAMPTON INN CLARION</h5>
<div class='clearfix'></div><br>
<div class=' row fontStyle' style='padding-left:5px;padding-right:5px'>
<div  class='col-md-4 col-xs-6 HotelServicesList' ><i class='fa fa-check blue-color'></i> Pesca</div><div  class='col-md-4 col-xs-6 HotelServicesList' ><i class='fa fa-check blue-color'></i> Hidromasaje (*)</div><div  class='col-md-4 col-xs-6 HotelServicesList' ><i class='fa fa-check blue-color'></i> Caza</div><div  class='col-md-4 col-xs-6 HotelServicesList' ><i class='fa fa-check blue-color'></i> Esquí</div><div  class='col-md-4 col-xs-6 HotelServicesList' ><i class='fa fa-check blue-color'></i> Senderismo</div><div  class='col-md-4 col-xs-6 HotelServicesList' ><i class='fa fa-check blue-color'></i> Golf (*)</div><div class=clearfix></div><span class='SomeServiseArePaid'> (*) Algunos servicios son pagados directamente en el establecimiento.. </span>
</div>
</div>
<div class='clearfix'></div>


<hr>
<div class='clearfix'></div>

<div class='clearfix'></div>

</div>
</div>

<h3 class="fs-5 mb-0">CERCA DE  HOTEL HAMPTON INN CLARION</h3> <br>

 <h4 class="TitleHotelServices" style='margin:20px;'><i class='fa-solid fa-pizza-slice TextRed'></i> RESTAURANTES CERCANOS A  HAMPTON INN CLARION </h4>
<div class='row'>
<ul class="row align-items-center p-0 mb-0">
 

<li class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="explot-first"><span class="text-dark ms-2">
 <a href="https://maps.google.com/maps?output=search&q=Perkins+Restaurant+%26+Bakery++++Clarion++" class="hover-effect popup-gallery" title='  -78 Perkins Road   ' target='Location'><i class="fa-solid fa-utensils"></i> Perkins Restaurant & Bakery</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.18 km </span></div>
</div>
</li>
<li class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="explot-first"><span class="text-dark ms-2">
 <a href="https://maps.google.com/maps?output=search&q=Taco+Bell++++Clarion++" class="hover-effect popup-gallery" title='  -83 Perkins Rd   ' target='Location'><i class="fa-solid fa-utensils"></i> Taco Bell</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.23 km </span></div>
</div>
</li>
<li class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="explot-first"><span class="text-dark ms-2">
 <a href="https://maps.google.com/maps?output=search&q=Subway++++Clarion++" class="hover-effect popup-gallery" title='  -22467 Route 68   ' target='Location'><i class="fa-solid fa-utensils"></i> Subway</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.23 km </span></div>
</div>
</li>
<li class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="explot-first"><span class="text-dark ms-2">
 <a href="https://maps.google.com/maps?output=search&q=Arby%27s++++Clarion++" class="hover-effect popup-gallery" title='  -26 Perkins Rd   ' target='Location'><i class="fa-solid fa-utensils"></i> Arby's</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.25 km </span></div>
</div>
</li>
<li class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="explot-first"><span class="text-dark ms-2">
 <a href="https://maps.google.com/maps?output=search&q=Eat%27n+Park++++Clarion++" class="hover-effect popup-gallery" title='  -35 Perkins Rd   ' target='Location'><i class="fa-solid fa-utensils"></i> Eat'n Park</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.27 km </span></div>
</div>
</li>
<li class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="explot-first"><span class="text-dark ms-2">
 <a href="https://maps.google.com/maps?output=search&q=Red+River+Roadhouse++++Clarion++" class="hover-effect popup-gallery" title='  -22631 Route 68   ' target='Location'><i class="fa-solid fa-utensils"></i> Red River Roadhouse</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.31 km </span></div>
</div>
</li>
<li class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="explot-first"><span class="text-dark ms-2">
 <a href="https://maps.google.com/maps?output=search&q=Burger+King++++Clarion++" class="hover-effect popup-gallery" title='  -22585 Route 68   ' target='Location'><i class="fa-solid fa-utensils"></i> Burger King</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.33 km </span></div>
</div>
</li>
<li class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="explot-first"><span class="text-dark ms-2">
 <a href="https://maps.google.com/maps?output=search&q=rbg+Bar+%26+Grill++++Clarion++" class="hover-effect popup-gallery" title='  -45 Holiday Inn Rd   ' target='Location'><i class="fa-solid fa-utensils"></i> rbg Bar & Grill</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.35 km </span></div>
</div>
</li>
<li class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="explot-first"><span class="text-dark ms-2">
 <a href="https://maps.google.com/maps?output=search&q=Pizza+Hut++++Clarion++" class="hover-effect popup-gallery" title='  -22566 Route 68   ' target='Location'><i class="fa-solid fa-utensils"></i> Pizza Hut</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.36 km </span></div>
</div>
</li>
<li class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="explot-first"><span class="text-dark ms-2">
 <a href="https://maps.google.com/maps?output=search&q=Applebee%27s++++Clarion++" class="hover-effect popup-gallery" title='  -22296 Route 68   ' target='Location'><i class="fa-solid fa-utensils"></i> Applebee's</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.4 km </span></div>
</div>
</li>
<li class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="explot-first"><span class="text-dark ms-2">
 <a href="https://maps.google.com/maps?output=search&q=Meadows+Frozen+Custard++++Clarion++" class="hover-effect popup-gallery" title='  -22671 Route 68   ' target='Location'><i class="fa-solid fa-utensils"></i> Meadows Frozen Custard</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.4 km </span></div>
</div>
</li>
<li class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="explot-first"><span class="text-dark ms-2">
 <a href="https://maps.google.com/maps?output=search&q=Cozumel+Mexican+Restaurant+%26+Cantina++++Clarion++" class="hover-effect popup-gallery" title='  -24 United Dr   ' target='Location'><i class="fa-solid fa-utensils"></i> Cozumel Mexican Restaurant & Cantina</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.42 km </span></div>
</div>
</li>



 </ul></div>
<div class=clearfix></div></hr>
 
<center>
<div style='width:300px; height:50px; margin:auto;  padding-top:15px; border:1px solid #000; z-index:100'>
<a href='/es/Restaurantes/Clarion/497973363/'><b> MÁS RESTAURANTES EN CLARION</b></a>
</div>
</center>
<div class=clearfix></div><br><br>


<hr>

<hr>

<h4 class="TitleHotelServices" style='margin:20px;'>
<i class="fa-solid fa-hotel TextRed"></i> HOTELES CERCA DE HAMPTON INN CLARION  </a></h4>
<br>
<div class='row'>
<ul class="row align-items-center p-0 mb-0">
<li class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="explot-first"><span class="text-dark ms-2">
 <a href="/es/hoteles/Clarion/HOLIDAINN-CLARION-Descripci%C3%B3n/h321471.1/" class="hover-effect popup-gallery" title='Clarion   -'>
 <i class="fa-solid fa-square-h"></i> HolidaInn Clarion  <font color=white>...&nbsp;</font> </a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.34 km </span></div>
</div>
</li>
<li class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="explot-first"><span class="text-dark ms-2">
 <a href="/es/hoteles/Clarion/HOLIDAINN-EXPRESS-SUITES-CLARION-Descripci%C3%B3n/h321469.1/" class="hover-effect popup-gallery" title='Clarion   -'>
 <i class="fa-solid fa-square-h"></i> HOLIDAINN EXPRESS SUITES CLARION  <font color=white>...&nbsp;</font> </a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.39 km </span></div>
</div>
</li>
<li class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="explot-first"><span class="text-dark ms-2">
 <a href="/es/hoteles/Clarion/QUALITY-INN-CLARION-Descripci%C3%B3n/h110436.1/" class="hover-effect popup-gallery" title='Clarion   -'>
 <i class="fa-solid fa-square-h"></i> Quality Inn Clarion  <font color=white>...&nbsp;</font> </a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.45 km </span></div>
</div>
</li>
<li class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
<div class="d-flex align-items-center justify-content-between mb-3">
<div class="explot-first"><span class="text-dark ms-2">
 <a href="/es/hoteles/Clarion/HAMPTON-INN-CLARION-Descripci%C3%B3n/h268717.1/" class="hover-effect popup-gallery" title='Clarion   -'>
 <i class="fa-solid fa-square-h"></i> Hampton Inn Clarion  <font color=white>...&nbsp;</font> </a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.45 km </span></div>
</div>
</li>

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

<center>
<div style='width:300px; height:50px; margin:auto;  padding-top:15px; border:1px solid #000; z-index:100'>
<a href='/es/hoteles/Estados-Unidos-de-Am%C3%A9rica/Clarion/497973363/'><b> Más Hoteles  Clarion</b></a>
</div>
</center>
<div class=clearfix></div><br><br>

<hr>
<div class='container text-center'>
<h3 class="HeaderH1">MÁS SOBRE  CLARION </h3> <br>

<center><div class="col-xs-12 Geo-Top-menu"> 
    <span class=center> Guía de  Clarion | </span> 
<span> <a href="/es/guia-de-destinos/Clarion/497973363/" target="_self">Guia de Viajes </a> | </span>
<span><a href="/es/guia-de-destinos/Clarion/Distancias-entre--Clarionlas-ciudades-m%C3%A1s-importantes.d.497973363/" target="_self">Distancias </a>| </span><span><a href="/es/el-tiempo/Clarion/497973363/" target="_self">El Tiempo </a>| </span><span><a href="/es/guia-de-destinos/Clarion/Mapa-de-Clarion.m.497973363/" target="_self">Mapa </a>| </span><span><a href="/es/hoteles/Estados-Unidos-de-Am%C3%A9rica/Clarion/497973363/" target="_self">Hoteles </a>| </span> </div></center>
</div>
<div class=clearfix></div>
</div>


</div></div></div>
</section>					

    <!-- ============================ Call To Action Start ================================== -->
    <div class="py-5 bg-primary SubScribeNewsLetter" id='SubScribeNewsLetter'>
      <div class="container">
        <div class="row align-items-center justify-content-between">

          <div class="col-xl-4 col-lg-4 col-md-6">
            <h4 class="text-light fw-bold lh-base m-0">Recibe nuestro boletin con las mejores ofertas!</h4>
          </div>

          <div class="col-xl-5 col-lg-5 col-md-6">
            <div class="newsletter-forms mt-md-0 mt-4">
              <form>
                <div class="row align-items-center justify-content-between bg-white rounded-3 p-2 gx-0">

                  <div class="col-xl-9 col-lg-8 col-md-8">
                    <div class="form-group m-0">
                      <input type="text" class="form-control bold ps-1 border-0" placeholder="Escribe Tu Email Aqui!">
                    </div>
                  </div>
                  <div class="col-xl-3 col-lg-4 col-md-4">
                    <div class="form-group m-0">
                      <button type="button" class="btn btn-dark fw-medium full-width">Suscribirse<i
                          class="fa-solid fa-arrow-trend-up ms-2"></i></button>
                    </div>
                  </div>

                </div>
              </form>
            </div>
          </div>

        </div>
      </div>
    </div>
<a name=footer></a>
    <!-- ============================ Footer Start ================================== -->
    <footer class="footer skin-light-footer" id='footer'>
      <div>
        <div class="container">
          <div class="row">

            <div class="col-lg-3 col-md-4">
              <div class="footer-widget">
                <div class="d-flex align-items-start flex-column mb-3">
                  <div class="d-inline-block"><img src="/html/customization/travelistica.com/assets/images/_private/travelistica.com/es/logo-site.png" class="img-fluid" width="160"
                      alt="Footer Logo">
                  </div>
                </div>
                <div class="footer-add pe-xl-3">
                  <p>Hacemos grandes tus viajes!</p>
                </div>
                <div class="foot-socials">
                  <ul>
                 <li><a href="https://www.facebook.com/Travelistica.TuGranViaje"><i class="fa-brands fa-facebook"></i></a></li><li><a href="https://www.instagram.com/travelistica.grandesviajes/"><i class="fa-brands fa-square-instagram"></i></a></li><li><a href="https://www.youtube.com/@travelistica.grandes.viajes"><i class="fa-brands fa-youtube"></i></a></li><li><a href="https://www.pinterest.com/travelisticagrandesviajes"><i class="fa-brands fa-pinterest"></i></a></li>
                  </ul>
                </div>
			
              </div>
            </div>
            <div class="col-lg-2 col-md-4">
              <div class="footer-widget">
                <h4 class="widget-title">Productos y Servicios</h4>
                <ul class="footer-menu">
				<li><a href="/es"> <i class='fa fa-home top-menu-icons'></i> INICIO</a></li><li><a href="/es/Viajes"> <i class='fa fa-suitcase top-menu-icons'></i> VIAJES</a></li><li><a href="/es/hoteles/"> <i class='fa fa-hotel top-menu-icons'></i> HOTELES</a></li><li><a href="/es/Actividades/"> <i class='fa fa-university top-menu-icons'></i> ACTIVIDADES</a></li><li><a href="/es/hoteles/Playas/"> <i class='fa fa-umbrella top-menu-icons'></i> COSTAS</a></li><li><a href="/es/ofertas-ultimo-minuto/"> <i class='fa fa-paper-plane top-menu-icons'></i> ÚLTIMA HORA</a></li>
                </ul>
              </div>
            </div>

            <div class="col-lg-2 col-md-4">
              <div class="footer-widget">
                <h4 class="widget-title">Más Recursos</h4>
                <ul class="footer-menu">
				<li><a href="/es/guia-de-destinos/"> <i class=' top-menu-icons'></i> GUíA</a></li><li><a href="/es/articulos/Travelistica/Travelistica.g.38/"> <i class=' top-menu-icons'></i> BLOG ANTES DE VIAJAR</a></li><li><a href="/es/articulos/Buceo/Buceo.g.9/"> <i class=' top-menu-icons'></i> BLOG BUCEO</a></li><li><a href="/es/Viajes/Todos-los-cruceros-de-R%C3%ADos-y-Mares.rs/"> <i class=' top-menu-icons'></i> MOTONAVES</a></li><li><a href="/es/el-tiempo/"> <i class=' top-menu-icons'></i> EL TIEMPO</a></li>
                </ul>
              </div>
            </div>

            <div class="col-lg-2 col-md-6">
              <div class="footer-widget">
                <h4 class="widget-title">Información</h4>
                <ul class="footer-menu">
      <li><a href='/es/articulos/About-Travelistica/Qui%C3%A9nes-Somos-en-Travelistica.s.37.15082/'>Quiénes somos</a></li>
<li><a href='/es/articulos/About-Travelistica/Pol%C3%ADtica-de-Privacidad.s.37.15083/'>Política de Privacidad</a></li>
<li><a href='/es/articulos/About-Travelistica/Pol%C3%ADtica-de-Cookies.n.37.16514/'></a></li>
<li><a href='/es/articulos/About-Travelistica/Condiciones-Generales.s.37.16060/'>Términos y Condiciones</a></li>
<li><a href='/es/articulos/About-Travelistica/Condiciones-Viaje-Combinado.s.37.16062/'>Condiciones Viaje Combinado</a></li>
<li><a href='/en/articles/About-Travelistica/C%C3%B3mo-darse-de-baja.s.37.16519/'>Cómo darse de baja</a></li>
<li><a href='/index.php?language_iso=es&application_id=85'>Mi Cuenta</a></li>

                </ul>
              </div>
            </div>

            <div class="col-lg-3 col-md-6">
              <div class="footer-widget">
                <h4 class="widget-title">Payment Methods</h4>
                <div class="pmt-wrap">
                  <img src="/html/customization/travelistica.com/assets/img/payment.png" class="img-fluid" alt="">
                </div>
                <div class="our-prtwrap mt-4">
                  <div class="prtn-title">
                    <h4 class="widget-title">Contactar</h4>
                  </div>
                  <div class="prtn-thumbs d-flex align-items-center justify-content-start">
                    <div class="pmt-wrap pe-4">
					<a href="https://api.whatsapp.com/send/?phone=34650951682&text=Hola . He visitado vuestro sitio web y tengo algunas preguntas desde este enlace https://travelistica.com//es/hoteles/Estados-Unidos-de-Am%C3%A9rica/Clarion/HOTEL-HAMPTON-INN-CLARION-Descripci%C3%B3n/h268717.1/"target=whats>
					<i class="fa-brands fa-whatsapp" style='font-size:3em;'></i></a>					
                   </div>
                    <div class="pmt-wrap pe-4">
                     <a href='tel://+34917372367'  target=phone>
					<i class="fa-solid fa-headphones-simple" style='font-size:3em;'></i></a>
                    </div>
                    <div class="pmt-wrap pe-4">
                    <a href="/index.php?application_id=47&language_iso=es"target=ContactUs>
					<i class="fa-regular fa-envelope" style='font-size:3em;'></i></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>

      <div class="footer-bottom border-top">
        <div class="container">
          <div class="row align-items-center justify-content-between">

            <div class="col-xl-6 col-lg-6 col-md-6">
              <p class="mb-0">© Travelistica.com ©  Todos los derechos reservados.</p>
            </div>


			<div class="col-xl-6 col-lg-6 col-md-6">
			<p class="mb-0">Spain Travel Express S.L.U  C.I.F B86918323 CICMA : 3295</p>
            </div>

          </div>
        </div>

      </div>

    </footer>
    <!-- ============================ Footer End ================================== -->
<a href="https://api.whatsapp.com/send/?phone=34650951682&text=Hola . He visitado vuestro sitio web y tengo algunas preguntas desde este enlace https://travelistica.com//es/hoteles/Estados-Unidos-de-Am%C3%A9rica/Clarion/HOTEL-HAMPTON-INN-CLARION-Descripci%C3%B3n/h268717.1/" class="floatButton" target=whats>
<i class="fa fa-whatsapp  my-float"></i>
</a>	

				
 <!-- Choose Currency Modal -->
    <div style='width:380px; height:auto' class="modal modal-lg fade" id="ContactModal" tabindex="-1" aria-labelledby="currenyModalLabel"
      aria-hidden="true" style='z-indx:10000' >
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
		  
            <h4 class="modal-title fs-6" id="currenyModalLabel"><b>Contactanos</b></h4>
			
            <a href="#" class="text-muted fs-4" data-bs-dismiss="modal" aria-label="Close"><i
                class="fa-solid fa-square-xmark"></i></a>
          </div>
          <div class="modal-body">

<div  class='alert alert-danger d-flex align-items-center rounded-3 mb-0'>
<center>

 <i class="fa-solid fa-user-clock"></i> 

Nuestro horario es
de 
Lunes
a
Viernes
de 

  10:00 AM  

a 

 14:00PM

  y  de 

  16:00 PM  

a 

 19:00 PM
<br>
Sábado  
 de 

 10AM

a

 14 PM 


							 
</center>					 
</div>
<div class='clearfix'></div><br>
	
<div class='row'>
<div class='col-md-3' style='font-size:12px; margin:3px'>
 <i class="faredbig fa fa-phone  "></i>Teléfono : <a href=tel:+34917372367
><span style='color:#404040; font-size:14px'>+34917372367
 </a>
</div>

<div class='col-md-3' style='font-size:12px; margin:3px''>                 
<i class="faredbig fa-solid fa-mobile-screen-button"></i> Móvil : <a href=tel:+34650951682><span style='color:#404040; font-size:14px'>+34650951682</a>
</div>

<div class='col-md-3' style='font-size:12px; margin:3px''>                 
<i class="faredbig fa-brands fa-whatsapp"></i> Whatsap :  <a href='https://wa.me/+34650951682' style='color:#404040; font-size: 14px !important;' target=whatsap>+34650951682 </a>
</div>

<div class='col-md-3' style='font-size:12px;margin:3px' '>  
<i class="faredbig fa-solid fa-envelope"></i>:  <a href='/index.php?application_id=47&language_iso=es' style='color:#404040; font-size: 14px !important;'> Enviar Mensaje</a>
</div>
        
                                   
</div> 
            </div>
          </div>
        </div>
      </div>

    <!-- Choose Currency Modal -->
    <div class="modal fade" id="menuTravel" tabindex="-1" aria-labelledby="menuTravelModalLabel"
      aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h4 class="modal-title fs-6" id="currenyModalLabel">Select Your Currency</h4>
            <a href="#" class="text-muted fs-4" data-bs-dismiss="modal" aria-label="Close"><i
                class="fa-solid fa-square-xmark"></i></a>
          </div>
          <div class="modal-body">
		  

<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6  col-xs-12" style='float:left;'>	

<ul>
<li><a href="/es/Viajes/Europa/Croacia/529/"><i class='fa fa-globe'></i> Croacia</a></li>
<li></i><a href="/es/Viajes/%C3%81frica/Egipto/15/"><i class='fa fa-globe'></i> Egipto</a></li>
<li></i><a href="/es/Viajes/Europa/Espa%C3%B1a/560/"><i class='fa fa-globe'></i> España</a></li>
<li></i><a href="/es/Viajes/Europa/Grecia/537/"><i class='fa fa-globe'></i> Grecia</a></li>
<li></i><a href="/es/Viajes/Europa/Italia/541/"><i class='fa fa-globe'></i> Italia</a></li>
<li></i><a href="/es/Viajes/Asia/Jordania/16/"><i class='fa fa-globe'></i> Jordania</a></li>
<li></i><a href="/es/Viajes/%C3%81frica/Kenia/474/"><i class='fa fa-globe'></i> Kenia</a></li>
<li></i><a href="/es/Viajes/Europa/Portugal/Madeira/78406/"><i class='fa fa-globe'></i> Madeira</a></li>
<li></i><a href="/es/Viajes/%C3%81frica/Marruecos/498/"><i class='fa fa-globe'></i> Marruecos</a></li>
<li></i><a href="/es/Viajes/Asia/Tailandia/449/"><i class='fa fa-globe'></i> Tailandia</a></li>
<li></i><a href="/es/Viajes/Europa/Turqu%C3%ADa/563/"><i class='fa fa-globe'></i> Turquía</a></li>
<li></i><a href="/es/Viajes/Asia/Vietnam/454/"><i class='fa fa-globe'></i> Vietnam</a></li>
</ul>

</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6  col-xs-12" style='float:left;'>	  
	  
<ul>
<li><a href="/es/Viajes/"><i class='fa fa-plane'></i>  Todos los Viajes</a></li>
<li><a href="/es/ofertas-ultimo-minuto/"><i class='fa-solid fa-clock'></i> Último minuto</a></li>
<li><a href="/es/Viajes/SemanaSanta.c.34/"><i class='fa-solid fa-clock'></i> Ofertas Semana Santa</a></li>



<li><a href="/es/Viajes/Europa/España/ViajesCulturales.c.27.560/"><i class='fa fa-bus'></i> Circuitos España</a></li>
<li><a href="/es/Viajes/ViajesdePlaya.c.13/"><i class='fa fa-umbrella'></i>  Vacaciones</a></li>
<li><a href="/es/Viajes/ViajesaGrandesCiudades.c.20/"> <i class='fa fa-building'></i> Grandes Ciudades</a></li>
<li><a href="/es/Viajes/GrandesCivilizaciones.c.9/"><i class='fa fa-bank'></i> Grandes Civilizaciones</a></li>


</ul>

</div>

</div>

</div>

</div>

</div>
    <!-- Log In Modal -->
    <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="loginmodal" aria-hidden="true" >
      <div class="modal-dialog modal-dialog-centered login-pop-form" role="document" >
	  
	          <div class="modal-content" id="loginmodal">
			  
			 <div class="modal-header">
            <h4 class="modal-title fs-6">Mi Cuenta</h4>
            <a href="#" class="text-muted fs-4" data-bs-dismiss="modal" aria-label="Close"><i
                class="fa-solid fa-square-xmark"></i></a>
          </div>
			  
			  
	            <div class="modal-body">
            <div class="modal-login-form py-4 px-md-3 px-0">
 


<ul class="nav nav-pills primary-soft medium justify-content-center mb-3" id="tour-pills-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-bs-toggle="tab" href="#TabLoginPopup"><i class="fa-solid fa-jet-fighter me-2"></i>Entrar</a>
</li>					
<li class="nav-item">
<a class="nav-link " data-bs-toggle="tab" href="#TabRegisterPopup"><i class="fa-solid fa-user-plus me-2"></i>Registrarse</a>
</li>
</ul>
<div class="tab-content">
<div id=TabLoginPopup class="container-fluid plr0 tab-pane fade in show active">
    <div class="TCsignPage col-sm-12 mbottom50 " style='margin:auto;'>
    <div class="TCLogin col-md-12 col-sm-12  col-xs-12 white-bg padding0 "> <!---- col-sm-offset-4 is added to fix  ----->
         <h4 class="modal-title fs-6"><i class="fa fa-users"></i> Acceder Con Email</h4> <br>

<form action='/index.php' method="post"  class="form SignInFormClassNamepopup" >

  <div class="form-group col-xs-12  ">
      <div class="input">

          <input type="text" class="form-control"  name="user_user"  value='' placeholder="Usuario o Correo Electrónico" id='UserNamePopup'>
      </div>
  </div>
  <div class="form-group col-xs-12 ">
      <div class="input">
          <input type="password" class="form-control" name="user_password"  placeholder="Contrasena" id='UserPasswordPopup' value=''>
      </div>
  </div>
    <div class="SignInErrorMessageClassNamePopup"></div>


<div class='col-xs-12 col-md-12 text-center'>
   <input class="LoginBy btn btn-primary full-width font--bold btn-lg SignInSubmitClassNamePopup"  style='min-height:40; padding:5px;' value="Iniciar Sesión"  type="button"> <br>
   </div> <br>
         <div class ='clearfix'></div>   
		 
          <div class="modal-flex-item d-flex align-items-center justify-content-between mb-3">
  
                  <div class="modal-flex-last">
                    <a href="/index.php?application_id=33&action_id=325&language_iso=es&" class="text-primary fw-medium">Has olvidado tu contraseña?</a>
                  </div>
                </div>		 
		 
		 
		
	
		
</form>
    <div class ='clearfix'><hr></div>
				<div class='col-xs-12 text-center' style='margin:auto'>
					<div class='col-xs-12 col-md-12 text-center'>
					<a href='https://accounts.google.com/o/oauth2/auth?response_type=code&redirect_uri=https%3A%2F%2Ftravelistica.com%2Findex.php%3Flanguage_iso%3Des%26action_id%3D2017%26application_id%3D33&client_id=99042634187-u7oks46il4q4bagc0vbd2qvnms3vdve7.apps.googleusercontent.com&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.profile+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email&access_type=offline&approval_prompt=force' ><div class='LoginBy' style='background-color:#4285f4;'><i class='fa-brands fa-google'></i> Entrar usando Google</div></a>
					<br>
				    <a href='https://www.facebook.com/v2.2/dialog/oauth?client_id=469131637637298&amp;state=339dacf7868b0d095187722075a19447&amp;response_type=code&amp;sdk=php-sdk-5.5.0&amp;redirect_uri=https%3A%2F%2Ftravelistica.com%2Findex.php%3Flanguage_iso%3Des%26application_id%3D33%26action_id%3D2075&amp;scope=email'><div class='LoginBy'><i class='fa-brands fa-facebook'></i> Entrar usando Facebook</div> </a>
				</div>
				</div>

    </div>
</div>
</div>

<div id='TabRegisterPopup' class="container-fluid plr0 tab-pane fade in ">

                    <form action='/index.php' method="post" class="form SignUpFormClassPopup ">
                        
         
                        <div class="form-group col-lg-12 col-xs-12  mbottom0">

                            <div class="input ">
                         <input type="text" class="form-control firstName " value='' name="userArray[contact_name]"  placeholder="Nombre"/>
                            </div>
                        </div>
                        <div class="form-group col-lg-12 col-xs-12 mbottom0">
                                 <div class="input">
							      <br>
                                <input type="text" class="form-control lastName " value='' name="userArray[contact_family_name]"  placeholder="Apellido"/>
                            </div>
                        </div>

                        <div class="form-group col-xs-12 mbottom0">
                            <!-- <label for="email">User Name or Email</label> -->

                            <div class="input">
                             <input type="email" class="form-control" value='' name="userArray[email]"  placeholder="Email"/>
                            </div>
                        </div>
        
                        <div class="form-group col-xs-12 mbottom0">
                           
                            <div class="input">
                              

                            <select name="userArray[phonePrefix]" class="white-pg form-control ">
                          
                               <option value=412 >Afganistán</option><option value=522 >Albania</option><option value=536 >Alemania</option><option value=523 >Andorra</option><option value=457 >Angola</option><option value=574 >Anguilla</option><option value=575 >Antigua y Barbuda</option><option value=23 >Arabia Saudí</option><option value=455 >Argelia</option><option value=602 >Argentina</option><option value=413 >Armenia</option><option value=576 >Aruba</option><option value=508 >Australia</option><option value=524 >Austria</option><option value=415 >Azerbaiyán</option><option value=577 >Bahamas</option><option value=29 >Bahréin</option><option value=416 >Bangladesh</option><option value=578 >Barbados</option><option value=526 >Bélgica</option><option value=569 >Belice</option><option value=460 >Benin</option><option value=579 >Bermudas</option><option value=525 >Bielorusia</option><option value=436 >Birmania</option><option value=603 >Bolivia</option><option value=527 >Bosnia Herzegovina</option><option value=463 >Botsuana</option><option value=604 >Brasil</option><option value=419 >Brunéi </option><option value=528 >Bulgaria</option><option value=466 >Burkina Faso</option><option value=470 >Burundi</option><option value=417 >Bután</option><option value=476 >Cabo Verde</option><option value=421 >Camboya</option><option value=473 >Camerún</option><option value=600 >Canadá</option><option value=482 >Chad</option><option value=605 >Chile</option><option value=422 >China</option><option value=530 >Chipre</option><option value=606 >Colombia</option><option value=485 >Comoras</option><option value=488 >Congo Brazzaville</option><option value=490 >Congo Kinshasa</option><option value=121702 >Costa del Marfil</option><option value=572 >Costa Rica</option><option value=529 >Croacia</option><option value=582 >Cuba</option><option value=591 >CURAÇAO</option><option value=532 >Dinamarca</option><option value=123109 >Dominica</option><option value=607 >Ecuador</option><option value=15 >Egipto</option><option value=24 >El Líbano</option><option value=565 >El Reino Unido</option><option value=565 >El Reino Unido</option><option value=571 >El Salvador</option><option value=566 >El Vaticano</option><option value=30 >Emirates Árabes Unidos</option><option value=502 >Eritrea</option><option value=558 >Eslovaquia </option><option value=559 >Eslovenia</option><option value=560 >España</option><option value=599 selected>Estados Unidos de América</option><option value=533 >Estonia</option><option value=505 >Etiopía</option><option value=441 >Filipinas</option><option value=534 >Finlandia</option><option value=509 >Fiyi </option><option value=535 >Francia</option><option value=458 >Gabón</option><option value=461 >Gambia</option><option value=424 >Georgia</option><option value=464 >Ghana</option><option value=619 >Gibraltar</option><option value=537 >Grecia</option><option value=591 >Grenada</option><option value=123119 >Groenlandia</option><option value=585 >Guadalupe</option><option value=633 >Guam</option><option value=568 >Guatemala</option><option value=123371 >Guernsey y Alderney</option><option value=468 >Guinea</option><option value=471 >Guinea Bissau</option><option value=500 >Guinea Ecuatorial</option><option value=609 >Guyana</option><option value=608 >Guyana Francesa</option><option value=586 >Haití</option><option value=550 >Holanda</option><option value=573 >Honduras</option><option value=422 >Hong Kong</option><option value=538 >Hungría</option><option value=426 >India</option><option value=427 >Indonesia</option><option value=33 >Irán</option><option value=26 >Iraq</option><option value=540 >Irlanda</option><option value=123118 >Isla de Man</option><option value=539 >Islandia</option><option value=591 >Islas Antillas</option><option value=581 >Islas Caimán</option><option value=123108 >Islas Cook</option><option value=123114 >Islas de Norfolk</option><option value=123110 >Islas Faroe</option><option value=618 >Islas Malvinas</option><option value=634 >Islas Marianas del Norte</option><option value=511 >Islas Marshall</option><option value=123113 >Islas Menores de Estados Unidos</option><option value=620 >Islas Pitcairn</option><option value=518 >Islas Salomón</option><option value=597 >Islas Turcas y Caicos </option><option value=598 >Islas Vírgenes Americanas</option><option value=580 >Islas Vírgenes Británicas</option><option value=121703 >Israel</option><option value=541 >Italia</option><option value=587 >Jamaica</option><option value=428 >Japón</option><option value=123372 >Jersey</option><option value=16 >Jordania</option><option value=429 >Kazajistán</option><option value=474 >Kenya</option><option value=430 >Kirguistán</option><option value=510 >Kiribati</option><option value=438 >Korea del Norte</option><option value=445 >Korea del Sur</option><option value=115981 >Kosovo</option><option value=27 >Kuwait</option><option value=431 >Laos</option><option value=477 >Lesoto</option><option value=542 >Letonia</option><option value=480 >Liberia</option><option value=483 >Libia</option><option value=543 >Liechtenstein</option><option value=544 >Lituania</option><option value=545 >Luxemburgo</option><option value=422 >Macau</option><option value=546 >Macedonia</option><option value=486 >Madagascar</option><option value=433 >Malasia</option><option value=489 >Malawi</option><option value=434 >Maldivas</option><option value=491 >Mali</option><option value=547 >Malta</option><option value=498 >Marruecos</option><option value=588 >Martinica</option><option value=496 >Mauricio</option><option value=493 >Mauritania</option><option value=626 >Mayotte</option><option value=601 >México</option><option value=512 >Micronesia</option><option value=548 >Moldavia</option><option value=549 >Mónaco</option><option value=435 >Mongolia</option><option value=116026 >Montenegro</option><option value=589 >Montserrat</option><option value=501 >Mozambique</option><option value=503 >Namibia</option><option value=513 >Nauru</option><option value=437 >Nepal</option><option value=570 >Nicaragua</option><option value=456 >Niger</option><option value=459 >Nigeria</option><option value=123111 >Niue</option><option value=498086975 >Norte de Chipre</option><option value=551 >Noruega</option><option value=627 >Nueva Caledonia</option><option value=514 >Nueva Zelanda</option><option value=31 >Omán</option><option value=439 >Pakistán</option><option value=515 >Palau</option><option value=440 >Palestina</option><option value=567 >Panamá</option><option value=516 >Papua Nueva Guinea</option><option value=610 >Paraguay</option><option value=611 >Perú</option><option value=628 >Polinesia Francesa</option><option value=552 >Polonia</option><option value=553 >Portugal</option><option value=592 >Puerto Rico</option><option value=28 >Qatar</option><option value=479 >Rep. Centroafricana</option><option value=531 >Rep. Checa</option><option value=583 >Rep. Dominicana</option><option value=629 >Reunión</option><option value=465 >Ruanda</option><option value=554 >Rumanía</option><option value=555 >Rusia</option><option value=517 >Samoa</option><option value=632 >Samoa Americana</option><option value=585 >San Bartolomeo</option><option value=593 >San Cristóbal y Nieves</option><option value=556 >San Marino</option><option value=630 >San Pedro y Miquelón</option><option value=595 >San Vicente y las Granadinas </option><option value=621 >Santa Helena</option><option value=594 >Santa Lucía</option><option value=469 >Santo Tomé y Príncipe</option><option value=472 >Senegal</option><option value=557 >Serbia</option><option value=557 >Serbia</option><option value=475 >Seychelles</option><option value=478 >Sierra Leona</option><option value=444 >Singapur</option><option value=25 >Siria</option><option value=481 >Somalia</option><option value=446 >Sri Lanka</option><option value=2116 >Suazilandia</option><option value=484 >Sudáfrica</option><option value=487 >Sudán</option><option value=498086939 >Sudan del Sur</option><option value=561 >Suecia</option><option value=562 >Suiza</option><option value=612 >Surinam</option><option value=123107 >Svalbard y Jan Mayen</option><option value=449 >Tailandia</option><option value=447 >Taiwan</option><option value=492 >Tanzania</option><option value=448 >Tayikistán</option><option value=423 >Timor Oriental</option><option value=494 >Togo</option><option value=123115 >Tokelau</option><option value=519 >Tonga</option><option value=596 >Trinidad y Tobago</option><option value=497 >Tunez</option><option value=452 >Turkmenistán</option><option value=563 >Turquía</option><option value=520 >Tuvalu</option><option value=564 >Ucrania</option><option value=499 >Uganda</option><option value=613 >Uruguay</option><option value=453 >Uzbekistán</option><option value=521 >Vanuatu</option><option value=614 >Venezuela</option><option value=454 >Vietnam</option><option value=631 >Wallis y Futuna</option><option value=32 >Yemen</option><option value=495 >Yibouti</option><option value=504 >Zambia</option><option value=506 >Zimbabue</option>
								
                            </select>
                            </div>
                        </div>
                        <div class="form-group col-xs-12 mbottom0">
                           
                            <div class="input">
                            <input type="tel" class="form-control" name="userArray[phone]" value=""  placeholder=Teléfono>
                            </div>
                        </div>
                            
                        <div class ='clearfix'></div>
                        <div class="ErrorMessageClassNamePopup"></div>
                        <div class="plr15 mbottom10 col-xs-12 btop ptop10 d-flex TCSubmit">
                            <span class="col-lg-8 col-md-7 col-xs-12 plr15 mbottom10">
                              <a class="underline" href="#footer" style='devider-text text-muted-2 text-md'> <p> Creando una cuenta, estas aceptando los terminos y condiciones de uso de la web .  .</p> </a><i class="<i class="fa-solid fa-circle-info"></i></i></a>
                            </span>
                            <input class="btn btn-primary full-width fw-medium SignUpSubmitFormClassPopup" value='Registrarse' type="button"/>
                        </div>
                    </form>



</div>
</div>

            </div>
    </div>
        </div>
    </div>
	    </div>
 

    <!-- Choose Currency Modal -->
    <div class="modal modal-lg fade" id="currencyModal" tabindex="-1" aria-labelledby="currenyModalLabel"
      aria-hidden="true" style='z-indx:10000'>
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
		  
            <h4 class="modal-title fs-6" id="currenyModalLabel">Elige Moneda</h4>
			
            <a href="#" class="text-muted fs-4" data-bs-dismiss="modal" aria-label="Close"><i
                class="fa-solid fa-square-xmark"></i></a>
          </div>
          <div class="modal-body">
<div  class='pull-left hidden-xs' style='padding-right:5px;' id='ChoosenCurrencyTop'>

EUR</div>		  
            <div class="allCurrencylist">

  
              <div class="suggestedCurrencylist-wrap">
                <div class="suggestedCurrencylists">
                  <ul
                    class="row align-items-center justify-content-start row-cols-xl-4 row-cols-lg-3 row-cols-md-2 row-cols-2 gy-2 gx-3 m-0 p-0">
			
	 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(44, 'Price', null, 'DIV',  'GBP', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/gb.png'>  British pound</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(6, 'Price', null, 'DIV',  'CRC', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/cr.png'>  Cólón Costricense</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(16, 'Price', null, 'DIV',  'CAD', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/ca.png'>  Dólar Canadiense</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(1, 'Price', null, 'DIV',  'EUR', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/eu.png'>  Euro Europeo</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(24, 'Price', null, 'DIV',  'PYG', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/py.png'>  Guarani Paraguayo</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(27, 'Price', null, 'DIV',  'HNL', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/hn.png'>  Lempira Honudreña</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(34, 'Price', null, 'DIV',  'ARS', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/ar.png'>  Peso Argentino</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(35, 'Price', null, 'DIV',  'CLP', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/cl.png'>  Peso Chileno</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(37, 'Price', null, 'DIV',  'DOP', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/do.png'>  Peso Dominicano</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(38, 'Price', null, 'DIV',  'MXN', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/mx.png'>  Peso Mexicano</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

 <li class="col">
<a class="selectCurrency"  href=#  onclick="javascript: CurrencyExchange(39, 'Price', null, 'DIV',  'UYU', 1, 'es');">
<div class="text-dark text-md fw-medium"><img src='/shared/images/countries/flags/png/uy.png'>  Peso Uruguayo</div>
<div class="text-muted-2 text-md text-uppercase"> 
</div>
</a>
</li>

	

					
                  </ul>
</div>
				  
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Choose Languages Modal -->
    <div class="modal fade" id="countryModal" tabindex="-1" aria-labelledby="languageModalLabel"
      aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
		  <a href=/es/>
          <img src="/shared/images/languages/small/es.png" class="img-fluid" width="17" alt="Español">&nbsp;Español</a>
	
			
            <a href="#" class="text-muted fs-4" data-bs-dismiss="modal" aria-label="Close"><i
                class="fa-solid fa-square-xmark"></i></a>
          </div>
          <div class="modal-body">
          </div>
        </div>
      </div>
    </div>




    <a id="back2Top" class="top-scroll" title="Back to top" href="#"><i class="fa-solid fa-sort-up"></i></a>
  <!-- ============================================================== -->
  <!-- End Wrapper -->
  <!-- ============================================================== -->

  </div>	
  <!-- ============================================================== -->
  <!-- All Jquery -->
  <!-- ============================================================== -->  
<script>
window.JsLanguage_iso ="es";
</script>
 <!-- <script src="/html/customization/travelistica.com/assets/js/jquery.min.js"></script> -->
 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
   <script src="/html/layouts/default/assets/js/jquery-migrate-3.1.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.min.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/popper.min.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/bootstrap.min.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/dropzone.min.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/flatpickr.js"></script>
   <script src="/html/customization/travelistica.com/assets/js/flickity.pkgd.min.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/lightbox.min.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/rangeslider.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/select2.min.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/counterup.min.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/prism.js"></script>
  <script src="/html/customization/travelistica.com/assets/js/lazysizes.min.js"></script> 	
  <!-- <script src="/html/customization/travelistica.com/assets/js/addadult.js"></script> -->
  <script src="/html/customization/travelistica.com/assets/js/custom.js"></script>


<script async type='text/javascript' src='/html/layouts/default/assets/js/validate.js'></script> 
<script language="javascript" src="/shared/js/CurrencyExchange/es.js"></script>
<script language="javascript" src="/html/layouts/default/assets/js/CurrencyExchange/CurrencyExchanger.js"></script>

<script type='text/javascript' >
var DefaultCurrencyName ='Italia' ;
//var DefaultCurrencyValue =1;
//var DefaultCurrencyReverseValue =1;
var DefaultCurrencyCode ='EUR';
var DefaultCurrencySymbol ='€';
var DefaultCurrencyCodeIndex=1;
var DefaultCurrencyFlag='it';
</script> <script type="text/javascript">

console.log('/index.php?jt=out&application_id=66&action_id=2139&language_iso=es');

//alert('/index.php?jt=out&application_id=66&action_id=2139&language_iso=es');
function showPleaseWaitMessage(identifier) {
    // Show the "Please wait" message
    document.getElementById('pleaseWaitMessage' + identifier).style.display = 'block';
}

function hidePleaseWaitMessage(identifier) {
    // Hide the "Please wait" message
    document.getElementById('pleaseWaitMessage' + identifier).style.display = 'none';
}

function ShowDivResultsX() {
    document.getElementById('displayKeyWord').style.display = 'block'; 	
}
    $(document).ready(function() {
        let debounceTimer;
        let isLoading = true;
        let currentRequest = null;
        // Initialize spinner container (visible but empty)
        const spinnerHTML = '<div id="searchSpinnerKeyWord" style="position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);z-index:1001;">'+
                           '<div class="search-spinner-container" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);">'+
                           '<div class="search-spinner" style="width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto;"></div>'+
                           '<div class="search-spinner-text" style="text-align:center;margin-top:10px;color:#3498db;font-weight:bold;">Buscando ...</div>'+
                           '</div></div>';
        // Prepend the spinner to the display div and hide it initially
        
		$("#displayKeyWord").prepend(spinnerHTML);
		$("#pleaseWaitMessageKeyWord").prepend(spinnerHTML);
		
        $("#searchSpinnerKeyWord").hide();
        function showSpinner() {
            // Ensure the display is visible before showing spinner
            $("#displayKeyWord").css({
                'display': 'block',
                'opacity': '1'
            });
            $("#searchSpinnerKeyWord").show();
            isLoading = true;
        }
        function hideSpinner() {
            $("#searchSpinnerKeyWord").hide();
            isLoading = false;
        }
        $(".searchKeyWord").on('input', function() {
            clearTimeout(debounceTimer);
            if (currentRequest) {
                currentRequest.abort();
            }
            const KeyWord = $(this).val();
            ;
            const dataString = 'KeyWord='+KeyWord+'&searchword='+KeyWord+'&minimumwords=3&sql_fields=id,es&sql_table=keops.geoplaces&where=es&order_by=es&loaded_search_id=Required_city_2&identifier=KeyWord';
			$("#displayKeyWord").show();
            // Show spinner immediately for any input change
            showSpinner();
            // Force a reflow to ensure the spinner is visible before the AJAX call
            $("#searchSpinnerKeyWord")[0].offsetHeight;
            debounceTimer = setTimeout(function() {
                if (KeyWord === '') {
                    $("#displayKeyWord").hide();
                    hideSpinner();
                    return false;
                }
                currentRequest = $.ajax({
                    type: "POST",
                    url: "/index.php?jt=out&application_id=66&action_id=2139&language_iso=es",
                    data: dataString,
                    cache: false,
                    beforeSend: function(jqXHR) {
                        currentRequest = jqXHR;
                    },
                    success: function(html) {
    let fullListResults = "";
    const ReceivedData = html;
    const JsNumberResults = ReceivedData.length;
    console.log(ReceivedData);
    console.log('xxxxxxxxxxxxx');
    let counter_results = 0;
    let TypesIcons = {
        6: "fa-location-dot",
        H1: "fa-hotel",
        H3: "fa-building-user",
        9: "fa-plane-departure",
        10: "fa-umbrella-beach"
    };
    let ActualTypes = [];
    while (counter_results < JsNumberResults) {
        const thisResult = ReceivedData[counter_results];
        const ItemTypeId = thisResult.TypeId;
        const ItemTypeName = thisResult.TypeName;
        if (!ActualTypes.some(type => type.TypeId === ItemTypeId)) {
            ActualTypes.push({ TypeId: ItemTypeId, TypeName: ItemTypeName });
        }
        counter_results++;
    }
    console.log(ActualTypes);

    // Define desired order with explicit type conversion for comparison
    const typeOrder = ["6", "9", "10", "H1", "H3", "H5"]; // Convert all to strings for consistent comparison

    // Sort ActualTypes according to desired order
    ActualTypes.sort((a, b) => {
        // Convert TypeId to string for comparison
        const aIndex = typeOrder.indexOf(a.TypeId.toString());
        const bIndex = typeOrder.indexOf(b.TypeId.toString());
        return aIndex - bIndex;
    });

    const NumTypes = ActualTypes.length;
    for (let i = 0; i < NumTypes; i++) {
        const thisType = ActualTypes[i];
        if (thisType.TypeId !== undefined) {
            const thisTypeId = thisType.TypeId;
            const thisTypeName = thisType.TypeName;
            const template = document.getElementById("HeaderListTypes");
            let templateHtml = template.innerHTML;
            let ThisTypeHtml = templateHtml
                .replace(/{{TypeIcon}}/g, TypesIcons[thisTypeId])
                .replace(/{{TypeName}}/g, thisTypeName);
            fullListResults += ThisTypeHtml;
            counter_results = 0;
            while (counter_results < JsNumberResults) {
                const thisResult = ReceivedData[counter_results];
                const ItemTypeId = thisResult.TypeId;
                if (ItemTypeId === thisType.TypeId) {
                    const ItemId = thisResult.id;
                    const ItemName = thisResult.value;
                    const ItemCountryName = thisResult.CountryName;
                    const ItemRegionName = thisResult.RegionName;
                    const ItemProvinceName = thisResult.ProvinceName || ItemRegionName || " ";
                    const ItemCityName = thisResult.CityName || "-";
                    const template = document.getElementById("ItemListTypes");
                    let templateHtml = template.innerHTML;
                    fullListResults += templateHtml
                        .replace(/{{ItemId}}/g, ItemId)
                        .replace(/{{TypeIcon}}/g, TypesIcons[thisTypeId])
                        .replace(/{{ItemType}}/g, thisType.TypeName)
                        .replace(/{{ItemTypeId}}/g, thisTypeId)
                        .replace(/{{ItemCountryName}}/g, ItemCountryName)
                        .replace(/{{ItemProvinceName}}/g, ItemProvinceName)
                        .replace(/{{ItemCityName}}/g, ItemCityName)
                        .replace(/{{ItemName}}/g, ItemName);
                }
                counter_results++;
            }
        }
    }
    fullListResults = "<ul>" + fullListResults + "</ul>";
    $("#displayKeyWord").html(fullListResults);
    $("#displayKeyWord").append(spinnerHTML); // Re-add spinner for next search
    hideSpinner();
},

                    error: function(xhr, status, error) {
                        if (status !== 'abort') {
                            $("#displayKeyWord").html('<div class="search-error">Error al cargar resultados</div>').show();
                        }
                        hideSpinner();
                    },
                    complete: function() {
                        currentRequest = null;
                        // Hide the "Please wait" message after the AJAX request completes
                        hidePleaseWaitMessage('KeyWord');
                    }
                });
            }, 300);
            return false;
        });
$(document).mouseup(function(e) {
    var container = $("#displayKeyWord");
    var input = $("#KeyWord");
    
    // Only hide if:
    // 1. Not clicking on results container
    // 2. Not clicking on input field
    if (!container.is(e.target) && 
        container.has(e.target).length === 0 && 
        !input.is(e.target)) {
        container.hide();
    }
});
        jQuery(function($) {
            $("#KeyWord").Watermark("Ciudad, aeropuerto, zona, u hotel");
        });
        function check_length(checked_value, div_to_hide, input_id) {
            if (checked_value < 3) {
                document.getElementById(div_to_hide).style.border = 0;
            } else {
                document.getElementById(div_to_hide).style.border = '1px solid #CFCFCF';
            }
            if (checked_value == 0) {
                document.getElementById(input_id).value = '0';
            }
        }
        function close_ajax_search_win(identifier_val) {
            var identy = 'display' + identifier_val;
            document.getElementById(identy).style.display = 'none';
            document.getElementById("Required_city_2").value = '0';
            jQuery(function($) {
                $("#identifier_val").Watermark("");
            });
        }
    });
	
function forceShowDropdown(identifier) {
    const resultsDiv = document.getElementById('display' + identifier);
    if (resultsDiv) {
        resultsDiv.style.display = 'block';
        
        // If empty, trigger a search with current input value
        if (resultsDiv.innerHTML.trim() === '') {
            const inputField = document.getElementById(identifier);
            if (inputField.value.trim() !== '') {
                // Simulate input event to trigger search
                const event = new Event('input', {
                    bubbles: true,
                    cancelable: true,
                });
                inputField.dispatchEvent(event);
            }
        }
    }
}
</script><script  type='text/javascript' src='/html/layouts/default/assets/js/jquery.watermarkinput.js'></script>
<script async type='text/javascript' src='/html/layouts/default/assets/js/validate.js'></script> 
<script src="/html/customization/travelistica.com/assets/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/html/customization/travelistica.com/assets/js/bootstrap-datepicker/bootstrap-datepicker.es.min.js" charset="UTF-8"></script>

<script>


var hoverDiv = document.getElementById('Hotels');
var targetDiv = document.getElementById('NationalityDiv');


hoverDiv.addEventListener('mouseover', function() {
  // Change the style of targetDiv to display block
  targetDiv.style.display = 'block';
});

// Add event listener for mouseout
hoverDiv.addEventListener('mouseout', function() {
  // Change the style of targetDiv to display none
 // targetDiv.style.display = 'none';
});


function HotelsWriteChoosenGeoPlace(ItemId, ItemTypeId, ItemName) {

    var newValue = ItemTypeId + '-' + ItemId;
    document.getElementById('Required_city_2').value = newValue;
    document.getElementById('KeyWord').value = ItemName;
	document.getElementById('displayKeyWord').style.display = 'none';
	if(ItemTypeId=='6')	{
    var src='/shared/images/CitiesPhotos/'+ ItemId + '/1600x580/1.jpg';
	document.getElementById('BackgroundWaiting').src = src;

	}
	
	
}

function HotelsShowWaiting() {

    var errorMessage = '';
    if (document.getElementById('Required_city_2').value == '') {
        errorMessage += ' Por favor introuce ciudad, hotel o aeropuerto';
    }

    if (errorMessage != '') {
        alert(errorMessage);
        return false;
    } else {
        document.getElementById('waitingDestination').innerHTML = document.getElementById('KeyWord').value;
        var Textdates = "";
        Textdates = document.getElementById('checkin_start').value + ' - ' + document.getElementById('checkout_end').value;
        document.getElementById('WaitingDates').innerHTML = Textdates;
        document.getElementById('WaitingPassengers').innerHTML = document.getElementById('guests-input-btn').innerHTML;
        var waitingContent = document.getElementById('PreloaderContent').innerHTML;
        document.getElementById('main-wrapper').style.display = 'none';
        document.getElementById('Preloader').innerHTML = waitingContent;
        document.getElementById('Preloader').style.display = 'block';

        setTimeout(function() {

             document.getElementById('SearchForHotels').submit();
        }, 200); // Submit form after 10 seconds
    }
}


</script>

<script>
$(document).ready(function() {
            // Initialize datepicker for check-in date
            $('#checkin_start').datepicker({
                format: 'dd-mm-yyyy',
                autoclose: true,
                todayHighlight: true,
                beforeShowDay: function(date){
                    var today = new Date();
                    return {
                        classes: date < today ? 'inactive' : '' // Apply custom classes to inactive and disabled days
                    };
                }
            }).on('changeDate', function(selected) {
                var minDate = new Date(selected.date.valueOf());
                minDate.setDate(minDate.getDate() + 1);
                $('#checkout_end').datepicker('setStartDate', minDate);
                $('#checkout_end').datepicker('setDate', minDate);
            });

            // Initialize datepicker for check-out date
            $('#checkout_end').datepicker({
                format: 'dd-mm-yyyy',
                autoclose: true
            }).on('changeDate', function(selected) {
                var sDate = new Date($('#checkin_start').datepicker('getDate'));
                var eDate = new Date(selected.date.valueOf());

                checkDate(sDate, eDate);
            });

            // Function to check if check-out date is after check-in date
            function checkDate(sDate, eDate) {
                if (sDate && eDate && (eDate <= sDate)) {
                    $('#ErrorDates').text('Check-out date cannot be before or same as check-in date.');
                } else {
                    $('#ErrorDates').text("");
                }
            }
        });



</script>
<script>

var SignInFormClassNamepopup = $('.SignInFormClassNamepopup'),
    SignInSubmitClassNamePopup = $('.SignInSubmitClassNamePopup');

function SendAjaxRequest()
{
var UserName = document.getElementById("UserNamePopup").value;
var UserPassword = document.getElementById("UserPasswordPopup").value;
var url= "/index.php?mode=visitor&required_mode=user_logged&response_type=json&application_id=33&action_id=2044&unique_id=&language_iso=es&user_user=" + UserName + "&user_password=" + UserPassword ;
	

var ThisFormData = SignInFormClassNamepopup.serialize();

  var request = $.ajax({
  type: 'POST',
  url:  url,
  data: ThisFormData
});

request.done(function(response){
 var responseData = $.parseJSON(response);

  if(responseData.status == '200')
  {
    window.location.reload(true);
  }else{

  $('.SignInErrorMessageClassNamePopup').html(responseData.message);
  }
});

}

SignInSubmitClassNamePopup.on('click',SendAjaxRequest);
</script><script>
$(function(){
var SignUpForm = $('.SignUpFormClassPopup'),
    SubmitButton = $('.SignUpSubmitFormClassPopup'),
    SuccessMessage = $('#SuccessMessageDivPopup');
	
function SubmitFormData()
{
  var requestSignUp = $.ajax({
  type: 'POST',
  url: "/index.php?jt=out&application_id=16&action_id=1733&language_iso=es&mode=visitor",
  data: SignUpForm.serialize(),     
  dataType: 'JSON',
  success: function(responseData) {
console.log(responseData[status]);
if(responseData.status=='200')	{

   $('#SuccessMessageDivPopup').modal('show');
   $('#autoSignUpModal , .signHome').modal('hide');
}
else {

  $('.ErrorMessageClassNamePopup').html(responseData.message);
}


    }
});
}
SubmitButton.on('click',SubmitFormData);
});

</script>

<script>
$(function(){

  $("#LoginModal").on('show.bs.modal', function(e) {
      var tab = e.relatedTarget.hash;
        console.log(tab);
      $('.nav-tabs a[href="'+tab+'"]').tab('show')
  });
});
</script>
<script>
window.JsLanguage_iso ="es";
//JsLanguage_iso="";
window.onload = function() {
CurrencyExchange(1, 'Price', null, 'DIV', 'EUR', 'es');
console.log('es');
};
</script> 



  <!-- ============================================================== -->
  <!-- This page plugins -->
  <!-- ============================================================== -->

<style>
#BackgroundWaitingWrapper {
  position: relative;
  text-align: center;
  width: 100%;
  max-height: 400px;
  overflow: hidden;
}

#BackgroundWaitingWrapper img {
  width: 100%;
  height: auto;
  display: block;
}

.overlay-text-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* black with opacity */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  font-size: 28px;
  font-weight: bold;
  padding: 20px;
}
.overlay-text-layer h5,
.overlay-text-layer p {
  color: white;
  font-size: 28px;
  font-weight: bold;
}
</style>

<div class='PreloaderContent' id='PreloaderContent'>
  <div class='reloader-header text-center' style='margin-bottom:20px'>
    <img src='/html/customization/travelistica.com/assets/images/_private/travelistica.com/es/logo-popup.png' width="250" height='80'/>
  </div>

  <div class='clearfix'></div>

  <div class='container-fluid guide-home-img' style='text-align:center'>
    <center>
      <h1 class='Program-header-text-title' style='font-size:18px !important; text-transform: uppercase;'>
        Estamos buscando las mejores ofertas 
        <span id='GeoplaceName'>Clarion <br>Hotel Hampton Inn Clarion</span>
      </h1>
    </center>

    <center>
      <img src='/html/layouts/default/assets/images/searching.gif' style='max-height:100px'>
    </center>

    <div style='display:none' id="progress" class="progress"></div>

    <!-- Image with black overlay and white text -->
    <div id="BackgroundWaitingWrapper">
      <img 
        src="/html/layouts/default/assets/images/1.jpg" 
        alt="Background" 
        id="BackgroundWaiting"
        class="ImageWaiting Ghome-img lazyload"
      />
      <div class="overlay-text-layer">
        <div class='container'>
          <div class='row text-center'>

            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 carousel-cell">
              <div class="featuresBox-wrap">
                <div class="featuresBox-captions">
                  <h5><i class="fa fa-solid fa-location-dot"></i> Destinos</h5>
                  <p id='waitingDestination' class='WaitingVars'></p>
                </div>
              </div>
            </div>

            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 carousel-cell">
              <div class="featuresBox-wrap">
                <div class="featuresBox-captions">
                  <h5><i class="fa-solid fa-calendar-days"></i> Entrada y Salida</h5>
                  <p id='WaitingDates' class='WaitingVars'></p>
                </div>
              </div>
            </div>

            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 carousel-cell">
              <div class="featuresBox-wrap">
                <div class="featuresBox-captions">
                  <h5><i class="fa fa-solid fa-users"></i> Pasajeros</h5>
                  <p id='WaitingPassengers' class='WaitingVars'></p>
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>

  </div>
</div> 
</body>
</html>
</body>

</html>