@charset "iso-8859-1";

:root {
	--distanza: 90px;
	--distanza-x: var(--distanza);
	--distanza-x2: 122px;
	--distanza-y: var(--distanza);
	--distanza-y2: 82px;
	--distanza-top: 18px;
	
	--gap: 52px;
	
	--distanza-bit: 40px;
	
	--h-band: 2000px;
	--w-band: 374px;
	
	--anim1-b1: 384px;
	--anim1-b2: 806px;
	
	--anim2-b1: 998px;
	--anim2-b2: 1416px;
	
	--anim3-b1: 798px;
	--anim3-b2: 1220px;
	
	--anim4-b1: 576px;
	--anim4-b2: 998px;
	
	--distanza-progetti-x: 40px;
	
	--arrowup: url("data:image/svg+xml,%3Csvg version='1.1' id='ArrowUp' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 35 20' style='enable-background:new 0 0 35 20;' xml:space='preserve'%3E%3Cpath d='M32.5,20c-0.7,0-1.3-0.3-1.8-0.7L17.5,6L4.3,19.3c-1,1-2.6,1-3.5,0s-1-2.6,0-3.5l15-15c1-1,2.6-1,3.5,0l15,15 c1,1,1,2.6,0,3.5C33.8,19.7,33.2,20,32.5,20z'/%3E%3C/svg%3E%0A") 20 12, pointer;
	
	--arrowdown: url("data:image/svg+xml,%3Csvg version='1.1' id='ArrowDown' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 35 20' style='enable-background:new 0 0 35 20;' xml:space='preserve'%3E%3Cpath d='M34.3,0.7c1,1,1,2.6,0,3.5l-15,15c-1,1-2.6,1-3.5,0l-15-15c-1-1-1-2.6,0-3.5c1-1,2.6-1,3.5,0L17.5,14L30.7,0.7	C31.2,0.3,31.8,0,32.5,0C33.2,0,33.8,0.3,34.3,0.7z'/%3E%3C/svg%3E") 20 12, pointer;
	
	--arrownext: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJhcnJvd25leHQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMzUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDM1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMC43LDAuOGMxLTEsMi42LTEsMy41LDBsMTUsMTVjMSwxLDEsMi42LDAsMy41bC0xNSwxNWMtMSwxLTIuNiwxLTMuNSwwYy0xLTEtMS0yLjYsMC0zLjVMMTQsMTcuNUwwLjcsNC4zIEMwLjMsMy44LDAsMy4yLDAsMi41UzAuMywxLjIsMC43LDAuOHoiLz48L3N2Zz4=") 20 12, pointer;
	
	--arrownextB: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 35'%3E%3Cpath fill='%23000000' d='M0.7,0.8c1-1,2.6-1,3.5,0l15,15c1,1,1,2.6,0,3.5l-15,15c-1,1-2.6,1-3.5,0c-1-1-1-2.6,0-3.5L14,17.5L0.7,4.3 C0.3,3.8,0,3.2,0,2.5S0.3,1.2,0.7,0.8z'/%3E%3C/svg%3E") 20 12, pointer;
	
	--arrowprev: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJhcnJvd3ByZXYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMzUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDM1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjAsMi41YzAsMC43LTAuMywxLjMtMC43LDEuOEw2LDE3LjVsMTMuMywxMy4yYzEsMC45LDEsMi41LDAsMy41Yy0wLjksMS0yLjUsMS0zLjUsMGwtMTUtMTUJYy0xLTAuOS0xLTIuNSwwLTMuNWwxNS0xNWMwLjktMSwyLjUtMSwzLjUsMEMxOS43LDEuMiwyMCwxLjgsMjAsMi41eiIvPjwvc3ZnPg0K") 20 12, pointer;
	
	--arrowprevB: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 35'%3E%3Cpath fill='%23000000' d='M20,2.5c0,0.7-0.3,1.3-0.7,1.8L6,17.5l13.3,13.2c1,0.9,1,2.5,0,3.5c-0.9,1-2.5,1-3.5,0l-15-15	c-1-0.9-1-2.5,0-3.5l15-15c0.9-1,2.5-1,3.5,0C19.7,1.2,20,1.8,20,2.5z'/%3E%3C/svg%3E%0A") 20 12, pointer;
	
	
}

/* MEDIA --- SCALA 76% */
@media screen and (max-width: 1536px) {
	
:root {
	--distanza: 68px;
	--distanza-x: var(--distanza);
	--distanza-x2: 92px;
	--distanza-y: var(--distanza);
	--distanza-y2: 62px;
	--distanza-top: 14px;
	
	--variabile-scalatura: 0.76;
	
	--gap: 40px;

	--distanza-bit: 30px;
	
	--h-band: 1520px;
	--w-band: 284px;
	
	--anim1-b1: 292px;
	--anim1-b2: 613px;
	
	--anim2-b1: 758px;
	--anim2-b2: 1076px;
	
	--anim3-b1: 606px;
	--anim3-b2: 927px;
	
	--anim4-b1: 438px;
	--anim4-b2: 758px;
	
	--distanza-progetti-x: 30px;

}

} 

/* HIDE SCROLLBAR BUT ALLOW SCROLLING
::-webkit-scrollbar 
la barra di scorrimento

::-webkit-scrollbar-button 
i pulsanti sulla barra di scorrimento (frecce rivolte verso l'alto e verso il basso)

::-webkit-scrollbar-thumb
la maniglia di scorrimento trascinabile

::-webkit-scrollbar-track 
la traccia (barra di avanzamento) della barra di scorrimento

::-webkit-scrollbar-track-piece 
il binario (barra di avanzamento) NON coperto dal manico.

::-webkit-scrollbar-corner 
l'angolo inferiore della barra di scorrimento, dove si incontrano sia la barra di scorrimento orizzontale che quella verticale.

::-webkit-resizer
 la maniglia di ridimensionamento trascinabile che appare nell'angolo inferiore di alcuni elementi.
*/

/* width */
::-webkit-scrollbar {
	width: 9px;
}
/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 0px rgba(0,0,0,0); 
	border-radius: 50em;
}
::-webkit-scrollbar-track-piece {
}
/* Handle */
::-webkit-scrollbar-thumb {
	background: var(--hub-LN);
	background-clip: padding-box;
	border-radius: 0;
	border-style: solid;
	border-width: 0px 3px 0px 3px;
	border-color: transparent;
}
#galleryoverlay::-webkit-scrollbar-thumb {
	background: rgba(255,255,255,1);
	background-clip: padding-box;
	border-radius: 0;
	border-style: solid;
	border-width: 0px 3px 0px 3px;
	border-color: transparent;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #000;
	background-clip: padding-box;
	border-radius: 0;
	border-style: solid;
	border-width: 0px 3px 0px 3px;
	border-color: transparent;
}
#galleryoverlay::-webkit-scrollbar-thumb:hover {
	background: rgba(255,255,255,0.8);
}

/* FONT-SIZE */
.fsText11{
	font-size:11px;
	line-height:1;
}
.fsText12{
	font-size:12px;
	line-height:1;
}
.fsText14{
	font-size:14px;
	line-height:1;
}
.fsText15{
	font-size:15px;
	line-height:1.44;
}
.fsText16{
	font-size:16px;
	line-height:1.44;
}
.fsText18{
	font-size:18px;
	line-height:1.44;
	letter-spacing:-0.01em;
}
.fsText20{
	font-size:20px;
	line-height:1.4;
}
.fsText24{
	font-size:24px;
	line-height:1.25;
	letter-spacing:-0.025em;
}
.fsText32{
	font-size:32px;
	line-height:1;
	letter-spacing:-0.05em;
}
.fsText40{
	font-size:40px;
	line-height:1.2;
	letter-spacing:-0.025em;
}
.fsText52 {
    font-size: 52px;
    line-height: 1.12;
    letter-spacing: -0.025em;
}
.fsText72{
	font-size:72px;
	line-height:1.03;
	letter-spacing:-0.05em;
}

