@import url('https://fonts.googleapis.com/css?family=Montserrat');
*{
	font-family: 'Montserrat';
	background: f6f6f6;
}
body{
	overflow-x: hidden;
}
.input-group .btn, .input-group>.form-control:not(:focus).is-invalid, .input-group>.form-floating:not(:focus-within).is-invalid, .input-group>.form-select:not(:focus).is-invalid, .was-validated .input-group>.form-control:not(:focus):invalid, .was-validated .input-group>.form-floating:not(:focus-within):invalid, .was-validated .input-group>.form-select:not(:focus):invalid, .input-group>.form-control:not(:focus).is-valid, .input-group>.form-floating:not(:focus-within).is-valid, .input-group>.form-select:not(:focus).is-valid, .was-validated .input-group>.form-control:not(:focus):valid, .was-validated .input-group>.form-floating:not(:focus-within):valid, .was-validated .input-group>.form-select:not(:focus):valid{
	z-index: 0 !important;
}
#scrollUp{
	position: fixed;
	bottom: 20px;
	left: 20px;
	width: 50px;
	height: 50px;
	background: url(../img/flecha.jpg);
	cursor: pointer;
	display: none;
	z-index: 2;
}

#myVideo {
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%,-50%);    
}
#ventanaVideo{
  position: absolute;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  background: black;  
  top: 0;
  left: 0;
}

.nav-tabs .nav-link{
	color: var(--main-color) !important;
}

.nav-tabs .nav-link.active{
	color: #333 !important;
}

.recuadro{
	background: white;
	border:1px solid #e1e1e1;
	border-radius: 10px;
	padding: 1em;
	box-shadow: 0 4px 8px 0 rgba(68,68,68,0.2);
}
.badgeCompra{
	background: white;	
	border-radius: 10px;
	padding: 1em;	
	cursor: pointer;
}
.badgeCompra:hover{
	border:1px solid var(--main-color);
	background: var(--main-color);
	color: var(--text-color);
	font-weight: bold;
}
.compraDisponible{
	color:green;
	border:1px solid green;
}
.compraNODisponible{
	color:gray;
	border:1px solid gray;
}

.bg-header{
	background: var(--main-color);
	color: var(--text-color);
	font-size: 1.2em;
	padding: 5px 0;
}
.bg-header a{
	color: var(--text-color);
	text-decoration: none;
}
.bg-header a:hover{
	color: var(--secondary-color);
}
.bg-header .icon-youtube:hover{
	color:#ff0000;
}
.bg-header .icon-instagram:hover{
	color:#a800ff;
}
.bg-header .icon-facebook:hover{
	color:#3b5998;
}
.bg-header .icon-twitter:hover, .bg-header .icon-tiktok:hover{
	color:#000;
}
.bg-header i{
	padding: 3px;
	line-height: inherit;
}
.bg-header .fa-brands{
	margin:0 5px;
}
.bg-header .pais-btn, .bg-header .user-btn{
	margin-right:10px;
	cursor: pointer;
}
.bg-header .cart-btn{
	cursor: pointer;
}
.bg-header .wp-number, .bg-header .header-text{
	display: inline;
}
.boton-ingreso, .boton-registro, .recuperaContrasena, .btn-megamenu{
	cursor: pointer;
}
.modalIngreso, .modalRegistro, .modalRecupera, .modalCancelacion, .modalCompra{
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 2;
	display: none;
}
.modalIngreso span, .modalRegistro span, .modalRecupera span, .modalCancelacion span, .modalCompra span{
	position: fixed;
	color:white;
	font-size: 3em;
	right:3%;
	top:1%;
	cursor: pointer;
}
.modalIngreso .recuadro, .modalRegistro .recuadro, .modalRecupera .recuadro, .modalCancelacion .recuadro, .modalCompra .recuadro{
	width:90%;	
	max-width: 800px;
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);	
}

.modalIngreso .facebook, .modalIngreso .google, .modalRegistro .facebook, .modalRegistro .google, .cancelaciones{
	cursor:pointer;
}

