@import url('carousel.css');

div.slider {
	padding: 0 !important;
}
.slider.ofertas .viewport{
	height: 210px;
}

	.slider.ofertas .overview {
		display:table;
		/* width: 5958px !important; */
		max-width: 1px;
	}
	.slider .buttons:hover {
		color:inherit !important;
		background:rgba(255,255,255,0.85) !important;
	}
	.slider.ofertas .viewport li{
		border-left: 5px solid #FFF;
		border-right: 5px solid #FFF;
		box-sizing: border-box;
		display:table-cell;
		float: none;
		height: 210px;
		padding:0 10px;
		vertical-align: bottom;
		/*width: 273.4px;*/
		background-size: cover;
	}
	.slider.ofertas .icon-item,
	.slider.ofertas p.descuento{
		position:absolute;
		top: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:#EA1C2E;
		color:#FFF;
		padding:2px 5px;
		right:0;
		text-align:center;
		width:100px;
	}
	.slider.ofertas p.descuento:before {
		border-top:11px solid transparent;
		border-bottom:11px solid transparent;
		border-right:11px solid #EA1C2E;
		content: "";
		height:0px;
		right:100px;
		margin-top:-2px;
		position: absolute;
		width:0px;
	}
	.slider.ofertas p.descuento strong:after{
		content:'%';
	}
	.slider.ofertas div.info{
		background-color:rgba(0,0,0,0.70);
		bottom: 0;
		box-sizing: content-box;
		color:#FFF;
		margin: 0 -10px;
		overflow:auto;
		padding: 10px 10px 10px 10px;
	}
	.slider.ofertas img.aerolineas,
	.slider.ofertas img.cruceros{
		background-color:#FFF;
		border-radius:2px;
		height:24px;
		margin-top:-37px;
		padding:2px;
		width:100px;
		/* position:absolute; */
	}
	.slider.ofertas p.detalle{
		background-color:#FFF;
		box-shadow:10px 0 10px rgba(0,0,0,0.5);
		color:#EA1C2E;
		/* float: left; */
		padding:0px 5px;
		/* left:0; */
		margin-top: -9px;
		position:absolute;
		text-align:center;
		width:130px;
	}
	.slider.ofertas p.detalle:before {
		border-top:9px solid transparent;
		border-bottom:9px solid transparent;
		border-left:9px solid #FFF;
		content: "";
		height:0px;
		left:130px;
		position: absolute;
		width:0px;
	}
	.slider.ofertas div.info p.ciudad{
		clear:both;
		float:left;
		font-size:16px;
		font-weight: 700;
    	font-family: 'Quicksand';
		/* height:50px; */
	}
	.slider.ofertas div.info p.cuotas{
		float:right;
	}
	.slider.ofertas div.info p.cuotas span.moneda{
		font-size:16px;
	}
	.slider.ofertas div.info p.cuotas span.moneda:before,
	.slider.ofertas div.info p.precioTotal span.moneda:before{
		content:'$';
		font-size:13px;
	}
	.slider.ofertas div.info p.precioTotal{
		clear:right;
		float:right;
		line-height: 1.9em;
	}
	.slider.ofertas div.info p.detalle2{
		float:left;
	}
	.slider.ofertas div.info p.detalle3{
		clear: left;
		float:left;
		font-style:italic;
	}
	.slider.ofertas div.info .icon-estrella:before{
		color:#fbb812;
		display:inline-block;
		margin:2px -2px 0 0;
		vertical-align:top;
	}
	.slider.ofertas .overview a{
	  background-color: red;
	  display: table-cell !important;
	}

	
@media (min-width: 480px){
	.slider.ofertas .buttons {
		background: rgba(255,255,255,0.6);
		border-radius:0;
		color:var(--tts-primary-color);
		height: 210px;
		line-height: 210px;
		left: 0 !important;
		opacity: 1;
		top: 0;
		/* vertical-align: middle; */
		width: 8%;
	}
	.slider.ofertas .icon-slide-right:hover:before {
		/* background-color: black;
		content: "\e916";
		height:50px;
		position:relative !important;
		top:initial !important;
		margin-left: 5px; */
	}
	.slider.ofertas .buttons.next {
		/* left: auto; */
		/* right: 5px; */
		left: initial !important;
		right:0 !important;
	}
	.slider.ofertas .overview {
		display:table;
	}
}

section.index h2.iconFont
 {
 	color: #EA1C2E;

 	}


.iconFont::before {
    display: inline-block;
    font-family: 'TTSfontIcons';
    margin-right: 5px;
    vertical-align: middle;
}

 	/* RESPONSIVE ////////////////////////////////////////////////////////////*/
.responsive{
    margin:0 auto;
    overflow: auto;
}
@media (min-width: 1200px){
	section.index h2.iconFont{
		padding-left:112px !important;
	}
	.slider.ofertas .viewport li .info{
		width: 300.016px;
	}
	.slider.ofertas .overview{
		left: 95px;
	}
}
@media (max-width: 1199px){
	section.index h2.iconFont{
		padding-left:90px !important;
	}
	.slider.ofertas .viewport li .info{
		width: 240px;
	}
	.slider.ofertas .overview{
		left: 73px;
	}
}
@media (max-width: 991px){
	section.index h2.iconFont{
		padding-left:77px !important;
	}
	.slider.ofertas .viewport li .info{
		width: 285px;
	}
	.slider.ofertas .overview{
		left: 60px;
	}
}
@media (max-width: 767px){
	section.index h2.iconFont{
		padding-left:50px !important;
	}
	.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 .viewport li .info{
		width: 383.2px;
	}
	.slider.ofertas .buttons{
		font-size:21px;
	}
}
@media (max-width: 500px){
	section.index h2.iconFont{
		padding-left:12px !important;
	}
	.slider.ofertas .overview{
		left: 0;
	}
	.slider.ofertas .viewport li{
		border:none;
	}
}
@media (max-width: 360px){
	.slider.ofertas h1{
		font-size:18px;
	}
	.slider.ofertas h1:after,
	.slider.ofertas h1:before{
		top: 33px;
	}
}
/* HAY QUE AJUSTARLO CON JQUERY PARA LAS PANTALLAS INFERIORES A 500PX */
/* SEGURMENTE HAYA QUE DEFINIR TAMBIEN EL .overview (viewport x 4) */