@-webkit-keyframes logo {
  0% {width:250px;}
  100% {width:30px;}
}
@-moz-keyframes logo {
  0% {width:250px;}
  100% {width:30px;}
}
@-ms-keyframes logo {
  0% {width:250px;}
  100% {width:30px;}
}
@-o-keyframes logo {
  0% {width:250px;}
  100% {width:30px;}
}
@keyframes logo {
  0% {width:250px;}
  100% {width:30px;}
}



@-webkit-keyframes benefici {
  0% {-webkit-filter: grayscale(1);opacity:0.5;}
  5% {-webkit-filter: grayscale(1);opacity:0.5;}
  9% {-webkit-filter: grayscale(0);opacity:1;}
  12% {-webkit-filter: grayscale(1);opacity:1;}
  20% {-webkit-filter: grayscale(0);opacity:1;}
  90% {-webkit-filter: grayscale(0);opacity:1;}
  100% {-webkit-filter: grayscale(1);opacity:0.5;}
}
@-moz-keyframes benefici {
  0% {filter: grayscale(1);opacity:0.5;}
  5% {filter: grayscale(1);opacity:0.5;}
  9% {filter: grayscale(0);opacity:1;}
  12% {filter: grayscale(1);opacity:1;}
  20% {filter: grayscale(0);opacity:1;}
  90% {filter: grayscale(0);opacity:1;}
  100% {filter: grayscale(1);opacity:0.5;}
}
@keyframes logo {
  0% {filter: grayscale(1);opacity:0.5;}
  5% {filter: grayscale(1);opacity:0.5;}
  9% {filter: grayscale(0);opacity:1;}
  12% {filter: grayscale(1);opacity:1;}
  20% {filter: grayscale(0);opacity:1;}
  90% {filter: grayscale(0);opacity:1;}
  100% {filter: grayscale(1);opacity:0.5;}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	75% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}