.modalIngreso .facebook p, .modalRegistro .facebook p{
	background:#46639f;
}

.modalIngreso .google p, .modalRegistro .google p{
	background:#d6513e;
}

.modalIngreso .facebook p, .modalIngreso .google p, .modalRegistro .facebook p, .modalRegistro .google p{
	color:white;
	text-align:center;
	text-decoration: none;
	line-height:40px;
	padding:8px;
	font-size:1em;	
	margin: 10px 0 20px 0;
}

.backColor{	
	background:var(--main-color);
	color: var(--text-color);
}

.container h2{
	font-weight: 600;
}
.ofertaTag{
	position: absolute;
  top: 0;
  left: 0;
  width:80px;
  padding: 1em 0.7em;  
  background: red;
  color: white;
  font-weight: 600;
  text-align: center;
  font-size: 1.2em;
  border-top-left-radius: 0.2em;
  box-shadow: 0 4px 8px 0 rgba(68,68,68,0.2);
}
.ofertaTag:after{
	content: " ";
  position: absolute;
  left: 0;
  bottom: -10px;
  border-top: 10px solid red;
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
  border-bottom: none;  
}

.ubicacion, .carritoMenu{
	position: absolute;
	top:50px;
	right: 10%;
	width: 280px;	
	z-index: 2;	
	display: none;
	overflow: hidden;
}
.paisesList{
	position: absolute;
	bottom:50px;
	left: 0;
	width: 280px;	
	z-index: 2;	
	display: none;
	overflow: hidden;
}
.ubicacion .list-group, .carritoMenu .list-group, .usuario .list-group, .paisesList .list-group{
	--bs-list-group-bg: none;
	--bs-list-group-border-color: none;	
	cursor: pointer;
}
.ubicacion img, .carritoMenu img, .pais-btn img, .paisesList img, .pais-footer-btn img{
	width: 25px;
	margin-top: -3px;
}
.decorativoCarrito{
	position: absolute;
  left: 20%;
  top: 7%;
  font-size: 10em;    
  color: rgba(0, 0, 0, 0.1);
}
.salir{
	cursor: pointer;
}
.usuario{
	position: absolute;
	top:50px;
	right: 15%;
	width: 350px;	
	z-index: 2;
	display: none;		
}
.img-circle{
	border-radius: 50%;
	width: 100%;
	max-width: 100px;
}
.navbar-brand img{		
	width: 100%;
	max-width: 180px;
}
.nav-link{
	margin-left:0.8em;
	font-weight: bold;
	cursor: pointer;
}
.navbar-nav a:hover{
	color: var(--main-color) !important;
}
.megamenu{
	position: relative;	
	display: none;	
}
.cierremenu, .cierreContenido{	
	font-size: 2em;	
	color:gray;
	cursor: pointer;
}
.megamenu .seccion, .megamenu .lateral{
	display: none;
}
.megamenu .seccion:first-child, .megamenu .lateral:first-child{
	display: block;
}

.megamenu-mobile{
	background: white;
	position: fixed;
	height: 100%;
	overflow-y: scroll;
	top:0;
	left: 0;
	display: none;	
	z-index: 2;
}
.botonera-sidebar{
	background: #f1f1f1;
	padding: 10px;
	border-radius: 10px;
}
.megamenu .list-group, .megamenu-mobile .list-group{
	--bs-list-group-bg: none;
	--bs-list-group-border-color: none;	
}
.list-group small{
	color: var(--main-color) !important;
}
.vermas-menu{
	text-align: right;
}
.vermas-menu a{
	text-decoration: none;
	color:var(--main-color);	
}
.vermas-menu a:hover{	
	color:red;
}
.megamenu img, .megamenu-mobile img{
	width: 100%;
	border-radius: 10px;	
}

.button{
  background:background: #ff3019;
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
  background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%);
  background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
  font-size:1em;
  color:#fff;  
  padding:0.5em;
  border:0;
  box-shadow: 0 1px darkred;  
}
.button:hover{
  background: firebrick;
}