/* MEDIA --- SCALA 76% */
@media screen and (max-width: 1536px) {
	
.fsText11{
	font-size:11px;
}
.fsText12{
	font-size:12px;
}
.fsText14{
	font-size:12px;
}
.fsText15{
	font-size:12px;
}
.fsText16{
	font-size:13px;
}
.fsText18{
	font-size:14px;
}
.fsText20{
	font-size:15px;
}
.fsText24{
	font-size:18px;
}
.fsText32{
	font-size:24px;
}
.fsText40{
	font-size:30px;
}
.fsText52{
	font-size:40px;
}
.fsText72{
	font-size:55px;
}

} 
/* < -- FONT-SIZE */

/* -- > STYLE TITLE & TEXT */
.stylecovertitle, .styletitle {
color: var(--color-title);
font-size: 52px;
line-height: 1.1;
letter-spacing: -0.020em;
font-weight: 600;
}
.styletext {
font-size: 20px;
line-height: 1.35;
letter-spacing: -0.025em;
}
.paragrafo-credits .styletext {
font-size: 16px;
}
.styleintent {
font-size: 16px;
line-height: 1.44;
font-weight: 600;
}
.stylelink {
font-size: 16px;
font-weight: 600;
}
/* MEDIA --- SCALA 76% */
@media screen and (max-width: 1536px) {
.stylecovertitle, .styletitle {
font-size: 40px;
}
.styletext {
font-size: 16px;
}
.paragrafo-credits .styletext {
font-size: 13px;
}
.styleintent {
font-size: 13px;
}
.stylelink {
font-size: 13px;
}
}
/* < -- STYLE TITLE & TEXT */

/* BUTTON*/
a.btnslanting:link, a.btnslanting:visited, a.btnslanting:hover, a.btnslanting:active, .btnslanting {
    font-weight: 600;
    font-size: 13px;
    color: var(--color-wh);
    text-transform: uppercase;
	
    line-height: 1;
    width: 140px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;
	
    position: relative;
	z-index:1;
	
	cursor: pointer;
}
a.btnslanting.wh:link, a.btnslanting.wh:visited, a.btnslanting.wh:hover, a.btnslanting.wh:active, .btnslanting.wh {
    color: var(--color-nav);
}
.btnslanting span {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;

	background-color: var(--color-nav);
	box-shadow: 0px 6px 16px 0px rgba(var(--color-navRGB), 0.6);
	
	width: 100%;
	height: 100%;
	
	transform: scaleX(1);
    border-radius: 8px;
	
	-webkit-transition: all 400ms ease-in 0ms;
    -moz-transition: all 400ms ease-in 0ms;
    -o-transition: all 400ms ease-in 0ms;
    transition: all 400ms ease-in 0ms;
}
.btnslanting.wh span {
	background-color: var(--color-wh);
	box-shadow: 0px 6px 16px 0px rgba(var(--hub-GM2rgb), 0.6);
}
a.btnslanting:hover span {
	transform: scaleX(1.2);
}

/* MEDIA --- SCALA 76% - 83% se no troppo piccolo */
@media screen and (max-width: 1536px) {
a.btnslanting:link, a.btnslanting:visited, a.btnslanting:hover, a.btnslanting:active, .btnslanting {
    font-size: 11px;
    width: 116px;
    height: 40px;
}
}
/* < -- BUTTON */

/* RISPOSTA MODALE */
.msgpanel{
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	position:fixed;
	display:none;
	z-index:1010;
	vertical-align:middle;
	text-align:center;
	background-color: rgba(var(--color-navRGB),0.96);
	
	opacity: 0;
	
	-webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
	transition:         opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
	-o-transition:      opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;     /*Opera*/
	-moz-transition:    opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;   /*Firefox*/
}
.msgpanel.show{
	display:block;
	pointer-events:all;
	opacity: 1;
}
.msgpanel-box {
    position: absolute;
    width: 80%;
    height: auto;
    text-align: center;
    vertical-align: middle;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: auto;
    transform: translateY(-50%);
}
.msgpanel-icn{
	text-align:left;
	margin-bottom: 30px;
}
.msgpanel-icn img{
	width:100px;
	height:auto;
	display:block;
}
.msgpanel-txt2{
	text-align:left;
}
.msgpanel-txt2 h2{
	margin-bottom:10px;
}
.msgpanel-act{
	display:block;
	margin-top: 40px;
	text-align:left;
}
.msgpanel-act .mail{
	margin:0 0 10px;
}

/* DETECT SCROLLBAR */
.scrollbar-measure {
	width: 100px;
	height: 100px;
	overflow: scroll;
	position: absolute;
	top: -9999px;
}
/* < -- DETECT SCROLLBAR */

/* LOADING */
.pageload-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
	z-index:-1;
	pointer-events:none;
}
.pageload-overlay.show {
	visibility: visible;
	z-index:999;
}
.pageload-overlay svg {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}
.pageload-overlay svg path {
	fill: #fff;
}

.pageload-overlay::after,
.pageload-overlay::before {
    content: '';
    position: fixed;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
    z-index: 1000;
    -webkit-transition: opacity 0.15s, visibility 0s 0.15s;
    transition: opacity 0.15s, visibility 0s 0.15s;
}
.pageload-overlay::after {
    background: rgba(var(--hub-GM2rgb),0.5);
    -webkit-transform: translateX(-20px);
    transform: translateX(-40px);
    -webkit-animation: moveRight 0.6s linear infinite alternate;
    animation: moveRight 0.6s linear infinite alternate;
}

.pageload-overlay::before {
    background: var(--hub-GM2);
    -webkit-transform: translateX(20px);
    transform: translateX(40px);
    -webkit-animation: moveLeft 0.6s linear infinite alternate;
    animation: moveLeft 0.6s linear infinite alternate;
}

@-webkit-keyframes moveRight {
	to { -webkit-transform: translateX(20px); }
}

@keyframes moveRight {
	to { transform: translateX(20px); }
}

@-webkit-keyframes moveLeft {
	to { -webkit-transform: translateX(-20px); }
}

@keyframes moveLeft {
	to { transform: translateX(-20px); }
}

.pageload-loading.pageload-overlay::after,
.pageload-loading.pageload-overlay::before {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
/* NESSUNA SCALATURA PER ORA */

/* LOADING */

/* -- > OVERLAY */
.overlay {
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	position: fixed;
	text-align: left;
	vertical-align: top;
	z-index: -1;
	overflow:  hidden;
}
.overlay2 {
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	position: fixed;
	text-align: left;
	vertical-align: top;
	z-index: -1;
	overflow-y:  auto;
	overflow-x:  hidden;
	-webkit-overflow-scrolling:  touch;
    background-color: rgba(232,232,232,1);
}

.overlay3 {
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	position: fixed;
	text-align: right;
	vertical-align: top;
	z-index: -1;
	overflow:hidden;
	background-color: rgba(var(--color-blRGB),0.85);
}

.overlay4 {
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	position: fixed;
	text-align: right;
	vertical-align: top;
	z-index: -1;
	overflow:hidden;
	background-color: rgba(var(--color-blRGB),0.85);
}
.overlay4.galleryoverlay {
	overflow-y:  auto;
	overflow-x:  hidden;
	-webkit-overflow-scrolling:  touch;
	background-color: rgba(var(--color-blRGB),0);
}

.overlay-slidedown {
	transform: translate3d(0, 100px, 0);
	opacity:0;
	z-index:-1;
	
	-webkit-transition:z-index 0s linear 0.29s, transform 0.3s cubic-bezier(0, 0, 0.15, 1), opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
	-moz-transition:z-index 0s linear 0.29s, transform 0.3s cubic-bezier(0, 0, 0.15, 1), opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
	-o-transition:z-index 0s linear 0.29s, transform 0.3s cubic-bezier(0, 0, 0.15, 1), opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
	transition:z-index 0s linear 0.29s, transform 0.3s cubic-bezier(0, 0, 0.15, 1), opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
}
.overlay-slidedown.open, .overlay-slidedown.openother, .overlay-slidedown.openover, .overlay-slidedown.galleryoverlay {
	transform: translate3d(0, 0, 0);
	opacity:1;
	pointer-events:all;
	z-index: 1000;
	
	-webkit-transition:z-index 0s linear, transform 0.5s cubic-bezier(0, 0, 0.15, 1), opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	-moz-transition:z-index 0s linear, transform 0.5s cubic-bezier(0, 0, 0.15, 1), opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	-o-transition:z-index 0s linear, transform 0.5s cubic-bezier(0, 0, 0.15, 1), opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	transition:z-index 0s linear, transform 0.5s cubic-bezier(0, 0, 0.15, 1), opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
}

#overlaymore.overlay-slidedown.open, #overlaymore.overlay-slidedown.openover {
	z-index: 1001;
}
#galleryoverlay.overlay-slidedown.galleryoverlay, #hoveropen.overlay-slidedown.open {
	z-index: 1003;
}

