/* ==== VESTI GRAFICHE ===================================================*/
/* Epoca del vapore ===================================================== */
.Omni_steam .NHA_EstImmagine img{
	filter:			sepia(50%);
}

.ingranaggioRotanteHoverFreccia{
	width:			50px;
	height:			50px;
}

.Omni_steam .HnA-button{
	display:		inline-flex;
}

/* Epoca del vapore - termine =========================================== */

/* ==== EFFETTI HOVER ====================================================*/

/*.HNA_scorrimentoOrizzontale .NHA_EstContenutoLista{*/
.NHA_EstContenutoLista{
	display:		inline-flex !important;
	position:		relative !important;
}

/*.HNA_scorrimentoOrizzontale .NHA_contenitore_oggetti_ul{*/
.NHA_contenitore_oggetti_ul{
	position:		relative !important;
	/*border:			3px solid red;*/
	width: 			900000px !important;
}

/* Visualizzazione statica ============================================== */
.HNA_visualizzazioneStatica{
	width:			100% !important;
	left:			0px !important;
	position:		relative !important;
	display:		inline-block !important;
}

.HNA_visualizzazioneStatica .quadroContenuti{
	width:			20% !important;
}
/* Visualizzazione statica - Termine ==================================== */


/* Visualizzazione Scorrimento orizzontale - ingranaggi ================= */
.ContenitoreAnimatoreIngranaggi{
	height:			100%;
	position:		absolute;
	width:			100%;
	top:			0px;
}

.ContenitoreScorrimentoIngranaggi{
	position:		absolute;
	width:			100%;
	/*bottom:			-70px;*/
	bottom:			-150px;
	left:			80px;

	-webkit-transition:	all 1s ease-in;
	-moz-transition:	all 1s ease-in;
	-ms-transition:	all 1s ease-in;
	-o-transition:	all 1s ease-in;
	transition:		all 1s ease-in;
}

.ContenitoreIngranaggi{
	color:			red !important;
	width:			100%;
	position:		relative;
}

.ingranaggioRotante{
	-webkit-transition:	all 2.5s ease-in;
	-moz-transition:	all 2.5s ease-in;
	-ms-transition:	all 2.5s ease-in;
	-o-transition:	all 2.5s ease-in;
	transition:		all 2.5s ease-in;
}

.ContenitoreIngranaggi .ingranaggioPrincipale{
	width:			150px;
	height:			150px;
}
.ContenitoreIngranaggi .ingranaggiosecondario{
	width:			100px;
	height:			100px;
	position:		absolute;
	left:			134px;
	top:			50px;
}
.ContenitoreIngranaggi .ingranaggioTerziario{
	width:			75px;
	height:			75px;
	position:		absolute;
	left:			214px;
	top:			18px;
}
.ContenitoreIngranaggi .ingranaggio04{
	width:			100px;
	height:			100px;
	position:		absolute;
	left:			271px;
	top:			33px;
}
.ContenitoreIngranaggi .ingranaggio05{
	width:			75px;
	height:			75px;
	position:		absolute;
	left:			335px;
	top:			50px;
}
.ContenitoreIngranaggi .ingranaggio06{
	width:			45px;
	height:			45px;
	position:		absolute;
	left:			314px;
	top:			-2px;
}
.ContenitoreIngranaggi .ingranaggio07{
	width:			50px;
	height:			50px;
	position:		absolute;
	left:			434px;
	top:			54px;
}
.ContenitoreIngranaggi .ingranaggio08{
	width:			125px;
	height:			125px;
	position:		absolute;
	left:			472px;
	top:			15px;
}
.ContenitoreIngranaggi .ingranaggio09{
	width:			80px;
	height:			80px;
	position:		absolute;
	left:			559px;
	top:			50px;
}
/* Visualizzazione Scorrimento orizzontale - ingranaggi - termine ======= */

/* -- Effetti di Hovering =============================================== */
.Rotazione3DOrizzontale .NHA_EstContenutoLista{
	position:		relative !important;
	perspective:	800px !important;
}

.Rotazione3DOrizzontale .NHA_EstContenutoLista .quadroContenuti{
	transform-style:	preserve-3d !important;
	transition:		transform 1s !important;
	position:		absolute !important;
	height:			100% !important;
	width:			100% !important;
	backface-visibility:	hidden !important;
}

