xx  xx<title>travelistica.com.com: Rose Aqua Park Hotel - Marrakech Marruecos - Rose Aqua Park Hotel </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 فندق rose aqua park, Rose Aqua Park Hotel ,Marrakech, Marrakech , servicios,ocio,instalaciones,actividades,precios,situación,mapa,comentarios
 Teléfono de Rose Aqua Park Hotel , Contactar con Rose Aqua Park Hotel' />
<meta name='description' content='Rose Aqua Park Hotel - Marrakech Marruecos - Rose Aqua Park Hotel  Rose Aqua Park Hotel - Marrakech Marruecos Este hotel está ubicado en la Avenida de Francia, a 30 minutos a pie de la plaza Djemma el Fna y a 4 km del aeropue' />
<meta name='rating' content='Rose Aqua Park Hotel - Marrakech Marruecos - Rose Aqua Park Hotel  Rose Aqua Park Hotel - Marrakech Marruecos Este hotel está ubicado en la Avenida de Francia, a 30 minutos a pie de la plaza Djemma el Fna y a 4 km del aeropue' />
<meta name='revisit-after' content='1 day' />
<meta name='VW96.objecttype' content='None' />
<meta name='robots' content='INDEX,FOLLOW' /> 
<meta name='Title' content='Rose Aqua Park Hotel - Marrakech Marruecos - Rose Aqua Park Hotel ' />
<meta name='DC.Creator' content='travelistica.com' />
<meta name='DC.Subject' content='Travel' />
<meta name='DC.Description' content='Rose Aqua Park Hotel - Marrakech Marruecos - Rose Aqua Park Hotel  Rose Aqua Park Hotel - Marrakech Marruecos Este hotel está ubicado en la Avenida de Francia, a 30 minutos a pie de la plaza Djemma el Fna y a 4 km del aeropue' />
<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/Marruecos/Marrakech/ROSE-AQUA-PARK-HOTEL-Descripci%C3%B3n/h166527.1/'/>
<meta property='og:description' content='Rose Aqua Park Hotel - Marrakech Marruecos - Rose Aqua Park Hotel  Rose Aqua Park Hotel - Marrakech Marruecos Este hotel está ubicado en la Avenida de Francia, a 30 minutos a pie de la plaza Djemma el Fna y a 4 km del aeropue'/>
<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-4HVTY26QCD"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-4HVTY26QCD');
</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/%C3%81frica/2/>África</a></li>   <li class='breadcrumb-item'><a href=/es/hoteles/Marruecos/498/> Marruecos </a></li>   <li class='breadcrumb-item'><a href=/es/hoteles/Marruecos/Marrakech-tensift-al-Haouz/134366/>Marrakech-tensift-al Haouz </a></li>   <li class='breadcrumb-item'><a href=/es/hoteles/Marruecos/Marrakech/137099/>Marrakech </a></li>   <li class='breadcrumb-item'><a href=/es/hoteles/Marruecos/Marrakech/497932460/>Marrakech</a></li>   
							</ol>
						</nav>
					</div>
				</div>
				<!-- </row> -->
			</div>
		</div>

		<!-- ============================ Hero Banner  Start================================== -->
		<div class="py-4 bg-primary position-relative" style='margin-bottom:10px;'>
			<div class="container">
		
<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="Rose Aqua Park Hotel"
       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-166527'  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="12-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="13-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=clearfix></div>
<a name='BookingForm'></a>
<section class="pt-3 gray-simple">
<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-10">
<h4 class="mb-0">Rose Aqua Park Hotel <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><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; Avenue Mohamed VI - 40000 Marrakesh - Morocco &nbsp; - <b>Marrakech</b> &nbsp; 40000&nbsp; -Marrakech  &nbsp; -Marrakech-tensift-al Haouz  &nbsp; -Marruecos  <b>Latitud : </b>31.625597 -<b>Longitud:</b> -8.013764 (id: 166527)
</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=166527' 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>
</div>

	</div>
