/*TITULO GRANDE*/
/*BOTONERA INICIAL*/
.botoneraInicial a > div{
	height: 3em;
 padding: 1em 0 0 0;border-left:1px solid #fff;margin: 0;overflow: hidden;
 color:#fff;
 text-align: center;
 font-size: 1.2em;
 letter-spacing: 0.1em;
 cursor: pointer;
 
 }
.botoneraInicial a > div > div:not(.imagen-mask):first-child{
	margin-top: 3em;
	margin-bottom:10em;
	text-align: center;
} 
.botoneraInicial a > div .subti
{
	opacity: 0.8;
}

.botoneraInicial span
{
	color: #fff;
} 
.botoneraInicial .recuadro
{
	padding: 4px;
	border: solid #fff 2px;
	font-size: 2.1em;
	text-align: center;
	letter-spacing: 0.1em;
} 
.botoneraInicial .descripcion
{
	margin-top: 1em;
	text-align: center;
} 
/* /BOTONERA INICIAL*/
a{
	color: #000 !important;
	text-decoration: none !important;
}
#contentHome
{
	width: 100%;
	margin: 0 auto;
	margin-bottom: -2em;
}
.tituloGrandeIcono
{
    height: 31em;
    padding: 6em 4em 4em 4em;
    text-align: center;
} 
.tituloGrandeIcono .barritaSuperiorNegra
{
		height: 2px;
		width: 60px;
		background-color: #111;
		margin: 1em auto 3em;
} 
.tituloGrandeIcono .tituloGrande {
    font-size: 2.5em;
    color: #ef4d75;
    max-width: 570px;
    margin: auto;
}

.tituloGrandeIcono .descripcionGrande 
{
    font-size: 1.4em;
    margin-top: 2em;
    color: #7d7d7d;
}
.tituloGrandeIcono .iconosGrande 
{
	margin-top: 2em;
}
.tituloGrandeIcono .iconosGrande img
{
	width: 70%;
}
/*//TITULO GRANDE*/

.principalDerecha .contentMod{height: 81.66%;}
.principalDerecha  .fotoChica{height: 33.33%;}
.principalIzquierda  .contentMod{height: 66.66%;}
.principalIzquierda  .fotoChica{height: 33.33%;}

.contentModVerde:after {
    border-bottom: 13px solid transparent;
    border-left: 13px solid #5bbc9c;
    border-top: 13px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -12px;
    top: 32%;
    width: 0;
    z-index: 30;
}

.contentModRosa:after {
    border-bottom: 13px solid transparent;
    border-left: 13px solid #d84b72;
    border-top: 13px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -12px;
    top: 32%;
    width: 0;
    z-index: 30;
}
.contentModAmarillo:after {
    border-bottom: 13px solid transparent;
    border-right: 13px solid #faef76;
    border-top: 13px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    left: -12px;
    top: 32%;
    width: 0;
    z-index: 30;
}

.contentModCeleste:after {
    border-bottom: 13px solid transparent;
    border-right: 13px solid #1fbeff;
    border-top: 13px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    left: -12px;
    top: 32%;
    width: 0;
    z-index: 30;
}

.contentModRosaLeftArrow:after {
   border-bottom: 13px solid transparent;
    border-right: 13px solid #d84b72;
    border-top: 13px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    left: -12px;
    top: 32%;
    width: 0;
    z-index: 30;
}

.contentModVerde .tituloModulo, .contentModRosa .tituloModulo, .contentModCeleste .tituloModulo, .contentModRosaLeftArrow .tituloModulo{
    color:#faef76;
}
.contentModAmarillo .tituloModulo{
    color: #d84b72;
}

.contentModAmarillo .descripcionModulo{
    color: #424242 !important;
}
.modulo .contenidoRecorridos
{
	margin-top: 4em;
}
.modulo .tituloModulo
{
	font-size: 1.8em;
	line-height: 1.3em;
    text-transform: uppercase;
}
.modulo .overTitulo .tituloModulo
{
	font-size: 2.5em;
	letter-spacing: 0.1em;
	line-height: 1.3em;
}
.modulo .descripcionModulo
{
	font-size: 1em;
	line-height: 1.8em;
	margin-top: 2em;
    color: #fff;
}
.modulo .overTitulo .descripcionModulo
{
	font-size: 1.1em;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	margin-top: 1.5em;
}
@media screen and (min-width: 1400px) {
    .modulo .tituloModulo {
        font-size: 2em;
        line-height: 1.3em;
    }
    .modulo .descripcionModulo {
        font-size: 0.9em;

    }

}

