@charset "UTF-8";
/* CSS Document */

/* IUBENDA ALERT */
.iubenda-tp-btn[data-tp-float][data-tp-float="bottom-right"], .iubenda-tp-btn.iubenda-tp-btn--warning::before, .iubenda-uspr-btn.iubenda-tp-btn--warning::before {
	z-index: -1 !important;
	display: none !important;
	visibility: hidden;
	top: -10000px;
	pointer-events: none;
}
.iubenda-tp-btn-container {
    position: absolute !important;
    z-index: -1 !important;
    display: none !important;
	pointer-events: none;
	visibility: hidden;
}

/* BASE */
*{
	margin:0;
	padding:0;
	-webkit-tap-highlight-color: rgba(0,0,0,0.6);
	outline: 0;
	
	font-variant-ligatures:no-common-ligatures;
}

*,
*:after,
*::before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html{
	width:100%;
	height:100%;
	min-height:100%;
}
body {
	margin: 0;
	padding: 0;

	width:100%;
	height: 100%;
	min-height:100%;
	
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color:#232527; /* colore di base */
	font-size: 15px;
	line-height: 0px;
	
	overflow-x:hidden;
	overflow-y:visible;
	
	background-color:#ededed; /* colore di base */
}
h1,h2,h3,h4,h5,h6,h7{
	font-weight:normal;
}
img{
	border:0;
	font-size:0;
	color:#ffffff;
}
ul{
	margin: 0;
	padding: 0;
}
ul li {
	list-style-position: inside;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
input {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-appearance: textfield;
	-moz-appearance:    textfield;
	appearance:         textfield;
	letter-spacing: -0.020em;
}
input[type=number] {
	-webkit-appearance: textfield;
	-moz-appearance:    textfield;
	appearance:         textfield;
}
input[type=checkbox] {
   -webkit-appearance: checkbox;
   -moz-appearance:    checkbox;
   appearance:         checkbox;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
	appearance: normal;
	-moz-appearance: normal; /* Firefox */
	-webkit-appearance: normal; /* Safari and Chrome */
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
button{
	border:0;
	margin:0;
	padding: 0;
	appearance: normal;
	-moz-appearance: normal; /* Firefox */
	-webkit-appearance: normal; /* Safari and Chrome */
	background-color: transparent;
}
input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
input:required:invalid {
    outline :#ffffff solid 0px;
}
input:invalid {
    outline :#ffffff solid 0px;
}

.hidden{
	opacity:0;
}

/* .clearfix {
  overflow: visible;
  zoom: 1;
} */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.colorGrey1{
	color:#232527;
}
.colorGrey2{
	color:#b2b2b2;
}
.colorGrey3{
	color:#c6c6c6;
}
.colorGrey4{
	color:#8a8a8a;
}
.colorGrey5{
	color:#9e9e9e;
}
.colorGrey6{
	color:#5a6870;
}
.colorWhite{
	color:#ffffff;
}
.colorBlack{
	color:#000000 !important;
}
.colorCyan{
	color:#0091ff;
}
.colorRed{
	color:#ff2525;
}

.bgBlack{
	background-color:#000000 !important;
}
.bgGrey1{
	background-color:#232527 !important;
}
.bgGrey2 {
    background-color: #444444 !important;
}
.bgGrey3 {
    background-color: #3c3c3c !important;
}
.bgWhite{
	background-color:#ffffff !important;
}
.bgRed{
	background-color:#ff2525 !important;
}
.bgRed2 {
	background-color: #cf2524 !important;
}
.bgCyan{
	background-color:#0091ff;
}
.bgTransparent{
	background-color:transparent !important;
}

.txt11{
	font-size:11px;
}
.txtL{
	text-align:left !important;
}
.txtR{
	text-align:right !important;
}
.txtC{
	text-align:center !important;
}
.floatL{
	float:left !important;
}
.floatR{
	float:right !important;
}
/* BASE */

/*BUTTON*/

a.btnrounded:link, a.btnrounded:visited, a.btnrounded:hover, a.btnrounded:active, .btnrounded{
	text-decoration: none;
	display:inline-block;
	
	color: #ffffff;
	background-color: rgba(0,145,255,0.6);/* #0091ff; Azzurro*/
	
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	
padding: 0 38px 2px 38px;
line-height: 44px !important;
	
	background-clip: border-box;
	-webkit-background-clip: border-box; 
	-moz-background-clip: border-box;
	
	margin:0;
	border:0;
	cursor:pointer;
	white-space: nowrap;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a.btnrounded:hover, .btnrounded:hover{
	color: #ffffff;
	background-color: rgba(0,145,255,1);/* #0091ff; Azzurro*/
}

/*/ ---- /*/
a.btnrounded2:link, a.btnrounded2:visited, a.btnrounded2:hover, a.btnrounded2:active, .btnrounded2{
	display:inline-block;
	
	color: #ffffff;
	background-color: rgba(0,145,255,0);/* #0091ff; Azzurro*/
	
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	
	padding: 0 16px 0 16px;
	
	font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
	font-weight: 400 !important;
	font-style: normal;
	font-size: 16px !important;
	line-height:40px !important;
	text-decoration: none;
	
	background-clip: border-box;
	-webkit-background-clip: border-box; 
	-moz-background-clip: border-box;
	
	margin:0;
	border:0;
	cursor:pointer;
	white-space: nowrap;
	text-transform:uppercase;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a.btnrounded2:hover, .btnrounded2:hover{
	color: #ffffff;
	background-color: rgba(0,145,255,0.6);/* #0091ff; Azzurro*/
}
/*/ ---- /*/

a.btnrounded-outline:link, a.btnrounded-outline:visited, a.btnrounded-outline:hover, a.btnrounded-outline:active, .btnrounded-outline{
	text-decoration: none;
	display:inline-block;
	
	color: #ffffff;
	border:3px solid #ffffff;
	background-color:transparent;

	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	
	padding: 0 43px 0px 43px;
	line-height: 40px !important;
	
	background-clip: border-box;
	-webkit-background-clip: border-box; 
	-moz-background-clip: border-box;
	
	margin:0;
	cursor:pointer;
	white-space: nowrap;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a.btnrounded-outline:hover, .btnrounded-outline:hover{
	color: #ffffff;
	background-color:#0091ff;
	border:3px solid #0091ff;
}
/*/ ---- /*/

a.btnrounded-outline2:link, a.btnrounded-outline2:visited, a.btnrounded-outline2:hover, a.btnrounded-outline2:active, .btnrounded-outline2{
	text-decoration: none;
	display:inline-block;
	
	color: #000000;
	border:3px solid #000000;
	background-color:transparent;
		
	line-height: 40px !important;

	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	
	padding: 0 43px 0px 43px;
	
	background-clip: border-box;
	-webkit-background-clip: border-box; 
	-moz-background-clip: border-box;
	
	margin:0;
	cursor:pointer;
	white-space: nowrap;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a.btnrounded-outline2:hover, .btnrounded-outline2:hover{
	color: #ffffff;
	background-color:#000000;
	border:3px solid #000000;
}
a.btnrounded-outline2.light:link, a.btnrounded-outline2.light:visited, a.btnrounded-outline2.light:hover, a.btnrounded-outline2.light:active, .btnrounded-outline2.light{
	margin-left: 20px;
	color: #000000;
	background-color: #ffffff;
	border:3px solid #ffffff;
}
a.btnrounded-outline2.light:hover, .btnrounded-outline2.light:hover{
	color: #ffffff;
	background-color:#000000;
	border:3px solid #000000;
}
a.btnrounded-outline2.dark:link, a.btnrounded-outline2.dark:visited, a.btnrounded-outline2.dark:hover, a.btnrounded-outline2.dark:active, .btnrounded-outline2.dark{
	margin-left: 20px;
	background-color: #000;
	color: #ffffff;
}
a.btnrounded-outline2.dark:hover, .btnrounded-outline2.dark:hover{
	color: #000000;
	background-color:#ffffff;
	border:3px solid #ffffff;
}

a.btnrounded-outline3:link, a.btnrounded-outline3:visited, a.btnrounded-outline3:hover, a.btnrounded-outline3:active, .btnrounded-outline3{
	text-decoration: none;
	display:inline-block;
	
	color: #ffffff;
	border:3px solid rgba(0,145,255,0);/* #0091ff; Azzurro*/
	background-color:rgba(255,255,255,0);/* #0091ff; Azzurro*/

	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	
	padding: 0 24px 0px 24px;
	line-height: 40px !important;
	
	background-clip: border-box;
	-webkit-background-clip: border-box; 
	-moz-background-clip: border-box;
	
	margin:0;
	cursor:pointer;
	white-space: nowrap;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a.btnrounded-outline3:hover, .btnrounded-outline3:hover{
	color: #ffffff;
	background-color:rgba(0,145,255,0);/* #0091ff; Azzurro*/
	border:3px solid rgba(255,255,255,1);/* #bianco */
}

/* PICCOLI - NAVIGAZIONE */
a.btnrounded-min:link, a.btnrounded-min:visited, a.btnrounded-min:hover, a.btnrounded-min:active, .btnrounded-min{
	text-decoration: none;
	display:inline-block;
	
	color: #c6c6c6;
	border:2px solid #c6c6c6;
	background-color:transparent;
	
	line-height: 16px !important;
	/* font-weight:500 !important; */

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	/* padding: 2px 8px 0px 8px; */
	padding: 1px 8px 3px 8px;
	text-align:center;
	
	background-clip: border-box;
	-webkit-background-clip: border-box; 
	-moz-background-clip: border-box;
	
	margin:0;
	cursor:pointer;
	white-space: nowrap;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a.btnrounded-min:hover, .btnrounded-min:hover{
	color: #0091ff;
	border:2px solid #0091ff;
	background-color:transparent;
}

a.btnrounded-min2:link, a.btnrounded-min2:visited, a.btnrounded-min2:hover, a.btnrounded-min2:active, .btnrounded-min2{
	text-decoration: none;
	display:inline-block;
	
	color: #ffffff;
	background-color:#c6c6c6;
	border:2px solid #c6c6c6;
	
	line-height: 16px !important;
	/* font-weight:500 !important; */

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	/* padding: 2px 8px 0px 8px; */
	padding: 1px 8px 3px 8px;
	text-align:center;
	
	background-clip: border-box;
	-webkit-background-clip: border-box; 
	-moz-background-clip: border-box;
	
	margin:0;
	cursor:pointer;
	white-space: nowrap;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a.btnrounded-min2:hover, .btnrounded-min2:hover{
	color: #ffffff;
	background-color:#0091ff;
	border:2px solid #0091ff;
}

a.btnrounded-min3:link, a.btnrounded-min3:visited, a.btnrounded-min3:hover, a.btnrounded-min3:active, .btnrounded-min3{
	text-decoration: none;
	display:inline-block;
	
	color: #ffffff;
	background-color:#0091ff;
	border:2px solid #0091ff;
	
	line-height: 16px !important;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	padding: 1px 8px 3px 8px;
	text-align:center;
	
	background-clip: border-box;
	-webkit-background-clip: border-box; 
	-moz-background-clip: border-box;
	
	margin:0 10px 10px 0;
	cursor:pointer;
	white-space: nowrap;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a.btnrounded-min3:hover, .btnrounded-min3:hover{
	color: #0091ff;
	background-color:transparent;
	border:2px solid #0091ff;
}

a.btnrounded-min4:link, a.btnrounded-min4:visited, a.btnrounded-min4:hover, a.btnrounded-min4:active, .btnrounded-min4{
	text-decoration: none;
	display:inline-block;
	
	color: #5a6870;
	background-color:transparent;
	border:2px solid #c6c6c6;
	
	line-height: 16px !important;
	/* font-weight:500 !important; */

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	/* padding: 2px 8px 0px 8px; */
	padding: 1px 8px 3px 8px;
	text-align:center;
	
	background-clip: border-box;
	-webkit-background-clip: border-box; 
	-moz-background-clip: border-box;
	
	margin:0;
	cursor:pointer;
	white-space: nowrap;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a.btnrounded-min4:hover, .btnrounded-min4:hover{
	color: #ffffff;
	background-color:#0091ff;
	border:2px solid #0091ff;
}

/*codice css specifico per chrome e safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
a.btnrounded-min:link, a.btnrounded-min:visited, a.btnrounded-min:hover, a.btnrounded-min:active, .btnrounded-min{
	line-height: 20px !important;
	padding: 3px 10px 3px 10px;
}
a.btnrounded-min2:link, a.btnrounded-min2:visited, a.btnrounded-min2:hover, a.btnrounded-min2:active, .btnrounded-min2{
	line-height: 20px !important;
	padding: 3px 10px 3px 10px;
}
a.btnrounded-min3:link, a.btnrounded-min3:visited, a.btnrounded-min3:hover, a.btnrounded-min3:active, .btnrounded-min3{
	line-height: 20px !important;
	padding: 3px 10px 3px 10px;
}
a.btnrounded-min4:link, a.btnrounded-min4:visited, a.btnrounded-min4:hover, a.btnrounded-min4:active, .btnrounded-min4{
	line-height: 20px !important;
	padding: 3px 10px 3px 10px;
}

}

/* NAVIGAZIONE INTERNA DELLA SEZIONE */
a.btnrounded-nav:link, a.btnrounded-nav:visited, a.btnrounded-nav:hover, a.btnrounded-nav:active, .btnrounded-nav{
	text-decoration: none;
	display:inline-block;
	
	color: #c6c6c6;
	border:2px solid #ffffff;
	background-color:#ffffff;/* #ededed; */
	
	line-height: 16px !important;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	padding: 6px 12px 4px 12px;
	text-align:center;
	
	background-clip: border-box;
	-webkit-background-clip: border-box; 
	-moz-background-clip: border-box;
	
	margin:0;
	cursor:pointer;
	white-space: nowrap;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a.btnrounded-nav:hover, .btnrounded-nav:hover{
	color: #0091ff;
	border:2px solid #ffffff;
	background-color:#ffffff;/* #ededed; */
}
a.btnrounded-nav.On, .btnrounded-nav.On{
	color: #ffffff;
	border:2px solid #0091ff;
	background-color:#0091ff;
	pointer-events: none;
	cursor:default;
}

/* FONT-FACE */

/* LINK */
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color:initial;
}
a.item:link, a.item:visited, a.item:hover, a.item:active {
	text-decoration: none;
	color:initial;
}
a.item:hover{
	text-decoration: none;
	color:#0091ff;
}
a.btnlogged:link, a.btnlogged:visited, a.btnlogged:hover, a.btnlogged:active {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin:0;
	padding: 0 20px;
	color: #ffffff;
	cursor: pointer;
	line-height: 36px;
	background-color: rgba(0,0,0,0.0);
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a.btnlogged:hover{
	text-decoration: none;
	color:#ffffff;
	background-color:rgba(0,0,0,0.15);
}
a.btnlogged.logout-btn{
	margin-left:42px;
}

a.linkmenu:link, a.linkmenu:visited, a.linkmenu:hover, a.linkmenu:active {
	text-decoration: underline;
	color:#ffffff;
	background-color:rgba(0,0,0,0);
	padding:0 4px;
}
a.linkmenu:hover{
	text-decoration: none;
	color:#ffffff;
	background-color:rgba(0,0,0,0.15);
}

/* LINK NEL TESTO FORMATTATO */
a.linktxt:link, a.linktxt:visited, a.linktxt:hover, a.linktxt:active {
	text-decoration: underline;
	color:#000000;
}
a.linktxt:hover{
	text-decoration: none;
	color:#0091ff;
}
.overlay-scheda-txt a.linktxt:link, .overlay-scheda-txt a.linktxt:visited, .overlay-scheda-txt a.linktxt:hover, .overlay-scheda-txt a.linktxt:active {
	text-decoration: underline;
	color:#030303;
}
.overlay-scheda-txt a.linktxt:hover{
	text-decoration: none;
	color:#0091ff;
}
.disclaimer a.linktxt:link, .disclaimer a.linktxt:visited, .disclaimer a.linktxt:hover, .disclaimer a.linktxt:active {
	text-decoration: underline;
	color:#000000 !important;
}
.disclaimer a.linktxt:hover{
	text-decoration: none;
	color:#0091ff !important;
}
.evitxt{
	text-decoration: none;
	color:#000000;
}
.overlay-scheda-txt .evitxt{
	text-decoration: none;
	color:#000;
}
.video .evitxt{
	text-decoration: none;
	color:#ffffff;
}


/* LINK NEL TESTO FORMATTATO */
a.cglang:link, a.cglang:visited, a.cglang:hover, a.cglang:active {
	text-decoration: none;
	color:#aeaeae;
}
a.cglang:hover{
	text-decoration: none;
	color:#0091ff;
}

/* Roboto Light, Regular, Bold */
.ffText12CR{
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	line-height: 0px;
	text-decoration: none;
}
.ffText12CM{
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
}
.ffText12CB{
	font-family: 'Roboto Bold', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
}

.ffText14CR{
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
}

.ffText15CM{
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	line-height: 15px;
	text-decoration: none;
	letter-spacing: -0.012em;
}

.ffText16CR {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	/* font-size: 16px; */
	font-size: 15px;
	line-height: 16px;
	text-decoration: none;
	letter-spacing: -0.012em;
}
.ffText16CM{
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 16px;
	text-decoration: none;
}
.ffText16CB{
	font-family: 'Roboto Bold', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 16px;
	text-decoration: none;
}

.ffText18CR{
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
}

.ffText20CR{
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 23px;
	text-decoration: none;
}
.ffText20CB{
	font-family: 'Roboto Bold', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 20px;
	line-height: 23px;
	text-decoration: none;
}
.ffText21RL{
	font-family: 'Roboto Light', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 21px;
	line-height: 23px;
	text-decoration: none;
}
.ffText32CR{
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 32px;
	line-height: 32px;
	text-decoration: none;
}

/* PLAYFAIR DISPLAY */
.ffText17PR{
	font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 17px;
	line-height: 17px;
	text-decoration: none;
	font-variant-numeric: lining-nums;
}
.ffText18PR{
	font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	line-height: 18px;
	text-decoration: none;
	font-variant-numeric: lining-nums;
}
.ffText20PR{
	font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	line-height: 20px;
	text-decoration: none;
	font-variant-numeric: lining-nums;
}
.ffText30PR{
	font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 30px;
	line-height: 30px;
	text-decoration: none;
	font-variant-numeric: lining-nums;
}
.ffText32PR{
	font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 32px;
	line-height: 32px;
	text-decoration: none;
}
.ffText48PR{
	font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 48px;
	line-height: 48px;
	text-decoration: none;
	font-variant-numeric: lining-nums;
}
.ffText54PR{
	font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 54px;
	line-height: 54px;
	text-decoration: none;
	font-variant-numeric: lining-nums;
}
/* FONT-FACE */
/* INPUT */
.input-search{
	width:100%;
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0 18px 0 18px;
	border: 0 !important;
	vertical-align:middle;
	text-align:left;
	
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 48px;
	text-decoration: none;
	
	color: #000000;
	
	background-color: transparent;
	border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	
	background-clip: border-box;
	-webkit-background-clip: border-box; 
	-moz-background-clip: border-box;
	
	background-color:rgba(255,255,255,0.50);

    -webkit-appearance: none;
}
.input-search::-webkit-input-placeholder  { color:rgba(0,0,0,0.5); }
.input-search::-moz-placeholder  { color:rgba(0,0,0,0.5); }/* firefox 19+ */
.input-search:-moz-placeholder  { color:rgba(0,0,0,0.5); }/* firefox 19+ */
input.input-search::-moz-placeholder  { color:rgba(0,0,0,0.5); }
input.input-search::-ms-input-placeholder { color:rgba(0,0,0,0.5); }

.input-form{
	width:100%;
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0 18px 0 18px;
	border: 0 !important;
	vertical-align:middle;
	text-align:left;
	
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 48px;
	text-decoration: none;
	
	color: #ffffff;
	
	background-color: transparent;
	border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	
	background-clip: border-box;
	-webkit-background-clip: border-box; 
	-moz-background-clip: border-box;
	
	background-color:rgba(255,255,255,0.15);

    -webkit-appearance: none;
}
.input-form::-webkit-input-placeholder  { color:rgba(255,255,255,0.7); }
.input-form::-moz-placeholder  { color:rgba(255,255,255,0.7); }/* firefox 19+ */
.input-form:-moz-placeholder  { color:rgba(255,255,255,0.7); }/* firefox 19+ */
input.input-form::-moz-placeholder  { color:rgba(255,255,255,0.7); }
input.input-form::-ms-input-placeholder { color:rgba(255,255,255,0.7); }

.account .input-form{
	color: #000000;
	/* background-color:rgba(0,0,0,0.07); */
	background-color:rgba(255,255,255,0.50);
}
.account .input-form::-webkit-input-placeholder  { color:rgba(0,0,0,0.5); }
.account .input-form::-moz-placeholder  { color:rgba(0,0,0,0.5); }/* firefox 19+ */
.account .input-form:-moz-placeholder  { color:rgba(0,0,0,0.5); }/* firefox 19+ */
.account input.input-form::-moz-placeholder  { color:rgba(0,0,0,0.5); }
.account input.input-form::-ms-input-placeholder { color:rgba(0,0,0,0.5); }
/* INPUT */


/* TEXTAREA */
.textarea-form{
	width:100%;
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 14px 18px 14px 18px;
	border: 0 !important;
	vertical-align:middle;
	text-align:left;
	
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	text-decoration: none;
	
	min-height:80px;
	
	color: #ffffff;
	
	background-color: transparent;
	border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	
	background-clip: border-box;
	-webkit-background-clip: border-box; 
	-moz-background-clip: border-box;
	
	background-color:rgba(255,255,255,0.15);

    -webkit-appearance: none;
}
.textarea-form::-webkit-input-placeholder  { color:rgba(255,255,255,0.7); }
.textarea-form::-moz-placeholder  { color:rgba(255,255,255,0.7); }/* firefox 19+ */
.textarea-form:-moz-placeholder  { color:rgba(255,255,255,0.7); }/* firefox 19+ */

.account .textarea-form{
	color: #000000;
	/* background-color:rgba(0,0,0,0.07); */
	background-color:rgba(255,255,255,0.50);
}
.account .textarea-form::-webkit-input-placeholder  { color:rgba(0,0,0,0.5); }
.account .textarea-form::-moz-placeholder  { color:rgba(0,0,0,0.5); }/* firefox 19+ */
.account .textarea-form:-moz-placeholder  { color:rgba(0,0,0,0.5); }/* firefox 19+ */
/* textarea */

.account-box2{
	position: relative;
	display: block;
	vertical-align:middle;
	margin:0 0 36px 0;
}
.account-recaptcha{
	padding-left: 0px;
	position: relative;
	display: inline-block;
	vertical-align:middle;
}

.account-box{
	position: relative;
	display: block;
	vertical-align:middle;
	margin:0 0 22px;
}
.account-box.select-inp{
margin: 0 0 15px;
}

.account-box label{
	opacity:0;
	visibility:hidden;
	/* padding-left:18px; */
	padding-left:4px;
	padding-bottom:3px;
	display: block;
	
-webkit-transition: all 0.3s ease-out;
-moz-transition:  all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.account-box label.on, .editUtenti .account-box label, .insertUtenti .account-box label{
	opacity:0.54;
	visibility:visible;
	
    transform: translate(0,4px);
    -webkit-transform: translate(0,-4px); /** Chrome & Safari **/
    -o-transform: translate(0,-4px); /** Opera **/
    -moz-transform: translate(0,-4px); /** Firefox **/
}

.btnsearchget {
	width: 48px;
	height: 48px;
	background-image: url('ICN_search.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	margin: 0;
	display: inline-block;
	vertical-align: bottom;
	
	opacity:0.2;
	cursor:default;
	pointer-events:none;
}
.btnsearchget.active{
	opacity:1;
	cursor:pointer;
	pointer-events:all;
}
.btnclose{
	width:104px;
	height:51px;
	margin:0;
	padding:0;
	border:0;
	
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	
	position:relative;
	z-index:1;

	background-image:url("ICN_close2.png");
	background-repeat:no-repeat;
	background-position:center;
	background-color:transparent;
		
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	
	cursor:pointer;
}
.btnclose-bg{
	width:84px;
	height:42px;
	margin:0;
	padding:0;
	border:0;
	
	top:0;
	left:50%;
	margin-left:-42px;
	
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	
	position:absolute;
	z-index:1;

	background-color:rgba(0,145,255,0.7);
		
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.btnclose-ele{
	width:25px;
	height:26px;
	margin:0;
	padding:0;
	border:0;
	
	top:12px;
	left:50%;
	margin-left:-12px;
	
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	
	position:absolute;
	z-index:3;

	background-image:url("ICN_close2_ele.png");
	background-repeat:no-repeat;
	background-position:center;
	background-color:transparent;
}

.btnclose:hover .btnclose-bg{
	background-color:rgba(0,145,255,1);
}


.btnclose-menu{
	cursor:pointer;
	display:block;
	text-align:center;
	vertical-align:middle;
	
	width:45px;
	height:45px;
	
	position:absolute;
	padding:14px;
	
	right:0;
	top:45px;
	margin: 0;
	
	background-color: #0091ff;
		
	opacity:1;
	z-index:5;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.btnclose-menu svg{
}
.btnclose-menu svg path {
    fill: #ffffff;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.btnclose-menu:hover{
	background-color: #ffffff;
}
.btnclose-menu:hover svg path {
    fill: #0091ff !important;
}

.btnclose-menu2{
	cursor:pointer;
	display:block;
	text-align:center;
	vertical-align:middle;
	
	width:45px;
	height:45px;
	
	position:absolute;
	padding:14px;

	
	left:50%;
	top:0;
	
	margin-left: -22px;
	
	background-color: rgba(0,145,255,0);
		
	opacity:1;
	z-index:5;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.btnclose-menu2 svg{
}
.btnclose-menu2 svg path {
    fill: #000000;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.btnclose-menu2:hover{
	background-color: rgba(0,145,255,1);
}
.btnclose-menu2:hover svg path {
    fill: #ffffff !important;
}

.btnpdfscheda{
    background-image: url(ICN_pdfscheda.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 34px;
    vertical-align: middle;
    line-height: 54px;
    display: table;
    margin: 0 0 0 10px;
    padding: 0 12px 0 54px;
    border-radius: 6px;
    vertical-align: middle;
    text-align:center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition:  all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: rgba(254, 37, 37, 0.55);
	float:right;
}
.btnpdfscheda span{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
a.btnpdfscheda:link, a.btnpdfscheda:visited, a.btnpdfscheda:hover, a.btnpdfscheda:active {
	text-decoration: none;
	color: #4e5052;
	font-size: 16px;
	letter-spacing: -0.005em;
}
a.btnpdfscheda:hover {
	background-color: rgba(254, 37, 37, 0.55);
	color: #ffffff;
}

.btnstampa{
	width:32px;
	height:33px;
	margin:10px;
	padding:0;
	border:0;
	
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	
	position:relative;
	z-index:1;

	background-image:url("ICN_function.png");
	background-repeat:no-repeat;
	background-position:left top;
	background-color:transparent;
	
	cursor:pointer;
}
.btnstampa:hover{
	background-position:left -66px;
}
.btnstampa:active {
	background-position:left -66px;
}
.btnpreferiti{
	width:32px;
	height:33px;
	margin:10px;
	padding:0;
	border:0;
	
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	
	position:relative;
	z-index:1;

	background-image:url("ICN_function.png");
	background-repeat:no-repeat;
	background-position:right top;
	background-color:transparent;

	cursor:pointer;
}

.btnpreferiti:hover{
	background-position:right -66px;
}
.btnpreferiti:active, .btnpreferiti.DEL {
	background-position:right -66px;
}

.btnback{
	width:34px;
	height:24px;
	margin:0;
	padding:0;
	border:0;
	
	display:block;
	text-align:center;
	vertical-align:middle;
	
	position:absolute;
	z-index:100;
	
	left: 28px;
	top: 179px;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	background-image:url("ICN_back.png");
	background-repeat:no-repeat;
	background-position:center;
	background-color: rgba(0,145,255,0.60);/* #0091ff; Azzurro*/
		
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

	cursor:pointer;
}
.btnback:hover{
	background-color: rgba(0,145,255,1);/* #0091ff; Azzurro*/
}

.bg-shape{
	position: absolute;
	z-index:0;
	left:50%;
	margin-left:182px;
	bottom:0;
	padding:0;
}
.bg-shape svg{
	position: relative;
	display:block;
	border:0;
}
.bg-shape.shortH {
	bottom: 0;
	left: auto;
	right: -530px;
	margin-left: auto;
	/* top: 400px; */
}

.categorie{
	position: relative;
	display: inline-block;
	vertical-align:top;
	z-index:2;
	left: 0;
	right: 0;
	width:100%;
	height:534px;
	margin:18px 0 0;
	text-align:center;
}
.categorie h2 {
	position: relative;
	display: block;
	vertical-align: top;
	z-index: 2;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1110px;
	margin: 18px auto;
	text-align: left;
}
.categorie-main{
	position: relative;
	display: block;
	vertical-align:top;
	z-index:2;
	left: 0;
	right: 0;
	width:100%;
	max-width:1162px;
	margin:0 auto;
	text-align:left;
}
.categorie-box{
	position: relative;
	display: inline-block;
	vertical-align:top;
	text-align:left;
	z-index:2;
	width:238px;
	height:112px;
	margin:10px 26px;
	padding:0;
	
	background-color:#000000;
	
	cursor:pointer;
}
.categorie-box h3{
	position: absolute;
	display: block;
	vertical-align:bottom;
	text-align:left;
	z-index:12;
	margin:20px 20px;
	padding:0;
	bottom:0;
	left:0;
	color:#fff;
}
.categorie-box-shade{
	position: absolute;
	display: block;
	vertical-align:top;
	text-align:left;
	z-index:2;
	width:238px;
	height:112px;
	margin:0;
	padding:0;
	
	background-image: url("BG_categorie-box-shade.png");
	background-color:transparent;
    background-repeat: repeat-x;
    background-position: left bottom;
	
	opacity:0.5;
}
.categorie-box-bg{
	position: absolute;
	display: block;
	vertical-align:top;
	text-align:left;
	z-index:1;
	width:238px;
	height:112px;
	margin:0;
	padding:0;
	
    background-repeat: no-repeat;
    background-position: center;
	background-size:120%;
	
    -webkit-filter: grayscale(30%); /* Safari 6.0 - 9.0 */
    filter: grayscale(30%);
}

.categorie-poly-01{
	position: absolute;
	z-index: 0;
	top: 50%;
	margin-top: -234px;
	right: 50%;
	margin-right: -870px;
	opacity:0.48;
}
.categorie-poly-02{
	position: absolute;
	z-index: 0;
	top: -34px;
	right: 50%;
	margin-right: -109px;
}
.categorie-poly-03{
	position: absolute;
	z-index: 0;
	top: 50%;
	margin-top: -96px;
	right: 50%;
	margin-right: -133px;
}
.categorie-poly-04{
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -141px;
	left: 50%;
	margin-left: 16px;
opacity: 0.08;
}
.categorie-poly-05 {
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -170px;
	right: 50%;
	margin-right: -115px;
opacity: 0.08;
}
.categorie-poly-06 {
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -190px;
	left: 50%;
	margin-left: 541px;
	opacity: 0.8;
}
.categorie-poly-07 {
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: 166px;
	left: 50%;
	margin-left: -458px;
	opacity: 0.8;
}
.categorie-poly-08 {
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: 200px;
	left: 50%;
	margin-left: 200px;
	opacity: 0.8;
}

#Contact{
	padding:10px;
}
#Contact .contact-box {
	padding: 0 22px 22px 22px;
}
#Contact .contact-box.C01 {
	padding: 0 22px 0 22px;
}
#Contact .contact-box h2 {
	padding: 42px 0 20px 0;
}
#Contact .contact-box h1 {
	margin:0 0 6px 0;
}
.contact-box {
	position: relative;
	display: block;
	text-align: left;
	vertical-align: top;
	padding: 42px 22px 42px 22px;
	line-height: 22px;
}
.contact-box h1 {
	margin:20px 0 6px;
}
.contact-box-email{
	padding-bottom:32px;
}
.contact-box-email h2{
	margin:0 !important;
	padding:0;
}
.contact-box-email h3{
	margin:0 !important;
	padding:0;
}
.contact-box-email p{
	margin:4px 0 12px !important;
	padding:0;
}
.contact-close{
	cursor:pointer;
	display:block;
	text-align:center;
	vertical-align:middle;
	
	width:45px;
	height:45px;
	
	top:0;
	right:0;
	
	position:absolute;
	margin: 18px;
	padding:14px;
	
	background-color: rgba(0,145,255,0);/* #0091ff; Azzurro*/
		
	opacity:1;
	z-index:5;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.contact-close svg{
}
.contact-close svg path {
    fill: #000000;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.contact-close:hover{
	background-color: rgba(0,145,255,1);/* #0091ff; Azzurro*/
}
.contact-close:hover svg path {
    fill: #ffffff !important;
}
.contact-naz {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 0 15px 15px 0;
	width: 244px;
	height: 180px;
	background-color: #232527;
	color: #ffffff;
	font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 26px;
	line-height: 30px;
	text-decoration: none;
	position: relative;
	font-variant-numeric: lining-nums;
}
.contact-naz div{
	position: absolute;
	display: block;
	bottom:0;
	padding:20px;
	left:0;
}

.content{
	position: relative;
	display: block;
	z-index:1;
	padding:0 0 66px;
}
.content-nxtpg{
	position: relative;
	display: block;
	z-index:1;
	padding:0 0 60px 0;
	background-image: url("BG_nxtpg-shade.png");
    background-repeat: repeat-x;
    background-position: left top;
}
.content-nxtpg.logged{
margin-top: 36px;
}

.copy{
	width:100%;
	margin:0 auto;
	position:relative;
	text-align:center;
	display:block;
	background-color:#ffffff;
}
.copy-txt{
	padding:20px 65px;
}

.cover{
	position: relative;
	display: block;
	vertical-align:top;
	text-align:left;
	z-index:2;
	
	top:0;
	left:0;
	right:0;
	width: 100%;
	height:100%;
	max-height:1036px;
	background-color:transparent;
	padding: 0 0 68px 0;
	overflow:hidden;
}
.logged-index .cover{
	margin: 36px 0 0 0;
}
.cover-slide{
	position: relative;
	display: block;
	vertical-align:top;
	text-align:left;
	z-index:0;
	
	top:0;
	left:0;
	right:0;
	width: 100%;
	height:100%;
	max-height:968px;
	
	overflow:hidden;
	background-color:#000;
}
.cover-slide-img{
	position: absolute;
	display: block;
	vertical-align:top;
	text-align:left;
	z-index:-1;
	
	top:0;
	left:0;
	right:0;
	width: 100%;
	height:100%;

    background-repeat: no-repeat;
    background-position: center;
	background-size:cover;
	background-color:#000;
	opacity:0;
}
.cover-slide-img.active {
	z-index: 0;
	opacity:1;
	
/* animazione easeOutExpo */
	-webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition:         all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition:      all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;     /*Opera*/
	-moz-transition:    all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;   /*Firefox*/
}
.cover-title {
	position: absolute;
	display: block;
	z-index: -1;
	/* bottom: 338px; */
	bottom: 34%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
	opacity:0;
}
.cover-title.active {
	z-index: 5;
	bottom: 39.0495867768595%;
	/* bottom: 378px; */
	opacity:1;
	
/* animazione easeOutExpo */
	-webkit-transition: all 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
	transition:         all 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
	-o-transition:      all 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;     /*Opera*/
	-moz-transition:    all 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;   /*Firefox*/
}
.cover-title h2, .cover-title h3{
	margin-left:86px;
}
.cover-over.on{
right: 0;
margin-right: -320px;
}
.cover-over {
	position: absolute;
	z-index: 10000;
	height: 143px;
	width: 500px;
	bottom: 40px;
	right: 0;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: -500px;
	-webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	cursor:pointer;
}
.cover-over-txt{
	position: absolute;
	z-index:10000;
	top:50px;
	left:74px;
	color:#fff;
}
.cover-btn2 {
	position: absolute;
	bottom: 90px;
	right: 20px;
	height:46px;
	z-index: -1;
	opacity:0;
	visibility:hidden;
	
/* animazione easeOutExpo */
	-webkit-transition: all 0 cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition:         all 0 cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition:      all 0 cubic-bezier(0.19, 1, 0.22, 1) 0s;     /*Opera*/
	-moz-transition:    all 0 cubic-bezier(0.19, 1, 0.22, 1) 0s;   /*Firefox*/
}
.cover-btn2.active {
	visibility:visible;
	z-index: 400;
	opacity:1;
	
/* animazione easeOutExpo */
	-webkit-transition: all 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
	transition:         all 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
	-o-transition:      all 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;     /*Opera*/
	-moz-transition:    all 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;   /*Firefox*/
}
.cover-btn2.active.hover a.btnrounded-outline3{
	color: #ffffff;
	background-color:rgba(0,145,255,0);/* #0091ff; Azzurro*/
	border:3px solid rgba(255,255,255,1);/* #0091ff; Azzurro*/
}

/* 94.45% */


.cover-line-01{
	position: absolute;
	display: block;
	z-index:2;
	bottom:0;
	left:50%;
	margin-left:-340px;
	opacity:0.5;
}
.cover-line-02{
	position: absolute;
	display: block;
	z-index:1;
	bottom:0;
	left:50%;
	margin-left:-558px;
	
	opacity:0.35;
}

.cover-line-03 {
	position: absolute;
	display: block;
	z-index: 2;
	bottom: 0;
	left: 50%;
	margin-left: -1440px;
	opacity: 0.35;
}
.cover-line-04 {
	position: absolute;
	display: block;
	z-index: 1;
	bottom: 0;
	left: 50%;
	margin-left: -437px;
	opacity: 0.5;
}
.randSet1 .cover-line-03, .randSet1 .cover-line-04{
	display:none;
}
.randSet2 .cover-line-01, .randSet2 .cover-line-02{
	display:none;
}


.download-main {
	position: relative;
	display: block;
	z-index: 5;
	margin: 152px auto 78px auto;
	width: 100%;
	max-width: 1146px;
	padding: 0 0 0 18px;
	text-align: center;
}
.download-main h2{
	margin:0 0 36px 0;
}

.download-box{
	z-index: 5;
	position: relative;
	display: inline-block;
	margin:0 18px 18px 0;
	width:264px;
	min-height:240px;
	vertical-align:top;
	cursor:pointer;
	text-align:center;
}
.download-box .box-hover p{
	padding:20px;
	text-align:left;
	line-height:17px;
	color:#ffffff;
}
.download-box .box-hover.addDesc{
background-color: rgba(0,145,255,0.96);
overflow: hidden;
}
.download-icn {
	position: relative;
	display: block;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	margin: 20px auto;
}
.download-icn svg{
	width:100%;
}
.download-icn img{
	width:100%;
}
/* .download-box h2{
	margin: 22px 0 11px;
	line-height: 20px !important;
} */
.download-txt{
	position: relative;
	display: block;
	z-index:5;
/* 	bottom:8px;
	left:8px;
	right:8px;
	min-height:86px; */
	text-align:center;
	vertical-align:top;
}
.download-txt h3{
	margin:10px 10px 0px;
	line-height:26px !important;
}
.download-txt p{
	margin:0 10px;
	padding-top:4px;
	padding-bottom:10px;
	line-height:13px !important;
	color:#9e9e9e;
}

/* CAT */
.cataloghi-main {
	position: relative;
	display: grid;
	z-index: 5;
	margin: 34px auto 40px;
	width: 100%;
	max-width: 1110px;
	min-height:300px;
	padding: 10px;
	text-align: left;
	grid-template-columns: 50% 50%;
	align-items: stretch;
	justify-self: stretch;
	grid-template-rows: max-content;
	grid-gap: 20px;
}
.cataloghi-main h2{
	margin:0 0 36px 0;
}

.cataloghi-box{
	z-index: 5;
	position: relative;
	display: table;
	/* margin: 2%; */
	vertical-align:top;
	cursor:pointer;
	text-align:center;
	background: #fff;
	justify-self: stretch;
	align-items: stretch;
	/* place-self: stretch stretch; */
	height: 100%;
}
.cataloghi-box .box-hover p{
	padding:20px;
	text-align:left;
	line-height:17px;
	color:#ffffff;
}
.cataloghi-box .box-hover.addDesc{
	background-color: rgba(0,145,255,0.96);
	overflow: hidden;
}
.cataloghi-icn {
	position: relative;
	display: table-cell;
	width: 72px;
	vertical-align: middle;
	margin: 0;
	padding: 10px 0px 10px 16px;
}
.cataloghi-icn svg{
	width:100%;
}
.cataloghi-icn img{
	width:100%;
}
.cataloghi-txt{
	position: relative;
	display: table-cell;
	z-index:5;
	text-align: left;
	vertical-align: middle;
	padding: 10px 14px 10px 4px;
}
.cataloghi-txt h3{
	margin: 10px 10px 0;
	line-height:26px !important;
}
.cataloghi-txt p{
	margin:0 10px;
	padding-top:4px;
	padding-bottom:10px;
	line-height:13px !important;
	color:#9e9e9e;
}


.forgot-txt{
	margin-bottom:20px;
}

footer{
	width:100%;
	position:relative;
    z-index:1000;
	text-align:center;

	background-image:url("BG_footer.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-color:#000000;
}
.footer-nwl{
	width:100%;
	margin:0 auto;
	padding:40px;
	min-height:100px;
	position:relative;
	text-align:center;
	display:block;
	
	color:#fff;
}
#menulang{
text-align: center;
color: #fff;
overflow: hidden;
line-height: 56px;
}
#menulang a:link, #menulang a:visited, #menulang a:hover, #menulang a:active {
	text-decoration: none;
	color:#ffffff;
	margin:0 12px;
}
#menulang a:hover{
	color:rgba(255,255,255,0.4);
}
#menulang a.off{
	color:rgba(255,255,255,0.4);
	pointer-events: none;
	cursor: default;
}
.footer-main{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:52px;
	position:relative;
	text-align:center;
	display:block;
}
.footer-sx {
	text-align: left;
	vertical-align: top;
	z-index: 1;
	position: absolute;
	top: 52px;
	left: 52px;
	max-width: 300px;
}
.footer-ct{
	display:inline-block;
	text-align:center;
	vertical-align:top;
	position:relative;
	z-index:1;
	float:initial;
	padding:4px 10px 10px 10px;
}
.footer-ct h2{
	padding:38px 0 8px 0;
}
.footer-ct h3 {
	line-height: 22px !important;
	font-size: 15px !important;
}
.footer-ct p{
	padding:60px 0 0px 0;
}
.footer-logo{
}
.footer-dx{
text-align:left;
vertical-align:top;
z-index:1;
position: absolute;
top: 52px;
right: 52px;
}
.footer-dx h2, .footer-sx h2{
	padding-top:78px;
	padding-bottom:10px;
}
.footer-dx ul li, .footer-sx ul li{
	margin:8px 0;
}
.footer-dx ul li a:link, .footer-dx ul li a:visited, .footer-dx ul li a:hover, .footer-dx ul li a:active, .footer-sx ul li a:link, .footer-sx ul li a:visited, .footer-sx ul li a:hover, .footer-sx ul li a:active {
	text-decoration: none;
	color:#aeaeae;
}
.footer-sx ul li a:hover, .footer-dx ul li a:hover{
	text-decoration: none;
	color:#498bd9;
}
.footer-end{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:18px 52px 78px;
	position:relative;
	text-align:center;
	display:table;
}
.footer-end div {
	width:33%;
	text-align:center;
	vertical-align:top;
	display:table-cell;
}
.footer-end div.txtL a, .footer-end div.txtR a {
	margin-top:20px;
	padding: 0 30px 0px 30px;
}

.form-area {
	width: 1150px;
	margin: 32px auto 52px;
	padding:12px 0 10px 0;
	position: relative;
	z-index: 1000;
	text-align: center;
	display: table;
}
.form-area-column {
	width:100%;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 50px;
	display: table-cell;
	position: relative;
	text-align: left;
	vertical-align: top;
	line-height: 28px !important;
}
.form-nota{
	padding: 8px 0 8px 0;
	line-height: 16px;
	color: rgba(0,0,0,0.4);
	display:inline-block;
}
.form-nota2{
	padding: 8px 34px 8px 10px;
	line-height: 16px;
	color: rgba(0,0,0,0.4);
	display:inline-block;
	vertical-align:middle;
}
#accountget {
	margin-top: 13px;
	float: right;
	vertical-align: middle;
}
.requestform-main{
	position: relative;
	display: block;
	z-index: 5;
	margin: 78px auto 78px auto;
	width: 100%;
	max-width: 1280px;
	padding:0px 0 0 86px;
	text-align: left;
}
.requestform-main h2{
	margin: 46px 0 36px 0;
}
.requestform-main h3{
	margin: 24px 0 18px 0;
}






/* SWICH VERDE */

.onoffswitch02 {
	vertical-align:top;
	display:inline-block;
	position: relative;
	width:60px;
	height:24px;
	text-align:left;
	margin-top:5px;
	margin-left:0;
	margin-right:10px;
	margin-bottom:0px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select: none;

/* ANIMAZIONE SEMPRE ATTIVA easeOutExpo */
	-webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition:         all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition:      all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;     /*Opera*/
	-moz-transition:    all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;   /*Firefox*/
}
.dashboard .onoffswitch02 {
	opacity:0;
	visibility:hidden;
}
.dashboard.changed .onoffswitch02 {
	opacity:1;
	visibility:visible;
}
.dashboard.changed .chart {
	display:inline-block !important;
}
.dashboard .chart.off {
	display:none;
}

.onoffswitch02-checkbox {
	display: none;
}

.onoffswitch02-label {
	display: block; 
	overflow: hidden;
	cursor: pointer;
	border-radius: 50em;
	width:60px;
	height:24px;
}

.onoffswitch02-inner {
	display: block; 
	width: 200%;
	margin-left: -100%;
	transition: margin 0.25s ease-in 0s;
	text-align: center;
}

.onoffswitch02-inner:before, .onoffswitch02-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 28px; 
	padding: 0; 
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 11px;
	line-height: 24px;
	text-decoration: none;
	box-sizing: border-box;
}

.onoffswitch02-inner:before {
	content: "SI";
	padding-left: 0px;
	padding-right: 22px;
	background-color: #0091ff;
	color: #FFFFFF;
}

.onoffswitch02-inner.UK:before {
	content: 'Yes';
}
.onoffswitch02-inner.ES:before {
	content: 'Sí';
}
.onoffswitch02-inner.FR:before {
	content: 'Oui';
}
.onoffswitch02-inner.PT:before {
	content: 'Sim';
}
.onoffswitch02-inner.RO:before {
	content: 'Da';
}
.onoffswitch02-inner.UR:before {
	content: 'да';
}

.onoffswitch02-inner:after {
	content: "NO";
	padding-left: 23px;
	padding-right: 0;
	background-color: #464A5C;
	color: #FFFFFF;
}

.onoffswitch02-inner.UK:after {
	content: 'No';
}
.onoffswitch02-inner.ES:after {
	content: 'No';
}
.onoffswitch02-inner.FR:after {
	content: 'Non';
}
.onoffswitch02-inner.PT:after {
	content: 'Não';
}
.onoffswitch02-inner.RO:after {
	content: 'Nu';
}
.onoffswitch02-inner.UR:after {
	content: 'Нет';
}

.onoffswitch02-switch {
	position: absolute; 
	display: block; 
	width: 48px; 
	height: 49px; 
	margin: 0;
	background-color: transparent;
	background-image:url(switch.png);
	background-position:center;
	background-repeat:no-repeat;
	top: -8px; 
	right: 20px;
	transition: all 0.25s ease-in 0s; 
}
.onoffswitch02-switch-ball {
	position: relative; 
	display: block; 
	width: 24px; 
	height: 24px; 
	margin: 8px 0px 0px 9px;
	background-color: #575c7c;
	transition: all 0.2s ease-out 0s; 
	border-radius:50em;
}

.onoffswitch02-checkbox:checked + .onoffswitch02-label .onoffswitch02-inner {
	margin-left: 0;
}

.onoffswitch02-checkbox:checked + .onoffswitch02-label .onoffswitch02-switch {
	right: -15px; 
}
.onoffswitch02-checkbox:checked + .onoffswitch02-label .onoffswitch02-switch-ball {
	background-color: #ffffff;
}










header {
	position: absolute;
	z-index: 100;
	width: 100%;
	max-width: 1280px;
min-height: 128px;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.logged-index header{
	top: 36px;
}

.inevidenza{
	position: relative;
	display: inline-block;
	vertical-align:top;
	z-index:2;
	left: 0;
	right: 0;
	width:100%;
	text-align:center;
	margin:66px 0;
}
.inevidenza h2{
	position: relative;
	display: block;
	vertical-align:top;
	z-index:2;
	left: 0;
	right: 0;
	width:100%;
	max-width:1110px;
	margin:16px auto;
	text-align:left;
}
.inevidenza-main{
	position: relative;
	display: block;
	vertical-align:top;
	z-index:2;
	left: 0;
	right: 0;
	width:100%;
	max-width:1162px;
	margin:0 auto;
	text-align:left;
}
.inevidenza-box{
	position: relative;
	display: inline-block;
	vertical-align:top;
	text-align:left;
	z-index:2;
	width:238px;
	height:230px;
	margin:10px 26px;
	padding:0;
	
	background-color:#ffffff;
    background-repeat: no-repeat;
    background-position: center;
	background-size:cover;
	
	cursor:pointer;
}
.inevidenza-box.img01{
	background-image: url("IMG_inevidenza_01.jpg");
}
.inevidenza-box.img02{
	background-image: url("IMG_inevidenza_02.jpg");
}
.inevidenza-box.img03{
	background-image: url("IMG_inevidenza_03.jpg");
}
.inevidenza-box.img04{
	background-image: url("IMG_inevidenza_04.jpg");
}
.inevidenza-box.img05{
	background-image: url("IMG_inevidenza_02.jpg");
}
.inevidenza-box h3{
	position: absolute;
	display: block;
	vertical-align:bottom;
	text-align:left;
	z-index:12;
	margin:20px 20px;
	padding:0;
	bottom:0;
	left:0;
	color:#fff;
}
.inevidenza-box-shade{
	position: absolute;
	display: block;
	vertical-align:top;
	text-align:left;
	z-index:1;
	width:238px;
	height:230px;
	margin:0;
	padding:0;
	
	background-image: url("BG_inevidenza-box-shade.png");
	background-color:transparent;
    background-repeat: repeat-x;
    background-position: left bottom;
}

.icon{
	position: absolute;
	display: block;
	vertical-align:top;
	z-index:20;
	top: 10px;
	right: 87px;
	padding: 0;
	color:#ffffff;
}

.language{
	position: absolute;
	display: block;
	vertical-align:top;
	z-index:20;
	top: 10px;
	right: 87px;
	padding: 0;
	color:#ffffff;
	cursor:pointer;
}
.icon .language{
	position: relative;
	display: inline-block;
	vertical-align:middle;
	z-index:20;
	top: auto;
	right: auto;
	padding: 0;
	color:#ffffff;
	cursor:pointer;
}
.language-icn{
	position: relative;
	display: inline-block;
	vertical-align:middle;	
	width: 24px;
	height: 24px;
	margin-right:10px;
	background-image: url("ICN_language.png");
    background-repeat: no-repeat;
    background-position: right top;
}
.language-txt{
	position: relative;
	display: inline-block;
	vertical-align:middle;
}
.downloadmenu {
    position: absolute;
    display: block;
    vertical-align: top;
    z-index: 20;
    top: 16px;
    right: 442px;
    padding: 0 34px 0 0;
    color: #b2b2b2;
    cursor: pointer;
}
.icon .downloadmenu{
	position: relative;
	display: inline-block;
	vertical-align:middle;
	z-index:20;
	top: auto;
	right: auto;
    padding: 0 34px 0 0;
	color:#ffffff;
	cursor:pointer;
}
.downloadmenu-txt{
	position: relative;
	display: inline-block;
	vertical-align:middle;
}
.language, .login, .downloadmenu{
	opacity:1;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	
}
.language:hover, .login:hover, .downloadmenu:hover{
	opacity:0.6;
}
.social-home{
    position: absolute;
    display: block;
    vertical-align: top;
    z-index: 20;
    top: 11px;
    right: 354px;
    cursor: pointer;
	color:#b2b2b2;
}
.icon .social-home{
	position: relative;
	display: inline-block;
	vertical-align:middle;
	z-index:20;
	padding: 0;
	margin:0 40px 0 0;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #ffffff;
}
.social-home a{
	position: relative;
	display: inline-block;
	vertical-align:middle;
	z-index:20;
	padding: 0;
	margin:0 0 0 12px;
	width:20px;
	height:20px;
	
	opacity:1;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	
}
.social-home a:hover {
	opacity:0.6;
}

.icon .social-home a.social-home-insta{
	background-image: url("ICN_instagram_w.png");
    background-repeat: no-repeat;
    background-position: center;
	background-size:cover;
}
.social-home a.social-home-insta{
	background-image: url("ICN_instagram_g.png");
    background-repeat: no-repeat;
    background-position: center;
	background-size:cover;
}
.icon .social-home a.social-home-fb{
	background-image: url("ICN_facebook_w.png");
    background-repeat: no-repeat;
    background-position: center;
	background-size:cover;
}
.social-home a.social-home-fb{
	background-image: url("ICN_facebook_g.png");
    background-repeat: no-repeat;
    background-position: center;
	background-size:cover;
}

.icon .social-home a.social-home-in {
	background-image: url("ICN_linkedin_w.png");
    background-repeat: no-repeat;
    background-position: center;
	background-size:cover;
}
.social-home a.social-home-in {
	background-image: url("ICN_linkedin_g.png");
    background-repeat: no-repeat;
    background-position: center;
	background-size:cover;
}


.login{
	position: absolute;
	display: block;
	vertical-align:top;
	z-index:20;
	top: 10px;
	left: 106px;
	padding: 0;	
	color:#ffffff;
	cursor:pointer;
}
.login-icn{
	position: relative;
	display: inline-block;
	vertical-align:middle;	
	width: 24px;
	height: 24px;
	margin-right:10px;
	background-image: url("ICN_login.png");
    background-repeat: no-repeat;
    background-position: right top;
}
.login-txt{
	position: relative;
	display: inline-block;
	vertical-align:middle;
}
#loginpanel{
	color:#fff;
}
.login-box{
	position: relative;
	display: block;
	vertical-align:middle;
	
	color:#ffffff;
	margin:0 0 22px;
}
.login-box label{
	opacity:0;
	visibility:hidden;
	padding-left:24px;
	padding-bottom:4px;
	display: block;
	
-webkit-transition: all 0.3s ease-out;
-moz-transition:  all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.login-box label.on{
	opacity:0.54;
	visibility:visible;
	
    transform: translate(0,4px);
    -webkit-transform: translate(0,-4px); /** Chrome & Safari **/
    -o-transform: translate(0,-4px); /** Opera **/
    -moz-transform: translate(0,-4px); /** Firefox **/
}
/* BOTTONE ACCEDI */
#loginget{
	margin:18px 0 40px;
	opacity:0.7;
	pointer-events: none;
}
#loginget.error{
	color: #000000;
	background-color:#f7ff00;
	border:3px solid #f7ff00;
	opacity:1;
}
#loginget.error span{
  display: none;
}
#loginget.error:after {
	content: 'Sbagliato!';
}
#loginget.UK.error:after {
	content: 'Wrong!';
}
#loginget.ES.error:after {
	content: 'Mal!';
}
#loginget.FR.error:after {
	content: 'Faux!';
}
#loginget.PT.error:after {
	content: 'Errado!';
}
#loginget.RO.error:after {
	content: 'Gresit!';
}
#loginget.UR.error:after {
	content: 'Неправильно!';
}
#loginget.ok{
	color: #0091ff;
	background-color:#ffffff;
	border:3px solid #ffffff;
	opacity:1;
}
#loginget.ok span{
  display: none;
}
#loginget.ok:after {
	content: 'Benvenuto!';
}
#loginget.UK.ok:after {
	content: 'Welcome!';
}
#loginget.ES.ok:after {
	content: 'Bienvenido!';
}
#loginget.FR.ok:after {
	content: 'Bienvenue!';
}
#loginget.PT.ok:after {
	content: 'Bem-vindo!';
}
#loginget.RO.ok:after {
	content: 'Bine ai venit!';
}
#loginget.UR.ok:after {
	content: 'Добро пожаловать!';
}
#loginget.on{
	opacity:1;
	pointer-events: auto;
}
#loginget.on.btnrounded-outline:hover{
	color: #0091ff;
	background-color:#ffffff;
	border:3px solid #ffffff;
}
/* BOTTONE RICHIEDI */
#forgotget{
	margin:18px 0 40px;
	opacity:0.7;
	pointer-events: none;
}
#forgotget.error{
	color: #000000;
	background-color:#f7ff00;
	border:3px solid #f7ff00;
	opacity:1;
}
#forgotget.error span{
  display: none;
}
#forgotget.error:after {
	content: 'Sbagliato!';
}
#forgotget.ok{
	color: #0091ff;
	background-color:#ffffff;
	border:3px solid #ffffff;
	opacity:1;
}
#forgotget.ok span{
  display: none;
}
#forgotget.ok:after {
	content: 'Ti abbiamo inviato la password!';
}
#forgotget.UK.ok:after {
	content: 'We have sent your password!';
}
#forgotget.ES.ok:after {
	content: 'Hemos enviado su contraseña!';
}
#forgotget.FR.ok:after {
	content: 'Nous avons envoyé votre mot de passe!';
}
#forgotget.PT.ok:after {
	content: 'Nós enviou sua senha!';
}
#forgotget.RO.ok:after {
	content: 'Am trimis parola!';
}
#forgotget.UR.ok:after {
	content: 'Мы отправили ваш пароль!';
}
#forgotget.on{
	opacity:1;
	pointer-events: auto;
}
#forgotget.on.btnrounded-outline:hover{
	color: #0091ff;
	background-color:#ffffff;
	border:3px solid #ffffff;
}