body.scheda .overlay2.open, body.scheda .overlay2.openover {
	overflow: hidden !important;
	pointer-events:none;
}

.overlay-slideleft {
	transform: translate3d(-100px, 0, 0);
	opacity:0;
	z-index:-1;
	
	-webkit-transition:z-index 0s linear 0.29s, transform 0.3s cubic-bezier(0, 0, 0.15, 1), opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
	-moz-transition:z-index 0s linear 0.29s, transform 0.3s cubic-bezier(0, 0, 0.15, 1), opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
	-o-transition:z-index 0s linear 0.29s, transform 0.3s cubic-bezier(0, 0, 0.15, 1), opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
	transition:z-index 0s linear 0.29s, transform 0.3s cubic-bezier(0, 0, 0.15, 1), opacity 0.3s cubic-bezier(0, 0, 0.15, 1);
}
.overlay-slideleft.open, .overlay-slideleft.openover {
	transform: translate3d(0, 0, 0);
	opacity:1;
	pointer-events:all;
	z-index: 999;
	
	-webkit-transition:z-index 0s linear, transform 0.5s cubic-bezier(0, 0, 0.15, 1), opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	-moz-transition:z-index 0s linear, transform 0.5s cubic-bezier(0, 0, 0.15, 1), opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	-o-transition:z-index 0s linear, transform 0.5s cubic-bezier(0, 0, 0.15, 1), opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	transition:z-index 0s linear, transform 0.5s cubic-bezier(0, 0, 0.15, 1), opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
}

.overlay-fade {
	opacity:0;
	z-index:-1;
	
	-webkit-transition:z-index 0s linear 0.5s, opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	-moz-transition:z-index 0s linear 0.5s, opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	-o-transition:z-index 0s linear 0.5s, opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
	transition:z-index 0s linear 0.5s, opacity 0.5s cubic-bezier(0, 0, 0.15, 1);
}
.overlay-fade.open, .overlay-fade.openother, .overlay-fade.openover, .overlay-fade.galleryoverlay {
	opacity:1;
	pointer-events:all;
	z-index: 999;
	
	-webkit-transition:z-index 0s linear, opacity 1s cubic-bezier(0, 0, 0.15, 1);
	-moz-transition:z-index 0s linear, opacity 1s cubic-bezier(0, 0, 0.15, 1);
	-o-transition:z-index 0s linear, opacity 1s cubic-bezier(0, 0, 0.15, 1);
	transition:z-index 0s linear, opacity 1s cubic-bezier(0, 0, 0.15, 1);
}
.overlay-fade.galleryoverlay {
	z-index: 1001 !important;
}
.overlay3.overlay-fade.openother {
	z-index: 1000 !important;
}
/* NUOVA ANIMAZIONE - come moveUp */
.overlaypan-down, .open.openother .overlaypan-down {
	-webkit-transition:	transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease 0.3s;
	transition:			transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease 0.3s;
	-o-transition:		transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease 0.3s;
	-moz-transition:	transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease 0.3s;
}
.open .overlaypan-down.open, .open.openother .overlaypan-down.openother {
	-webkit-transition:	transform 1.4s cubic-bezier(0.01, 0.02, 0.18, 1) 0s, opacity 0.35s ease 0.3s;
	transition:			transform 1.4s cubic-bezier(0.01, 0.02, 0.18, 1) 0s, opacity 0.35s ease 0.3s;
	-o-transition:		transform 1.4s cubic-bezier(0.01, 0.02, 0.18, 1) 0s, opacity 0.35s ease 0.3s;
	-moz-transition:	transform 1.4s cubic-bezier(0.01, 0.02, 0.18, 1) 0s, opacity 0.35s ease 0.3s;
}
.overlaypan-right {
	-webkit-transition:	transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease 0.3s;
	transition:			transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease 0.3s;
	-o-transition:		transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease 0.3s;
	-moz-transition:	transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease 0.3s;
}
.open .overlaypan-right.open, .openother .overlaypan-right.openother {
	-webkit-transition:	transform 1.4s cubic-bezier(0.01, 0.02, 0.18, 1) 0s, opacity 0.35s ease 0.3s;
	transition:			transform 1.4s cubic-bezier(0.01, 0.02, 0.18, 1) 0s, opacity 0.35s ease 0.3s;
	-o-transition:		transform 1.4s cubic-bezier(0.01, 0.02, 0.18, 1) 0s, opacity 0.35s ease 0.3s;
	-moz-transition:	transform 1.4s cubic-bezier(0.01, 0.02, 0.18, 1) 0s, opacity 0.35s ease 0.3s;
}

.open.reload .overlaypan-down.open {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	
	-webkit-transition:	unset;
	transition:			unset;
	-o-transition:		unset;
	-moz-transition:	unset;
}

.overlaypan-down, .openother .overlaypan-down {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	opacity:0;
}
.open .overlaypan-down.open, .openother .overlaypan-down.openother {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity:1;
}
.overlaypan-right, .openother .overlaypan-right {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	opacity:0;
}
.open .overlaypan-right.open, .openother .overlaypan-right.openother {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity:1;
}

.overlay-out {
	position:fixed;
	z-index:0;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
/* < -- OVERLAY */

/* EFFECT */
.scale {
	animation-name: scale;
	animation-duration: 2s;
}
@keyframes scale {
	from {
		transform:scale(1.1);
	} 
	to {
		transform:scale(1);
	}
}

.fade {
	animation-name: fade;
	animation-duration: 1.5s;
}
.fadefast {
	animation-name: fade;
	animation-duration: 0.4s;
}
@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}
.fadeout {
	animation-name: fadeout;
	animation-duration: 0.4s;
}
@keyframes fadeout {
	from {opacity: 1} 
	to {opacity: 0}
}
.moveUp {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	opacity:0;
	
	-webkit-transition:	transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease 0s;
	transition:			transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease 0s;
	-o-transition:		transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease 0s;
	-moz-transition:	transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease 0s;
}
.moveUp.go {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity:1;
	
	-webkit-transition:	transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.35s, opacity 0.35s ease 0.3s;
	transition:			transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.35s, opacity 0.35s ease 0.3s;
	-o-transition:		transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.35s, opacity 0.35s ease 0.3s;
	-moz-transition:	transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.35s, opacity 0.35s ease 0.3s;
}
.moveDown {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity:0;
	
	-webkit-transition:	transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease 0s;
	transition:			transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease 0s;
	-o-transition:		transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease 0s;
	-moz-transition:	transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease 0s;
}
.moveDown.go {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity:1;
	
	-webkit-transition:	transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.35s, opacity 0.35s ease 0.3s;
	transition:			transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.35s, opacity 0.35s ease 0.3s;
	-o-transition:		transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.35s, opacity 0.35s ease 0.3s;
	-moz-transition:	transform 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.35s, opacity 0.35s ease 0.3s;
}
/* EFFECT */