/*CSS Footer*/
footer{
	margin-top: 20px;
  border-top: 8px solid var(--main-color);
  background: #333;
  padding: 20px 0;
  color: white;
}
.final{
	padding:20px 0;
	background: black;
	color: white;
	text-align: center;
}

.link-resaltado{
	text-decoration: none;
	color:var(--main-color);
}
.link-resaltado:hover{
	color:var(--secondary-color);
}
.column-footer{
	line-height: 2;
	display: block;
}
.column-footer h3, .column-footer-mobile h3{
	color:var(--main-color);

}
.column-footer a{
	color:white;
	text-decoration: none;
	display: block;
}
.column-footer a:hover{
	color:var(--main-color);	

}
.column-footer-mobile{
	display: none;
}	
.column-footer-mobile .accordion-body a{
	color:white;
	text-decoration: none;
	display: block;

}
.column-footer-mobile .accordion-body{
	line-height: 3em;
	padding: 0;
	color:white;
}
.column-footer-mobile .accordion-item, .column-footer-mobile .accordion-button{
	background: none;
	border:none;
	box-shadow: none;
}
.column-footer-mobile .accordion-button {
	color: white;
	padding:0.75em 0;    
}
.column-footer-mobile .accordion-button:not(.collapsed) {
	color:var(--main-color);
	background: none;
	box-shadow: none;
	
}
.column-footer-mobile .accordion-button:not(.collapsed)::after{
	background-image: url(../img/up-footer-orange.png);
}
.column-footer-mobile .accordion-button::after{
	background-image: url(../img/up-footer.png);
}
.column-footer-mobile .accordion-body a:hover{
	color:var(--main-color);	
}
.column-footer-mobile .accordion{
	--bs-accordion-btn-active-icon: url(../img/flecha.jpg);
}
.idioma-btn{
	border-radius: 20px;
  padding: 0.5em 1em;
  border: none;
  margin-right: 5px;
}
.pais-footer-btn{
	border-radius: 20px;
  padding: 0.5em 1em;
  border: none;
  margin-right: 5px;
}
.pais-footer-btn:hover{
	background: var(--main-color);
	color: var(--text-color);
}
.selected{
	background: var(--main-color);
	color:white;
}
#redes-sociales{
	display: flex;
}
#redes-sociales img{ 
	width: 60px; 
	margin: 0 3px;
  filter:grayscale(100%);
  -webkit-filter:grayscale(100%);
  -moz-filter:grayscale(100%);
}
#redes-sociales img:hover{
  filter:grayscale(0%);
  -webkit-filter:grayscale(0%);
  -moz-filter:grayscale(0%);
}
.separador-footer{
	border-bottom: 1px solid black;
    box-shadow: 0 1px #515A5A;
}
.formadepago{
	width: 100%;	
}
.formadepago img{
		width: 100%;
    max-width: 60px;
    background: whitesmoke;
    margin: 3px;
    padding: 3px;
    border-radius: 3px;
    border: 1px solid lightgray;
}

.banner{
	position: relative;
}

.containerCategorias{
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%); width: 100%;
}
.ventanaCategorias{
	position: relative;
	width: 90%;
	height: 200px;
	margin: 0 auto;
	overflow: hidden;
}
.categorias{	
	width: 100%;
	position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}