#formLogin.on, #formForgot.on{
	display:block;
	visibility:visible;
	opacity:1;
}

#formForgot, #formLogin{
	display:none;
	visibility:hidden;
	opacity:0;
}
.login-forgot{
	position: relative;
	display: block;
	vertical-align:middle;
	
	color:#ffffff;
	margin:40px 0;
}

.login-reg{
	position: relative;
	display: block;
	vertical-align:middle;
	
	color:#ffffff;
	margin:40px 0;
}

.logged-bar{
	position: absolute;
	display: block;
	vertical-align:top;
	z-index:200;
	height:36px;
	width:100%;
	
	top: -36px;
	left: 0;
	
	padding: 0;
	margin: 0;
		
	color:#ffffff;
	
background-image: url("SDW_bar_min_b.png");
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% 20px;
}
.logged-index .logged-bar{
	top: 0px;
}

.logged-main{
	position: relative;
	display: block;
	width:100%;
	max-width:1145px;
	margin:0 auto;
}
.logged-name {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 0 0;
	padding: 0 20px;
	color: #ffffff;

	line-height: 36px;
	background-color: rgba(0,0,0,0);
}


.logo {
	position: relative;
	display: inline-block;
	vertical-align: top;
	z-index: 20;
	top: 64px;
	left: 82px;
	width: 259px;
	height: 52px;
	background-image: url("LOGO_PeroniSPA_01.png");
	background-repeat: no-repeat;
	background-position: left top;
}
.m-left .menu-content {
	margin-right: auto !important;
	margin-left: 45px !important;
}
.m-left .btnclose-menu {
	left: 0;
	top: 45px;
}
.menu-content {
	padding: 36px 40px 26px;
	position:relative;
	display: block;
	margin-right: 45px;
	height:100%;
	
	text-align:left;
	
	background-color: rgba(0,145,255,1);/* #0091ff; Azzurro*/
	
	z-index:1;
	
	background-image: url("BG_nxtpg-shade.png");
	background-repeat: repeat-x;
	background-position: left top;
	
	overflow:auto;

}
.menu-content.menu-pro {
	padding: 26px 20px 26px !important;
}
.menu-main.menu-pro {
	-webkit-column-count: 0 !important;
	-moz-column-count: 0 !important;
	column-count: 0 !important;
    -webkit-column-gap: 0; /* Chrome, Safari, Opera */
    -moz-column-gap: 0; /* Firefox */
    column-gap: 0;
}

