/* SLIDER REVOLUTION*/
/* textos */
/*
.tp-caption.NotGeneric-Title, .NotGeneric-Title { text-transform: uppercase; text-shadow: 0px 0px 15px #000; }
.tp-caption.NotGeneric-SubTitle, .NotGeneric-SubTitle { text-transform: uppercase; text-shadow: 0px 0px 10px #000; }
.rev_slider .slotholder:after {
    width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; pointer-events: none; 
}
*/

/* ************  POR QUE  *********** */
#porque { margin-top: -30px; margin-bottom: 200px; }



#ofertas { position: relative; width: 100%; margin-top: 40px; }
#ofertas ul { list-style: none; display:flex; justify-content:space-between; align-items:center; flex-wrap: wrap;}
#ofertas ul li { position: relative; width: 49%; height: 370px; margin-bottom: 20px; color: #2a0d61; cursor: pointer; overflow: hidden; }
#ofertas ul li .inner { position: absolute; z-index: 5; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; transition-duration: 1.5s;  }
#ofertas ul li .txt { position: absolute; z-index: 10; top:0; left:0; width: 100%; height: 370px; overflow: hidden; background-image: url(../../img/home/degradado.png); background-position: bottom; background-repeat: repeat-x; }
#ofertas ul li .txt .caja { position: absolute; bottom: 0px; padding: 20px 20px; }
#ofertas ul li .txt .caja .titulo {  font-size: 25px; color: #FFF; font-weight: 900; letter-spacing: 1px; padding-bottom: 6px; }
#ofertas ul li .txt .caja .masinfo { display: none; width: 150px; text-align: center; background: #FFF; color: #2a0d61; font-size: 12px; text-transform: uppercase; padding: 10px; transition-duration: 0.5s; }
#ofertas ul li:hover .txt .caja .masinfo { background: #2a0d61; color: #FFF; }



#ofertas ul li:hover .inner { transform: scale(1.2); }


h2 { text-align: center; font-size: 36px; font-weight: 900; color: #2a0d61; margin-top: 120px; margin-bottom: 50px; }



#destino { margin-top: 20px; }
#destino .slide, #destino .slide .rev_slider { position: relative; float: left; width: 59%; height: 470px; overflow: hidden; display:flex; align-items:center; flex-wrap: wrap; font-weight: 500; }
#destino .otros { float: right; width: 40%; font-size: 35px; font-weight: 900; }

#destino .otros .ibiza, #destino .otros .mapa, #destino .otros .rutas { position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; transition-duration: 1.5s; height: 230px; display:flex; align-items:center; flex-wrap: wrap; }
#destino .otros .ibiza { width: 100%; margin-bottom: 10px; overflow: hidden; }
#destino .otros .mapa { float: left; width: 49.5%; overflow: hidden; }
#destino .otros .rutas { float: right; width: 49.5%; overflow: hidden; }
#destino .otros .efecto { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 300px; background-color: rgba(0,0,0,0.25); }
#destino .otros .txt { position: relative; z-index: 10; margin: auto; color: #FFF; padding-bottom: 10px; border-bottom: 2px solid #FFF; }

#destino .slide .rev_slider { position: relative; display:flex; align-items:center; flex-wrap: wrap; }
#destino .slide .efecto { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 600px; }
#destino .slide .txt { display:flex; align-items:center; flex-wrap: wrap; left: 45%; font-size: 35px; font-weight: 900; color: #FFF; padding-bottom: 6px; border-bottom: 2px solid #fff; position: absolute; z-index: 20; margin: auto; }




#extras, .slider { width: 100%; margin: 0 auto; margin-top: 40px; }
#extras { position: relative; width: 360px; height: 300px; overflow: hidden; }
.slider .slide { height: auto; overflow: hidden; }
#extras { position: absolute; z-index: 3; top: 0; left: 0; width: 90%; height: 300px; }
.slider .slide .img { height: 300px;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; overflow: hidden; }
#extras, .slider .slide .txt { position: absolute; z-index: 10; bottom: 10px; right: 0px; width: 225px; height: 130px; background: #fff; padding: 15px; color: #2a0d61; font-size: 22px; font-weight: 900; transition-duration: 0.5s; }
#extras, .slider .slide:hover .txt { bottom: 30px; }
#extras, .slider .slide .txt img { width: 46px; float: right; margin-top: -30px; }


#extras2, .slider { width: 100%; margin: 0 auto; margin-top: 40px; }
#extras2, .slider .slide { position: relative; overflow: hidden; }
.regular2 img:hover { cursor: url(../../img/home/play.png) 20 20,auto!important; }




#klenda { margin-top: 20px; width: 100%; min-height: 200px; background-image: url(../../img/k-lenda.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; overflow: hidden; text-align: center; padding: 20px 10px; font-weight: 400; }
#klenda b { font-weight: 600; }
#klenda img { margin-bottom: 20px; }
#klenda button { margin-top: 20px; background-color: #00a0a0; padding: 4px 20px; cursor: pointer; }




@media screen and (max-width: 1500px) {
	
	#porque { height: 350px; }
	#banners { margin-top: 220px; }

	#destino .slide, #destino .slide .rev_slider { width: 60%; height: 410px; }
	#destino .otros { width: 39%; font-size: 25px; }
	#destino .slide .txt { font-size: 25px; }
	#destino .otros .ibiza, #destino .otros .mapa, #destino .otros .rutas { height: 200px; }
	
}

@media screen and (max-width: 1200px) {
	
	#ofertas { margin-top: 180px; }
	#destino .slide, #destino .slide .rev_slider { width: 60%; height: 310px; }
	#destino .otros { width: 39%; font-size: 35px; }
	#destino .otros .ibiza, #destino .otros .mapa, #destino .otros .rutas { height: 150px; }
	#destino .otros .ibiza { font-size: 22px; }
	
}

@media screen and (max-width: 1170px) {
	
	#slide { margin-top: 25px; }
	
}

@media screen and (max-width: 1030px) {

	.centrar { margin-top: 30px; }
	
	#destino .otros .ibiza { font-size: 16px; }

}



@media screen and (max-width: 810px) {
	
	.centrar { margin-top: 50px; }
	
	#ofertas ul li { width: 100%; }
	#ofertas ul li .txt .caja .masinfo { margin: 10px 0; clear: both; display: block; }
	#ofertas .desktop { clear: both; display: block; }
	

	#destino .slide, #destino .slide .rev_slider { width: 100%; height: auto; margin-bottom: 10px; }
	#destino .otros { width: 100%; font-size: 35px; }
	#destino .otros .ibiza, #destino .otros .mapa, #destino .otros .rutas { height: 200px; }
	#destino .otros .ibiza { font-size: 28px; }
	
}

@media screen and (max-width: 710px) {
	.centrar { margin-top: 60px; }
	
	#porque #banners { overflow: hidden; }
	#ofertas { margin-top: 280px; }
}

@media screen and (max-width: 500px) {

	#destino .otros .mapa { width: 100%; margin-bottom: 10px; }
	#destino .otros .rutas { width: 100%; }
	#destino .otros .ibiza { font-size: 24px; }
	
}

@media screen and (max-width: 500px) {
	#destino .otros .ibiza { font-size: 20px; }
}