<div class='col-md-12'>
<div class='row'><div class='col-md-4 col-xs-12'>
<b><i class="fa-solid fa-location-crosshairs TextRed"></i> Distancia a Centro Ciudad :</b> 7.39 km</div><div class='col-md-4 col-xs-12'><b><i class="fa-solid fa-plane-departure TextRed"></i>  Distancia a Aeropuerto Internacional de Menara  :</b>2.98 km</div></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/4112/big/RoseAquaParkHotel_17442044823.jpg" data-lightbox="roadtrip">
<img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_17442044823.jpg"  alt="Rose Aqua Park Hotel" 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/4112/big/RoseAquaParkHotel_174420448257.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448257.jpg"
 alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid"></a>
<div class="position-absolute end-0 bottom-0 mb-3 me-3">
		<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448257.jpg" data-lightbox="roadtrip"
			class="btn btn-md btn-whites fw-medium text-dark"><i class="fa-solid fa-caret-right me-1"></i>19
			</a>
	</div>
</div>





	<div class="galleryGrid__item">
	<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448233.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448233.jpg"
			alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid" style='min-height:200px;'></a>
</div><div class="galleryGrid__item">
	<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448228.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448228.jpg"
			alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid" style='min-height:200px;'></a>
</div><div class="galleryGrid__item">
	<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448242.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448242.jpg"
			alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid" style='min-height:200px;'></a>
</div><div class="galleryGrid__item">
	<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448290.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448290.jpg"
			alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid" style='min-height:200px;'></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448279.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448279.jpg"
			alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448288.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448288.jpg"
			alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_17442044824.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_17442044824.jpg"
			alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448226.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448226.jpg"
			alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448270.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448270.jpg"
			alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448296.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448296.jpg"
			alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448275.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448275.jpg"
			alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448220.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448220.jpg"
			alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448225.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448225.jpg"
			alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448226.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448226.jpg"
			alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448281.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448281.jpg"
			alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_1744204482100.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_1744204482100.jpg"
			alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid"></a>
</div><div class="galleryGrid__item" style='display:none'>
	<a href="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448226.jpg" data-lightbox="roadtrip"><img src="/shared/images/LodgePhotos/4112/big/RoseAquaParkHotel_174420448226.jpg"
			alt="Rose Aqua Park Hotel" class="rounded-2 img-fluid"></a>
</div>
</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 ROSE AQUA PARK HOTEL</h5>
<div class='clearfix'></div><br>
<div class="dfls-secription"><p class="mb-0">

Este hotel está ubicado en la Avenida de Francia, a 30 minutos a pie de la plaza Djemma el Fna y a 4 km del aeropuerto. El establecimiento ofrece a sus huéspedes una recepción abierta las 24 horas con servicio de información turística, una piscina al aire libre, pistas de voley y de baloncesto y otros equipamientos deportivos. Sus 312 habitaciones cuentan con cuarto de baño en-suite, aire acondicionado, TV, teléfono y caja fuerte. También hay disponible un club infantil. El desayuno se sirve en el patio. Junto con el bufet, se invita a los viajeros a probar la comida tradicional marroquí del amplio menú de joyas gastronómicas del restaurante. 
 </p>
</div></div>
<div class='clearfix'></div>
<hr>

<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 fa-bed TextRed'></i> DESCRIPCIÓN DE LAS HABITACIONES  ROSE AQUA PARK HOTEL</h5>
<div class='clearfix'></div><br>
<div class='row fontStyle' style='padding-left:5px;padding-right:5px'>