.menu-main.menu-area, .menu-main.menu-categorie {
	width: 100% !important;
	max-width: 400px !important;
	-webkit-column-count: 1 !important;
	-moz-column-count: 1 !important;
	column-count: 1 !important;
}

.menu-main {
	padding: 0;
	position:relative;
	width:100%;
	max-width:1110px;
	height:auto;
	
	text-align:left;
	
	z-index:1;
	
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
	
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}
.menu-main ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #ffffff;

	page-break-before: always;
	page-break-after: always;
	page-break-inside: avoid;
	
}
.menu-main ul li.menu-li-area {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}
.menu-main ul li h3.menu-area {
	text-transform: uppercase;
	color: #ffffff;
	opacity:0.5;
	margin:0;
	padding:0;
}
.menu-main ul li a {
	display: block;
	padding: 3px 4px 2px 4px;
	margin: 0;
	outline: none;
	color: #ffffff;
	/* background-color:rgba(255,255,255,0); */
	background-color:rgba(0,0,0,0);
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.menu-main ul li a:hover {
	/* background-color:rgba(255,255,255,0.2); */
	background-color:rgba(0,0,0,0.15);
}
.menu-main ul.menu-cat {
	margin:4px 0 22px 0;
}
.menu-pro ul.menu-pro{
	width: 33%;
	display: inline-block;
	float: left;
	padding: 0 20px;
}

.menu-principal{
	position: relative;
	display: inline-block;
	vertical-align:top;
	float:right;
	z-index:10;
	
	color:#fff;
	top: 77px;
	right: 68px;/* 5.234375%; */
}
.menufixed-main .menu-principal{
	position: absolute;
	display: inline-block;
	vertical-align:top;

	z-index:10;
	
	color:#fff;
	top: 22px;
	right: 68px;/* 5.234375%; */
	
}
.menu-principal ul {
	margin: 0;
	padding: 0;
	list-style: none;
    list-style-type: none;
}
.menu-principal ul li {
    float: left;
	margin:0 3px;
}
.menu-principal ul li a {
    display: block;
}
.menu-form{
	margin: 0;
	padding: 0;
	position:relative;
	display:block;
	height:auto;
	text-align:left;
	z-index:1;
}



.menufixed{
	top:0;
	right:0;
	
	width:100%;
	height:0px;

	position:fixed;
	z-index:100000;
	
	background-color:rgba(0,0,0,0.85);
	
	overflow:hidden;

/* animazione easeOutExpo */
	-webkit-transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition:         height 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition:      height 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-moz-transition:    height 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.menufixed.open{
	width:100%;
	height:80px;
}
.menufixed-main{
	position: absolute;
	z-index: 100;
	width: 100%;
	max-width: 1280px;
	height: 80px;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.menufixed-logo {
	position: absolute;
	display: inline-block;
	vertical-align: top;
	z-index: 20;
	top: 0;
	bottom:0;
	margin:auto 0;
	left: 82px;
	width: 211px;
	height: 29px;
	background-image: url("LOGO_PeroniSPA_04.png");
	background-repeat: no-repeat;
	background-position: left top;
}
.menufixed-logo.nxtpg {
	cursor:pointer;
}

.msg-panel {
	width:100%;
	height:0;
	overflow: hidden;
	top:0;
	left:0;
	position:fixed;
	z-index:1000;
	background-color:rgba(247,255,0,0); /* #f7ff00; yellow */
	
	opacity:0;

/* animazione easeOutExpo */
	-webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition:         opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition:      opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;     /*Opera*/
	-moz-transition:    opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;   /*Firefox*/
}

.msg-open .msg-panel{
	width:100%;
	height:100% !important;
	min-height:100% !important;
	
	overflow-y: auto !important;
	overflow-x: hidden;
	
	top:0;
	left:0;
	
	position:fixed;
	
	z-index:10000;
	
	opacity:1;

	background-color:rgba(247,255,0,0.98); /* #f7ff00; yellow */
}
.msg-panel-main {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	z-index: 1000;
	opacity: 1;
	width: 500px;
	height: 300px;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.msg-panel-main span.ffText16CR {
	line-height:19px;
}

/* NEXTPAGE */
.Hnxtpg .login{
	color:#b2b2b2;
}
.Hnxtpg .login-icn{
    background-position: left top;
}
.Hnxtpg .language{
	color:#b2b2b2;
}
.Hnxtpg .language-icn{
    background-position: left top;
}

.Hnxtpg .logo{
	background-image: none !important;
	cursor:pointer;
}
.Hnxtpg .logo-ele{
	width: 78px;
	height: 52px;
	background-image: url("LOGO_PeroniSPA.png");
    background-repeat: no-repeat;
    background-position: left top;
	display:inline-block !important;
	vertical-align:top !important;
}
.Hnxtpg .logo-txt{
	width: 181px;
	height: 52px;
	background-image: url("LOGO_PeroniSPA.png");
    background-repeat: no-repeat;
    background-position: right top;
	
	display:inline-block !important;
	vertical-align:top !important;
	opacity:0;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.Hnxtpg a.btnrounded2{
	color:#232527 !important;
	opacity:0.12;
}
.Hnxtpg:hover .logo-txt{
	opacity:1;
}
.Hnxtpg:hover a.btnrounded2{
	opacity:1;
}
.Hnxtpg:hover a.btnrounded2:hover{
	color:#ffffff !important;
}

.nxtpg-header{
	position: relative;
	display: block;
	text-align:center;
	vertical-align:top;
	z-index:10;
	left: 0;
	right: 0;
	width:100%;
	min-height:362px;
}
.n-h-function{
	position: absolute;
	z-index: 20;
	/*top: 272px;*/
	top: 260px;
	right:112px;
}
.n-h-lineup{
	width:100%;
	height:2px;
	position: absolute;
	z-index: 20;
	top:0;
	left:0;
	right:0;
}
.n-h-poly-01{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	/* 397px - 30px */
	margin-left: 367px;
	opacity:0.80;
}
.n-h-poly-02{
	position: absolute;
	z-index: 1;
	top: 302px;
	left: 50%;
	margin-left: 543px;
	opacity:0.80;
}
.n-h-poly-03{
	position: absolute;
	z-index: 1;
	top: 220px;
	right: 50%;
	margin-right: 578px;
	opacity:0.80;
}
.n-h-poly-04{
	position: absolute;
	z-index: 0;
	top: 41px;
	right: 50%;
	margin-right: -95px;
}
.n-h-poly-05{
	position: absolute;
	z-index: 0;
	top: 77px;
	right: 50%;
	margin-right: -65px;
	opacity:0.48;
}
.n-h-poly-06{
	position: absolute;
	z-index: 0;
	top: 29px;
	left: 50%;
	margin-left: 532px;
}
.n-h-poly-07{
	position: absolute;
	z-index: 0;
	top: 30px;
	left: 50%;
	margin-left: 299px;
	opacity:0.80;
}
.n-h-poly-08{
	position: absolute;
	z-index: 0;
	top: 135px;
	left: 50%;
	margin-left: 439px;
	opacity:0.80;
}
.n-h-title {
	position: relative;
	display: block;
	z-index: 5;
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
	text-align:left;
}
.n-h-title h1{
	margin-left:86px;
	text-align:left;
	padding:6px 0;
	width:70%;
}
.n-h-title h2{
	font-family: 'Roboto Light', Arial, Helvetica, sans-serif !important;
	margin-left:86px;
	text-align:left;
	padding: 6px 0 58px;
}
.n-h-title nav{
	margin-left:81px;
	text-align:left;
	padding: 179px 0 6px;
}
.n-h-title nav button.btnrounded-min2, .n-h-title nav button.btnrounded-min, .n-h-title nav a.btnrounded-min2, .n-h-title nav a.btnrounded-min{
	margin: 0 5px;
	display:inline-block;
}
.n-h-title nav button.btnrounded-min2.On, .n-h-title nav button.btnrounded-min.On, .n-h-title nav a.btnrounded-min2.On, .n-h-title nav a.btnrounded-min.On{
	color: #ffffff;
	background-color:#0091ff;
	border:2px solid #0091ff;
	pointer-events: none;
}


.newsletter {
	margin: 0 auto;
	padding: 0 0 0 95px;
	position: relative;
	z-index:10;
	clear: both;
	text-align: center;
	vertical-align: top;
	display: block;

	background-color:#0091ff;
/* 	background-image:url("ICN_newsletter.png"); */
	background-position: 132px 50px;
	background-repeat: no-repeat;
}
.newsletter-main{
	padding:46px 0 56px 0;
	
	position: relative;
	z-index: 5;
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
	text-align: left;

	display: table;
}
.newsletter-main h2{
	line-height: 35px;
	margin-left:40px;
	margin-right:40px;
}

.newsletter-content{
	display:block;
	vertical-align:top;
	text-align:left;
}
.newsletter-sx{
	position: relative;
	text-align: left;
	vertical-align: top;
	width:42%;
	display: table-cell;
padding-top: 12px;
}
.newsletter-sx img{
	margin-left:40px;
	margin-bottom: 20px;
}

.newsletter-dx{
	position: relative;
	text-align: left;
	vertical-align: top;
	width:58%;
	display: table-cell;
padding-top: 120px;
}
.newsletter-sdw{
	width:100%;
	height:7px;
	top:0;
	left:0;
	bottom:0;
	right:0;
	position:absolute;
	z-index:2;
	background-image:url(SDW_newsletter.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size:100% 7px;
}
#n{
	width: 430px;
}
#newsletterform {
	display: block;
	position: relative;
	padding: 14px 38px 0 22px;
	text-align: left;
}
.newsletter-info {
	padding: 12px 18px 6px;
	opacity: 0.8;
}
#NWLinfo {
	padding: 13px 0 6px;
	display: none;
	opacity: 0.6;
	letter-spacing: 0.025em;
	width: 60%;
	line-height: 12px;
	font-size: 11px;
}
a#NWLinfoOpen{
	color:#ffffff;
	opacity:0.6;
}

/* RICHIEDI PREVENTIVO */
.request {
	margin: 0 auto;
	padding: 0 0 0 95px;
	position: relative;
	z-index:10;
	clear: both;
	text-align: center;
	vertical-align: top;
	display: block;

	background-color:#0b5d9c;
	/* #034e87#1d71b1; */
/* 	background-image:url("ICN_request.png"); */
	background-position: 132px 50px;
	background-repeat: no-repeat;
}
.request-main{
	padding:20px 0 20px 0;
	
	position: relative;
	z-index: 5;
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
	text-align: left;

	display: table;
}
.request-main h2{
	line-height: 35px;
	margin-left:40px;
	margin-right:40px;
}

.request-content{
	display:block;
	vertical-align:top;
	text-align:left;
}
.request-sx{
	position: relative;
	text-align: left;
	vertical-align: top;
	width:42%;
	display: table-cell;
}
.request-sx h2{
	padding:26px 0 19px 0;
}
.request-sx p{
	padding:0 0 26px;
	
	font-family: 'Roboto Light', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size:18px;
	
	opacity:0.65;
	margin-left:40px;
	margin-right:40px;
}
.request-sx img{
	margin-left:40px;
	margin-bottom: 20px;
}

.request-dx{
	position: relative;
	text-align: left;
	vertical-align: top;
	width:58%;
	display: table-cell;
}
.request-sdw{
	width:100%;
	height:7px;
	top:0;
	left:0;
	bottom:0;
	right:0;
	position:absolute;
	z-index:2;
	background-image:url(SDW_newsletter.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size:100% 7px;
}
.ask-recaptcha{
position: relative;
display: inline-block;
vertical-align: middle;
width: 430px;
padding: 22px 0 0;
}


#rqs, #rqsask{
	width: 430px;
}
#requestform {
	display: block;
	position: relative;
	padding: 30px 38px 0 22px;
	text-align: left;
}
#requestform label{
	opacity: 0.4;
	color:#ffffff;
	text-transform:uppercase;
	/* visibility: hidden; */
	
	padding-left: 18px;
	padding-left: 4px;
	padding-bottom: 3px;
	display: block;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#requestform .ask01{
	position: relative;
	vertical-align: middle;
	margin: 0 0 22px;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#requestform .ask02{
	position: relative;
	vertical-align: middle;
	margin: 0 0 22px;
	opacity: 0;
	visibility: hidden;
	display:none;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#requestform.next .ask02{
	opacity: 1;
	visibility: visible;
	display:block;
}
#requestform #askRQS{
	opacity: 1;
	visibility: visible;
	display:inline-block;
}
#requestform.next #askRQS{
	opacity: 0;
	visibility: hidden;
	display:none;
}
#submitRQS {
vertical-align: middle;
margin-left:0;
}
.request-info {
	opacity: 0.6;
	padding-left: 18px;
	padding-left: 4px;
	padding-bottom: 3px;
}
#RQSinfo {
	padding: 13px 0 6px;
	display: none;
	opacity: 0.6;
	letter-spacing: 0.025em;
	width: 60%;
	line-height: 12px;
	font-size: 11px;
}
a#RQSinfoOpen{
	color:#ffffff;
	opacity:0.6;
}
.request .grecaptcha-badge{
	position:absolute !important;
}
.ask02ul{
  display: block !important;
  clear:both;
  height: 60px;
  margin-top: 10px;
}

