/*===================================
DESLIZAR HACIA ABAJO
===================================*/
.contenedor-deslizar-hacia-abajo{
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translate(-50%);

	z-index: 2;
}
.contenedor-deslizar-hacia-abajo p{
	position: relative; bottom: 18px;
	font-weight: bold;
	
	
}
.contenedor-deslizar-hacia-abajo > p > a{
	color: #FFD118;
	font-family: 'Pacifico', cursive;
}
.contenido-flechas{
	position: relative;

}

.triangulo {
	position: absolute;
	top: 10px;
    margin: auto;
    left: 50%;
    transform: translate(-50%);
    border-style: solid;
    border-radius: 10px;
    border-width: 18px;
    width: 0;
    height: 0;
}
.triangulo>div {
    border-style: solid;
    border-width: 14px;
    position:relative;
}
.triangulo.abajo{
    border-color: #FFD118 transparent transparent transparent;
}
.triangulo.abajo>div {
    border-color: #0F7B52 transparent transparent transparent;
    bottom:18px;
    left:-14px;
}
.uno{
	top: -18px;
	
	animation-name: animacion-uno;
	animation-duration: 3s;
	animation-iteration-count: infinite;

}
@keyframes animacion-uno{
	10%{opacity: 0;}
	20%{opacity: 1;}
	60%{opacity: 1; top: 5px; }
	80%{opacity: 0;}
}
.dos{
	top: -18px;
	opacity: 1;
	animation-name: animacion-dos;
	animation-duration: 3s;
	animation-iteration-count: infinite;	
}
@keyframes animacion-dos{
	10%{opacity: 1;}
	20%{opacity: 1;}
	60%{opacity: 1; top: -5px; }
	80%{opacity: 1;}
}