<div class='row'>
<div  class='col-md-4 col-xs-6 HotelServicesList' >
<i class='fa fa-check blue-color'></i> Baño</div><div  class='col-md-4 col-xs-6 HotelServicesList' >
<i class='fa fa-check blue-color'></i> Aire Acondicionado</div><div  class='col-md-4 col-xs-6 HotelServicesList' >
<i class='fa fa-check blue-color'></i> TV</div><div  class='col-md-4 col-xs-6 HotelServicesList' >
<i class='fa fa-check blue-color'></i> Teléfono</div></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-bell TextRed"></i></span> INSTALACIONES DE ROSE AQUA PARK HOTEL</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> Bar</div><div  class='col-md-4 col-xs-6 HotelServicesList' ><i class='fa fa-check blue-color'></i> Restaurante</div><div  class='col-md-4 col-xs-6 HotelServicesList' ><i class='fa fa-check blue-color'></i> Cajas de Seguridad (*)</div><div  class='col-md-4 col-xs-6 HotelServicesList' ><i class='fa fa-check blue-color'></i> Cambio de Moneda</div><div  class='col-md-4 col-xs-6 HotelServicesList' ><i class='fa fa-check blue-color'></i> Aire Acondicionado</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 ROSE AQUA PARK HOTEL</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> Otros Deportes</div><div  class='col-md-4 col-xs-6 HotelServicesList' ><i class='fa fa-check blue-color'></i> Piscina al Aire Libre</div><div  class='col-md-4 col-xs-6 HotelServicesList' ><i class='fa fa-check blue-color'></i> Hidromasaje (*)</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  ROSE AQUA PARK HOTEL</h3> <br>

 <h4 class="TitleHotelServices" style='margin:20px;'><i class='fa-solid fa-pizza-slice TextRed'></i> RESTAURANTES CERCANOS A  ROSE AQUA PARK HOTEL </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=La+Terraza+Amani+H%C3%B4tel+Marrakech+" class="hover-effect popup-gallery" title='  -Rue Abou Bakr Seddiq Amani Hôtel' target='Location'><i class="fa-solid fa-utensils"></i> La Terraza</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.21 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=Dameh+RDC+R%C3%A9sidence+Mirador+Marrakech+" class="hover-effect popup-gallery" title='  -15 Gueliz rue Qadi Ayad, El Harti RDC Résidence Mirador' target='Location'><i class="fa-solid fa-utensils"></i> Dameh</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.59 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=La+CUEVA+Bar+a+Tapas+R%C3%A9sidence+Les+Patios+De+Gueliz+Marrakech+" class="hover-effect popup-gallery" title='  -7 rue Tarik bnou zyad Gueliz Résidence Les Patios De Gueliz' target='Location'><i class="fa-solid fa-utensils"></i> La CUEVA Bar a Tapas</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.6 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=Restaurant+Le+Code+Maroc+Marrakech+" class="hover-effect popup-gallery" title='  -Sis,7 Et 8,Residence Zaitoun 03, Bd MED VI Maroc' target='Location'><i class="fa-solid fa-utensils"></i> Restaurant Le Code</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.61 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=Food+Zone++++Marrakech+" class="hover-effect popup-gallery" title='  -3 Avenue Hassan II   ' target='Location'><i class="fa-solid fa-utensils"></i> Food Zone</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.63 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=Dar+Zyad+Residence+Meryam+Marrakech+" class="hover-effect popup-gallery" title='  -22 Avenue Mohammed VI Residence Meryam' target='Location'><i class="fa-solid fa-utensils"></i> Dar Zyad</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.63 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=Opera++++Marrakech+" class="hover-effect popup-gallery" title='  -1 Avenue Mohammed VI   ' target='Location'><i class="fa-solid fa-utensils"></i> Opera</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.63 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=Cafe+Restaurant+Agdal+Gueliz+Marrakech+" class="hover-effect popup-gallery" title='  -86 Avenue Mohammed VI Gueliz' target='Location'><i class="fa-solid fa-utensils"></i> Cafe Restaurant Agdal</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.63 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=Spirito+Bistronomia+Italiana+Gueliz+Marrakech+" class="hover-effect popup-gallery" title='  -45 Avenue Hassan II Gueliz' target='Location'><i class="fa-solid fa-utensils"></i> Spirito Bistronomia Italiana</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.63 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=Quattro+Marrakech++++Marrakech+" class="hover-effect popup-gallery" title='  -1 Boulevard de la Menara   ' target='Location'><i class="fa-solid fa-utensils"></i> Quattro Marrakech</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.65 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=Chine+Wy++++Marrakech+" class="hover-effect popup-gallery" title='  -117 Rue de Yougoslavie Marrakech   ' target='Location'><i class="fa-solid fa-utensils"></i> Chine Wy</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.65 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=Restaurant+Fantasia+Borj+Bladi++++Marrakech+" class="hover-effect popup-gallery" title='  -57 rue Mauritania Gueliz., BP 524   ' target='Location'><i class="fa-solid fa-utensils"></i> Restaurant Fantasia Borj Bladi</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.65 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/Marrakech/497932460/'><b> MÁS RESTAURANTES EN MARRAKECH</b></a>