.ask02 ul li{
  display: inline-block;
  position: relative;
  float: left;
  width: 35%;
}

.ask02 ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.ask02 ul li label{
    display: block !important;
    position: relative !important;
    padding: 0px 25px 0px 48px !important;
    margin: 10px auto 10px !important;
    z-index: 9 !important;
    cursor: pointer !important;
    font-size: 12px !important;
	
    font-family: 'Roboto Bold', Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 14px;
}

.ask02 ul li:hover label{
	color: #FFFFFF;
}

.ask02 ul li .check{
    display: block;
    position: absolute;
    border: 2px solid rgba(255,255,255,0.4);
    border-radius: 0.4em;
    height: 25px;
    width: 25px;
    top: 10px;
    left: 10px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.ask02 ul li:hover .check {
  border: 2px solid #FFFFFF;
}

.ask02 ul li .check::before {
	display: block;
	position: absolute;
	content: '';
    border-radius: 2px;
    height: 15px;
    width: 15px;
    top: 3px;
    left: 3px;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

.ask02 input[type=radio]:checked ~ .check {
  border: 2px solid #ffffff;
}

.ask02 input[type=radio]:checked ~ .check::before{
  background: #ffffff;
}

.ask02 input[type=radio]:checked ~ label{
  color: #ffffff !important;
  opacity:1 !important;
}

.page-nav {
	position: relative;
	display: block;
	text-align: left;
	vertical-align: top;
	z-index: 12;
	margin: -11px auto 24px;
	width: 100%;
	max-width: 1110px;
}
.page-nav a.btnrounded-nav{
	margin: 0 5px;
}
.page-nav.attached{
	margin: -11px auto 14px;
}

.preferiti-result{
	position: relative;
	display: block;
	vertical-align:top;
	text-align:left;
	z-index:2;
	width:100%;
	max-width: 1280px;
	margin: 146px auto 78px;
	padding:0;
}
.primopiano {
	position: relative;
	display: inline-block;
	vertical-align:top;
	z-index:10;
	margin-top:-65px;
	margin-bottom:16px;
	left: 0;
	right: 0;
	width:100%;
	height:468px;
	text-align:center;
}

.primopiano-poly-01{
	position: absolute;
	z-index: 0;
	top: 0;
	right: 50%;
	margin-right: -503px;
}
.primopiano-poly-02{
	position: absolute;
	z-index: -1;
	top: 26px;
	right: 50%;
	margin-right: -439px;
	
	opacity:0.48;
}
.primopiano-poly-03{
	position: absolute;
	z-index: 1;
	top: 32px;
	left: 50%;
	margin-left: -72px;
opacity: 0.08;
}
.primopiano-poly-04{
	position: absolute;
	z-index: 15;
	top: 50%;
	left: 50%;
	margin-top: 34px;
	margin-left: 329px;
}
.primopiano-poly-05{
	position: absolute;
	z-index: 15;
	top: 50%;
	left: 50%;
	margin-top: 139px;
	margin-left: 439px;
}
.primopiano-poly-06{
	position: absolute;
	z-index: 15;
	bottom: 50%;
	margin-bottom: 102px;
	left: 50%;
	margin-left: 393px;
	opacity: 0.8;
}
.primopiano-poly-07 {
	position: absolute;
	z-index: 15;
	top: 50%;
	margin-top: 111px;
	left: 50%;
	margin-left: -20px;
}
.primopiano-poly-07 svg{
	opacity: 0.6;
}
.primopiano-poly-08 {
	position: absolute;
	z-index: 15;
	top: 50%;
	margin-top: 85px;
	left: 50%;
	margin-left: -616px;
	opacity: 0.8;
}
.primopiano-poly-09 {
	position: absolute;
	z-index: 15;
	top: 50%;
	margin-top: 82px;
	left: 50%;
	margin-left: 37px;
}
.primopiano-poly-09 svg{
	opacity: 0.8;
}

.primopiano-shape{
	position: absolute;
	display: block;
	vertical-align:top;
	z-index:10;
	margin:0;
	right:50%;
	margin-right:-66px;
	top:32px;
	width:838px;
	height:384px;
	text-align:center;
}
.primopiano-shape svg{
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.primopiano-sezione{
position: absolute;
bottom: -32px;
left: 0;
z-index: 1;
text-align:left;
padding-left:274px;

font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 12px;
text-decoration: none;
}

.primopiano-txt{
	position: absolute;
	z-index:10;
	margin:0;
	bottom:50%;
	margin-bottom:32px;
	left:50%;
	margin-left:-46px;
	text-align:left;
}

.primopiano-txt h2{
	padding-right:20px;
}

.primopiano-btn{
	position: absolute;
	z-index:20;
	margin:0;
	bottom:50%;
	margin-bottom:-52px;
	left:50%;
	margin-left:4px;
	text-align:left;
}

.primopiano-next{
	position: absolute;
	z-index:50;

	margin:0;
	width:34px;
	height:34px;
	bottom: 50%;
	margin-bottom: -46px;
	left: 50%;
	margin-left: 152px;
	text-align:left;

	cursor:pointer;

}
.primopiano .animated, .ultimiprodotti .animated{
	opacity:0;
}
.primopiano-next-arrow{
	position: absolute;
	z-index:50;
	
	/* background-image: url("ICN_next_02b.png"); */
	background-image: url("ICN_next_02.png");
    background-repeat: no-repeat;
    background-position: right top;
	margin:0;
	width:34px;
	height:34px;
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align:left;

-webkit-transition: all 0.3s ease-out;
-moz-transition:  all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.primopiano-next:hover .primopiano-next-arrow{
/* 	-webkit-transform: translateX(-18px) translateZ(0); 
    transform: translateX(-18px) translateZ(0); */
}
.primopiano-next-circle{
	position: absolute;
	z-index:45;
	
	background-image: url("ICN_next_01.png");
    background-repeat: no-repeat;
    background-position: left top;
	margin:0;
	width:34px;
	height:34px;
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align:left;

-webkit-transition: all 0.3s ease-out;
-moz-transition:  all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.primopiano-next:hover .primopiano-next-circle{
	-webkit-transform: translateX(10px) translateZ(0); 
    transform: translateX(10px) translateZ(0);
}

.boxline-main{
	position: relative;
	display: block;
	z-index: 5;
	margin: 30px auto 78px auto;
	width: 100%;
	max-width: 1280px;
	padding:0px 0 0 86px;
	text-align: left;
}
.boxline-main h2{
	margin:0 0 36px 0;
	z-index: 5;
}
.boxline{
	z-index: 5;
	position: relative;
	display: inline-block;
	margin:0 15px 15px 0;
	width:360px;
	height:88px;
	background-color:#ffffff;
	vertical-align:top;
	
	cursor:pointer;
}
.boxline-img{
	position: relative;
	display: inline-block;
	width:130px;
	height:88px;
	text-align:left;
	vertical-align:middle;
	background-size: 120%;
	background-position: center;
	background-repeat: no-repeat;
}
.boxline-txt{
	position: relative;
	display: inline-block;
	width:230px;
	/* height:88px; */
	text-align:left;
	vertical-align:middle;
}
.boxline-txt h3{
	margin:0 10px;
	line-height:19px !important;
}
.boxline-txt p{
	margin:0 10px;
	padding-top:6px;
	line-height:12px !important;
}
.boxline-void{
	z-index: 5;
	position: relative;
	display: inline-block;
	margin:0 15px 15px 0;
	width:360px;
	height:88px;
	background-color:#e0e0e0;
	vertical-align:top;
	background-image: url("BG_lavorazioni_off.png");
    background-repeat: no-repeat;
    background-position: center;
	opacity:0.96;
}

.box-hover{
	position: absolute;
	display: block;
	z-index:10;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	width:100%;
	opacity:0;
	background-color: rgba(0,145,255,0.5);/* #0091ff; Azzurro*/

-webkit-transition: all 0.3s ease-out;
-moz-transition:  all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.boxline:hover .box-hover, .boxsquare:hover .box-hover, .categorie-box:hover .box-hover, .inevidenza-box:hover .box-hover, .attached-box:hover .box-hover, .overIMG:hover .box-hover, .overCOLOR:hover .box-hover, .download-box:hover .box-hover, .contact-naz:hover .box-hover{
	opacity:1;
}
.boxline.preferiti:hover .box-hover, .boxsquare.reaBox.preferiti:hover .box-hover{
	opacity:0;
}
.boxline.preferiti .boxline-img:hover .box-hover, .boxline.preferiti .boxline-txt:hover .box-hover, .boxsquare.reaBox.preferiti .boxsquare-img:hover .box-hover{
	opacity:1;
}

.preferiti-del{
	width:32px;
	height:33px;
	margin:0;
	padding:0;
	border:0;
	
	text-align:center;
	vertical-align:middle;
	
	position: absolute;
	display: block;
	
	z-index:100;
	left:8px;
	bottom:8px;

	background-image:url("ICN_function.png");
	background-repeat:no-repeat;
	background-position:right -66px;
	background-color:transparent;

	cursor:pointer;
}
.preferiti-del:hover{
	background-position:right top;
}

.list-poly-01{
	position: absolute;
	z-index: -1;
	top: -43px;
	left: 50%;
	opacity: 0.75;
	margin-left: -1460px;
}
.attached-main .list-poly-01{
top: -58px;
}

.boxsquare-main{
	position: relative;
	display: block;
	z-index: 5;
	margin: 30px auto 78px auto;
	width: 100%;
	max-width: 1280px;
	padding:0 0 0 86px;
	text-align: left;
}
.boxsquare-main h2{
	margin:0 0 36px 0;
}
.boxsquare{
	z-index: 5;
	position: relative;
	display: inline-block;
	margin:0 18px 18px 0;
	width:264px;
	height:240px;
	background-color:#ffffff;
	vertical-align:top;
	
	cursor:pointer;
}
.boxsquare-img{
	position: relative;
	display: inline-block;
	width:264px;
	height:240px;
	text-align:left;
	vertical-align:middle;
	background-size: auto 102%;
	background-position: left -4px center;
	background-repeat: no-repeat;
}
.boxsquare-txt{
	position: absolute;
	display: block;
	z-index:5;
	bottom:8px;
	left:8px;
	right:8px;
	min-height:86px;
	text-align:left;
	vertical-align:top;
	background-color:#ffffff;
}
.reaBox .boxsquare-txt{
	bottom:auto;
	top:8px;
}
.boxsquare-txt h3{
	margin:10px 10px 0px;
	line-height:20px !important;
}
.boxsquare-txt p{
	margin:0 10px;
	padding-top:4px;
	padding-bottom:10px;
	line-height:13px !important;
	color:#9e9e9e;
}
.boxsquare-void{
	z-index: 5;
	position: relative;
	display: inline-block;
	margin:0 18px 18px 0;
	width:264px;
	height:240px;
	background-color:#e0e0e0;
	vertical-align:top;
	background-image: url("BG_lavorazioni_off.png");
    background-repeat: no-repeat;
    background-position: center;
	opacity:0.96;
}

/* POLY */
.poly-red{
	fill:#ff2525;
	stroke:#ff2525;
	stroke-width:0;
}
.poly-white{
	fill:#ffffff;
	stroke:#ffffff;
	stroke-width:0;
}
.poly-grey{
	fill:#f5f5f5;
	stroke:#f5f5f5;
	stroke-width:0;
	opacity:0.8;
}
.poly-outline-grey{
	fill:#000000;
	fill-opacity:0;
	stroke:#000000;
	stroke-width:1
}
.poly-dark{
	fill:#000000;
	stroke:#000000;
	stroke-width:0;
	opacity:0.65;
}
.poly-blue{
	fill:rgba(0,145,255,1);
	stroke:rgba(0,145,255,1);
	stroke-width:0;
	opacity:0.96;
}

@keyframes rotate360 {
  to { transform: rotate(360deg) translate3d(0, 0, 0) ; }
}
.moveRand{
	z-index: 200 !important;
}
/* POLY */

.social{
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	z-index: 100;
	
	position:absolute;
	top:12px;
	right: 302px;
}
.social-tw {
	width: 24px;
	height: 24px;
	
	margin:0 5px;
	
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	background-color: transparent;
	background-image: url("ICN_twitter.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
	opacity: 1;
}
.social-fb {
	width: 24px;
	height: 24px;
	margin:0 5px;
	
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	background-color: transparent;
	background-image: url("ICN_facebook.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
	opacity: 1;
}


.search-form{
	position: relative;
	display: block;
	z-index: 5;
	margin: 127px auto 78px auto; /*distanza top*/
	width: 100%;
	max-width: 1280px;
	padding:0px 66px 0 86px;
	text-align: left;
}
.search-form-main{
	position: relative;
	display: table;
	width: 100%;
	max-width: 1110px;
	padding:0;
	margin:0;
	text-align: left;
}
.search-form-box{
	position: relative;
	display: table-cell;
	z-index: 5;
	margin: 0;
	padding:0 40px 0 0;
	width: 47.5%;
	max-width: 1280px;
	text-align: left;
	vertical-align:bottom;
}
.search-form-box label{
	opacity:0;
	visibility:hidden;
	padding-left:18px;
	padding-bottom:4px;
	display: block;
	
-webkit-transition: all 0.3s ease-out;
-moz-transition:  all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.search-form-box label.on{
	opacity:0.34;
	visibility:visible;
	
    transform: translate(0,4px);
    -webkit-transform: translate(0,-4px); /** Chrome & Safari **/
    -o-transform: translate(0,-4px); /** Opera **/
    -moz-transform: translate(0,-4px); /** Firefox **/
}
.search-form-btn{
	position: relative;
	display: table-cell;
	z-index: 5;
	margin: 0;
	padding:0;
	width: 47.5%;
	max-width: 1280px;
	text-align: left;
	vertical-align:bottom;
}
.search-result{
	position: relative;
	display: block;
	z-index: 5;
	margin: 30px auto 78px auto;
	width: 100%;
	max-width: 1280px;
	padding:0;
	text-align: left;
}
.hashtag-result{
	position: relative;
	display: block;
	z-index: 5;
	margin: 172px auto 120px auto;
	width: 100%;
	max-width: 1280px;
	padding:0;
	text-align: left;
}

.scheda-foto {
	position: relative;
	display: block;
	vertical-align: top;
	z-index: 150;
	margin: 0 auto -28px;
	width: 100%;
	height: 497px;
	text-align: center;
}

.scheda-foto img{
	cursor:pointer;
}
.scheda-foto-collage {
	/* background-color: rgba(0,0,0,1); */
	display: block;
	width: 1280px;
	height: 497px;
	font-size: 1px;
	color: rgba(0,0,0,0);
	text-align: left;
	position: absolute;
	
right: 0;
margin-right: calc(50% - 1320px);

	overflow: hidden;
	z-index:10;
	
	
/* animazione easeOutExpo */
	-webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition:         all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition:      all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;     /*Opera*/
	-moz-transition:    all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;   /*Firefox*/
}
.scheda-foto-collage:hover {
right: 0;
margin-right: 0;
}
.scheda-foto-collage:hover .collage-over{
right: 0;
margin-right: -600px;
}
.scheda-foto-collage.num3, .scheda-foto-collage.num4, .scheda-foto-collage.num5, .scheda-foto-collage.num6, .scheda-foto-collage.num2{
	white-space:nowrap;
	padding-top: 15px;
} 

.collage-over{
	position: absolute;
	z-index:10000;
	height:286px;
	width:868px;
	top:0;
	bottom: 0;
	right: 0;
	margin-top:auto;
	margin-bottom:auto;
	margin-right: -868px;
	
/* animazione easeOutExpo */
	-webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 1s;
	transition:         all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 1s;
	-o-transition:      all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 1s;     /*Opera*/
	-moz-transition:    all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 1s;   /*Firefox*/
}
.collage-over-txt{
	position: absolute;
	z-index:10000;
	top:16px;
	left:46px;
	
	color:#fff;
}

/* COLLAGE IMAGE */
.scheda-color{
	position: relative;
	display: inline-block;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: center;
	overflow:hidden;
}
.scheda-color.color-more{
	width:50%;
}
.overCOLOR, 
.overIMG{
	cursor:pointer;
}
.Boximg1, .Boximg2, .Boximg3, .Boximg4, .Boximg5, .Boximg6, .Boximg7, .Boximg8 {
	position: relative;
	display: inline-block;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: center;
	overflow:hidden;
}
#foto1{
	width: 600px;
	height: 400px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 5;
	top: 30px;
	right: 50%;
	margin-right: 40px;
}
#foto2.Boximg2{
	width: 600px;
	height: 400px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 5;
	top: 30px;
	left: 50%;
	margin-left: 40px;
}
.Img1, .Img2, .Img3, .Img4, .Img5, .Img6, .Img7, .Img8{
	display: block; 
	width: 100%;
	height:auto;
	padding:0px;
	margin:0px;
}
/* .vert{
	width: 100%;
	height:auto;
}
.oriz{
	width: auto;
	height:100%;
} */
/* COMPOSIZIONE 3-4 */
#foto2.Boximg3, #foto3.Boximg3, #foto4.Boximg3, 
#foto2.Boximg4, #foto3.Boximg4, #foto4.Boximg4{
	width: 645px;
	height: 430px;
} 

/* COMPOSIZIONE 5-6 */
#foto2.Boximg5, #foto3.Boximg5, #foto4.Boximg5, 
#foto2.Boximg6, #foto3.Boximg6, #foto4.Boximg6 {
	width: 323px;
	height:215px;
}
#foto5.Boximg5, #foto5.Boximg6{
	width: 323px;
	height:215px;
}

/* COMPOSIZIONE 7-8 */
#foto2.Boximg7, #foto3.Boximg7, #foto4.Boximg7, 
#foto2.Boximg8, #foto3.Boximg8, #foto4.Boximg8 {
	width: 426px;
	height:284px;
}
#foto5.Boximg7, #foto6.Boximg7, #foto7.Boximg7, #foto8.Boximg7,
#foto5.Boximg8, #foto6.Boximg8, #foto7.Boximg8, #foto8.Boximg8 {
	width: 320px;
	height:213px;
}

#foto6.Boximg5, #foto6.Boximg6{
	position:absolute;
	top:15px;
	left:646px;
	z-index:30;
	width: 645px;
	height: 430px;
}

/* COLLAGE IMAGE */

.scheda-main{
	position: relative;
	display: table;
	text-align:left;
	vertical-align:top;
	z-index:105;
	margin: 0 auto 40px;
	width:100%;
	max-width:1110px;
}
.scheda-sx{
	position: relative;
	display: table-cell;
	text-align:left;
	vertical-align:top;
	margin: 0;
	width:70%;
	padding-right:20px;
	background-color:#ffffff;
	background-clip: content-box;
}
.azienda .scheda-sx{
	width:85% !important;
}
.scheda-sx.noBG{
	background-color:transparent;
	padding-right:0px;
}
.scheda-sx p{
	position: relative;
	display: block;
	height:100%;
	text-align:left;
	vertical-align:top;
}
.scheda-dx{
	position: relative;
	display: table-cell;
	text-align:center;
	vertical-align:top;
	margin: 0;
	padding: 10px;
	width:30%;
	background-color:#ffffff;
}
.scheda-dx.noBG{
	background-color:transparent;
	padding:0px;
}
.scheda-dx.noBG .contact-box{
	padding: 30px 32px 52px 32px;
	background-color:#fff;
}
.scheda-dx h3{
margin-top: 37px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 32px;
}
.azienda .scheda-dx{
	width:15% !important;
	background-color:transparent !important;
}
.scheda-dx img{
	position: relative;
	display: table-cell;
	text-align:left;
	vertical-align:top;
	margin: 0;
	width:100%;
	background-color:#ffffff;
}
.azienda .scheda-dx img{
	display: block;
	width: 280px;
	right: 0;
	top: 26px;
	position: absolute;
}

.scheda-desc{
	position: relative;
	display: block;
	text-align:left;
	vertical-align:top;
	padding:52px 52px 52px 32px;
	line-height: 22px;
}
.azienda .scheda-desc{
	padding:52px 52px 52px 32px;
	width: 82%;
}
.azienda .scheda-desc h3{
	margin-bottom: 24px;
}
.scheda-columns-img{
	display:block;
	width:100%;
	margin:7px 0;
}
.scheda-columns-img img{
	display:block;
	width:100%;
}
.scheda-columns{
	display:table;
	width:100%;
	border-collapse: collapse;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #DFDFDF;
	border-right-color: #DFDFDF;
	border-bottom-color: #DFDFDF;
	border-left-color: #DFDFDF;
	margin-top: 7px;
}
.scheda-columns-rw{
	display:table-row;
	width:100%;
}
.scheda-columns-sx{
	width:23%;
	display:table-cell;
	vertical-align:top;
	padding-bottom: 5px;
}
.scheda-columns-dx{
	width:72%;
	display:table-cell;
	vertical-align:bottom;
	padding-bottom: 5px;
	padding-left: 5px;
}
/* .scheda-desc hr {
    width: 100%;
    height: 45px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-image: url("divisore_04.png");
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0;
} */

.scheda-desc hr {
	width: 100%;
	height: 22px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 32px 0 32px -32px;
	padding: 0 84px 0 0;
	box-sizing: content-box;
	background-color: #ededed;
}

.scheda-attached {
	position: relative;
	display: inline-block;
	vertical-align: top;
	z-index: 2;
	left: 0;
	right: 0;
	width: 100%;
	min-height: 410px;
	margin: 40px 0 0;
	text-align: center;
}
.scheda-attached h2 {
	position: relative;
	display: block;
	vertical-align: top;
	z-index: 2;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1110px;
	margin: 18px auto;
	text-align: left;
}
.scheda-attached-main{
	position: relative;
	display: block;
	vertical-align:top;
	z-index:2;
	left: 0;
	right: 0;
	width:100%;
	max-width:1162px;
	margin:0 auto;
	text-align:left;
}
.attached-main{
	position: relative;
	display: block;
	z-index: 5;
	margin: 0 auto 78px auto;
	width: 100%;
	max-width: 1280px;
	padding:0px 0 0 86px;
	text-align: left;
}
.attached-main h2{
	margin:0 0 36px 0;
}
.attached-box{
	position: relative;
	display: inline-block;
	vertical-align:top;
	text-align:left;
	z-index:2;
	width:238px;
	height:230px;
	margin:10px 26px;
	padding:0;
	
	background-color:#000000;

	cursor:pointer;
}
.attached-box.V{
	width:438px;
}

.attached-box h3{
	position: absolute;
	display: block;
	vertical-align:bottom;
	text-align:left;
	z-index:3;
	margin:20px 20px;
	padding:0;
	bottom:0;
	left:0;
	color:#fff;
}
.attached-box.F h3{
	word-break: break-all;
}
.attached-box-icn{
	position: absolute;
	display: block;
	vertical-align:top;
	text-align:left;
	z-index:2;
	width:38px;
	height:38px;
	margin:0;
	padding:0;
	top:10px;
	left:16px;
}
.V .attached-box-icn{
	background-image: url("ICN_video.png");
	background-color:transparent;
    background-repeat: no-repeat;
    background-position: center;
}
.F .attached-box-icn{
	background-image: url("ICN_pdf.png");
	background-color:transparent;
    background-repeat: no-repeat;
    background-position: center;
}
.N .attached-box-icn{
	background-image: url("ICN_news.png");
	background-color:transparent;
    background-repeat: no-repeat;
    background-position: center;
}

.attached-box-shade{
	position: absolute;
	display: block;
	vertical-align:top;
	text-align:left;
	z-index:2;
	width:238px;
	height:230px;
	margin:0;
	padding:0;
	
	background-image: url("BG_attached-box-shade.png");
	background-color:transparent;
    background-repeat: repeat-x;
    background-position: left bottom;
	
	opacity:0.9;
}
.V .attached-box-shade{
	width:438px;
}
.attached-box-bg{
	position: absolute;
	display: block;
	vertical-align:top;
	text-align:left;
	z-index:1;
	width:238px;
	height:230px;
	margin:0;
	padding:0;
	
    background-repeat: no-repeat;
    background-position: center;
	background-size:cover;
}
.V .attached-box-bg{
	width:438px;
}

.attached-poly-09{
	position: absolute;
	z-index: 0;
	bottom: 0;
	margin-bottom: -26px;
	right: 50%;
	margin-right: -1150px;
	/* margin-right: -570px; */
	opacity: 0.48;
}
.attached-poly-01{
	position: absolute;
	z-index: 0;
	top: 0;
	margin-top: -48px;
	right: 50%;
	margin-right: -870px;
	opacity: 0.48;
}
.attached-poly-02{
	position: absolute;
	z-index: 0;
	top: -14px;
	right: 50%;
	margin-right: -109px;
}
.attached-poly-03 {
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -96px;
	left: 50%;
	margin-left: -932px;
	opacity: 0.8;
}
.attached-poly-04{
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -141px;
	left: 50%;
	margin-left: 16px;
opacity: 0.08;
}
.attached-poly-05 {
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -170px;
	right: 50%;
	margin-right: -115px;
opacity: 0.08;
}
.attached-poly-06 {
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -190px;
	left: 50%;
	margin-left: 541px;
	opacity: 0.8;
}
.attached-poly-07 {
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: 166px;
	left: 50%;
	margin-left: -458px;
	opacity: 0.8;
}
.attached-poly-08 {
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: 200px;
	left: 50%;
	margin-left: 200px;
	opacity: 0.8;
}

.scheda-other{
	position: relative;
	display: block;
	z-index: 5;
	margin: 30px auto 78px auto;
	width: 100%;
	max-width: 1280px;
	padding:65px 0 0 86px;
	text-align: left;
}
.scheda-other h2{
	margin:0 0 36px 0;
}

.ultimiprodotti{
	position: relative;
	display: inline-block;
	vertical-align:top;
	z-index:10;
	margin: 38px 0 38px;
	left: 0;
	right: 0;
	width:100%;
	height:384px;
	text-align:center;
}
.ultimiprodotti-shape{
	position: absolute;
	display: block;
	vertical-align:top;
	z-index:8;
	margin:0;
	right:50%;
	margin-right:23px;
	top:0;
	width:838px;
	height:384px;
	text-align:center;
}
.ultimiprodotti-shape svg{
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.ultimiprodotti-sezione{
position: absolute;
bottom: -32px;
left: 0;
z-index: 1;
text-align:left;
padding-left:304px;

font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 12px;
text-decoration: none;
}

.ultimiprodotti-txt {
	position: absolute;
	z-index: 20;
	margin: 0;
	bottom: 50%;
	margin-bottom: 39px;
	left: 50%;
	margin-left: -114px;
	text-align: left;
}

.ultimiprodotti-btn{
	position: absolute;
	z-index:20;
	margin:0;
	bottom:50%;
	margin-bottom:-52px;
	left:50%;
	margin-left:-26px;
	text-align:left;
}
.ultimiprodotti-btn .btnpro{
	margin-right:10px !important;
}
.ultimiprodotti-btn a.btnrounded{
	background-color: rgba(0,145,255,1);
}
.ultimiprodotti-btn a.btnrounded:hover{
	background-color: rgba(0,145,255,0.6);
}
.ultimiprodotti-btn .btnrounded-outline2{
	opacity:0.6;
}
.ultimiprodotti-btn a.btnrounded-outline2, .ultimiprodotti-btn .btnrounded-outline2{
	border:3px solid rgba(0, 0, 0, 0.6)
}

.ultimiprodotti-next {
    position: absolute;
    z-index: 50;
    margin: 0;
    width: 34px;
    height: 34px;
    top: 60px;
    left: 50%;
    margin-left: 450px;
    text-align: left;
    cursor: pointer;
}
.ultimiprodotti-next-arrow{
	position: absolute;
	z-index:50;
	background-image: url("ICN_next_02.png");
    background-repeat: no-repeat;
    background-position: right top;
	margin:0;
	width:34px;
	height:34px;
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align:left;

-webkit-transition: all 0.3s ease-out;
-moz-transition:  all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.ultimiprodotti-next:hover .ultimiprodotti-next-arrow{
/* 	-webkit-transform: translateX(-18px) translateZ(0); 
    transform: translateX(-18px) translateZ(0); */
}
.ultimiprodotti-next-circle{
	position: absolute;
	z-index:45;
	
	background-image: url("ICN_next_01.png");
    background-repeat: no-repeat;
    background-position: left top;
	margin:0;
	width:34px;
	height:34px;
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align:left;

-webkit-transition: all 0.3s ease-out;
-moz-transition:  all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.ultimiprodotti-next:hover .ultimiprodotti-next-circle{
	-webkit-transform: translateX(10px) translateZ(0); 
    transform: translateX(10px) translateZ(0);
}

.ultimiprodotti-poly-01{
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -234px;
	right: 50%;
	margin-right: -92px;
	opacity:0.48;
}
.ultimiprodotti-poly-02 {
	position: absolute;
	z-index: 2;
	top: 50%;
	margin-top: -158px;
	right: 50%;
	margin-right: -568px;
}
.ultimiprodotti-poly-03 {
	position: absolute;
	z-index: 0;
	top: 50%;
	margin-top: -84px;
	left: 50%;
	margin-left: -167px;
}
.ultimiprodotti-poly-03 svg{
}
.ultimiprodotti-poly-04 {
	position: absolute;
	z-index: 12;
	top: 50%;
	margin-top: -97px;
	right: 50%;
	margin-right: 357px;
}
.ultimiprodotti-poly-04 svg{
	opacity:0.68;
}
.ultimiprodotti-poly-05 {
	position: absolute;
	z-index: 3;
	top: 50%;
	margin-top: -127px;
	right: 50%;
	margin-right: -200px;
opacity: 0.08;
}
.ultimiprodotti-poly-06 {
	position: absolute;
	z-index: 3;
	top: 50%;
	margin-top: -25px;
	left: 50%;
	margin-left: -103px;
opacity: 0.08;
}
.ultimiprodotti-poly-07 {
	position: absolute;
	z-index: 18;
	top: 50%;
	margin-top: -116px;
	left: 50%;
	margin-left: 81px;
	opacity: 0.68;
}
.ultimiprodotti-poly-08 {
	position: absolute;
	z-index: 20;
	top: 50%;
	margin-top: 7px;
	right: 50%;
	margin-right: 72px;
}
.ultimiprodotti-poly-08 svg{
	opacity: 0.80;
}
.ultimiprodotti-poly-09 {
	position: absolute;
	z-index: 18;
	top: 50%;
	margin-top: 31px;
	right: 50%;
	margin-right: 33px;
}
.ultimiprodotti-poly-09 svg{
	opacity: 0.60;
}
.ultimiprodotti-poly-10 {
	position: absolute;
	z-index: 18;
	top: 50%;
	margin-top: 211px;
	left: 50%;
	margin-left: 238px;
	opacity: 0.80;
}
.ultimiprodotti-poly-11 {
	position: absolute;
	z-index: 18;
	top: 50%;
	margin-top: 261px;
	left: 50%;
	margin-left: -503px;
	opacity: 0.80;
}
.ultimiprodotti-poly-12 {
	position: absolute;
	z-index: 4;
	top: 50%;
	margin-top: 230px;
	left: 50%;
	margin-left: 540px;
	opacity: 0.80;
}
.ultimiprodotti:hover .ultimiprodotti-over, .ultimiprodotti-over.on{

}
.ultimiprodotti-over {
	position: absolute;
	z-index: 10000;
	height: 90px;
	width: 300px;
	top: 0;
	left: 50%;
	margin-left: 180px;
	cursor:pointer;
}
.ultimiprodotti-over-txt{
	position: absolute;
    z-index: 10000;
    bottom: 0px;
    left: 0;
    color: #fff;
    text-align: left;
    padding: 14px 70px;
	
	font-size: 18px;
	line-height: 21px !important;
}

.labelComunicazione {
    position: absolute;
    z-index: 10000;
    min-height: 90px;
    max-width: 280px;
    top: 30%;
    bottom: auto;
    right: 17px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 0;
    -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    overflow: hidden;
}
.labelComunicazione-box {
    position: relative;
	transform:translate3d(480px,0,0);
	
    -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.labelComunicazione.on .labelComunicazione-box {
    position: relative;
	transform:translate3d(0,0,0);
}
.labelComunicazione-box {
    width: 100%;
    height: 60px;
    display: table;
    background-color: rgba(0,145,255,1);
    cursor: pointer;
    min-height: 80px;
    min-width: 230px;
    border-radius: 4px 0 0 4px;
}
.labelComunicazione-box:hover {
    background-color: rgba(0,145,255,0.6);
}
.labelComunicazione-txt {
    text-align: left;
    padding: 20px 30px 20px 30px;
    vertical-align: middle;
    display: table-cell;
    font-size: 18px;
    line-height: 21px !important;
}

.labelmessage {
    position: absolute;
    z-index: 10000;
    height: 90px;
    width: 480px;
    top: 30%;
    bottom: auto;
    right: 17px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 0;
    -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    overflow: hidden;
}
.labelmessage-over {
    position: relative;
	transform:translate3d(480px,0,0);
	
    -webkit-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.labelmessage.on .labelmessage-over {
    position: relative;
	transform:translate3d(0,0,0);
}
.labelmessage-over-txt {
    position: absolute;
    z-index: 10000;
    top: 22px;
    left: 58px;
    color: #fff;
    text-align: right;
    padding-right: 28px;
    vertical-align: middle;
}

.video{
	position: relative;
	display: block;
	vertical-align:top;
	text-align:center;
	z-index:2;
	width:100%;
	max-width:700px;
	margin: 146px auto 40px;
	padding:0;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(72 72 72);
}
.video-txt{
	text-align:left;
	margin:16px auto 0px;
	color:#8a8a8a;
}
.video-txt h3{
margin: 38px 0 28px;
}
.video-txt a.linktxt:link, .video-txt a.linktxt:visited, .video-txt a.linktxt:active, .video-txt-note a.linktxt:link, .video-txt-note a.linktxt:visited, .video-txt-note a.linktxt:active {
	color:#ffffff;
}
.video-txt-note{
	text-align:left;
	color:#8a8a8a;
}

/* OVERLAY */
.loading{
	width:100%;
	height:100%;

	top:0;
	left:0;
	
	position:fixed;
	z-index:8000;
	background-color:rgba(227,227,227,1) !important;
	
	display:none;
	opacity:0;
	
	text-align:center;
	
/* animazione easeOutExpo */
	-webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition:         opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition:      opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;     /*Opera*/
	-moz-transition:    opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;   /*Firefox*/
}
#search .loading{
	background-color:rgba(277,277,277,0.1) !important;
}
.images .loading{
	background-color:rgba(0, 0, 0, 0.9) !important;
}
.video .loading{
	background-color:rgba(0, 0, 0, 0.9) !important;
}
.loading.On{
	display:block;
	opacity:1;
}
.loading-svg{
	position:absolute;
	width:60px;
	height:60px;
	top:50%;
	margin-top:-30px;
	left:50%;
	margin-left:-30px;
}
/*
  Set the color of the icon
*/
.images svg path,
.images svg rect{
  fill: #f4f4f4;
}
.video svg path,
.video svg rect{
  fill: #f4f4f4;
}
svg path,
svg rect{
  fill: #000000;
}
#search svg path,
#search svg rect{
  fill: #000000;
}
.overlay, .search {
	width:100%;
	height:0;
	overflow: hidden;
	top:0;
	left:0;
	position:fixed;
	z-index:1000;
	background-color:rgba(227,227,227,0);
	
	opacity:0;

/* animazione easeOutExpo */
	-webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition:         opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition:      opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;     /*Opera*/
	-moz-transition:    opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;   /*Firefox*/
}
.search{
	text-align:center;
	visibility: hidden;
}
.images .overlay{
	background-color:rgba(0,0,0,0);
}
.video .overlay{
	background-color:rgba(0,0,0,0);
}

.overlay-open .overlay, .search-open .search{
	width:100%;
	height:100% !important;
	min-height:100% !important;
	
	overflow-y: auto !important;
	overflow-x: hidden;
	
	top:0;
	left:0;
	
	position:fixed;
	
	z-index:1000;
	
	opacity:1;
}
.overlay-open .overlay{
	background-color:rgba(227,227,227,1);
}
.overlay-open.images .overlay{
	background-color:rgba(0, 0, 0, 0.7);
}
.overlay-open.video .overlay{
	background-color:rgba(0, 0, 0, 0.9);
}
.search-open .search{
	visibility: visible;
	background-color:rgba(227,227,227,1);
}
.overlay-scroll{
    -webkit-overflow-scrolling: touch;
}

.overlay-inpage{
	width:100%;
	height:auto;
	min-height:100%;

	position:relative;
	
	opacity:1;
	background-color:rgba(0,0,0,1) !important;
}
.overlay-header{
	position: fixed;
	width: calc(100% - 16px);
	padding-bottom: 30px;
	z-index: 10;
	text-align:left;
}
.overlay-header.disclaimer, .search .overlay-header, .account.overlay-header{
	padding-bottom: 80px;
	background: -moz-linear-gradient(top,  rgba(203,203,203,1) 30%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(203,203,203,1) 30%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(203,203,203,1) 30%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#00cbcbcb',GradientType=0 );

}

.overlay-tit{
	position: relative;
	display: inline-block;
	vertical-align:top;
	text-align:left;
	margin:30px 0 0 44px;
	padding:0;
}
.overlay-tit.ffText30PR{
	margin:22px 0 0 44px;
}
	
.overlay-close{
	cursor:pointer;
	display:block;
	text-align:center;
	vertical-align:middle;
	
	width:45px;
	height:45px;
	float:right;
	
	position:relative;
	margin: 18px 26px 0 0;
	padding:14px;
	
	background-color: rgba(0,145,255,0);/* #0091ff; Azzurro*/
		
	opacity:1;
	z-index:5;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.overlay-close svg{
}
.overlay-close svg path {
    fill: #000000;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.images .overlay-close svg path {
    fill: #ffffff;
}
.video .overlay-close svg path {
    fill: #ffffff;
}
.overlay-close:hover{
	background-color: rgba(0,145,255,1);/* #0091ff; Azzurro*/
}
.overlay-close:hover svg path {
    fill: #ffffff !important;
}


.overlay-scheda{
	position: relative;
	display: block;
	vertical-align:top;
	/*! text-align:center; */
	z-index:2;
	width:100%;
	max-width:88%;
	margin:72px auto 40px;
	padding:0;
	background-color: white;
}
.overlay-scheda.account{
	background-color: transparent;
	text-align:center;
}
.overlay-scheda.disclaimer{
	background-color: transparent;
	max-width:1110px;
}
.images .overlay-scheda hr {
    opacity: 1;
    visibility: visible;
    margin: 4px 0 7px 0;
    border: 0;
    height: 1px;
	background-color: rgba(154,154,154,0.7);
}
.video .video-txt hr{
    opacity: 1;
    visibility: visible;
    margin: 4px 0 7px 0;
    border: 0;
    height: 1px;
	background-color: rgba(154,154,154,0.7);
}
.video .scheda-columns {
	display: table;
	width: 100%;
	border-collapse: collapse;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: rgba(255,255,255,0.12);
	border-right-color: rgba(255,255,255,0.12);
	border-bottom-color: rgba(255,255,255,0.12);
	border-left-color: rgba(255,255,255,0.12);
	margin-top: 7px;
}

.scheda-desc strong, .video .video-txt strong, .images .overlay-scheda strong {
	font-weight: normal;
    color: #000000;
}

.overlay-scheda-row {
	display: block;
	width: 100%;
	white-space: nowrap;
	background-image: url(divisore_04.png);
	background-repeat: no-repeat;
	background-position: right bottom -20px;
	background-size: 100% 45px;
    margin-bottom: 2px;
}
.overlay-scheda-img{
	position: relative;
	display: inline-block;
	vertical-align:top;
	text-align:right;
	z-index:2;
	width:52%;
	max-width:840px;
}
.overlay-scheda-img img{
	width:100%;
	height:auto;
	display:block;
	border:0;
	position:relative;
	z-index:1;
}
.overlay-scheda-img figcaption {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    color: #ffffff;
    padding: 12px 12px 9px;
    font-size: 11px;
    /* text-shadow: 1px 2px 6px rgba(0,0,0,0.9); */
    background-color: rgba(0,0,0,0.25);
}
.overlay-scheda-autore{
	text-align: left;
	color: #8a8a8a;
	padding: 0;
}
.overlay-scheda-txt {
	white-space: normal;
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	z-index: 2;
	width: 48%;
/* 	width: 80.09%;
	max-width: 44%; */
	padding: 2.3% 1.125% 4.67% 2.6%;
	line-height: 22px !important;
}
.images .overlay-scheda-txt{
	color:#8a8a8a;
}
.video .overlay-scheda-txt{
	color:#8a8a8a;
}
.disclaimer .overlay-scheda-txt {
	padding: 100px 44px 80px 44px; /*distanza top*/
	width:100%;
	max-width:100%;
}
.account .overlay-scheda-txt {
	padding: 100px 44px 80px 44px; /*distanza top*/
	width:80%;
	max-width:600px;
}
.overlay-scheda-txt h3{
margin: 38px 0 28px;
}
.overlay-arrow{
	z-index: 100;
	position: fixed;
	width: 45px;
	height: 120px;

	right: 42px;
	top: 50%;
	margin-top:-60px;
	vertical-align:middle;
	text-align:center;
}
.overlay-arrow-next{
	z-index: 100;
	position: absolute;
	bottom:0;
	left:0;
	padding: 12px 14px;
	cursor:pointer;
	
	opacity:1;
	background-color: rgba(0,145,255,0);/* #0091ff; Azzurro*/
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.overlay-arrow-next img, .overlay-arrow-prev img{
	width:100%;
	height:auto;
}
.overlay-arrow-next:hover, .overlay-arrow-prev:hover{
	background-color: rgba(0,145,255,1);/* #0091ff; Azzurro*/
}
.overlay-arrow-prev{
	z-index: 100;
	position: absolute;
	top:0;
	left:0;
	padding: 12px 14px;
	cursor:pointer;
	
	opacity:1;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition:  all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
/* OVERLAY */


.nav-home {
	z-index: 100;
	position: fixed;
	width: 24px;
	height: 170px;

	right: 38px;
	top: 50%;
	margin-top:-85px;
	vertical-align:middle;
	text-align:center;
}
.nav-home svg{
	clear:both;
	margin:5px 0;
	cursor:pointer;
}
.nav-home svg circle.circle01{
	fill:rgba(124,123,123,1);
	stroke:rgba(124,123,123,1);
	stroke-width:0;

/* animazione easeOutExpo */
	-webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition:         all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition:      all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;     /*Opera*/
	-moz-transition:    all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;   /*Firefox*/
}
.nav-home svg:hover circle.circle01, .nav-home svg.active circle.circle01{
	fill: rgba(0,159,227,1);
	stroke: rgba(0,159,227,0);
	stroke-width:0;
}
.nav-home svg circle.circle02{
	fill:rgba(124,123,123,0);
	stroke:rgba(124,123,123,0);
	stroke-width:3;

/* animazione easeOutExpo */
	-webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition:         all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition:      all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;     /*Opera*/
	-moz-transition:    all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;   /*Firefox*/
}
.nav-home svg:hover circle.circle02, .nav-home svg.active circle.circle02{
	fill: rgba(0,159,227,0);
	stroke: rgba(0,159,227,1);
	stroke-width:3;
}

/**/


/* ANIMATION *********************************** */

/*********************
* Left 600px
*********************/

@keyframes moveLeft{
  0% {
    transform:  translate(0px,0px) translateZ(0);
  }
  30% {
    transform:  translate(-600px,0px) translateZ(0);
  }
  50% {
    transform:  translate(-600px,0px) translateZ(0);
  }
  80% {
    transform:  translate(0px,0px) translateZ(0);
  }
  100% {
    transform:  translate(0px,0px) translateZ(0);
  }
}

@-moz-keyframes moveLeft{
  0% {
    -moz-transform:  translate(0px,0px) translateZ(0);
  }
  30% {
    -moz-transform:  translate(-600px,0px) translateZ(0);
  }
  50% {
    -moz-transform:  translate(-600px,0px) translateZ(0);
  }
  80% {
    -moz-transform:  translate(0px,0px) translateZ(0);
  }
  100% {
    -moz-transform:  translate(0px,0px) translateZ(0);
  }
}

@-webkit-keyframes moveLeft {
  0% {
    -webkit-transform:  translate(0px,0px) translateZ(0);
  }
  30% {
    -webkit-transform:  translate(-600px,0px) translateZ(0);
  }
  50% {
    -webkit-transform:  translate(-600px,0px) translateZ(0);
  }
  80% {
    -webkit-transform:  translate(0px,0px) translateZ(0);
  }
  100% {
    -webkit-transform:  translate(0px,0px) translateZ(0);
  }
}

@-o-keyframes moveLeft {
  0% {
    -o-transform:  translate(0px,0px) translateZ(0);
  }
  30% {
    -o-transform:  translate(-600px,0px) translateZ(0);
  }
  50% {
    -o-transform:  translate(-600px,0px) translateZ(0);
  }
  80% {
    -o-transform:  translate(0px,0px) translateZ(0);
  }
  100% {
    -o-transform:  translate(0px,0px) translateZ(0);
  }
}

@-ms-keyframes moveLeft {
  0% {
    -ms-transform:  translate(0px,0px) translateZ(0);
  }
  30% {
    -ms-transform:  translate(-600px,0px) translateZ(0);
  }
  50% {
    -ms-transform:  translate(-600px,0px) translateZ(0);
  }
  80% {
    -ms-transform:  translate(0px,0px) translateZ(0);
  }
  100% {
    -ms-transform:  translate(0px,0px) translateZ(0);
  }
}

#cover.animate #vector01, #cover.animate #vector04{
  animation: moveLeft ease-in-out 60s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: moveLeft ease-in-out 60s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: moveLeft ease-in-out 60s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: moveLeft ease-in-out 60s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: moveLeft ease-in-out 60s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  backface-visibility: hidden;
}

/*********************
* Right 600px
*********************/

@keyframes moveRight{
  0% {
    transform:  translateX(0px) translateZ(0);
  }
  30% {
    transform:  translateX(600px) translateZ(0);
  }
  50% {
    transform:  translateX(600px) translateZ(0);
  }
  80% {
    transform:  translateX(0px) translateZ(0);
  }
  100% {
    transform:  translateX(0px) translateZ(0);
  }
}

@-moz-keyframes moveRight{
  0% {
    -moz-transform:  translateX(0px) translateZ(0);
  }
  30% {
    -moz-transform:  translateX(600px) translateZ(0);
  }
  50% {
    -moz-transform:  translateX(600px) translateZ(0);
  }
  80% {
    -moz-transform:  translateX(0px) translateZ(0);
  }
  100% {
    -moz-transform:  translateX(0px) translateZ(0);
  }
}

@-webkit-keyframes moveRight {
  0% {
    -webkit-transform:  translateX(0px) translateZ(0);
  }
  30% {
    -webkit-transform:  translateX(600px) translateZ(0);
  }
  50% {
    -webkit-transform:  translateX(600px) translateZ(0);
  }
  80% {
    -webkit-transform:  translateX(0px) translateZ(0);
  }
  100% {
    -webkit-transform:  translateX(0px) translateZ(0);
  }
}

@-o-keyframes moveRight {
  0% {
    -o-transform:  translateX(0px) translateZ(0);
  }
  30% {
    -o-transform:  translateX(600px) translateZ(0);
  }
  50% {
    -o-transform:  translateX(600px) translateZ(0);
  }
  80% {
    -o-transform:  translateX(0px) translateZ(0);
  }
  100% {
    -o-transform:  translateX(0px) translateZ(0);
  }
}

@-ms-keyframes moveRight {
  0% {
    -ms-transform:  translateX(0px) translateZ(0);
  }
  30% {
    -ms-transform:  translateX(600px) translateZ(0);
  }
  50% {
    -ms-transform:  translateX(600px) translateZ(0);
  }
  80% {
    -ms-transform:  translateX(0px) translateZ(0);
  }
  100% {
    -ms-transform:  translateX(0px) translateZ(0);
  }
}
	
#cover.animate #vector02, #cover.animate #vector03{
  animation: moveRight ease-in 80s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: moveRight ease-in-out 80s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: moveRight ease-in-out 80s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: moveRight ease-in-out 80s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: moveRight ease-in-out 80s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
	-o-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
  backface-visibility: hidden;
}


.shaker {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-8px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(9px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-11px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(11px, 0, 0);
  }
}



/*
CHANGE
*/

.DIV_lang_panel{
	width:100%;
	height:99px;

	position:fixed;

	bottom:0;
	left:0;

	vertical-align:middle;
	text-align:center;

	background-color:#f7ff00;
	overflow:hidden;

	color:#000000;

	z-index:100;
}
.DIV_lang_panel.animate{
  animation: animationFrames ease-out 0.6s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames ease-out 0.6s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames ease-out 0.6s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames ease-out 0.6s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames ease-out 0.6s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    transform:  translate(0px,99px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(0px,99px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(0px,99px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(0px,99px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(0px,99px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}
.DIV_lang_panel_txt{
	display:block;
	margin:26px 94px 26px 94px;
	text-align:center;
	vertical-align:middle;
}
.DIV_lang_panel_txt3{
	vertical-align:middle;
	display:inline-block;
	padding-right:14px;
	padding-top:2px;
}
.DIV_lang_panel_txt2{
	vertical-align:middle;
	display:inline-block;
}
.DIV_lang_panel_txt2 .BTN_scroll{
	color:#ffffff !important;
	background-color:#000000 !important;
	margin: 0 8px !important;
}
.DIV_lang_panel_txt2 .BTN_scroll:hover{
	color:#000000 !important;
	background-color:#ffffff !important;
}

a.BTN_lang, a.BTN_lang:link, a.BTN_lang:visited, a.BTN_lang:hover, a.BTN_lang:active, .BTN_lang{
	display:inline-block;
	text-align:center;
	vertical-align:top;

	color:#ffffff;
	padding: 18px 26px 17px 26px;
	background-color:#000000;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition:  all 0.3s ease-out;

	cursor:pointer;

	margin:0 12px;
	
	width:92px;
}
a.BTN_lang:hover, .BTN_lang:hover{
	background-color:#000000;
}

/*
CHANGE LANG
*/


/* SETTORI */
.area{
	position: relative;
	display: block;
	margin-bottom:80px;
	width: 100%;
}
.area h2{
	position: relative;
	display: block;
	vertical-align: top;
	z-index: 2;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1110px;
	margin: 18px auto;
	text-align: left;
}
.settori{
	position: relative;
	display: inline-block;
	vertical-align:top;
	z-index:10;
	margin: 74px 0 42px;
	left: 0;
	right: 0;
	width:100%;
	/* height:384px; */
	text-align:center;
}
.settorishort {
	position: fixed;
	display: block;
	vertical-align: top;
	text-align: center;
	z-index: 10000;
	width: 80px;
	height: 80px;
	margin: 0;
	padding: 0;
	bottom: 50px;
	right: 30px;
	overflow:hidden;
	-webkit-transition: height 0s ease-out 0.6s;
	-moz-transition: height 0s ease-out 0.6s;
	-o-transition: height 0s ease-out 0.6s;
	transition: height 0s ease-out 0.6s;
}
.settorishort.on {
	height: 300px;

	-webkit-transition: height 0s ease-out 0s;
	-moz-transition: height 0s ease-out 0s;
	-o-transition: height 0s ease-out 0s;
	transition: height 0s ease-out 0s;
}
.settori-nxtpg {
	position: absolute;
	display: block;
	vertical-align: top;
	text-align: center;
	z-index: 10;
	width: 80px;
	margin: 0;
	padding: 0;
	bottom: 80px;
	right: 0;
}
.settore-box{
	position: relative;
	display: inline-block;
	vertical-align:top;
	text-align:center;
	z-index:2;
	width:286px;
	margin:0 54px;
	padding:0;
	background-color:transparent;
}
.settori-nxtpg .settore-box{
	width:52px;
	height:52px;
	margin: 8px 0 0;
	opacity:0;
	
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
.settorishort.on .settore-box{
	opacity:1;
	
	-webkit-transition: opacity 0.56s ease-out;
	-moz-transition: opacity 0.56s ease-out;
	-o-transition: opacity 0.56s ease-out;
	transition: opacity 0.56s ease-out;
}
.settorishort.on .settore-box.delay1{
    -webkit-transition-delay: 0.04s; /* Safari */
    transition-delay: 0.04s;
}
.settorishort.on .settore-box.delay2{
    -webkit-transition-delay: 0.02s; /* Safari */
    transition-delay: 0.02s;
}
.settorishort.on .settore-box.delay3{
    -webkit-transition-delay: 0s; /* Safari */
    transition-delay: 0s;
}
.settore-box-on{
	position: absolute;
	display: block;
	vertical-align:top;
	text-align:center;
	z-index:2;

	width:64px;
	height:64px;
	margin: 8px;
	padding:0;
	
	bottom:0;
	left:0;
	right:0;
	
	background-color: rgba(0,145,255,1);
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.24); 

	background-repeat: no-repeat;
	background-position: center;
	
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	
	cursor:pointer;
}
.settore-box-on{
	transform: scale(0.97);
	-webkit-transition: all 0.2s linear;
	-moz-transition:  all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;	
}
.settore-box-on:hover, .settorishort.on .settore-box-on{
	transform: scale(1);
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.60); 
}
.settore-box-on.box2{
	background-image: url("ICN_materiali_64w.png");
}
.settore-box-on.box4{
	background-image: url("ICN_lavorazioni_64w.png");
}
.settore-box-on.box3{
	background-image: url("ICN_meccaniche_64w.png");
}
.settore-box h2{
	position: relative;
	display: block;
	vertical-align:top;
	text-align:center;
	z-index:10;
	
	font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 24px;
	text-decoration: none;
	font-variant-numeric: lining-nums;
	
	margin:24px 0 0;
	
	color:#000000;
}
.settori-nxtpg .settore-box h2{
	width:0;
	margin:0;
	display:none;
}
.settore-icn{
	position: relative;
	display: block;
	vertical-align:top;
	text-align:center;
	width:262px;
	height:262px;
	margin:12px auto;
	padding:0;
	background-color:rgba(255,255,255,.96);
	box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.12);
	z-index:10;
	
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	
	background-repeat: no-repeat;
	background-position: center;
	
	overflow:hidden;
	
	cursor:pointer;
}
.settori-nxtpg .settore-icn{
	width:52px;
	height:52px;
	margin:0 auto;
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.24); 
}
.settori-nxtpg .box2 .settore-icn{
	background-image: url("ICN_materiali_52b.png");
}
.settori-nxtpg .settore-box.box2:hover .settore-icn {
	background-image: url("ICN_materiali_52w.png") !important;
	background-color: rgba(0,145,255,1);
}
.settori-nxtpg .box4 .settore-icn{
	background-image: url("ICN_lavorazioni_52b.png");
}
.settori-nxtpg .settore-box.box4:hover .settore-icn{
	background-image: url("ICN_lavorazioni_52w.png") !important;
	background-color: rgba(0,145,255,1);
}

.settori-nxtpg .box3 .settore-icn{
	background-image: url("ICN_meccaniche_52b.png");
}
.settori-nxtpg .settore-box.box3:hover .settore-icn{
	background-image: url("ICN_meccaniche_52w.png") !important;
	background-color: rgba(0,145,255,1);
}

.settore-over{
	position: absolute;
	display: block;
	vertical-align:top;
	text-align:center;
	width:262px;
	height:262px;
	margin:0;
	padding:0;
	background-color: rgba(0,145,255,0);
	
	top:0;
	left:0;

	z-index:6;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.settori-nxtpg .settore-over{
	width:64px;
	height:64px;
}
.settore-box:hover .settore-over{
	background-color: rgba(0,145,255,1);
}
.settore-box .settore-icn svg .st0{
	fill:#000000;
}
.settore-box:hover .settore-icn svg .st0{
	fill:#ffffff;
}
.box1 .settore-icn svg{
	position: absolute;
	display: block;
	top:0;
	left:0;
	bottom:0;
	right:0;
	
	width:162px;
	height:120px;
	margin:auto;
	z-index:11;
}
.settori-nxtpg .box1 .settore-icn svg{
	width:37px;
	height:40px;
}
.box2 .settore-icn svg{
	position: absolute;
	display: block;
	top:0;
	left:0;
	bottom:0;
	right:0;
	
	width:152px;
	height:162px;
	margin:auto;
	
	z-index:11;
}
.settori-nxtpg .box2 .settore-icn svg{
	width:39px;
	height:29px;
}
.box3 .settore-icn svg{
	position: absolute;
	display: block;
	top:0;
	left:0;
	bottom:0;
	right:0;
	
	width:168px;
	height:140px;
	margin:auto;
	z-index:11;
}
.settori-nxtpg .box3 .settore-icn svg{
	width:41px;
	height:34px;
}
.settore-ele{
	position: absolute;
	display: block;
	vertical-align:top;
	text-align:center;
	z-index:0;
	width:286px;
	height:286px;
	margin:0 auto;
	padding:0;
	top:0;
	left:0;
	right:0;
	background-repeat: no-repeat;
	background-position: center;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.box1 .settore-ele{
	background-image: url("ELE_settore01.png");
}
.box2 .settore-ele{
	background-image: url("ELE_settore02.png");
}
.box3 .settore-ele{
	background-image: url("ELE_settore03.png");
}
.settore-box.box1:hover .settore-ele{
    transform: translate(-12px,-12px);
    -webkit-transform: translate(-12px,-12px); /** Chrome & Safari **/
    -o-transform: translate(-12px,-12px); /** Opera **/
    -moz-transform: translate(-12px,-12px); /** Firefox **/
}
.settore-box.box2:hover .settore-ele{
    transform: translate(0px,12px);
    -webkit-transform: translate(0px,12px); /** Chrome & Safari **/
    -o-transform: translate(0px,12px); /** Opera **/
    -moz-transform: translate(0px,12px); /** Firefox **/
}
.settore-box.box3:hover .settore-ele{
    transform: translate(12px,-12px);
    -webkit-transform: translate(12px,-12px); /** Chrome & Safari **/
    -o-transform: translate(12px,-12px); /** Opera **/
    -moz-transform: translate(12px,-12px); /** Firefox **/
}
/* SETTORI */


/* 1366 */
@media screen and (max-width: 1366px) {
.settore-box{
	margin:0 35px;
    transform: scale(0.9);
    -webkit-transform: scale(0.9); /** Chrome & Safari **/
    -o-transform: scale(0.9); /** Opera **/
    -moz-transform: scale(0.9); /** Firefox **/
}
}

/* 1024 */
@media screen and (max-width: 1024px) {
.settore-box{
	margin:0 3px;
    transform: scale(0.8);
    -webkit-transform: scale(0.8); /** Chrome & Safari **/
    -o-transform: scale(0.8); /** Opera **/
    -moz-transform: scale(0.8); /** Firefox **/
}
.logo {
	position: relative;
	display: inline-block;
	vertical-align: top;
	z-index: 20;
	top: 64px;
	left: 34px;
	width: 259px;
	height: 52px;
	background-image: url("LOGO_PeroniSPA_01.png");
	background-repeat: no-repeat;
	background-position: left top;
}
.menu-principal {
	position: relative;
	display: inline-block;
	vertical-align: top;
	float: right;
	z-index: 10;
	color: #fff;
	top: 77px;
	right: 34px;
}
.cover-title h2, .cover-title h3 {
	margin-left: 34px;
}
.categorie {
    margin: 0 0 50px;
    padding: 0 8px;
}
.categorie h2 {
	margin: 18px 26px;
}
.primopiano-sezione {
	padding-left: 306px;
}
.ultimiprodotti-sezione {
	padding-left: 400px;
}

.inevidenza {
	margin: 56px 0;
    padding: 0 8px;
}
.inevidenza h2 {
	margin: 16px 26px;
}
.newsletter {
	padding: 0;
}
.newsletter-main {
    padding: 46px 32px 56px 32px;
}
.newsletter-sx img {
	margin-left: 0px;
	margin-bottom: 20px;
}
.newsletter-main h2 {
	line-height: 35px;
	margin-left: 0;
	margin-right: 40px;
}
#newsletterform {
	display: block;
	position: relative;
	padding: 14px 0 0 0;
	text-align: left;
}
#n {
	width: 370px;
}
/*RICHIEDI PREVENTIVO*/
.request {
	padding: 0;
}
.request-main {
    padding: 20px 32px 20px 32px;
}
.request-sx img {
	margin-left: 0px;
	margin-bottom: 20px;
}
.request-main h2 {
	line-height: 35px;
	margin-left: 0;
	margin-right: 40px;
}

.request-sx p{
	margin:0;
}
#requestform {
	display: block;
	position: relative;
	padding: 30px 0 0 0;
	text-align: left;
}
#rqs, #rqsask, .ask-recaptcha {
	width: 370px;
}

.boxline-main {
	padding: 0px 0 0 37px;
}
.boxsquare-main {
	padding: 0 0 0 37px;
}
.n-h-title nav {
	margin-left: 32px;
}
.n-h-title h1{
	margin-left: 32px;
}
.n-h-title h2 {
	font-family: 'Roboto Light', Arial, Helvetica, sans-serif !important;
	margin-left: 32px;
}
.btnback {
	position: relative;
	left:0;
	display:inline-block;
}
.n-h-function {
	right: 42px;
}
.login {
	left: 58px;
}
.language {
	right: 100px;
}
.scheda-columns-dx {
	padding-left: 20px;
}

.social{
	right:232px;
}

.overlay-scheda-txt {
	/* line-height: 20px !important; */
}

.ffText18CR {
	font-size: 14px;
}

}
/* ALTEZZA */
@media only screen and (max-height: 790px) {
	
.menu-content {
	padding: 26px 40px 26px;
}	

.menu-main ul.menu-cat {
	margin: 4px 0 12px 0;
}
ul.menu-cat .ffText16CR, .menu-area.ffText16CR {
    font-size: 14px;
    line-height: 13px;
}

.menu-main ul li a {
	padding: 2px 4px 2px 4px;
}

}