.titulo{

	padding-top: 110px;
position: relative;
display: flex;

}

.titulo img{

	width: 11%;
	height: 50%;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);

}


.titulo-staff{
	margin: 0 auto;

}
.titulo-staff h2{
	line-height: 85px;
	font-size: 4.5rem;
	font-family: 'Montserrat-Black';
}
.bloque-1 ul li{
	text-decoration: none;
	list-style: none;
}
.bloque-1 ul li img{
	width: 15%;
}


.image-bloque-1{

	position: relative;
	left: 0;
	top: 0;
}

.base{
	position:absolute;
	top: 300px;
	left : 40px;
	z-index: 1;

}
.base-1{
	position: absolute;
	top: 300px;
	left : 70px;
	z-index: 2;

}
.base-2{
	position: absolute;
	top: 300px;
	left : 100px;
	z-index: 3;

}

.base-3{
	position: absolute;
	top: 300px;
	left : 130px;
	z-index: 4;

}
 
.text-personalizado ul li p{
  position: relative;
  top: -28px !important;
  text-align: center;
}

/*=========================================
CARGA DE FOTOS
===========================================*/

.stacked-cards {
	padding-top: 20px;
	padding-bottom: 15px;
}

.stacked-cards-fanOut {
	padding-bottom: 40px;
}

.stacked-cards-fanOut li img {
	max-height: 200px;
}

.stacked-cards li {
	width:150px;
	height: 200px;

}



.stacked-cards li {
	background-color: #000;
}

.stacked-cards li:nth-child(n) {
	/*background-color: #3599db;*/
	background-image: url(../img/ULISES.jpg);
	/*background-size: cover;*/
	background-repeat: no-repeat;
	background-size:cover;

}

.stacked-cards li:nth-child(2n) {
	background-image: url(../img/MONTSE.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

/*.stacked-cards li:nth-child(3n) {
	background-image: url(../img/ANA.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}*/

.stacked-cards li:nth-child(3n) {
	background-image: url(../img/DARON.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}


.stacked-cards-fanOut-a li:nth-child(n) {
	/*background-color: #f4b251;*/

	background-image: url(../img/BRENDA.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

/*.stacked-cards-fanOut-a li:nth-child(2n) {


	background-image: url(../img/ZITA.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}*/

/*.stacked-cards-fanOut-a li:nth-child(2n) {


	background-image: url(../img/ZITA.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}*/

.stacked-cards-fanOut-b li:nth-child(n) {
	/*background-color: #f4b251;*/

	background-image: url(../img/JESS.jpg);
	background-repeat: no-repeat;
	background-size: cover;

}

.stacked-cards-fanOut-b li:nth-child(2n) {

	background-image: url(../img/CARMEN.jpg);
	background-repeat: no-repeat;
	background-size: cover;

}


.stacked-cards-fanOut-c li:nth-child(n) {
	/*background-color: #f4b251;*/

	background-image: url(../img/ALAN.jpg);
	background-repeat: no-repeat;
	background-size: cover;

}
.stacked-cards-fanOut-c li:nth-child(2n) {
	/*background-color: #f4b251;*/

	background-image: url(../img/LEO.jpg);
	background-repeat: no-repeat;
	background-size: cover;

}
.stacked-cards-fanOut-c li:nth-child(3n) {
	/*background-color: #f4b251;*/

	background-image: url(../img/MANUEL.jpg);
	background-repeat: no-repeat;
	background-size: cover;

}

/*.stacked-cards-fanOut-c li:nth-child(4n) {
	

	background-image: url(../img/OLINKA.jpg);
	background-repeat: no-repeat;
	background-size: cover;

}*/

.stacked-cards-fanOut-c li:nth-child(4n) {
	/*background-color: #f4b251;*/

	background-image: url(../img/CHARLY.jpg);
	background-repeat: no-repeat;
	background-size: cover;

}

.stacked-cards-fanOut-d li:nth-child(n) {
	/*background-color: #f4b251;*/

	background-image: url(../img/LESLI.jpg);
	background-repeat: no-repeat;
	background-size: cover;

}

.stacked-cards-fanOut-d li:nth-child(2n) {
	/*background-color: #f4b251;*/

	background-image: url(../img/SOFIA.jpg);
	background-repeat: no-repeat;
	background-size: cover;

}

.stacked-cards-fanOut-e li:nth-child(n) {

	background-image: url(../img/SONIA.jpg);
	background-repeat: no-repeat;
	background-size: cover;

}





/*=========================================
EFECTOS FOTOS
===========================================*/

.ui-jcoverflip {
	position: relative;
}

.ui-jcoverflip--item {
	position: absolute;
	display: block;
}

/* Basic sample CSS */
#flip {
	height: 200px;
	width: 630px;
	top:75px;
}

#flip .ui-jcoverflip--title {
	position: absolute;
	bottom: -30px;
	width: 100%;
	text-align: center;
	color: #555;
	/*display: none !important;*/
}

#flip img {
	display: block;
	border: 0;
	outline: none;
}

#flip a {
	outline: none;
}


#wrapper {
	height: 300px;
	width: 630px;
	overflow: hidden;
}