</div>
</center>
<div class=clearfix></div><br><br>


<hr>

<h4 class="TitleHotelServices" style='margin:20px;'><i class="fa-solid fa-landmark TextRed"></i>  SITIOS DE INTERÉS CERCANOS </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="/es/guia-de-destinos/Marrakech/Aeropuerto-Internacional-de-Menara/498110966/" class="hover-effect popup-gallery" title='  -'>
 

<i class="fa-solid fa-camera-retro "></i> 

 Aeropuerto Internacional de Menara </a></span></div>
<div class="explot-distance"><span class="text-muted"> 2.98 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="/es/guia-de-destinos/Marrakech/Barrio-de-Hivernage/498068372/" class="hover-effect popup-gallery" title='  -'>
 

<i class="fa-solid fa-camera-retro "></i> 

 Barrio de Hivernage</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.79 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="/es/guia-de-destinos/Marrakech/Centro-de-la-ciudad/498112858/" class="hover-effect popup-gallery" title='  -'>
 

<i class="fa-solid fa-camera-retro "></i> 

 Centro de la ciudad</a></span></div>
<div class="explot-distance"><span class="text-muted"> 7.39 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="/es/guia-de-destinos/Marrakech/Congress-Palace/498117622/" class="hover-effect popup-gallery" title='  -'>
 

<i class="fa-solid fa-camera-retro "></i> 

 Congress Palace</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.11 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="/es/guia-de-destinos/Marrakech/Hivernage/498117626/" class="hover-effect popup-gallery" title='  -'>
 

<i class="fa-solid fa-camera-retro "></i> 

 Hivernage</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="/es/guia-de-destinos/Marrakech/Hotel-de-Ville/498117632/" class="hover-effect popup-gallery" title='  -'>
 

<i class="fa-solid fa-camera-retro "></i> 

 Hotel de Ville</a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.17 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="/es/guia-de-destinos/Marrakech/Jard%C3%ADn-de-la-Villa-Majorelle-y-Museo-de-Arte-Isl%C3%A1mico/498068351/" class="hover-effect popup-gallery" title='  -'>
 

<i class="fa-solid fa-camera-retro "></i> 

 Jardín de la Villa Majorelle y Museo de Arte Islámico</a></span></div>
<div class="explot-distance"><span class="text-muted"> 1.96 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="/es/guia-de-destinos/Marrakech/Koutoubia/498068345/" class="hover-effect popup-gallery" title='  -'>
 

<i class="fa-solid fa-camera-retro "></i> 

 Koutoubia</a></span></div>
<div class="explot-distance"><span class="text-muted"> 1.72 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="/es/guia-de-destinos/Marrakech/La-Mamounia/498068532/" class="hover-effect popup-gallery" title='  -'>
 

<i class="fa-solid fa-camera-retro "></i> 

 La Mamounia</a></span></div>
<div class="explot-distance"><span class="text-muted"> 1.37 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="/es/guia-de-destinos/Marrakech/Medina/498052637/" class="hover-effect popup-gallery" title='  -'>
 

<i class="fa-solid fa-camera-retro "></i> 

 Medina</a></span></div>
<div class="explot-distance"><span class="text-muted"> 1.85 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="/es/guia-de-destinos/Marrakech/Menara-Gardens/498117624/" class="hover-effect popup-gallery" title='  -'>
 

<i class="fa-solid fa-camera-retro "></i> 

 Menara Gardens</a></span></div>
<div class="explot-distance"><span class="text-muted"> 1.53 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="/es/guia-de-destinos/Marrakech/Murallas/498052588/" class="hover-effect popup-gallery" title='  -'>
 

<i class="fa-solid fa-camera-retro "></i> 

 Murallas</a></span></div>
<div class="explot-distance"><span class="text-muted"> 1.91 km </span></div>
</div>
</li>



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

<center>
<div style='width:350px; height:50px; margin:auto; padding-top:15px; border:1px solid #000'>
<a href='/es/guia-de-destinos/Marrakech/Todas-las-attracciones-de-Marrakech.t.497932460/'><b> TODAS LAS ATTRACCIONES DE  MARRAKECH </b></a>
</div>
</center>
<div class=clearfix></div><br><br>

