/* FRECCIA SU SLIDER */

.frecciaGiu:hover{
	text-decoration: none !important;
    color: #FFFFFF;
}

.frecciaGiu{
	font-size: 51px;
	text-decoration: none !important;
	position: absolute;
	bottom: 8px;
	z-index: 99;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);


	-webkit-animation-name: suGiu;
	animation-name: suGiu;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@keyframes suGiu{
	0%{
		bottom: 8px;
	}
	50%{
		bottom: 20px;
	}
	100%{
		bottom: 8px;
	}
}

/* ENTRATA DAL BASSO */

.addAnimation.entrataDalBasso{
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: entrataDalBasso;
	animation-name: entrataDalBasso;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

@keyframes entrataDalBasso{
	0%{
		transform: translateY(30%);
		opacity: 0;
	}
	100%{
		transform: none;
		opacity: 1;
	}
}

/* ENTRATA DA DESTRA */

.addAnimation.entrataDaDestra{
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: entrataDaDestra;
	animation-name: entrataDaDestra;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

@keyframes entrataDaDestra{
	0%{
		transform: translateY(30%) translateX(30%);
		opacity: 0;
	}
	100%{
		transform: none;
		opacity: 1;
	}
}


/* ENTRATA DA SINISTRA */

.addAnimation.entrataDaSinistra{
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: entrataDaSinistra;
	animation-name: entrataDaSinistra;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

@keyframes entrataDaSinistra{
	0%{
		transform: translateY(30%) translateX(-30%);
		opacity: 0;
	}
	100%{
		transform: none;
		opacity: 1;
	}
}