.alinear-flip{
	display: flex;
	justify-content: center;
}

 
a.ui-jcoverflip--item::before{
	transform: rotate(-10deg) !important;
}

#flip img::after{
	transform: rotate(-10deg) !important;
}

/*img#flip::before{
	transform: rotate(-45deg) !important;
}
*/



/*============================================
 galeria imagenes moviles
=============================================*/
.polar{
  background:#efefef;
  margin: 0 auto;
  /*padding:1rem;*/
  /*box-shadow: 0 0.5rem 1rem gray;*/
  
}
.polar img{
  max-width:100%;
  height:auto;
  
}


.caption{
 font-size:1rem;
  text-align:center;
  line-height:1.5em;
}
.contents{
  width:15%;
  display:inline-block;
  margin-top:2rem;
  filter:grayscale(100%);
  
}
.contents .polar:before{
  content:'';
  position:absolute;
  z-index=-1;
  transtion:all 0.30s;
  cursor: pointer;
  
}

div.one{ 

	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	transform: rotate(-20deg);
}

div.two{ 
	
	
	-webkit-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	transform: rotate(-10deg);

}

div.three{ 

	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	transform: rotate(10deg);
	
}

div.four{ 

	-webkit-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	transform: rotate(20deg);
	
}

div.five{ 

	-webkit-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	transform: rotate(-10deg);
	
}

div.six{ 

	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	transform: rotate(10deg);
	
}





div.one-1{ 

	-webkit-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	transform: rotate(-15deg);
}

div.two-1{ 
	
	
	-webkit-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	transform: rotate(-5deg);

}

div.three-1{ 

	-webkit-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	transform: rotate(1deg);
	
}

div.four-1{ 

	-webkit-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	transform: rotate(5deg);
	
}

div.five-1{ 

	-webkit-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	transform: rotate(15deg);
	
}

.contents:hover{
  filter:grayscale(0%);
   transform: rotate(0);
  -ms-transform: scale(1.2); 
  -webkit-transform: scale(1.2);
  transform: scale(1.2); 
  cursor: pointer;

}



/*=========================================
PANTALLA GRANDE 1920px en adelante)
===========================================*/
   
@media(min-width: 1600px){

	.staff-xs{
		display: none !important;
	}
	

}

/*=========================================
PANTALLA ESCRITORIO 1366px en adelante)
===========================================*/
@media(max-width: 1599px) and (min-width: 1200px){


	.staff1{
	
		width: 100%;
	}

	.md{
		width:33%;
	}


	.staff-xs{
		display: none !important;
	}


}
 
/*=========================================
TABLET HORIZONTAL MD 1024px en adelante)
===========================================*/
@media(max-width: 1199px) and (min-width: 992px){


	#wrapper {
		height: 200px;
		width: 500px;
		overflow: hidden;
	}

	.staff-xs{
		display: none !important;
	}
	 

}

/*=========================================
TABLET VERTICAL SM 992px en adelante)
===========================================*/
@media(max-width: 991px) and (min-width: 768px){

	.titulo {
		padding-top: 190px;
	}

	.titulo img {
		/*width: 15%;*/
		height: fit-content;
	}

	/*.wrapper-site {
		overflow: unset !important;
	}
*/

	.staff-md{
		display: none !important; 
	}

}

/*=========================================
MOVIL HORIZONTAL SM 768px en adelante)
===========================================*/
@media(max-width: 767px) and (min-width: 428px){

	.staff-md{
		display: none !important; 
	}

	
	.titulo img {
		/*width: 15%;*/
		height: fit-content;
	}


	.logo-menu-movil img{
		width:80%;
	}
	.burger-menu img{
		width:15%;
	}

	.titulo {
		padding-top: 190px;
	}

	.titulo img {
		/*width: 15%;*/
		height: fit-content;
	}

	/*.wrapper-site {
	 overflow: unset !important;
	}*/




}



/*=========================================
MOVIL HORIZONTAL SM 768px en adelante)
===========================================*/
@media(max-width: 427px) and (min-width: 320px){

	.staff-md{
		display: none !important; 
	}

	.titulo img {
		/*width: 15%;*/
		height: fit-content;
	}



}