/* ADD TO CART */
@keyframes addCart {
    0% {transform: none}
    50% {transform: scale(1.6)}
	100% {transform: none}
}

.addToCart{
	-webkit-animation-name: addCart;
	animation-name: addCart;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: 2;
	animation-iteration-count: 2;
}

/* FRECCIA SU SLIDER */
.frecciaGiu:hover{
	text-decoration: none !important;
	color: #FFFFFF;
}

.frecciaGiu{
	font-size: 51px;
	text-decoration: none !important;
	color: #FFFFFF !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;
	}
}

@media (min-width: 768px){
	.addAnimation{
		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: 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: 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: translateX(-30%);
			opacity: 0;
		}
		100%{
			transform: none;
			opacity: 1;
		}
	}
}