/* ANIMAZIONI */
.delay1 {
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.delay2 {
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.delay3 {
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.delay4 {
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.delay5 {
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.delayT1 {
  transition-delay: var(--animate-delay);
}
.delayT2 {
  transition-delay: calc(var(--animate-delay) * 2);
}
.delayT3 {
  transition-delay: calc(var(--animate-delay) * 3);
}
.delayT4 {
  transition-delay: calc(var(--animate-delay) * 4);
}
.delayT5 {
  transition-delay: calc(var(--animate-delay) * 5);
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* LOGHI E CO */
.logo {
	position: fixed;
	z-index:4;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow: hidden;
	
	margin-top:80px;
	margin-left:85px;
	
	height:67px;

	opacity: 0;
}
body.hub-intro .logo, .open .logo {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.logo-main {
	height:67px;
	position:relative;
}
.logo-main img {
	display:block;
	height:67px;
	width:auto;
}
/* MEDIA --- SCALA 76% */
@media screen and (max-width: 1536px) {
 	.logo {
		margin-top: 60px;
		margin-left: 65px;
		height: 51px;
	} 
	.logo-main {
		height:51px;
		position:relative;
	}
	.logo-main img {
		height:51px;
	}
} 

/* MENU - MENUNAV */
.menu {
	position:fixed;
	z-index:11;
	top: 0;
	right:0;
	visibility:visible;
	text-align:right;

	opacity: 0;
	pointer-events:none;
}
body.intro .menu {
	pointer-events:all;
	
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
.menu.open {
}
.menu .menunav {
	width:auto;
	position: relative;
	display:block;
	text-align: right;
	z-index:2;
	margin: 0 0 0 auto;
    background-color: rgba(var(--color-whRGB), 0);
	
	-webkit-transition: background-color 100ms linear 0ms height 0 linear 100ms width 0 linear 100ms;
    transition: background-color 100ms linear 0ms height 0 linear 100ms width 0 linear 100ms;
}
.menu.open .menunav {
	width:100vw;
    height: var(--menu-height1);
    background-color: rgba(var(--color-whRGB), 1);
	
    -webkit-transition: background-color 200ms linear 100ms height 0 linear 0ms width 0 linear 0ms;
    transition: background-color 200ms linear 100ms height 0 linear 0ms width 0 linear 0ms;
}
.menu nav {
	display:inline-block;
	vertical-align:middle;
	padding: 0;
	margin-top: 124px;
	margin-right: 98px;
}
.menu nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.menu nav li {
	display:inline-block;
}
.menu nav li a {
	display: block;
	color: var(--color-wh);
	text-align: center;
	padding: 0 10px;
	line-height: 2.5;
	text-decoration: none;
	position: relative;
	margin: 0 8px;
}
.menu nav li a:hover {
	color: var(--hub-GM2);
}
.menu nav li a.go {
	color: var(--color-wh);
	pointer-events:none;
}

.select {
	position: absolute;
	margin: 0;
	top: 0;
	left: 56px;
	width: 1px;
	height: 232px;

	pointer-events:none;
	opacity:0;
	-webkit-transition: opacity 300ms ease-out 0ms;
	transition: opacity 300ms ease-out 0ms;
}
.menubarnav .select {
	height: 68px;
}
.select.on {
	opacity:1;
	
    -webkit-transition: opacity 300ms ease-out 0ms, left 600ms cubic-bezier(0, 0, 0.03, 1) 0s;
    transition: opacity 300ms ease-out 0ms, left 600ms cubic-bezier(0, 0, 0.03, 1) 0s;
}
.select1 {
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	width: 1px;
	height: 49.14%;
	background-color: var(--hub-GM2);
}
.menubarnav .select1 {
	height: 32.35%;
	background-color: var(--hub-GM2);
}

.select2 {
	position: absolute;
	margin: 0;
	top: 74.14%;
	left: 0;
	width: 1px;
	height: 25.86%;
	background-color: var(--hub-GM2);
}
.menubarnav .select2 {
	top: 82.36%;
	height: 17.64%;
	background-color: var(--hub-GM2);
}

.selectline {
	position: absolute;
	margin: 0;
	top: 0;
	left: 16px;
	width: 42px;
	height: 1px;
	background-color: var(--hub-GM2);

	pointer-events:none;
	opacity:0;
	-webkit-transition: opacity 300ms ease-out 0ms;
	transition: opacity 300ms ease-out 0ms;
}
.selectline.on {
	opacity:0.5;
	
    -webkit-transition: opacity 300ms ease-out 0ms, top 600ms cubic-bezier(0, 0, 0.03, 1) 0s;
    transition: opacity 300ms ease-out 0ms, top 600ms cubic-bezier(0, 0, 0.03, 1) 0s;
}

/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {
	
.menu nav {
	margin-top: 94px;
	margin-right: 74px;
}
.menu nav li a {
	padding: 0 8px;
	margin: 0 6px;
}
.select {
	left: 43px;
	height: 176px;
}
.menubarnav .select {
	height: 52px;
}
.selectline {
	left: 12px;
	width: 32px;
}

}
/* /MENU */



/* CURSORE SLIDER */
.slidemovesx {
    position: absolute;
    z-index: 11;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 26vw;
    margin: auto 0;
	
	cursor: var(--arrowprev);
}
.slidemove {
    position: absolute;
    z-index: 11;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 26vw;
    margin: auto 0;
    cursor: var(--arrownext);
}

#schedaoverlaydetail .slidemovesx, #schedaoverlaydetail .slidemove {
    height: 100%;
    width: calc(var(--distanza) * 5);
}

#schedaoverlaydetail .slidemovesx {
	cursor: var(--arrowprevB);
}
#schedaoverlaydetail .slidemove {
	cursor: var(--arrownextB);
}

/* BACKGROUND ANIMATO */
.homebg {
	top:0;
	left:0;
	right:0;
	bottom:0;
    z-index: 2;
	overflow: hidden;
	position: fixed;
	background-color: var(--hub-GM2);
}
.maskbg {
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow: hidden;
	position: absolute;
	z-index:2;
	background-color: var(--hub-GM2);
	opacity:0.30;
}
.homebg img {
    position: absolute;
    z-index: 1;
	
    object-fit: cover;
    object-position: center;
    width: 100.5%;
    height: 100.5%;
}
.homebg figure.sliderbg {
	display: none;
}
.homebg figure.sliderbg.go {
	display: block;
}
.homebg figure.sliderbg figcaption {
    bottom: 30px;
    left: 40px;
    position: absolute;
    z-index: 2;
    color: var(--color-wh);
    font-size: 12px;
    max-width: 290px;
    font-weight: 600;
}
.homebg figure#comeoperiamobg.sliderbg img {
	display: none;
}
.homebg figure#comeoperiamobg.sliderbg.go img {
	display: block;
}

/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.homebg figure.sliderbg figcaption {
    bottom: 23px;
    left: 30px;
    font-size: 11px;
    max-width: 220px;
}

}
/* /HOME */

/* SLIDER */
.slider{
	position:relative;
	height:100%;
	z-index:2;
}
.slider section {

}
.slider .section {
	position:absolute;
	height:100%;
	width:100%;
}
.slider .section.active {

}

.slider article {
	position:absolute;
	z-index:4;
	left: 0;
	top:50%;
	margin-left: 612px;
	margin-top: -114px;
	width:668px;
}
.slider hgroup {
	position:relative;
}
.slider h2 {
    margin-left: -6px;
	line-height:1.03;
	letter-spacing:-0.05em;
}
.slider h3 {
	margin-top:32px;
	color: var(--color-wh);
	line-height:1.4;
    width: 95.35%;
}
.slider p {
}
.slider p.sez {
	color: var(--color-red2);
	margin-bottom:12px;
}
.slider p.sectionbtn {
	margin-top:44px;
	margin-left:18px;
}

/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.slider article {
	margin-left: 465px;
	margin-top: -87px;
	width: 520px;
}
.slider h2 {
    margin-left: -5px;
}
.slider h3 {
	margin-top: 24px;
}
.slider p.sectionbtn {
	margin-top: 33px;
	margin-left: 14px;
}


}
/* /SLIDER */

/* PAGINATION */
.pagination {
	position: fixed;
	left:50%;
	bottom: 24px;
	z-index: 5;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	transform: translate3d(-50%,-50%,0);
	opacity: 0.5;
}
body.open .pagination {
    z-index: 10;
    bottom: 6px;
}
.pagination div {
	position: absolute;
	z-index: -1;
	margin: 0;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	background: var(--hub-GM2);
	transform: translate(0, -50%);
	
	-webkit-transition:all 800ms ease-out 0s;
	-moz-transition:all 800ms ease-out 0s;
	-ms-transition:all 800ms ease-out 0s;
	
	display: none;
}
.scheda-pan .pagination div {
	background: var(--color-gy4);
}

.pagination ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.pagination ul {
    height: 18px;
}
.pagination li {
	display:inline-block;
	padding: 0;
	margin: 0 6px;
	width: 18px;
	height: 18px;
}
.pagination li a {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 18px;
	height: 18px;
	display: block;
	cursor:pointer;
}
.pagination li a span {
	position: relative;
	display: block;
	z-index: 1;
	width: 8px;
	height: 8px;
	margin: 0;
	padding: 0;
	-webkit-border-radius: 50em;
	border-radius: 50em;

	background: var(--hub-GM2);
	-webkit-transition:all 800ms ease-out 0s;
	-moz-transition:all 800ms ease-out 0s;
	-ms-transition:all 800ms ease-out 0s;
	transform: translate(5px, 5px);
}
.scheda-pan .pagination li a span {
	background: var(--color-gy4);
}
.pagination li a:hover span {
    background: var(--color-wh);
}
.scheda-pan .pagination li a:hover span {
    background: var(--color-gy2);
}
.pagination li a.active span {
    background: none;
    width: 18px;
    height: 18px;
    border: 2px solid var(--hub-GM2);
    padding: 0;
    transform: translate(0, 0);
}
.scheda-pan .pagination li a.active span {
    border-color: var(--color-gy4) !important;
}
.pagination li a span.evi { 
	position: absolute;
    display: block;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 18px;
    border: 2px solid var(--hub-GM2);
	background: transparent;
	transform: translate(-50%, -50%);
	margin: 0;
	opacity:0;
	-webkit-border-radius: 50em;
	border-radius: 50em;
	-webkit-transition:all 800ms ease-out 0s;
	-moz-transition:all 800ms ease-out 0s;
	-ms-transition:all 800ms ease-out 0s;
	transition:all 800ms ease-out 0s;
	display: none;
}
.scheda-pan .pagination li a span.evi { 
    border-color: var(--color-gy4) !important;
}
.pagination li a:hover span.evi {
	background: transparent;
}
.pagination li a.active span.evi { 
	background: transparent;
	opacity: 0;
}

/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.pagination {
	bottom: 18px;
}
body.open .pagination {
    bottom: 5px;
}
.pagination ul {
    height: 14px;
}
.pagination li {
	margin: 0 5px;
	width: 14px;
	height: 14px;
}
.pagination li a {
	width: 14px;
	height: 14px;
}
.pagination li a span {
	width: 6px;
	height: 6px;
	transform: translate(4px, 4px);
}
.pagination li a.active span {
    width: 14px;
    height: 14px;
}
.pagination li a span.evi { 
	width: 14px;
	height: 14px;
}

}
/* /PAGINATION */