.categorias a{
	text-decoration: none;
	color:#333;
}
.carouselCard{	
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.ficha{
	background: white;
	border:1px solid #e1e1e1;
	border-radius: 1em;		
	font-weight: bold;
	padding: 0.3em;
	text-align: center;	
	box-shadow: 0 4px 8px 0 rgba(68,68,68,0.2);  
	margin: 0 5%;
}
.ficha img{
	width: 100%;
	border-radius: 0.7em;
	margin-bottom: 7px;
}
.controles{
	position: absolute;
  right: 5%;  
  display: flex;
}
.control{
  width: 45px;
  height: 45px;
  text-align: center;
  background: #f6f6f6;    
  border-radius: 60em;
  font-size: 1.5em;
  margin-right: 10px;
  padding-top: 5px;
  cursor: pointer;
}
.inactive{
	color:lightgray;
}

.bannerAds{
  width: 100%;
  height: 300px;
  border-radius: 1em;  
  position: relative;
  background-size: 100%;  
}

.textoAd1{
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;  
  background: rgba(0, 0, 0, 0.7);
  padding: 30px 15px 10px 15px;
  border-radius: 0.75em;
  text-align: center;
}

.textoAd1 h4{
	font-size: 1.5em;		
}
.textoAd1 h2{
	font-size: 3em;
	font-weight: 700;	
}

.textoAd2{
	position: absolute;
  top: 24%;
  left:8%;    
  color: white;  
  text-align: center;  
}

.textoAd2 h2{
	font-size: 4em;
	font-weight: 700;	
	text-shadow: 2px 2px rgba(0,0,0, 0.5);
}
.btnAd2{
	position: absolute;
  top: 40%;
  right:8%;    
  color: white;  
  text-align: center;  
}
.btnAd2 a{
	font-size: 1.2em;
	background: var(--main-color);
  color: white;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 0.5em;
  line-height: 3em;
}
.btnAd2 a:hover{
	background: var(--secondary-color);
}
.btnAd2 p{
	font-size: 1.2em;
	font-weight: 700;	
	text-shadow: 2px 2px rgba(0,0,0, 0.5);
}
.imagenCategoria{
	position: relative;
}
.imagenCategoria h3{
	position: absolute;
	font-size: 3em;
	top:22%;
	right:7%;
	color: white;
	font-weight: 600;
	text-shadow: 2px 2px rgba(0,0,0, 0.5);
}
.imagenCategoria img{
	width: 100%;
	border-radius: 1em;
}
.ventanaPlanes{
	position: relative;
	width: 100%;
	height: 610px;
	overflow-x: hidden;
	overflow-y: hidden;
}
.listaPlanes{
	width: 100%;
	position: absolute;
	top:0;
	left:50%;
	transform: translate(-50%);
}
.cardPlan{
	padding-right: 0 !important;
	padding-left: 0 !important;	
}
.cardPlan .card{
	margin:0 4%;

}
.listadoRecomendados a{
	display: block;
	color:#333;
	text-decoration: none;	
	line-height: 2em;
}
.listadoRecomendados a:hover{
	color:var(--main-color);
}

.cardPlan .card-body .badge{
	font-size: 0.8em;
	margin-top: 0.3em;
}
.cardPlan .card-body small{
	font-size: 0.8em !important;
}
.botonFavorito{
	position: absolute;  
  top: 2%;
  right: 3%;
  background: #f6f6f6;
  border-radius: 10em;
  padding: 0.5em;
  cursor: pointer;
  color:var(--main-color);
}
.botonFavorito:hover{
	background: var(--main-color);
	color:white !important;
}
.botonFavorito{
	font-size: 1.5em;
	line-height: 0;
}

/*Slider Filtros*/
.middle{
	position: relative;
	padding: 15px;
}
.ui-slider-horizontal .ui-slider-range{
	background: var(--main-color);
}

.ui-slider-handle{	
	background: var(--main-color) !important;
	border-radius: 50% !important;
	border: 0 !important;
	width: 1.6em !important;
  height: 1.6em !important;
  box-shadow: 0 0 0 0 rgba(1,168,230,.1);
	transition: box-shadow .3s ease-in-out;
}

.ui-slider-handle:hover{
	box-shadow: 0 0 0 20px rgba(1,168,230,.1);
}

.ui-slider-horizontal .ui-slider-handle{
	top: -0.45em !important;
 	margin-left: -0.8em !important;
}

#prMin, #prMax, #durMin, #durMax{
	position: absolute;
	top: -30px;
}

