/*
Inizio to top button 
*/
#back-top {
 position: fixed;
 bottom: 150px;
 right: 0;
 margin-right:100px;
 z-index:10000;
}
@media screen and (min-width: 0px) and (max-width: 320px) { 
	#back-top {
	visibility:hidden;
	}
}
@media screen and (min-width: 321px) and (max-width: 480px) { 
	#back-top {
	visibility:hidden;
	}
}
@media screen and (min-width: 480px) and (max-width: 768px) {
	#back-top {
	visibility:hidden;
	}
}

#back-top a {
 width: 70px;
 display: block;
 text-align: center;
 font: 11px/100% Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 text-decoration: none;
 color: #333;
 opacity:0.5;
 /* background color transition */
 -webkit-transition: 1s;
 -moz-transition: 1s;
 transition: 1s;
}
#back-top a:hover {
 color: #CCC;
}
/* arrow icon (span tag) */
#back-top span {
 width: 70px;
 height: 70px;
 display: block;
 margin-bottom: 7px;
 background: #333 url(../images/up-arrow.png) no-repeat center center;
 
 /* rounded corners */
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
 border-radius: 40px;
 /* background color transition */
 -webkit-transition: 1s;
 -moz-transition: 1s;
 transition: 1s;
}
#back-top a:hover span {
 background-color: #999;
}

/*
Fine to top button 
*/