<hr>

<h4 class="TitleHotelServices" style='margin:20px;'>
<i class="fa-solid fa-hotel TextRed"></i> HOTELES CERCA DE HOTEL MURANO RESORT  </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/Marrakech/IDRISSIDES-HOTEL-AND-SPA-Descripci%C3%B3n/h160843.1/" class="hover-effect popup-gallery" title='Marrakech  -'>
 <i class="fa-solid fa-square-h"></i> Idrissides Hotel and Spa  <font color=white>...&nbsp;</font> </a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.04 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/Marrakech/MOGADOR-EXPRESS-BAB-DOUKALA-Descripci%C3%B3n/h151341.1/" class="hover-effect popup-gallery" title='Marrakech  -'>
 <i class="fa-solid fa-square-h"></i> MOGADOR EXPRESS BAB DOUKALA  <font color=white>...&nbsp;</font> </a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.21 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/Marrakech/M%C3%B6VENPICK-MARRAKECH-Descripci%C3%B3n/h44495.1/" class="hover-effect popup-gallery" title='Marrakech  -'>
 <i class="fa-solid fa-square-h"></i> Mövenpick Marrakech  <font color=white>...&nbsp;</font> </a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.21 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/Marrakech/AMANI-HOTEL-SUITES-%26-SPA-Descripci%C3%B3n/h64336.1/" class="hover-effect popup-gallery" title='Marrakech  -'>
 <i class="fa-solid fa-square-h"></i> Amani Hotel suites & spa  <font color=white>...&nbsp;</font> </a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.21 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/Marrakech/ATLAS-MEDINA-%26-SPA-Descripci%C3%B3n/h61934.1/" class="hover-effect popup-gallery" title='Marrakech  -'>
 <i class="fa-solid fa-square-h"></i> Atlas Medina & Spa  <font color=white>...&nbsp;</font> </a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.23 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/Marrakech/GRAND-MOGADOR-MENARA-%26-SPA-Descripci%C3%B3n/h39670.1/" class="hover-effect popup-gallery" title='Marrakech  -'>
 <i class="fa-solid fa-square-h"></i> Grand Mogador Menara & Spa  <font color=white>...&nbsp;</font> </a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.24 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/Marrakech/HOTEL-LAWRENCE-D%27ARABIE-Descripci%C3%B3n/h221493.1/" class="hover-effect popup-gallery" title='Marrakech  -'>
 <i class="fa-solid fa-square-h"></i> Hotel Lawrence D'arabie  <font color=white>...&nbsp;</font> </a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.25 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/Marrakech/TEMPOO-HOTEL-Descripci%C3%B3n/h246053.1/" class="hover-effect popup-gallery" title='Marrakech  -'>
 <i class="fa-solid fa-square-h"></i> Tempoo Hotel  <font color=white>...&nbsp;</font> </a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.29 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/Marrakech/MOGADOR-EXPRESS-BAB-DOUKALA-Descripci%C3%B3n/h45788.1/" class="hover-effect popup-gallery" title='Marrakech  -'>
 <i class="fa-solid fa-square-h"></i> Mogador Express Bab Doukala   <font color=white>...&nbsp;</font> </a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.29 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/Marrakech/RIAD-ZINEB-Descripci%C3%B3n/h68820.1/" class="hover-effect popup-gallery" title='Marrakech  -'>
 <i class="fa-solid fa-square-h"></i> RIAD ZINEB  <font color=white>...&nbsp;</font> </a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.31 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/Marrakech/ES-SAADI-RESORT-HOTEL-Descripci%C3%B3n/h221525.1/" class="hover-effect popup-gallery" title='Marrakech  -'>
 <i class="fa-solid fa-square-h"></i> ES SAADI RESORT  -  HOTEL  <font color=white>...&nbsp;</font> </a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.33 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/Marrakech/ATLAS-ASNI-Descripci%C3%B3n/h170063.1/" class="hover-effect popup-gallery" title='Marrakech  -'>
 <i class="fa-solid fa-square-h"></i> Atlas Asni  <font color=white>...&nbsp;</font> </a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.33 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/Marrakech/L-ATLAS-MARRAKECH-Descripci%C3%B3n/h231443.1/" class="hover-effect popup-gallery" title='Marrakech  -'>
 <i class="fa-solid fa-square-h"></i> L ATLAS MARRAKECH  <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/Marrakech/HOTEL-MURANO-RESORT-Descripci%C3%B3n/h172523.1/" class="hover-effect popup-gallery" title='Marrakech  -'>
 <i class="fa-solid fa-square-h"></i> HOTEL MURANO RESORT  <font color=white>...&nbsp;</font> </a></span></div>
