@import url('carousel.css');


section.ofertas h2{
    /* color: var(--tts-primary-color); */
    padding: 5px 15px;
    vertical-align: bottom !important;
	/* border-bottom: 2px solid var(--tts-primary-color); */
	margin-bottom: 20px;
	font-weight: 600;
    font-family: 'Quicksand';
	position: absolute;
	margin-top: -20px;
	background-color: white;
	height: 20px;
	display: flex;
}

section.ofertas h2#text-cross-box {
    margin-top: 0px;
}

section.ofertas h2 div{
	color: white;
	background-color: var(--tts-primary-color);
	border-radius: 50%;
	width: 30px;
	height: 28px;
	font-size: 12px;
	text-align: center;
	margin-right: 8px;
}

.restantes-vuelos{
	padding: 6px;
}

.restantes-paquetes, .restantes-hoteles, .restantes-cruceros{
	padding: 4px;
}

.ver-paquetes div, .ver-cruceros div, .ver-hoteles div{
	padding: 4px;
}
section.ofertas h2:before{
    border-radius:50%;
    color: var(--tts-primary-color);
    font-size:1em;
    margin-top: -5px;
    padding:0 10px 0 0;
    vertical-align:middle;
	font-weight: 500;
}
section.ofertas h2.icon-cruceros:before{
    font-size:1.15em;
    margin-bottom:-1px;
   /* padding: 0px 3px 3px 3px;*/
}
.ofertas-sabana .box-oferta li:hover,
.slider.ofertas .viewport li:hover {
    box-shadow: 0 2px 30px 1px rgb(48 48 48 / 10%);
	
}    
.ofertas-sabana .box-oferta li,
.slider.ofertas .viewport li {
    transition: box-shadow .5s;
}
section.ofertas div.slider {
	padding: 0 !important;
	margin-top: 20px;
	border-top: 2px solid var(--tts-primary-color);
	border-top-right-radius: 20px;
}

.slider.ofertas .viewport{
	height: 100%;
    padding: 0 5px;
}
.slider.ofertas .viewport li {
    overflow: hidden;
}
	.slider.ofertas .overview {
		display:table;
		max-width: 1px;
	}
	.slider .buttons:hover {
		color:inherit !important;
		background:rgba(255,255,255,0.85) !important;
	}
	.slider.ofertas  li.vuelos{
		/* border: 1px solid #cacaca; */
		border-radius: 12px;
		box-sizing: border-box;
		/*display:table-cell;*/
		float: none;
		height: 340px;
		background-color: #EEE;
		position: relative;
		vertical-align: bottom;
		background-size: cover;
		width:100%;
		text-align: center;
		/* padding: 20px 15px; */
	}

	.slider.ofertas li.vuelos div.div-detalles div.title-box{
		top:155px;
	}

	.slider.ofertas li.tipo-hoteles div.div-detalles div.title-box{
		top: 170px;
	}
	.slider.ofertas  li.tipo-paquetes div.div-detalles div.title-box, .slider.ofertas  li.tipo-cruceros div.div-detalles div.title-box, .slider.ofertas li.tipo-hoteles_tb div.div-detalles div.title-box{
		top:230px;
	}

	.slider.ofertas  li.tipo-paquetes, .slider.ofertas  li.tipo-cruceros, .slider.ofertas li.tipo-hoteles_tb{
		/* border: 1px solid #cacaca; */
		border-radius: 12px;
		box-sizing: border-box;
		/*display:table-cell;*/
		float: none;
		height: 415px;
		background-color: #EEE;
		position: relative;
		vertical-align: bottom;
		background-size: cover;
		width:100%;
		text-align: center;
		/* padding: 20px 15px; */
	}

	.slider.ofertas li.tipo-paquetes-cross-box, .slider.ofertas  li.tipo-cruceros-cross-box, .slider.ofertas li.tipo-hoteles_tb-cross-box{
		height: 405px;
	}

	.slider.ofertas li.tipo-hoteles{
		/* border: 1px solid #cacaca; */
		border-radius: 12px;
		box-sizing: border-box;
		/*display:table-cell;*/
		float: none;
		height: 350px;
		background-color: #EEE;
		position: relative;
		vertical-align: bottom;
		background-size: cover;
		width:100%;
		text-align: center;
		/* padding: 20px 15px; */
	}
	 .imgLazy {
    height: 165px;
    width: 275px;
	border-radius: 7px;
	/* padding: 5px; */
    margin-top: 5px;
    top: 0;
    /* z-index: 1; */
    object-fit: cover;
    left: -60%;
    right: 50%;

	}

	@media (min-width: 1200px) {
		.imgLazy.imgLazy-cross{
			height: 165px;
			width: 265px;
		}
	}

	.logo-naviera{
		position: absolute;
		left: 5px;
		right: 5px;
		background-color: rgba(255,255,255,0.90);
		width: 275px;
		border-bottom-right-radius: 7px;
		border-bottom-left-radius: 7px;
		margin-top: 125px;
		padding: 3px 0;
		height: 45px;
		align-items: center;
		justify-content: center;
		display: flex;
	}
	.logo-naviera img{
		width: 230px;
		height: 40px;
	}

	.imgLazy2 {
	height: 165px;
    width: 100%;
    margin: 0;
    top: 0;
    z-index: 1;
	}

	 .imgLazyv {
		height: 165px;
		width: 100%;
		margin: 0;
		top: 0;
		object-fit: cover;
		object-position: top;
		background-size: cover;
		z-index: 1;
	}