/* MENUBAR */
.menubar {
	position: absolute;
	z-index:20;
	height: 80px;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
}
.menubar:hover {

}
div#othermenubar {
    width: 28%;
    left: auto;
    right: 0;
}
.overlaypan-right div#othermenubar {
    width: 100%;
}

/* NO MENU BAR OVER */
.menubar.inset {
	height: 80px;
}
.menubararea {
	position: absolute;
	overflow: hidden;
	z-index:0;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
}
.menubar-main {
	position: absolute;
	overflow: hidden;
	z-index:1;
	height: 80px;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: stretch;
}
.menubar.inset .menubar-main {
	cursor:default;
}
div#othermenubar .menubar-main {
    justify-content: space-between;
}
.menubaropen {
	width: var(--distanza);
	margin: 0;
	height: 100%;
    background-image: url(ICN_close_1g.png);
	background-size: auto 40px;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	cursor:pointer;
}
.menubarsummary {
	
}
.menubarsummary div {
    color: var(--hub-LN);
    padding: 0 15px 0 0;
}
div#othermenubar .menubarsummary div {
    margin-left: 50px;
    color: var(--color-text);
    opacity: 0.5;
}
.menubarlineV {
    position: absolute;
    z-index: 0;
    width: 1px;
    background-color: transparent;
    height: 100%;
    top: 0;
    left: 0;
}
.menubar-over {
	position: absolute;
	z-index:2;
	height: 80px;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background-color: var(--color-gy3);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: stretch;

	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	
	-webkit-transition:	transform 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	transition:			transform 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-o-transition:		transform 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-moz-transition:	transform 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
.menubarnav, .menubarback {
	opacity:0;
	
	-webkit-transition:	opacity 0.2s ease 0.2s;
	transition:			opacity 0.2s ease 0.2s;
	-o-transition:		opacity 0.2s ease 0.2s;
	-moz-transition:	opacity 0.2s ease 0.2s;
}
.menubar:hover .menubarnav, .menubar:hover .menubarback, .menubar.inset .menubarback {
	opacity:1;
	
	-webkit-transition:	opacity 0.2s ease 0.2s;
	transition:			opacity 0.2s ease 0.2s;
	-o-transition:		opacity 0.2s ease 0.2s;
	-moz-transition:	opacity 0.2s ease 0.2s;
}
.menubarprogress {
	position: absolute;
	z-index:2;
	height: 3px;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background-color:transparent;
	pointer-events:none;
	transform:translateY(100%);
}
.progress-bar {
	height: 3px;
	background-color:var(--color-bl);
	width: 0%;
	
    -webkit-transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    -moz-transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    -o-transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
}
.menubarback {
	width: var(--distanza);
	margin: 0;
	height: 100%;
	position: relative;
	cursor:pointer;
}
.menubarback span {
	width: 40px;
	height: 40px;
	margin: auto 0;
	background-image: url(ICN_back_1g.png);
	background-size: auto 40px;
	background-repeat: no-repeat;
	background-position: center;
	position:absolute;
	z-index:1;
	top:0;
	bottom:0;
	left:17px;
	
	opacity:1;
	
	-webkit-transition:all 600ms ease-out 0s;
	-moz-transition:all 600ms ease-out 0s;
	-ms-transition:all 600ms ease-out 0s;
}
.menubarback.back span {
    left: 0;
    right: 0;
    margin: auto;
}
.menubarback:hover span {
	opacity:0.8;
}
div#othermenubar .menubarback span {
    background-image: url(ICN_close_1g.png);
}

.menubarnav {
    padding: 0 100px 0 0;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}
.menubarnav nav {
	display:inline-block;
	vertical-align:middle;
	padding: 0;
}
.menubarnav nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.menubarnav nav li {
	display:inline-block;
}
.menubarnav nav li a {
	display: block;
	color: var(--hub-GM2);
	text-align: center;
	padding: 0 10px;
	line-height: 2.5;
	text-decoration: none;
	position: relative;
	margin: 0 19px;
}
.menubarnav nav li a:hover {
	color: var(--hub-GM2);
}
.menubarnav nav li a.go {
	color: var(--hub-LN);
	pointer-events:none;
}

