/************************************************/
/*												*/
/*	IL DISORDINE DELLE COSE						*/
/*	CSS - GENERALE								*/
/*	DEVEL BY TIWI								*/
/*												*/
/************************************************/

@charset "UTF-8";

html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px auto;
} 

/* MOBILE HORIZONTAL PANEL */
.mobile-horizontal-panel {
	display:none;
}

/* CLASSI GENERALI DI LAYOUT */
.fixed {
	position: fixed; z-index:500;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transition: translate3d(0, 0, 0);
	-ms-transition: translate3d(0, 0, 0);
	-o-transition: translate3d(0, 0, 0);
    -webkit-transform: translateZ(0px);
}

.navigation.freccia {
	width:60px; height:35px; overflow:hidden;
	position:fixed; z-index:490; bottom:30px; left:50%; margin-left:-28px;
	background-image:url(./../img/50.01.start/arrow-next.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:100% 100%;
	cursor:pointer;
	opacity:1;
	filter:alpha(opacity=100);
	transition: bottom 0.3s, opacity 0.5s; 
	-webkit-transition: bottom 0.3s, opacity 0.5s; 
} .navigation.freccia.successiva {
	
} .navigation.freccia.hidden {
	bottom:-30px;
	opacity:0;
	filter:alpha(opacity=0);
}

.navigation.social {
	display:block; position:fixed; z-index:490;
	width:30px; height:300px;
	right:30px; top:30px; 
} .navigation.social .icon {
	display:block; width:30px; height:30px;
	overflow:hidden; background-size:60px 30px;
	background-position:0px 0px; margin-bottom:5px;
} .navigation.social .icon:hover {
	background-position:-30px 0px;
} .navigation.social .icon.facebook {
	background-image:url(./../img/50.99.social/facebook.png);
} .navigation.social .icon.youtube {
	background-image:url(./../img/50.99.social/youtube.png);
} .navigation.social .icon.twitter {
	background-image:url(./../img/50.99.social/twitter.png);
} .navigation.social .icon.soundcloud {
	background-image:url(./../img/50.99.social/soundcloud.png);
} .navigation.social .icon.spotify {
	background-image:url(./../img/50.99.social/spotify.png);
} .navigation.social .icon.itunes {
	background-image:url(./../img/50.99.social/itunes.png);
} .navigation.social .icon.google {
	background-image:url(./../img/50.99.social/google.png);
}