/* FRECCIA SU SLIDER */

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

.frecciaGiu{
	font-size: 51px;
	text-decoration: none !important;
	color: #001286 !important;
	position: absolute;
	bottom: 8px;
	z-index: 99;
	right: 30px;

	-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;
	}
}

@media screen and (min-width: 769px){

	.opacity0{
		opacity: 0;
	}

	/* ENTRATA DAL BASSO */

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

	@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: 2s;
		animation-duration: 2s;
	}

	@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: 2s;
		animation-duration: 2s;
	}

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