<div class="explot-distance"><span class="text-muted"> 0.52 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/Marruecos/Marrakech/497932460/'><b> Más Hoteles  Marrakech</b></a>
</div>
</center>
<div class=clearfix></div><br><br>

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

<center><div class="col-xs-12 Geo-Top-menu"> 
    <span class=center> Guía de  Marrakech | </span> 
<span> <a href="/es/guia-de-destinos/Marrakech/497932460/" target="_self">Guia de Viajes </a> | </span>
<span><a href="/es/guia-de-destinos/Marrakech/Distancias-entre--Marrakechlas-ciudades-m%C3%A1s-importantes.d.497932460/" target="_self">Distancias </a>| </span><span><a href="/es/el-tiempo/Marrakech/497932460/" target="_self">El Tiempo </a>| </span><span><a href="/es/guia-de-destinos/Marrakech/Mapa-de-Marrakech.m.497932460/" target="_self">Mapa </a>| </span><span><a href="/es/guia-de-destinos/Marrakech/Fotos.f.1.497932460/" target="_self">Fotos </a>| </span><span><a href="/es/guia-de-destinos/Marrakech/Mezquitas-en-Marrakech.p.22.497932460/" target="_self">Mezquitas  </a>| </span><span><a href="/es/guia-de-destinos/Marrakech/Palacios-en-Marrakech.p.34.497932460/" target="_self">Palacios  </a>| </span><span><a href="/es/guia-de-destinos/Marrakech/Lugares-de-inter%C3%A9s-en-Marrakech.p.8.497932460/" target="_self">Lugares de interés  </a>| </span><span><a href="/es/guia-de-destinos/Marrakech/Historia-Marrakech.c.497932460.2/" target="_self">Historia </a>| </span><span><a href="/es/guia-de-destinos/Marrakech/Antes-de-Viajar-Marrakech.c.497932460.7/" target="_self">Antes de Viajar </a>| </span><span><a href="/es/guia-de-destinos/Marrakech/D%C3%B3nde-Comer-Marrakech.c.497932460.25/" target="_self">Dónde Comer </a>| </span><span><a href="/es/guia-de-destinos/Marrakech/Compras-Marrakech.c.497932460.33/" target="_self">Compras </a>| </span><span><a href="/es/guia-de-destinos/Marrakech/Vida-Nocturna-Marrakech.c.497932460.34/" target="_self">Vida Nocturna </a>| </span><span><a href="/es/Viajes/%C3%81frica/Marruecos/Marrakech/497932460/" target="_self">Viajes </a>| </span><span><a href="/es/hoteles/Marruecos/Marrakech/497932460/" target="_self">Hoteles </a>| </span><span><a href="/es/Actividades/Marrakech/1.p.497932460/" target="_self"> Actividades </a>| </span><span><a href="/es/Traslados/%C3%81frica/Marruecos/Marrakech-tensift-al-Haouz/Marrakech/Reserva-de-Traslados-Marrakech/497932460/" target="_self">Traslados en Marrakech </a>| </span><span><a href="/es/Vuelos/Vuelos-Baratos-a-Marrakech/497932460/" target="_self">Vuelos </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/Marruecos/Marrakech/ROSE-AQUA-PARK-HOTEL-Descripci%C3%B3n/h166527.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/Marruecos/Marrakech/ROSE-AQUA-PARK-HOTEL-Descripci%C3%B3n/h166527.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=62260328904fe2ccd8b99ed0edd33e21&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">


//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 ReceivedData = JSON.parse(html);
                        const JsNumberResults = ReceivedData.length;
						//alert(7);
						//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);
						
                        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'>Marrakech <br>Rose Aqua Park Hotel</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>