/*list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 0;*/



	.contenedor{
		display: flex;
	}
	.borde{
		border-top: 2px solid var(--tts-primary-color);
		border-top-right-radius: 10px;
	}
	.slider.ofertas .viewport li.empty-item *{
		visibility:hidden;
	}
	.slider.ofertas .viewport div.agotado{
		background-color: var(--tts-primary-color);
		bottom:3px;
		color:#FFF;
		content:"AGOTADO";
		font-weight: 700;
    	font-family: 'Quicksand';
		font-size:16px;
		height:26px;
		line-height:26px;
		left:0;
		position:absolute;
		text-align:center;
		text-transform:uppercase;
		top:60px;
		transform: rotate(-45deg);
		transform-origin: 0% 0%;
		width:90px;
	}
	.slider.ofertas .viewport div.agotado:before,
	.slider.ofertas .viewport div.agotado:after{
		border-left:27px solid transparent;
		border-bottom:27px solid var(--tts-primary-color);
		content: "";
		margin-top:45px;
		position:absolute;
		left:-26px;
		top:-46px;
	}
	.slider.ofertas .viewport div.agotado:after{
		border-left:none;
		border-right:27px solid transparent;
		border-bottom:27px solid var(--tts-primary-color);
		left:89px;
		margin-top:0px;
		position: absolute;
		top:-1px;
	}
	.slider.ofertas .icon-item,
	.slider.ofertas p.descuento{
		margin-left: -10px;
	}
	.slider.ofertas .icon-item:before{
		background-color:#FFF;
		box-shadow: 0 0 10px rgba(0,0,0,0.3);
		border-radius:50%;
		float:left;
		font-size:.9em;
		height:26px;
		opacity: 0.70;
		padding:5px;
		text-align:center;
		width:26px;
	}
	.slider.ofertas .icon-item.icon-cruceros:before{
		font-size:1.4em;
		padding:1px 1px 3px 3px;
	}
	.slider.ofertas p.descuento {
		background-color:var(--tts-primary-color);
		color:#FFF;
		font-size:14px;
		font-weight: bold;
		display: flex;
		align-items:center;
		border-radius: 10px;
		height: 40px;
		width: 100px;
		justify-content: center;
	}
	
	.slider.ofertas p.descuento strong{
		font-size:inherit;
	}
	.slider.ofertas p.descuento strong:after{
		content:'%';
	}
	.slider.ofertas .etiquetas{
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 250px;
		margin: 10px 0px;
		height: 40px;
	}

	.slider.ofertas .etiquetas2{
		height: 30px;
		margin: 15px 0px;
	}
	.slider.ofertas p.megaoferta {
		background-color: white;
		color: #39C;
		font-weight: 700;
    	font-family: 'Quicksand';
		font-size: 16px;
		width: 130px;
		height: 40px;
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.slider.ofertas p.megaoferta strong {
		color:#194276;
		font-weight: 700;
    	font-family: 'Quicksand';
	}
	
/*
.slider.ofertas p.descuento{
	background-color:var(--tts-primary-color);
	color:#FFF;
	font-size: 18px;
	font-weight:normal;
	line-height:20px;
	margin-top:-10px;
	padding:5px 0;
	position:absolute;
	right:10px;
	text-align:center;
	width:50px;
}
.slider.ofertas p.descuento strong{
	font-family:'OpenSansBold';
	font-size: 18px;
}
.slider.ofertas p.descuento strong:after{
	content:'%';
}
.slider.ofertas p.descuento:before,
.slider.ofertas p.descuento:after{
	border-left:25px solid transparent;
	border-top:12px solid var(--tts-primary-color);
	content: "";
	right:0;
	margin-top:45px;
	position: absolute;
}
.slider.ofertas p.descuento:after{
	border-left:none;
	border-right:25px solid transparent;
	border-top:12px solid var(--tts-primary-color);
	content: "";
	right:25px;
	margin-top:25px;
	position: absolute;
}
*/
.slider.ofertas div.infoVuelos{
	background-color:#EEE;
	bottom: 60px;
		box-sizing: content-box;
		color:#454848;
		padding: 12px 16px 0px 16px;
		/* position: absolute; */
		z-index: 2;
		width: 100%;
		height: 100px;
		left: 0;
		box-sizing: border-box;
}

	.slider.ofertas div.info,
	.slider.ofertas div.reward-points{
		background-color:#EEE;
		text-align: center;
		bottom: 60px;
		box-sizing: content-box;
		color:#454848;
		padding: 0px 16px;
		/* position: absolute; */
		z-index: 2;
		width: 102%;
		height: 100px;
		left: 0;
		box-sizing: border-box;
	}
	.title-box {
		position: absolute;
		/* top: 220px; */
		background-color: #fff;
		padding: 4px 8px;
		border-radius: 12px;
		border: 1px solid #333;
		/* left: 16px; */
	}
	.div-detalles{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.title-box .iconFont {
		color: #626565;
	}
	.title-box .iconFont:before {
		font-size: 16px;
	}
	span.iconTitle {
		color: #333;
		font-weight: bold;
		font-size: 15px;
		margin: 0 8px 0 6px;
		line-height: 1.2;
	}

	
	.slider.ofertas div.info-precio{
		height: 50px;
		/* position: absolute; */
		bottom: 0;
		z-index: 3;
		width: 100%;
		background-color: #EEE;
		/* border-top: 1px solid #cacaca; */
		padding: 0px 16px 0px 16px;
		
	}

	.slider.ofertas div.vuelos{
		height: 55px;
		margin-bottom: 10px;
	}

	.slider.ofertas div.tipo-paquetes, .slider.ofertas div.tipo-cruceros, .slider.ofertas div.tipo-hoteles{
		margin-bottom: 15px;
	}
	.slider.ofertas div.info-precio p.text-precio{
		color: #454848;
		font-size: 13px;
		font-weight: 600;
	}
	.slider.ofertas div.info-precio p.moneda {
		font-size: 24px;
		color: #454848;
		font-weight: 600;
    	font-family: 'Quicksand';
		line-height: 1;
	}
	/* .slider.ofertas div.info-precio p.moneda:before {
		content: '$';
		font-size: 20px;
		margin-right: 3px;
	} */
	.slider.ofertas div.reward-points{
		border-top: 1px solid #ffffff;
		padding: 3px;
	}
	.slider.ofertas img.aerolineas,
	.slider.ofertas img.cruceros{
		background-color:#FFF;
		border-radius:2px;
		float: right;
		height: 24px;
		margin-top: -70px;
		padding: 2px;
		width:100px;
		z-index: 5;
		position: relative;
		left: -1em;
	}
.slider.ofertas img.aerolineas{
	background-color:#FFF;
		border-radius:2px;
		float: right;
		height: 24px;
		margin-top: -100px;
		padding: 2px;
		width:100px;
		z-index: 5;
		position: relative;
		left: -1em;
	
}


.slider.ofertas p.detalle{
		background-color:#FFF;
		box-shadow:10px 0 10px rgba(0,0,0,0.5);
		color:var(--tts-primary-color);
		padding: 0px 2px;
		margin-left: 0px;
		margin-top: -120px;
		position:absolute;
		text-align:center;
		width: 170px;
		z-index: 3;
	}
	p.detalle-destino{
		margin-top: -81px !important;
	}
	.slider.ofertas p.detalle:before {
		border-top:9px solid transparent;
		border-bottom:9px solid transparent;
		border-left:9px solid #FFF;
		content: "";
		height:0px;
		left: 170px;
		position: absolute;
		width:0px;
	}
	
	.slider.ofertas p.detalleVuelos{
		background-color:#FFF;
		box-shadow:10px 0 10px rgba(0,0,0,0.5);
		color:var(--tts-primary-color);
		padding: 0px 2px;
		margin-left: 0px;
		margin-top: -73px;
		position:absolute;
		text-align:center;
		width: 160px;
		z-index: 3;
	}
	.slider.ofertas p.detalleVuelos:before {
		border-top:9px solid transparent;
		border-bottom:9px solid transparent;
		border-left:9px solid #FFF;
		content: "";
		height:0px;
		left: 160px;
		position: absolute;
		width:0px;
	}
	.slider.ofertas div.info p{
		line-height: 18px !important;
	}
	.slider.ofertas div.info p.ciudad{
		clear:both;
		font-size:16px;
		font-weight: 700;
    	font-family: 'Quicksand';
		line-height:22px !important;
	}
.slider.ofertas div.infoVuelos p.ciudad{
		clear:both;
		font-size:16px;
		font-weight: 700;
    	font-family: 'Quicksand';
		line-height:22px !important;
	}

	.slider.ofertas div.infoVuelos h3.ciudad{
		clear:both;
		font-size:25px;
		font-weight: 700;
    	font-family: 'Quicksand';
		line-height:28px !important;
		margin:15px 0 5px 0;
		height: 55px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	
	.slider.ofertas .otros .escalas{
		/* margin: 15px 35px; */
		height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 20px;
	}


	.slider.ofertas div.info h3.ciudad{
		clear:both;
		font-size:25px;
		font-weight: 700;
    	font-family: 'Quicksand';
		line-height:28px !important;
		margin:15px 0 5px 0;
		height: 55px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.slider.ofertas div.info .texto-precio{
		display: grid;
		justify-content: center;
		align-items: center;
		height: 40px;
	}
		.slider.ofertas li.vuelos div.info h3.ciudad{
		float:left;
	}
	.slider.ofertas li.vuelos div.info p.ciudad{
		float:left;
	}
.slider.ofertas div.infoVuelos p.cuotas{
		float:right;
	}

	.slider.ofertas div.info p.cuotas:before {
		margin-top: 2px;
	}
	.slider.ofertas div.info p.cuotas span.moneda, .slider.ofertas div.infoVuelos p.cuotas span.moneda{
		font-size:16px;
		font-weight: 700;
    	font-family: 'Quicksand';
	}
	.slider.ofertas div.info p.cuotas span.moneda:before,
	.slider.ofertas div.infoVuelos p.cuotas span.moneda:before,
	.slider.ofertas div.info p.precioTotal span.moneda:before,
	.slider.ofertas div.info p.precioAntes span.moneda:before{
		content:'$';
		font-size:14px;
	}
	.slider.ofertas div.info p.precioAntes span.moneda:before{
		font-size:13px;
	}
	.slider.ofertas div.info p.precioTotal,
	.slider.ofertas div.info p.precioAntes{
		clear:right;
		float:right;
		line-height: 1.9em;
	}
	section.ofertas p.precioTotal {
		visibility: hidden;
	}
	.slider.ofertas div.info p.precioAntes span{
		text-decoration: line-through
	}
	.slider.ofertas li.vuelos div.info p.precioTotal{
		line-height:22px !important;
	}
.slider.ofertas li.vuelos div.infoVuelos p.precioTotal{
		line-height:22px !important;
	}

	.slider.ofertas div.info p.detalle2{
		/* float:left; */
		font-size: 14px;
	}
	.slider.ofertas div.info p.detalle3{
		/* clear: left; */
		/* float:left; */
		/* font-style:italic; */
		font-size: 14px;
		white-space: normal;
		overflow: hidden;
		padding-right: 3px;
		text-overflow: ellipsis;
		max-width: 250px;
	}
	.slider.ofertas div.info p.estrellas{
		font-size: 18px;
	}
	.slider.ofertas div.info .icon-estrella:before{
		color:#fbb812;
		display:inline-block;
		margin:0px -3px 0 0;
		vertical-align:top;
	}
	.slider.ofertas div.reward-points p.points{
		text-align: center;
		font-size: 12px;
	}
	.slider.ofertas .overview a{
	  background-color: #EEE;
	  display: table-cell !important;
	  text-decoration:none;
	}
	

@media (min-width: 480px){
	.slider.ofertas .buttons {
		background: rgba(255,255,255,0.6);
		border-radius:0;
		color:var(--tts-primary-color);
		height: 368px;
    	line-height: 368px;
		left: 0 !important;
		opacity: 1;
		top: 0;
		width: 9%;
	}
	.slider.ofertas .buttons.next {
		left: initial !important;
		right: -10px !important;
	}
	.slider.ofertas .overview {
		display:table;
	}
	.slider.ofertas .buttons.hidecontrolls{
		background:white !important;
	}
	.slider.ofertas .buttons.hidecontrolls:before{
		content:"";
	}
}
/* RESPONSIVE ////////////////////////////////////////////////////////////*/
.responsive{
    margin:0 auto;
    overflow: auto;
}
@media (min-width: 1200px){
	.slider.ofertas .slick-track {
		margin-left: 0;
	}
	.slider.ofertas .overview{
		left: 95px;
	}

	.slider.ofertas .buttons {

		width: 111px;
	}

}
@media (max-width: 1199px){
	.slider.ofertas .overview{
		left: 73px;
	}
	 .imgLazy {
    height: 150px;
	width: 260px;
	padding: 5px;
	border-radius: 15px;
    /* margin: 0; */
    top: 0;
    /* z-index: 1; */
    background-size: cover;
 }
}
@media (max-width: 991px) {
	.slider.ofertas .viewport li .info{
	  width: 100%;

	}

	
	.logo-naviera{
		padding: 5px;
		margin-top: 120px;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		width: 100%;


	}
	.slider.ofertas .overview{
		left: 60px;
	}

	.slider.ofertas div.reward-points{
		border-top: 1px solid #ffffff;
		/* padding: 5px 70px; */
}

.slider.ofertas div.reward-points p.points{
		text-align: center;
		font-size: 9px;
	}
 .imgLazy {
    height: 175px;
    width: 100%;
    margin: 0;
    top: 0;
    /* z-index: 1; */
	border-radius: 15px;
    background-size: cover;}
}

@media (max-width: 767px){
	section.ofertas h2 {
		margin-left: 5px;
    	margin-right: 5px;
	}
	.slider.ofertas h1{
		padding: 7px 70px;
	}
	.slider.ofertas h1:after,
	.slider.ofertas h1:before{
		left:0;
		position:absolute;
		top: 38px;
	}
	.slider.ofertas h1:after{
		left:initial;
		right:0;
	}
	.slider.ofertas .overview{
		left: 33px;
	}
	.slider.ofertas  li .info{
		width: 100%;

	}
	.slider.ofertas div.info p.detalle3{
		max-width: 100%;
	}

	.logo-naviera{
		padding: 5px;
		margin-top: 120px;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		width: 100%;


	}
	.slider.ofertas .buttons{
		font-size:21px;
	}
}
@media (max-width: 500px){
	.slider.ofertas .overview{
		left: 0;
	}
}
@media (max-width: 360px){
	.slider.ofertas h1{
		font-size:18px;
	}
	.slider.ofertas h1:after,
	.slider.ofertas h1:before{
		top: 33px;
	}
}
@media (max-width: 360px){
	.slider.ofertas h1{
		font-size:18px;
	}
	.slider.ofertas h1:after,
	.slider.ofertas h1:before{
		top: 33px;
	}
}
@media (min-width: 359px) and (max-width:500px){
}
@media (min-width: 319px) and (max-width:358px){
}
/* HAY QUE AJUSTARLO CON JQUERY PARA LAS PANTALLAS INFERIORES A 500PX */
/* SEGURMENTE HAYA QUE DEFINIR TAMBIEN EL .overview (viewport x 4) */
p.precioAntes {
    transform:translateX(-64px);
    margin-top: -19px;
}

.wrapper{
  width:100%;
  text-align:center;
}
h2{
  font-family:'Opan Sans', sans-serif;
  color:#555;
}

input.hasDatepicker::placeholder{
    color:#ffffff73 !important;
    font-size: 16px;
    font-weight: normal;
}
.vuelosBuscar{
    height: 58px !important;
    background: #e80000!important;
    box-shadow: none !important;
    border: 1px solid white !important;
}
.editSearch{
    text-align: center;
    cursor: pointer;
    border-bottom: 3px solid transparent;
}
.editSearch:hover,.editSearch.active{
    font-weight: bold;
    border-color: white;
}
.editFiltersForm{
    font-size: 12px;
    display: none;
    /*background: var(--tts-primary-color);*/
    padding: 8px 0px;
    position: absolute !important;
    background: white;
    z-index: 999;
    top: 42px;
    color: black;
    text-align: center;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 4px 4px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 4px 4px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 4px 4px 0 rgba(0, 0, 0, 0.12);
}


.disable_rewards{
display:none !important;
}
.detalle_rewards
{
	margin-top: -81px !important;
}

section.contacto{
	margin-top: 5px;
    padding-top: 25px;
}