.Rotazione3DOrizzontale .NHA_EstContenutoLista:hover .quadroContenuti{
	transform:		rotateY( 180deg ) !important;
}

.Rotazione3DOrizzontale .NHA_EstDescrizione,
.Rotazione3DOrizzontale .NHA_EstDescrizione div{
	width:			100% !important;
	height:			100% !important;
}

.Rotazione3DOrizzontale .NHA_EstDescrizione{
	transform:		rotateY( 180deg ) !important;
	backface-visibility:	hidden !important;
}


.FadeIn .NHA_EstDescrizione,
.FadeIn .NHA_EstDelimitatoreAssolutoTesto,
.FadeIn .Testo{
	width:			100% !important;
	height:			100% !important;
}

.FadeIn .NHA_EstDescrizione{
	position:		absolute;
	left:			0;
	top:			0;
	display:		inline-flex !important;
	opacity:		0;
	filter:			alpha(opacity=0);
	-webkit-transition:	opacity 0.5s ease-in;
	-moz-transition:	opacity 0.5s ease-in;
	-ms-transition:	opacity 0.5s ease-in;
	-o-transition:	opacity 0.5s ease-in;
	transition:		opacity 0.5s ease-in;
}

.FadeIn .NHA_EstDescrizione:hover{
	opacity:		1;
	filter:			alpha(opacity=1);
	-webkit-transition:	opacity 0.5s ease-in;
	-moz-transition:	opacity 0.5s ease-in;
	-ms-transition:	opacity 0.5s ease-in;
	-o-transition:	opacity 0.5s ease-in;
	transition:		opacity 0.5s ease-in;
}

.FadeIn .NHA_EstDelimitatoreTesto{
	width:			70% !important;
	height:			70% !important;
	background-color:	rgba(0,0,0,0.7) !important;
	color:			white !important;
	margin:			auto !important;
	padding:		40px;
}

.FadeInEvidenzia .evidenziatoreNero{
	width:			100% !important;
	height:			100% !important;
	position:		absolute;
	background-color:	rgba(0,0,0,0.5) !important;
	display:		inline-flex;
	opacity:		0;
	filter:			alpha(opacity=0);
	
	-webkit-transition:	opacity 0.5s ease-in;
	-moz-transition:	opacity 0.5s ease-in;
	-ms-transition:	opacity 0.5s ease-in;
	-o-transition:	opacity 0.5s ease-in;
	transition:		opacity 0.5s ease-in;
}

.FadeInEvidenzia .eivdenziatoreBianco{
	border:			0px solid white;
	width:			100%;
	height:			100%;
	margin:			auto !important;
	-webkit-transition:	all 0.5s ease-in;
	-moz-transition:	all 0.5s ease-in;
	-ms-transition:	all 0.5s ease-in;
	-o-transition:	all 0.5s ease-in;
	transition:		all 0.5s ease-in;
}

.FadeInEvidenzia .NHA_EstContenutoLista:hover .evidenziatoreNero{
	opacity:		1;
	filter:			alpha(opacity=1);
	-webkit-transition:	opacity 0.5s ease-in;
	-moz-transition:	opacity 0.5s ease-in;
	-ms-transition:	opacity 0.5s ease-in;
	-o-transition:	opacity 0.5s ease-in;
	transition:		opacity 0.5s ease-in;
}

.FadeInEvidenzia .NHA_EstContenutoLista:hover .eivdenziatoreBianco{
	width:			70%;
	height:			70%;
	border:			3px solid white;
	-webkit-transition:	all 0.5s ease-in;
	-moz-transition:	all 0.5s ease-in;
	-ms-transition:	all 0.5s ease-in;
	-o-transition:	all 0.5s ease-in;
	transition:		all 0.5s ease-in;
}

@media (min-width: 768px) AND (max-width: 979px){
	.Omni_avis h2, .Omni_avis h3 {
		margin-top:		8rem;
	}

	.Omni_avis .NHA_EstDelimitatoreAssolutoTesto {
		padding:		50rem 13rem 27rem 50rem;
	}
}

/* -- Effetti di Hovering - termine ===================================== */