.modulo .overTitulo
{
	position: absolute;
	top:0;
	width:100%;
	height: 100%;
	color: #fff;	
	text-align: center;
	border-bottom: 1px solid #fff;
	z-index: 3;
	display: table;
   width: 100%;
	
}


.modulo .fondoGris 
{
	z-index: 0;
	background: rgba(0,0,0,0.15) !important;
}

.fotoFull
{
	height: 100%;
	padding: 0;
}
.fotoFullInfo
{
	position: absolute;
	margin-top: -36em !important;
	z-index: 8;
	width: 100%;
	
}
.fotoFullInfo > div
{
	background: #fff;
	height: 100%;
	padding: 0;
}
.trianguloIzquierda , .trianguloDerecha  
{
	width: 18px;
	height: 34px;
	background-size:100% 100%;
	background-image: url("../images/trianI.png");
	position: absolute;
	z-index: 10;
	margin-left: -15px;
	margin-top: 15%;
}

.trianguloDerecha
{
	background-image: url("../images/trianD.png");
	left: 100%;
	margin-left: -5px;
}

/*INICIAL*/


.fotoInicial
{
	/*margin-top: -10em;*/
	
}
.imageInicial
{
	overflow: hidden;
padding: 0;
}

.tituloImagenInicial
{
	width: 100%;
	font-size: 5.0em;
	color: #fff;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	line-height: 1.1em;
	margin-bottom: 0.5em;
}
.descripcionImagenInicial
{
	width:100%;
	font-size: 1.2em;
	color: #fff;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.contentFotoInicial
{
	position: absolute;
	top:50%;
	margin-top:-12em;
	text-align: center;
	color: #fff;
	width: 100%;
}
.contentInner
{
	position:relative;
	width: 100%;
}
.contentFotoInicial > div
{
	margin-top: 1em;
}

.fotoInicial .caja
{
	margin-top:8em;
	position: relative;	
	left: -50%;
	float: right;
}

.fotoInicial .caja > div
{
	position:relative;
	font-size: 1.3em;
	display: block;
	padding: 6px 10px; 
	border: 1px solid #fff;
	left:50%;
	clear: both;
	overflow: hidden;
	letter-spacing: 0.2em;
}
.fotoInicial .flecha 
{
	margin-top: 13em;
	
}

.btnModulo{
    margin-top: 44px;
}

.btn-custom{
    text-transform: uppercase;
    padding: 7px 12px;
    font-size: 17px;
    line-height: 23px;
    color: #fff !important;
    cursor: pointer;
}

.btn-amarillo{
     border: 5px solid #faef76;
}
.btn-rosa{
    border: 5px solid #d84b72;
    color: #424241 !important;
}

@media screen and (max-width: 990px) {
.tituloImagenInicial
{
	width: 90%;
	font-size: 3.5em;
	color: #fff;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 1.1em;
 	margin: 1em auto;
	overflow: hidden;
	
}
.descripcionImagenInicial{	font-size: 1.5em;}
.fotoInicial .caja > div{	font-size: 1.5em;}


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

    .descripcionImagenInicial{	display: none;}
    .tituloGrandeIcono .tituloGrande{font-size: 1.3em;}
    .tituloGrandeIcono .descripcionGrande{font-size: 1em;}
    .tituloGrandeIcono{	height: 25em;}
    .modulo .contenidoRecorridos{	margin-top: 0em;}
    .tresIguales > div, .principalDerecha > div, .principalIzquierda > div {height: 14em;}
    .modulo .overTitulo .tituloModulo {font-size: 1.7em !important   ;}
    
    ul.slides li.slide1{
        background: url("https://www.esquel.tur.ar/images/secciones/home/homeSlide/homeSlider1-tablet.jpg") no-repeat center center;
        height: 570px;
        background-size: contain;
    }
    
    ul.slides li.slide1 img{
        display: none;
    }
    
}

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

    ul.slides li.slide1{
        background: url("https://www.esquel.tur.ar/images/secciones/home/homeSlide/homeSlider1-mobile.jpg") no-repeat center center;
        height: 400px;
    }
}

/* /INICIAL*/

.flex-control-paging li a{
    border: 1px solid #5fbb9d;
}

.flex-control-paging li a.flex-active, .flex-control-paging li a:hover{
    background: #5fbb9d;
}