/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.menubar {
	height: 60px;
}
.menubar.inset {
	height: 60px;
}
.menubar-main {
	height: 60px;
}
.menubaropen {
	background-size: auto 30px;
}
.menubarsummary div {
    padding: 0 11px 0 0;
}
div#othermenubar .menubarsummary div {
    margin-left: 38px;
}
.menubar-over {
	height: 60px;
}
.menubarsdw {
	height: 10px;
}
.menubarprogress {
	height: 2px;
}
.progress-bar {
	height: 2px;
}
.menubarback span {
	width: 30px;
	height: 30px;
	background-size: auto 30px;
	left: 13px;
}
.menubarnav {
    padding: 0 76px 0 0;
}
.menubarnav nav li a {
	padding: 0 8px;
	margin: 0 14px;
}

}
/* /MENUBAR */

/* SCHEDA */
.scheda-pan {
	margin: 0;
	padding: 0;
	position: absolute;
	overflow: hidden;
	text-align:center;
	vertical-align:top;
	z-index:2;
	background-color: var(--color-gy3);
	height: 100%;
	width: 100%;
	max-width: 100% !important;
	top: 0;
}
.overlay3 .scheda-pan.overlaypan-right {
    width: 42%;
    right: 0;
    box-shadow: -3px 0px 16px 0px rgba(0, 0, 0, 0.25);
}
.scheda-body {
	position:relative;
}
.scheda-pan-bg {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	pointer-events:none;
	opacity:0.06;
	
	background-image:url("sfondo_cerchi_01.png");
	background-position:right top;
	background-repeat:no-repeat;
	background-size: auto;
}

.schedaslider{
	position:relative;
	height:100%;
	z-index:2;
} 
.schedaslider section {
    margin: 0;
    display: block;
}
.schedaslider .section {
	max-width: calc(100vw - var(--distanza));
} 
.schedaslider .section.active {
}

.schedaslider {
    position: relative;
    height: 100%;
    z-index: 2;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.schedaslider section {
    flex: none;
}
.schedaslider section aside {
	height: 100%;
	overflow:hidden;
}

p.paragrafo-link {
    margin-top: 40px;
    color: var(--color-nav);
}

p.paragrafo-extra {
    margin-top: 40px;
    color: var(--hub-GM2);
}
/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

p.paragrafo-link, p.paragrafo-extra {
    margin-top: 30px;
}

}
/*----------------*/

.schedacover {
	width: 100vw !important;
	max-width: 100vw !important;
}

.schedacover aside {
	margin-left:0px !important;
	display: grid;
	grid-template-columns: 50% minmax(400px, 50%);
	align-content: stretch;
	background-color: var(--color-wh);
}

.schedacover figure {
    background-color: #f6f6f6;
    overflow: hidden;
}
.schedacover figure img {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100.5%;
    height: 100.5%;
}

.schedacover article {
    display: flex;
    align-items: end;
	padding: var(--distanza-y2) var(--distanza-x);
	text-align:left;
}
.schedacover article h1 {
	margin-left:-6px;
	margin-bottom:30px;
	width:82%;
}
.schedacover article p {
	width:74%;
}
/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.schedacover article h1 {
	margin-left:-5px;
	margin-bottom:23px;
}

}
/*----------------*/

.paragrafo-credits {
	/* 472px */
    width: 26.25vw !important;
}
.paragrafo-credits aside {
    display: flex;
    text-align:left;
    background-color: white;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    padding:var(--distanza-y2) var(--distanza-x);
	
}
.paragrafo-credits summary {
    color: var(--hub-LN);
}
.paragrafo-credits article {
}
.paragrafo-credits article h2 {
	margin-left:-4px;
	margin-bottom:32px;
}
.paragrafo-credits article .text {
}
/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.paragrafo-credits article h2 {
	margin-left:-3px;
	margin-bottom:24px;
}

}

/*----------------*/

.paragrafo-testo {
	
}
.paragrafo-testo aside {
    display: flex;
    text-align:left;
    background-color: white;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    padding:var(--distanza-y2) var(--distanza-x);
	
}
.paragrafo-testo summary {
    color: var(--hub-LN);
}
.paragrafo-testo article {
	width:100%;
}
.paragrafo-testo article h2 {
	margin-left:-4px;
	margin-bottom:32px;
}
.paragrafo-testo article .text {
}
/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.paragrafo-testo article h2 {
	margin-left:-3px;
	margin-bottom:24px;
}

}
/* PART1 */
.part1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-content: flex-end;
    align-items: flex-end;
    align-self: stretch;
	
	position:relative;
}
.part1 summary {
    margin-top: auto;
    margin-bottom: 0;
    align-self: flex-end;
}
.paragrafo-composizione-big .part1 summary {
    color: var(--hub-LN);
}
.part1 a {
	margin-left: auto;
}
.column1 .part1, .column2 .part1 {
    align-content: flex-start;
    align-items: flex-start;
	margin-top: var(--distanza-top);
}
.column1 .part1 summary, .column2 .part1 summary {
    margin-top: 0;
    margin-bottom: auto;
    align-self: flex-start;
}


/* COLONNE */
.column1, .column2 {
	/* 945px */
    width: 52.50vw !important;
}

.column1 .text {
	/* 575px */
	width:75%;
}

.column2 .text {
	column-count: 2;
	column-gap: var(--gap);
	column-span: all;
	margin-bottom:2px;
}

.column3 {
	/* - 1350px - */
    width: 75vw !important;
}
.column3 h2 {
	/* 765px */
	width:65%;
	margin-top:var(--distanza-top);
}
.column3 .text {
	column-count: 3;
	column-gap: var(--gap);
	column-span: all;
}
/* ---------------- */

.paragrafo-bg {
}

/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.paragrafo-bg {
    top: -157px;
    right: -255px;
    width: 693px;
    height: 815px;
}

}

/* ---------------- */

.paragrafo-composizione-small {
	/* - 744px - */
	width: 41.33vw !important;
}

.paragrafo-composizione-small aside {
    display: flex;
    text-align:left;
    background-color: white;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.paragrafo-composizione-small figure {
	align-items: flex-start;
	align-self: flex-end;
	width: auto;
	height: auto;
	margin-top: 100px;
	margin-right: 50px;
}
/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.paragrafo-composizione-small figure {
	margin-top: 76px;
	margin-right: 38px;
}

}
.paragrafo-composizione-small figure img {
	max-width: 21.56vw;
	max-height: 21.56vw;
	object-fit: contain;
	object-position: 100% 0%;
	width: 100%;
	height: 100%;
	display: block;
}

.paragrafo-composizione-small article {
    align-items: flex-end;
    align-self: flex-start;
    margin-bottom: 0;
    padding-top: var(--distanza-y2);
    padding-bottom: var(--distanza-y2);
    padding-left: var(--distanza-x);
    padding-right: var(--distanza-x2);
    width: 100%;
}

.paragrafo-composizione-small h2 {
	width:80%;
	margin-bottom:22px;
}
.paragrafo-composizione-small .text {

}

/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.paragrafo-composizione-small h2 {
    margin-bottom: 17px;
    width: 92%;
}

}
/* ---------------- */

.paragrafo-composizione-big {
    width:79.72vw !important;
}

.paragrafo-composizione-big aside {
    position: relative;
    background-color: white;
    display: grid;
    text-align: left;
    grid-template-columns: minmax(400px, 30vw) 1fr;
    grid-template-rows: 100%;
}

.paragrafo-composizione-big figure {
	height: 100%;
	margin: 0;
}

.paragrafo-composizione-big figure img {
    width: 100.5%;
    height: 100.5%;
	object-fit: cover;
	object-position: 50% 50%;
}
.paragrafo-composizione-big figure figcaption {
    bottom: calc(var(--distanza-y2) / 2);
    right: 0;
    position: absolute;
    z-index: 2;
    color: var(--color-wh);
    font-size: 12px;
    padding: 0 20px 4px;
}