#prMin, #durMin{
	left: 0;
}

#prMax, #durMax{
	right: 0;

}


/*Fin Slider Filtros*/

.textoFiltro{
	display: block;
}
.botonFiltro{
	display: none;
}

.fotoResultado{
	position: relative;
	width: 100%;
	height: 300px;
	border-radius: 10px 0 0 10px;
	background-size: 100% 100%;    
}
.recuadroResultado{
	display: block;	
}
.recuadroResultadoMobile{
	display: none;
}
.masResultados{
	width: 50%;
	border: 0;
	margin:30px 25% 0 25%;
}

.statusData{
	cursor: pointer;
	border-radius: 7px;
	padding: 10px;
}
.statusData:hover{
	background: #f1f1f1;
}

/*
*
* ==========================================
* VIDEO PLAYER BANNER
* ===================S=======================
*
*/

#video-container, #video{
	width: 100%;
	height: 100%;
	position: fixed;	
	z-index:0;
	background: white;
}
#video-container{
	display: none;	
}
#video-controls{
	background: #333;
	z-index: 2;    
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -50%);
}
#video-controls button{
  background: #333;    
  padding: 10px 20px; 
  margin: 1em 0 1em 0 !important;
  border: 1px solid var(--main-color);
  color: var(--main-color);
}
#video-controls button:hover{
	color:white;
	background: var(--main-color);
}
#video-container img{
	max-width: 300px;
	width: 100%;
	position: absolute;
	top:1%;
	left:1%;
	z-index: 2;
}
#seek-bar{
	width: 65%;
}
#play-pause{
	margin-right: 5px !important;
}
.text-video{
	display: none;
}
#close-video{
	border: 1px solid var(--main-color);
  color: var(--main-color);
  background: #333;    
  padding: 10px 20px;
  position: absolute;
  top: 18px;
  right: 20px;
  z-index: 2;
}
#close-video:hover{
	color:white;
	background: var(--main-color);
}
@media (max-width: 600px){  	    
    #video-controls{				
	    bottom:-100px !important;	    
    }               
		.titleFooterDesktop{
			display: none;
		}		
}
@media (min-width: 992px){  	    
    .text-video{
  		display: inline !important;
  	}  	
}
@media (min-width: 1200px){  	  	
  	#video-controls{				
	    bottom:10px !important;	    
    }
    #seek-bar{
			width: 75%;
		}   	
}
/*Fin Video Player*/

.tituloTour h1{
	font-weight: 700;
	line-height: 1em;
}
.tituloTour p{
	font-size: 1.3em;
}
.bannerTour{
	position: relative;
	width: 100%;
  height: 500px;
  background-size: 100%;     
}
.bannerTour .botonPlay{
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	color: white;
  font-size: 12em;
  opacity: 0.8;
}
.bannerTour .botonPlay:hover{	
	color:var(--main-color);	
}

.listaSitio{
  list-style: none;
  line-height: 1.8em;  
  padding: 0;
}
.listaSitio i{
	color:var(--main-color);
}

.ventanaGaleria{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 280px;
}

.listaFotos{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:50%;
	transform: translate(-50%);
}

.controlIzqFoto{
	position: absolute;	
	width: 80px;
	height:100%;
	text-align: center;		
}
.controlDerFoto{
	position: absolute;
	right:0;
	top:0;
	width: 80px;
	height:100%;
	text-align: center;	
}
.fondoOscuroLeft{
	background: linear-gradient(to right, rgba(0,0,0,0.4), rgba(0,0,0,0));	
}
.fondoOscuroRight{
	background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.4));	
}
.controlIzqFoto .control, .controlDerFoto .control{
	line-height: 1.5em;
  position: absolute;
  top: 50%;
  left: 50%;  
  transform: translate(-50%, -50%);
}

.cardFoto{
	position:relative;
	padding-right: 0 !important;
	padding-left: 0 !important;
	cursor: pointer;	
}

.overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}
.overlay i{
	font-size: 3em;
	color:white;	
  position: absolute;
  top: 50%;
  left: 50%;  
  transform: translate(-50%, -50%);
}
.modalImage{
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 2;
	display: none;
}
.modalImage span{
	position: fixed;
	color:white;
	font-size: 3em;
	right:3%;
	top:1%;
	cursor: pointer;
}
.modalImage img{
	width:80%;	
	max-width: 1200px;
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	border-radius: 20px;
	border:5px solid white;
}
.seleccionTour, .viajeros{
	padding:20px 0;
	border-bottom: 1px solid #f6f6f6;
	box-shadow: 0 1px #e1e1e1;
}
.seleccionTour:hover, .viajeros:hover{
	background: #f6f6f6;
}

.checkNOK{
	color:lightgray;
}
.checkOk{
	color:mediumseagreen !important;
}
.datos{
	background: var(--main-color);
  color: white;
  text-align: center;
  padding: 20px 0;
  border-radius: 1.5em;
  font-size: 1.5em;
}
.datos i{
	font-size: 2em;
	margin-bottom: 0.2em;
}

.blockquote-center{
	position: absolute;
	top:50%;
	transform: translate(0, -50%);

}

.cta-servicios a{
	position: absolute;
	left:10%;
	top:50%;
	transform: translate(0, -50%);
}
.cta-servicios i{
	color: var(--main-color);
  font-size: 6em;
  margin-right: 10%;
}

.articuloBlogList{
	position: relative;
}
.articuloBlogList img{
	border-radius: 2em;
	transition: opacity .2s;	
}
.articuloBlogList a > img:hover{
	opacity: 0.8;	
}
.articuloBlogList .recuadro{
	max-width: 90%;
  margin: 0 auto;
  margin-top: -10%;
  z-index: 2;
  position: relative;
}
.articuloBlogList .recuadro p, .articuloBlogList .recuadro h3{
	text-decoration: none !important;
	color:#333;
}
.articuloBlogList h3{
	font-weight: bold;
}

.blogRedes{
	color: #333;
	margin: 0 5px;
	font-size: 1.1em;
}
.blogRedes:hover{
	color: var(--main-color);
}

.ventanaTopics{	
	height: 150px !important;
}

.topicItem{
	position: relative;
	padding: 5%;
	width: 100%;	
}
.topicItem img{
	border-radius: 0.8em;	
	transition: opacity .2s;	
}
.topicItem p{
  color: white;
  font-weight: bold;
  position: absolute;
  left: 50%;
  bottom:1%;
  transform: translateX(-50%);
  text-shadow: 2px 2px 4px black;
  font-size: 1.2em;
}
.topicItem img:hover{
	opacity: 0.8;
}

.listadoContenido{
	list-style: none;
	padding-left: 0;	
}
.listadoContenido li{
	line-height: 1.8em;
}
.listadoContenido a{
	text-decoration: none;
	color:gray;
}

.listadoContenido a:hover{
	color:var(--main-color);
}

.listadoContenido .activo{
	color:#333 !important;
}
.quoteBlog{
	padding: 20px 0 20px 15%;
	border-left: 3px solid var(--main-color);
}
.keywordsBlog{
	padding:20px 0;
	border-bottom: 1px solid lightgray;
}
.keywordsBlog a{
	text-decoration: none;	
	font-size: 1.2em;
}
.keywordsBlog .badge{
	margin:3px 0;
}
.contenidoBlogMobile{
	position: fixed;
	bottom:0;
	background: rgba(0, 0, 0, 0.8);
	padding: 20px 0;
	display: none;
}
.contenidoBlogMobile button{
	border:1px solid white;
	color:white;
}
.tablaContenidoMobile{
  background: white;
  position: fixed;
  height: 100%;
  overflow-y: scroll;
  top: 0;
  left: 0;
  display: none;
  z-index: 2;
}
.tablaContenido{
	display: block;
}

.espera, .mensajeAction{
	position: absolute;
  width: calc(100% - 2em);
  height: calc(100% - 2em);
  background: #23c8a9;
  z-index: 2;
  color: white;
  display:none;
}
.imagenEspera, .imagenMensaje{
	width: 80%;
  max-width: 400px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.imagenEspera img, .imagenMensaje img{
	width: 100%;
	max-width: 300px;
}

.cargaResultados{
	position: relative;
	width: 100%;
	text-align: center;
}
.cargaResultados img{
	width: 100%;
	max-width: 500px;
	margin: 0 auto;

}

#fechasFiltros, #categoriasFiltros, #destinosFiltros{
	height: 146px;
	overflow-y: hidden;
}

.expandFiltro{
	cursor: pointer;
}

.btnPago{
	cursor: pointer;
}

.btnDisabled{
	background: #f6f6f6 !important;
	color: gray;
}

.sticky-top{
	z-index: 0 !important;
}

.precioParte{
	text-align: center;
}

@media all and (max-width: 1000px) {  
	.textoFiltro{
		display: none;
	}
	.botonFiltro{
		display: block;
	}
	.masResultados{
		width: 70%;
		border: 0;
		margin:30px 15% 0 15%;
	}
	.datos{
		font-size: 1.2em;
	}
	.blockquote-center{
		position: relative;	
	}
	.contenidoBlogMobile{
		display: block;
	}
	.tablaContenido{
		display: none;
	}
	.recuadroFiltro{
		display: none;
	}

}

@media all and (max-width: 600px) {  
	.bg-header .wp-number, .bg-header .header-text{
		display: none;
	}	
	.bg-header{
		font-size: 1.5em;
	}	
	.ubicacion, .carritoMenu{
		right:5%;
	}
	.usuario{
		right: 3%;
	}
	.column-footer{
		display: none;
	}
	.column-footer-mobile{
		display: block;
	}		
	.listaDestinos{
		top:30%;
	}
	.listaDestinos, .listaFechas{
		left:5%;
	}
	.ventanaCategorias{
		width: 80%;
	}
	.textBanner{		
	  top: 29%;
	  left: 9%;	  
	}
	.textBanner h1{
		font-size: 3em;		
	}
	.bannerAds{	  
	  height: 300px;	  
	}
	.textoAd1{
		width: 80%;
	}	
	.textoAd1 p{
		font-size: 1em;
	}
	.textoAd1 h4{
		font-size: 1.2em;
	}
	.textoAd1 h2{
		font-size: 2.2em;
	}
	.textoAd2{		
		width:100%;
		left:50%;
		transform: translate(-50%);
	}
	.textoAd2 h2{
		font-size: 3.5em;
	}
	.btnAd2{
		width:100%;
		top:90%;
		right:50%;
		transform: translate(50%);
	}	
	.btnAd2 p{
		display: none;
	}
	.imagenCategoria h3{	
		font-size: 2em;
	}
	.recuadroResultado{
		display: none;	
	}
	.recuadroResultadoMobile{
		display: block;
	}
	.ventanaTopics{	
		height: 270px !important;
	}	
} 

@media all and (max-width: 320px) {  	
	footer h3{
		font-size: 1.2em;
	}	

}

@media (min-width: 601px) and (max-width: 1200px) {  	
	.textBanner{		
	  top: 10%;
	  left: 50%;	  
	}
	.textoAd2{
		left:6%;
	}
	.btnAd2{
		right:6%;
	}		
} 

@media (min-width: 601px) and (max-width: 1366px) {  	
	.ubicacion{
		right:8%;
	}
	.usuario, .carritoMenu{
		right: 4%;
	}	
	.bannerAds{	  
	  height: 250px;	  
	}	
	.textoAd2{		
	  top: 19%;
	}
	.imagenCategoria h3{	
		font-size: 2.5em;
	}
	.listadoRecomendados a{
		font-size: 1.2em;
	}
	.ventanaGaleria{
		height: 300px;
	}
	.ventanaTopics{	
		height: 125px !important;
	}		
}