/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.paragrafo-composizione-big figure figcaption {
    font-size: 11px;
    padding: 0 30px 3px;
}

}

.paragrafo-composizione-big article {
	align-items: flex-start;
	align-self: flex-start;
	
	padding:var(--distanza-y2) var(--distanza-x);
	height: 100%;
	
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.paragrafo-composizione-big h2 {
	margin-top:var(--distanza-top);
	margin-bottom:22px;
}
.paragrafo-composizione-big .text { 
	margin-bottom: auto;
}
.paragrafo-composizione-big p.paragrafo-link {
    margin-top: auto;
    margin-bottom: 0;
}
/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.paragrafo-composizione-big h2 {
	margin-bottom: 17px;
}

}
/* ---------------- */

.paragrafo-strillo {
	width: 100vh;
}
.paragrafo-strillo aside {
    display: flex;
    text-align:center;
    background-color: white;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    align-items: stretch;
    flex-wrap: nowrap;
}
.paragrafo-strillo article {
    padding-top:var(--distanza-y2);
    padding-bottom:var(--distanza-y2);
    padding-left:var(--distanza-x2);
    padding-right:var(--distanza-x2);
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
}
.paragrafo-strillo summary {
    margin-top: var(--distanza-top);
    margin-bottom: auto;
	color: var(--hub-LN);
}
.paragrafo-strillo .text {
    margin-top: auto;
    margin-bottom: auto;
    color: var(--hub-GM1);
}
.paragrafo-strillo p.paragrafo-link {
    margin-top: auto;
    margin-bottom: 0;
    color: var(--color-nav);
}
.paragrafo-strillo p.paragrafo-extra {
    margin-top: auto;
    margin-bottom: 0;
    color: var(--hub-GM2);
}

.paragrafo-strillo.Centrato .text, .paragrafo-strillo.Centrato p, .paragrafo-strillo.Centrato summary {
	text-align:center;
}
.paragrafo-strillo.BandieraSX .text, .paragrafo-strillo.BandieraSX p, .paragrafo-strillo.BandieraSX summary {
	text-align:left;
}
.paragrafo-strillo.BandieraDX .text, .paragrafo-strillo.BandieraDX p, .paragrafo-strillo.BandieraDX summary {
	text-align:right;
}

/* ---------------- */

.paragrafo-foto {
	width: 41.33vw;
}
.paragrafo-foto.big {
	width: 75vw;
}
.paragrafo-foto aside {
    display: flex;
    text-align:center;
    background-color: white;
    flex-direction: column;
    justify-content: space-between;
}
.paragrafo-foto article {
	width:100%;
	height:100%;
}
.paragrafo-foto figure {
	width:100%;
	height:100%;
	position: relative;
}
.paragrafo-foto figure img {
    width: 100.5%;
    height: 100.5%;
    object-fit: cover;
    object-position: 50% 50%;
    z-index: 1;
}
.paragrafo-foto figure figcaption {
    bottom: calc(var(--distanza-y2) / 2);
    left: 0;
    position: absolute;
    z-index: 2;
    color: var(--color-wh);
    font-size: 12px;
    padding: 0 20px 4px;
}

/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.paragrafo-foto figure figcaption {
    font-size: 11px;
    padding: 0 30px 3px;
}

}

.paragrafo-foto.small article {
	padding:var(--distanza-y) var(--distanza-x);
}
.paragrafo-foto.small figure {
	height: auto;
	width: 100%;
}
.paragrafo-foto.small figure img {
	/* - 564px - */
	max-width: 100%;
	max-height: 61vh;
	object-fit: contain;
	object-position: 0% 0%;
	z-index: 1;
}
.paragrafo-foto.small figure figcaption {
    bottom: auto;
    left: 0;
    position: relative;
    z-index: 2;
	
    color:var(--color-text);
    font-size:12px;
    padding: 18px 0 0 0;
    text-align: left;
}
/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.paragrafo-foto.small figure figcaption {
    font-size:11px;
    padding: 14px 0 0 0;
}

}
/* ---------------- */

.paragrafo-video {
	width: 61vw;
}
.paragrafo-video aside {
    display: flex;
    text-align:center;
	background-color: var(--color-wh);
    flex-direction: column;
    justify-content: flex-end;
    padding:var(--distanza-y2) var(--distanza-x2);
    align-items: stretch;
    align-content: flex-end;
}
.paragrafo-video article {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
}
.paragrafo-video .caption {
    color: var(--color-text);
    font-size: 12px;
    padding: 0 18px 18px 0;
    text-align: left;
}
/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.paragrafo-video .caption {
    font-size: 11px;
    padding: 0 14px 14px 0;
}

}
.paragrafo-video .video-container {
	position: relative;
	height: 0px;
	overflow: hidden;
	padding-bottom: 56.25%; /* RATIO VIDEO */
	margin: 0;
	display: block;
}
.paragrafo-video iframe, .paragrafo-video object, .paragrafo-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.paragrafo-video video {
    position: absolute;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: 100%;
    vertical-align: top;
    text-align: center;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.paragrafo-video video::-internal-media-controls-download-button {
    display:none;
}
.paragrafo-video video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
/* ---------------- */

.paragrafo-gallery {
	width: 61vw;
}
.paragrafo-gallery aside {
	background-color: var(--color-wh);
}
.paragrafo-gallery .icnresize {
	display:none;
}
.paragrafo-gallery figure img {
	transform: scale(1);
	
	-webkit-transition: all 800ms ease-out 0ms;
    -moz-transition: all 800ms ease-out 0ms;
    -o-transition: all 800ms ease-out 0ms;
    transition: all 800ms ease-out 0ms;
}
.paragrafo-gallery figure:hover img {
	transform: scale(1.15);
}

.paragrafo-gallery.twoimgs aside {
    display: flex;
    text-align:center;
    background-color: white;
    flex-direction: column;
    justify-content: flex-end;
    padding:var(--distanza-y) var(--distanza-x);
    align-items: stretch;
    align-content: flex-end;
}
.paragrafo-gallery.siximgs aside {
    padding:var(--distanza-y) var(--distanza-x);
    height: 100%;
    width: 100%;
    position: relative;
}
.paragrafo-gallery.twoimgs article {
	display: flex;
	flex-direction: row;
	align-content: flex-end;
	align-items: flex-end;
	justify-content: space-between;
}
.paragrafo-gallery.twoimgs figure.figO {
    width: 65.36%;
}
.paragrafo-gallery.twoimgs figure.figO div {
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-top: 76.67%;
    position: relative;
}

.paragrafo-gallery.twoimgs figure.figV {
	width:30.28%;
}
.paragrafo-gallery.twoimgs figure.figV div {
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-top: 165.47%;
    position: relative;
}

.paragrafo-gallery.twoimgs figure figcaption {
    color:var(--color-text);
    font-size:12px;
    padding: 0 18px 18px 0;
    text-align: left;
}

/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.paragrafo-gallery.twoimgs figure figcaption {
    font-size:11px;
    padding: 0 14px 14px 0;
}

}
.paragrafo-gallery figure img {
    width: 100.5%;
    height: 100.5%;
    object-fit: cover;
    object-position: 50% 50%;
}
.paragrafo-gallery.twoimgs figure img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.paragrafo-gallery.siximgs article {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	column-gap: 40px;
	row-gap: 40px;
	justify-content: stretch;
	align-content: stretch;
	justify-items: stretch;
	align-items: stretch;
	width: 100%;
	height: 100%;
}
.paragrafo-gallery.siximgs figure {
	overflow:hidden;
}
.paragrafo-gallery.siximgs figure div {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.paragrafo-gallery.siximgs figure.imgA {
	grid-row: 1;
	grid-column: 1;
}
.paragrafo-gallery.siximgs figure.imgB {
    grid-row: 1;
    grid-column: 2;
}
.paragrafo-gallery.siximgs figure.imgC {
	grid-row: 1 / span 2;
	grid-column: 3;
}
.paragrafo-gallery.siximgs figure.imgD {
	grid-row: 2;
	grid-column: 1 / span 2;
}
.paragrafo-gallery.siximgs figure.imgE {
    grid-row: 3;
    grid-column: 1;
}
.paragrafo-gallery.siximgs figure.imgF {
    grid-row: 3;
    grid-column: 2 / span 2;
}

.paragrafo-gallery.siximgs figure figcaption {
    color:var(--color-text);
    font-size:12px;
	padding: 0 0 18px;
	
	display:none;
}

#galleryoverlay nav {
    z-index: 1;
    position: fixed;
    width: 100%;
}
#galleryoverlay nav header {
    margin: 22px 37px;
    text-align: right;
}
#galleryoverlay nav header .btnclose {
    background-image: url(ICN_close_1w.png) !important;
    margin: 0 0 0 auto;
}

.btnclose {
    width: 32px;
    height: 32px;
    margin: auto;
    display: block;
    z-index: 10;
    cursor: pointer;
    background-image: url(ICN_close_1g.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 1;
    -webkit-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    -moz-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    -o-transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: all 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
}
.pancontact .btnclose {
    margin: 0 !important;
}
#galleryoverlaymain {
    width: 86%;
    max-width: 980px;
    margin: auto;
    position: relative;
    z-index: 2;
    padding: 0 0 60px 0;
}
#galleryoverlaymain aside {
	margin: 40px auto;
}
#galleryoverlay figure  {
    background-image: none !important;
	background-color: none;
    position: relative;
}
#galleryoverlay figure img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    display: block;
    margin: 30px 0;
    padding: 0;
    box-shadow: -4px 6px 12px #0000006e;
}
#galleryoverlay figure figcaption, #hoveropen figure figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #ffffff;
    z-index: 10;
    margin: 30px;
	display:block;
	
    font-size:12px;
	padding: 0 28px 18px;
    text-align: left;
}
#galleryoverlay .overlay-out {
    background: var(--hub-GM2);
    opacity: 0.96;
}

/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.paragrafo-gallery.siximgs article {
	column-gap: 30px;
	row-gap: 30px;
}
.paragrafo-gallery.siximgs figure figcaption {
    font-size: 11px;
	padding: 0 0 14px;
}
#galleryoverlay nav header {
    margin: 17px 28px;
}
  
.btnclose {
    width: 24px;
    height: 24px;
}
#galleryoverlaymain {
    max-width: 745px;
    padding: 0 0 46px 0;
}
#galleryoverlaymain aside {
	margin: 30px auto;
}
#galleryoverlay figure img {
    margin: 23px 0;
    padding: 15px;
}
#galleryoverlay figure figcaption, #hoveropen figure figcaption {
    margin: 23px;
    font-size: 11px;
	padding: 0 21px 14px;
} 
  
}
/* ---------------- */

.paragrafo-next {
	width: 18vw;
}
.paragrafo-next aside {
    display: flex;
    text-align: center;
    background-color: var(--color-gy5);
    color: var(--color-bl);
    flex-direction: column;
    justify-content: center;
    padding: var(--distanza-y) var(--distanza-x);
    align-items: flex-start;
    align-content: flex-end;
    width: calc(100% + var(--distanza));
}
.paragrafo-next article {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
	text-align:left;
}
.paragrafo-next p {
    text-transform: uppercase;
}
.paragrafo-next h2 {
    margin-top: 6px;
    text-decoration: underline;
}
/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.paragrafo-next h2 {
    margin-top: 5px;
}

}
/* ---------------- */

/* GREEN MODE */
.greenmode aside, section.greenmode {
	background-color: var(--hub-GM2) !important;
	color: var(--color-wh) !important;
}

.greenmode summary {
	color: var(--color-wh) !important;
}

.greenmode p.paragrafo-link, .greenmode p.paragrafo-extra {
	color: var(--color-wh) !important;
	opacity:0.5;
}
.greenmode a.link:hover, .greenmode .link:hover {
	color: var(--color-wh) !important;
}

.greenmode h2 {
	color: var(--color-wh) !important;
}
.greenmode .text {
	color: var(--color-wh) !important;
}

.paragrafo-composizione-big.greenmode {
    width: 75vw !important;
}
.paragrafo-composizione-big.greenmode article {
	width: 41.33vw;
    padding-right: var(--distanza-x2);
	background-color: rgba(var(--hub-GM1rgb), 0.9) !important;
    z-index: 1;
}
.paragrafo-composizione-big.greenmode figure {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 0;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.paragrafo-strillo.greenmode p {
	color: var(--color-wh);
}

/* - FORMATTAZIONE PARAGRAFI - */
.extratitle {
    font-weight: 600;
	
    text-decoration: none;
    display: inline-block;
    padding-bottom: 12px;
}
/* MEDIA --- SCALA 76% -- */
@media screen and (max-width: 1536px) {

.extratitle {
    padding-bottom: 9px;
}

}

/* CHANGE LANG */ 
.lang {
	width: 100%;
	max-width: 620px;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0 60px 60px;
	z-index: 2;
	position: relative;
}
.lang a {
	opacity: 0.5;
	display: inline-block;
	padding: 14px 0;
}
.lang a:hover {
	opacity: 1;
}
.lang a.on {
	opacity: 1;
	pointer-events: none;
}

.langpanel{
	width:100%;
	position: fixed;
	vertical-align:middle;
	text-align:center;
	background-color: var(--color-nav);
	overflow:hidden;
	z-index: 8000;
	top: 0;
    box-shadow: 0px 5px 21px 2.12px rgba(0, 0, 0, 0.6);
}
.langpanel-main {
    display: flex;
    margin: 30px;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}
.langpanel-txt {
    vertical-align: middle;
    display: inline-block;
    padding: 0 20px 5px 0;
	color: var(--color-wh);
}
.langpanel-btn {
	vertical-align:middle;
	display:inline-block;
	padding: 0 20px 0 0;
}
a.btnrounded:link, a.btnrounded:visited, a.btnrounded:active, .btnrounded {
	line-height: 1 !important;
	text-decoration: none;
	color: var(--color-wh);
	background-color:var(--color-nav);
	border: 2px solid var(--color-nav);
	height: 44px;
	display: inline-flex;
	text-align: center;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	justify-content: center;
	-webkit-border-radius: 50em;
	border-radius: 50em;
	padding: 0 24px 2px;
	margin:0;
	cursor:pointer;
	white-space: nowrap;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	
	--increment: 0.5;
	
	-webkit-transition: all calc(var(--animate-duration) * var(--increment)) ease-out;
	-moz-transition:  all calc(var(--animate-duration) * var(--increment)) ease-out;
	-ms-transition:   all calc(var(--animate-duration) * var(--increment)) ease-out;
	transition:   all calc(var(--animate-duration) * var(--increment)) ease-out;
}
a.btnrounded.outline, .btnrounded.outline {
	color: var(--color-wh);
	background-color: transparent;
	border: 2px solid var(--color-wh);
}
a.btnrounded.outline:hover, .btnrounded.outline:hover {
	color: var(--color-nav);
	background-color: var(--color-wh);
	border: 2px solid var(--color-wh);
}

.langpanel-btn a {
    margin: 0 15px !important;
    min-width: 100px !important;
}
.langpanel-btn a:hover {
    color: #ffffff;
    background-color: rgba(255,255,255,0);
    border: 2px solid rgba(255,255,255,1);
}
.langpanel-btn a:link, .langpanel-btn a:visited, .langpanel-btn a:active {
    color: var(--color-nav);
    background-color: rgba(255,255,255,1);
    border: 2px solid #ffffff;
}