@charset "iso-8859-1";

:root {
	--distanza-x: 72px;
	--distanza-y: 45px;
	
	--footer: 400px;
	--menu-sz: 16px;
	
	--max-w: 1516px;
	
	--pad-lateral: 85px;
	--nav-lat: 90px;
	
	--w-ele: 46px;
	--w-pan: 92%;
	--brd-scheda: 28px;
	
	--pad-top: 120px;
	--offset: calc( var(--distanza-y) + var(--pad-top) );

	--pagination: 36px;
	
	--rotate-inc: 6deg;
	
	--pad-top-shoutgrad: 214px;
	
	--border-radius: 20px;
	
	--ele-left-0: -100px;
	--ele-left-100: 80px;
	
	--dim-select: 62px;
}

/* FONT-SIZE */
.fsText11{
	font-size:11px;
    letter-spacing: -0.01em;
}
.fsText12{
	font-size:12px;
    letter-spacing: -0.01em;
}
.fsText14{
	font-size:14px;
    letter-spacing: -0.02em;
}
.fsText15{
	font-size:15px;
    letter-spacing: -0.02em;
}
.fsText16{
	font-size:16px;
    letter-spacing: -0.01em;
}
.fsText18 {
    font-size: 18px;
    letter-spacing: -0.025em;
}

.fsText20{
	font-size:20px;
    letter-spacing: -0.01em;
}
.fsText21{
	font-size:21px;
	letter-spacing:-0.015em;
}
.fsText22{
	font-size:22px;
    letter-spacing: -0.01em;
}
.fsText24{
	font-size:24px;
	letter-spacing:-0.025em;
}
.fsText26{
	font-size:26px;
	letter-spacing:-0.025em;
}
.fsText28{
	font-size:28px;
	letter-spacing:-0.025em;
}

.fsText30{
	font-size:30px;
	letter-spacing:-0.015em;
}
.fsText31{
	font-size:31px;
	letter-spacing:-0.025em;
}
.fsText32{
	font-size:32px;
	letter-spacing:-0.01em;
}
.fsText36{
	font-size:36px;
	letter-spacing:-0.025em;
}

.fsText40{
	font-size:40px;
	letter-spacing:-0.025em;
}
.fsText52 {
    font-size: 52px;
	letter-spacing:-0.01em;
}

.fsText64{
	font-size:64px;
	letter-spacing:-0.01em;
}

.fsText72{
	font-size:72px;
	line-height: 0.9;
	letter-spacing:-0.01em;
}
.fsText140{
	font-size:140px;
	letter-spacing:-0.01em;
}

.fsText103{
	font-size:103px;
}
.fsText119{
	font-size:119px;
}
/* < -- FONT-SIZE */

/* BUTTON*/
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.icon, .btnrounded.icon {
    text-transform: uppercase;
    box-shadow: 0px 6px 18px 0px rgba(var(--color-blRGB), 0.35);
    background-position: right center;
    background-repeat: no-repeat;
    height: 55px;
    width: 231px;
    display: flex;
    align-content: center;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    padding: 0 24px 0;
}
a.btnrounded.icon.tel, .btnrounded.icon.tel {
	background-image: url(ICN_tel_01.png);
}
a.btnrounded.icon.map, .btnrounded.icon.map {
	background-image: url(ICN_map_01.png);
}
a.btnrounded.icon.mail, .btnrounded.icon.mail {
	background-image: url(ICN_email_01.png);
}
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);
}

/* CIRCOLARE */
.btncircle {
    position: absolute;
    z-index: 150;
    width: 170px;
    height: 170px;
    bottom: 0;
    right: 0;
    margin: 0 120px 120px 0;
	
	cursor: pointer;
}
.btncircle.growIn.go {
    pointer-events: all;
} 
.btncircle.growIn {
    pointer-events: none;
}

.circle-op {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	width: 170px;
	height: 170px;
	left: 0;
	top: 0;
	border-radius: 50%;
    background-color: rgba(var(--color-whRGB),0.5);
	box-shadow: 0px 6px 18px 0px rgba(var(--color-navRGB), 0.5);
	
    -webkit-transition: all 800ms cubic-bezier(0, 0, 0, 1) 200ms;
    transition: all 800ms cubic-bezier(0, 0, 0, 1) 200ms;
}
.btncircle.blue .circle-op {
    background-color: rgba(var(--color-navRGB),0.5);
}
.btncircle:hover .circle-op {
	transform: scale(1.2);
}
.circle-wh {
	cursor: pointer;
	position: absolute;
	z-index: 2;
	width: 150px;
	height: 150px;
	left: 0;
	top: 0;
	margin: 10px;
	border-radius: 50%;
    background-color: rgba(var(--color-whRGB), 1);
	box-shadow: 0px 6px 18px 0px rgba(var(--color-navRGB), 0.5);
}
.btncircle.blue .circle-wh {
    background-color: rgba(var(--color-navRGB),1);
}

.circle-wh div.icnpulse {
	cursor: pointer;
	width: 100%;
	height: 100%;
	
	background-image: url(ICN_clickbutton_1c.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	
	-webkit-animation-name: pulseicncircle;
	animation-name: pulseicncircle;
	-webkit-animation-duration: calc(var(--animate-duration) * 2);
	animation-duration: calc(var(--animate-duration) * 2);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
.btncircle.view div.icnpulse {
	background-image: url(ICN_viewbutton_1c.png);
}
.btncircle.map div.icnpulse {
	background-image: url(ICN_mapbutton_1c.png);
}
.btncircle.nwl div.icnpulse {
	background-image: url(ICN_nwlbutton_1c.png);
}
.btncircle.cnt div.icnpulse {
	background-image: url(ICN_cntbutton_1c.png);
}
.btncircle.dwl div.icnpulse {
	background-image: url(ICN_dwlbutton_1c.png);
}

.btncircle.blue div.icnpulse {
	background-image: url(ICN_viewbutton_1w.png);
}
.btncircle.map.blue div.icnpulse {
	background-image: url(ICN_mapbutton_1w.png);
}
.btncircle.nwl.blue div.icnpulse {
	background-image: url(ICN_nwlbutton_1w.png);
}
.btncircle.cnt.blue div.icnpulse {
	background-image: url(ICN_cntbutton_1w.png);
}
.btncircle.dwl.blue div.icnpulse {
	background-image: url(ICN_dwlbutton_1w.png);
}

.btncircle img.btnrotate {
	cursor: pointer;
	position: absolute;
	z-index: 3;
	width: 150px;
	height: 150px;
	left: 0;
	top: 0;
	margin: 10px;
	
	-webkit-animation-name: rotatebtncircle;
	animation-name: rotatebtncircle;
	-webkit-animation-duration: calc(var(--animate-duration) * 20);
	animation-duration: calc(var(--animate-duration) * 20);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;

}
@-webkit-keyframes rotatebtncircle {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0); }
}
@keyframes rotatebtncircle {
    from { transform: rotate(360deg); }
    to { transform: rotate(0); }
}

@-webkit-keyframes pulseicncircle {
  0%  { -webkit-transform: scale(1);}
  60%  { -webkit-transform: scale(1);}
  80%  { -webkit-transform: scale(1.2);}
  100%  { -webkit-transform: scale(1);}
}
@keyframes pulseicncircle {
  0%  {transform: scale(1);}
  60%  {transform: scale(1);}
  80%  {transform: scale(1.2);}
  100%  {transform: scale(1);}
}
/* < -- 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;
	-moz-transition:    opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
}
.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;
}

/* CONSENSO - NEWSLETTER */
.newsletter {
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	right: 0;
	padding: var(--distanza-y) var(--distanza-x);
}
.newsletter-txt {
	color: var(--color-wh);
	margin-top: 12px;
}
.newsletter-txt span {
	opacity: 0.5;
}

.form-content {
	position: relative;
	display: grid;
	flex-direction: row;
	justify-content: stretch;
	align-items: center;
	margin: 0;
	width: 100%;
	grid-template-columns: auto 170px;
}

.form-sx {
	padding-right: var(--distanza-x);
}
.form-dx {
	
}
.form-dx .btncircle {
	position: relative;
	margin: 0;
}

.form-input {
	background-image: url(BG_inputnwl_1w.png);
	background-position: left center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-color: rgba(var(--color-navRGB), 0.95);
	box-shadow: 0px 6px 18px 0px rgba(var(--color-navRGB), 0.5);
	height: 55px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	align-content: center;
}

.input-data {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    padding: 0 30px 0 66px;
    border: 0;
    vertical-align: middle;
    text-align: left;
    line-height: 55px;
    height: 55px;
    -webkit-appearance: none;
    color: var(--color-wh);
    background-color: unset;
    width: 100%;
}

#optNWL {
}
#newsletterform {
}
#inlinePPnwl, #markPPnwl {
	display: none;
}
#optincontentnwl {
}
#boxPPnwl{
	height:0;
	overflow:hidden;
	color:transparent;
}

.optincheck {
    display: block;
    position: relative;
    margin: 8px 0;
    text-align: left;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 16px 20px 16px;
    box-sizing: border-box;
	background-color: var(--color-wh);
    color: var(--color-nav);
}
.optincheck-answer {
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: left;
}
.optincheck * {
	margin:0;
	padding:0;
	-webkit-tap-highlight-color: rgba(0,0,0,0.6);
	outline: 0;
}
.optincheck a{
	text-decoration:underline;
	color:inherit;
}
.optincheck input[type=checkbox]{
	position: absolute;
	visibility: hidden;
}
.optincheck h2 {
    line-height: 1;
    margin: 0 0 6px 0 !important;
    letter-spacing: 0;
    padding: 0 !important;
    background: transparent;
    text-align: left;
    text-transform: none;
}
.optincheck label{
    display: block;
    position: relative;
    padding: 0px 0 0px 42px;
    margin: 0 auto;
    z-index: 9;
    cursor: pointer;
    line-height: 1.25;
}
.optincheck label.oneline{
    line-height: 24px;
}
.optincheck:hover label{
    opacity: 0.5;
}
.optincheck .checkB{
    display: block;
    position: absolute;
    border: 2px solid var(--color-nav);
    border-radius: 4px;
    height: 22px;
    width: 22px;
    top: 0px;
    bottom: 0px;
    left: 3px;
    margin: auto 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}
.optincheck .checkO {
	display: block;
	position: absolute;
	content: '';
    border-radius: 2px;
    height: 12px;
    width: 12px;
    top: 3px;
    left: 3px;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
	background: transparent;
}
.checkB.checked {
}
.checkB.checked .checkO{
	background: var(--color-nav);
}
/* SAVE MODE */
form.savemode {
	background-color:#000000 !important;
	color:#ffffff !important;
}
form.savemode div {
	border-radius: 0 !important;
}
form.savemode input {
	color: transparent !important;
}
form.savemode #boxPPnwl{
	visibility: visible;
	height:auto;
	color:#ffffff !important;
}
form.savemode #optincontentnwl{
	display: block;
	background-color:#000000;
	color:#ffffff !important;
}
form.savemode #markPPnwl{
	display: block;
	padding:10px;
}
form.savemode .form-dx {
	display: none;
}

.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);
  }
}
/* CONSENSO */

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

body.nextpage {
}
body.nextpage.scroll {
    overflow: auto;
    height: unset;
    min-height: unset;
}
body.nextpage.scroll.open {
    overflow: hidden;
    height: 100%;
    min-height: 100%;
}

/* -- > OVERLAY */
.overlay {
	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: var(--bg-overlay);
}

#schedaoverlay {
	
} 
#galleryoverlay {
	
}
#otheroverlay {

}
.overlay.galleryoverlay {
	overflow-y:  auto;
	overflow-x:  hidden;
	-webkit-overflow-scrolling:  touch;
}

.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);
}

#galleryoverlay.overlay-slidedown.galleryoverlay, 
#otheroverlay.overlay-slidedown.open {
	z-index: 1003;
}

.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 calc(var(--animate-duration) * 0.42), opacity calc(var(--animate-duration) * 0.4) cubic-bezier(0, 0, 0.15, 1) calc(var(--animate-duration) * 0.3);
	-moz-transition:z-index 0s linear calc(var(--animate-duration) * 0.42), opacity calc(var(--animate-duration) * 0.4) cubic-bezier(0, 0, 0.15, 1) calc(var(--animate-duration) * 0.3);
	-o-transition:z-index 0s linear calc(var(--animate-duration) * 0.42), opacity calc(var(--animate-duration) * 0.4) cubic-bezier(0, 0, 0.15, 1) calc(var(--animate-duration) * 0.3);
	transition:z-index 0s linear calc(var(--animate-duration) * 0.42), opacity calc(var(--animate-duration) * 0.4) cubic-bezier(0, 0, 0.15, 1) calc(var(--animate-duration) * 0.3);
}
.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 calc(var(--animate-duration) * 0.8) cubic-bezier(0, 0, 0.15, 1);
	-moz-transition:z-index 0s linear, opacity calc(var(--animate-duration) * 0.8) cubic-bezier(0, 0, 0.15, 1);
	-o-transition:z-index 0s linear, opacity calc(var(--animate-duration) * 0.8) cubic-bezier(0, 0, 0.15, 1);
	transition:z-index 0s linear, opacity calc(var(--animate-duration) * 0.8) cubic-bezier(0, 0, 0.15, 1);
}
.overlay-fade.galleryoverlay {
	z-index: 1001 !important;
}
.overlay.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;
}

.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;
}

/* RIGHT -long */
.overlaypan-right-long, .openother .overlaypan-right-long {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition:	transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
	transition:			transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition:		transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition:	transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
/* APERTURA -long */
.open .overlaypan-right-long.open, .openother .overlaypan-right-long.openother {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition:	transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	transition:			transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition:		transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition:	transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

/* RIGHT */
.overlaypan-right, .openother .overlaypan-right {
	-webkit-animation-name: moveRightRev;
	animation-name: moveRightRev;
	-webkit-animation-duration: calc(var(--animate-duration) * 0.5);
	animation-duration: calc(var(--animate-duration) * 0.5);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-animation-delay: calc(var(--animate-delay) * 0.2);
	animation-delay: calc(var(--animate-delay) * 0.2);
}
.openlater.overlaypan-right {
	-webkit-animation-duration: calc(var(--animate-duration) * 0.3);
	animation-duration: calc(var(--animate-duration) * 0.3);
	-webkit-animation-delay: 0;
	animation-delay: 0;
}
.openfirst.overlaypan-right {
	-webkit-animation-delay: 0;
	animation-delay: 0;
}
/* APERTURA */
.open .overlaypan-right.open, .openother .overlaypan-right.openother {
	-webkit-animation-name: moveRight;
	animation-name: moveRight;
	-webkit-animation-duration: calc(var(--animate-duration) * 1.3);
	animation-duration: calc(var(--animate-duration) * 1.3);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-timing-function: cubic-bezier(0.01, 0.02, 0.18, 1);
	animation-timing-function: cubic-bezier(0.01, 0.02, 0.18, 1);
}
.open .openlater.overlaypan-right.open {
	-webkit-animation-delay: calc(var(--animate-delay) * 0.8);
	animation-delay: calc(var(--animate-delay) * 0.8);
}

@-webkit-keyframes moveRight {
	0% {
		-webkit-transform: translateX(100%);
		opacity:0;
	}
	20% {
		opacity:1;
	}
	45% {
		opacity:1;
	}
	100% {
		-webkit-transform: translateX(0%);
		opacity:1;
	}
}

@keyframes moveRight {
	0% {
		transform: translateX(100%);
		opacity:0;
	}
	20% {
		opacity:1;
	}
	45% {
		opacity:1;
	}
	100% {
		transform: translateX(0%);
		opacity:1;
	}
}

@-webkit-keyframes moveRightRev {
	0% {
		-webkit-transform: translateX(0%);
		opacity:0;
	}
	20% {
		opacity:1;
	}
	90% {
		opacity:1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity:0;
	}
}

@keyframes moveRightRev {
	0% {
		transform: translateX(0%);
		opacity:1;
	}
	20% {
		opacity:1;
	}
	90% {
		opacity:1;
	}
	100% {
		transform: translateX(100%);
		opacity:0;
	}
}

/* STATO NORMALE */
.overlaypan-right-low, .openother .overlaypan-right-low {

}
/* APERTURA */
.open .overlaypan-right-low.open, .openother .overlaypan-right-low.openother {
	-webkit-animation-name: moveRightLow;
	animation-name: moveRightLow;
	-webkit-animation-duration: calc(var(--animate-duration) * 1.5);
	animation-duration: calc(var(--animate-duration) * 1.5);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-timing-function: cubic-bezier(0.01, 0.02, 0.18, 1);
	animation-timing-function: cubic-bezier(0.01, 0.02, 0.18, 1);
}
@-webkit-keyframes moveRightLow {
	0% {
		-webkit-transform: translateX(30%);
		opacity:0;
	}
	20% {
		opacity:0;
	}
	45% {
		opacity:1;
	}
	100% {
		-webkit-transform: translateX(0%);
		opacity:1;
	}
}

@keyframes moveRightLow {
	0% {
		transform: translateX(30%);
		opacity:0;
	}
	20% {
		opacity:0;
	}
	45% {
		opacity:1;
	}
	100% {
		transform: translateX(0%);
		opacity:1;
	}
}

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

/* < -- OVERLAY */

/* EFFECT */
.pan-blur {
    margin: 0;
    padding: 0;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    z-index: -2;
    right: 0;
    bottom: 0;
	background-color: rgba(255,255,255,0.50);
}
/* IF BACKDROP SUPPORT: VERY TRANSPARENT AND BLURRED */
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
	.pan-blur {
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		background-color: rgba(255,255,255,0.12);
		background-image: none;
	}
}

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

.FadeZK {
	animation-name: FadeZK;
	animation-duration: 1.5s;
}
.FadeFastZK {
	animation-name: FadeZK;
	animation-duration: 0.4s;
}
@keyframes FadeZK {
	from {opacity: .4}
	to {opacity: 1}
}

.FadeUpZK {
	animation-name: FadeUpZK;
	animation-duration: 1.8s;
}
@keyframes FadeUpZK {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0px); }
}

.FadeOutZK {
	animation-name: FadeOutZK;
	animation-duration: 0.4s;
}

.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;
}

.delay1 {
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.delay2 {
  -webkit-animation-delay: calc(var(--animate-delay) * 1.5);
  animation-delay: calc(var(--animate-delay) * 1.5);
}
.delay3 {
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.delay4 {
  -webkit-animation-delay: calc(var(--animate-delay) * 2.5);
  animation-delay: calc(var(--animate-delay) * 2.5);
}
.delay5 {
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}

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

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

  to {
    opacity: 1;
  }
}

@-webkit-keyframes FadeOutZK {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

@keyframes FadeInUpZK {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0px); }
}
@keyframes fadeOutDown {
	from { opacity: 1; transform: translateY(0); }
	to { opacity: 0; transform: translateY(0); }
}


@-webkit-keyframes fadeInUpLong {
	from { opacity: 0; -webkit-transform: translateY(60px); }
	to { opacity: 1; -webkit-transform: translateY(0px); }
}
@keyframes fadeInUpLong {
	from { opacity: 0; transform: translateY(60px); }
	to { opacity: 1; transform: translateY(0px); }
}

@-webkit-keyframes fadeInLeftZK {
	from { opacity: 0; -webkit-transform: translateX(-20px); }
	to { opacity: 1; -webkit-transform: translateX(0px); }
}
@keyframes fadeInLeftZK {
	from { opacity: 0; transform: translateX(-20px); }
	to { opacity: 1; transform: translateX(0px); }
}

@-webkit-keyframes fadeInRightZK {
	from { opacity: 0; -webkit-transform: translateX(20px); }
	to { opacity: 1; -webkit-transform: translateX(0px); }
}
@keyframes fadeInRightZK {
	from { opacity: 0; transform: translateX(20px); }
	to { opacity: 1; transform: translateX(0px); }
}

@-webkit-keyframes FromLeftLongZK {
	from { -webkit-transform: translateX(-100%); }
	to { -webkit-transform: translateX(0px); }
}
@keyframes FromLeftLongZK {
	from { transform: translateX(-100%); }
	to { transform: translateX(0px); }
}


@-webkit-keyframes ScrollDown {
    0% {
        -webkit-transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(50%);
    } 
}
@keyframes ScrollDown { 
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(50%);
    } 
}


@-webkit-keyframes ScrollRight {
    0% { -webkit-transform: translateX(0); }
    100% { -webkit-transform: translateX(50%); } 
}
@keyframes ScrollRight { 
    0% { transform: translateX(0); }
    100% { transform: translateX(50%); } 
}

@-webkit-keyframes moveToBottom {
	from { }
	to { -webkit-transform: translateY(100%); }
}
@keyframes moveToBottom {
	from { }
	to { transform: translateY(100%); }
}

@-webkit-keyframes moveToBottomFade {
	from { }
	to { opacity: 0; -webkit-transform: translateY(40%); }
}
@keyframes moveToBottomFade {
	from { }
	to { opacity: 0; transform: translateY(40%); }
}

@-webkit-keyframes animaDROPSCOM {
	from { width: 8px; -webkit-transform: translate(-4px, -1px) rotate(-15deg); }
	to { width: 22px; -webkit-transform: translate(-4px, -1px) rotate(-15deg); }
}
@keyframes animaDROPSCOM {
	from { width: 8px; transform: translate(-4px, -1px) rotate(-15deg); }
	to { width: 22px; transform: translate(-4px, -1px) rotate(-15deg); }
}

@-webkit-keyframes animaDROPSCOMv {
	from { width: 8px; -webkit-transform: translate(0, 0) rotate(165deg); }
	to { width: 22px; -webkit-transform: translate(6px, 0) rotate(165deg); }
}
@keyframes animaDROPSCOMv {
	from { width: 8px; transform: translate(0, 0) rotate(165deg); }
	to { width: 22px; transform: translate(6px, 0) rotate(165deg); }
}
/* < -- EFFECT */

/* COVER */
.cover {
	top:0;
	left:0;
	right:0;
	bottom:0;

	width: 100%;
	height:100%;
	min-height:100%;

	overflow: hidden;
	position: fixed;

	display:block;
	z-index:1010;
	pointer-events:none;
}
body.load .cover {
	pointer-events:all;
}

.coverbg {
	top:0;
	left:0;
	right:0;
	bottom:0;

	width: 100%;
	height:100%;
	min-height:100%;

	overflow: hidden;
	position: fixed;

	display:block;
	z-index:1;
	pointer-events:none;
	background-color: var(--bg-page);
}
.coverbg.goout {
	-webkit-animation-name: FadeOutZK;
	animation-name: FadeOutZK;
	-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;
}

body.scroll .coverbg, body.active .coverbg {
	display:none;
}
body.intro .coverbg.show, body.scroll .coverbg.show, body.active .coverbg.show, body.exitpage .coverbg {
	display:block;

	-webkit-animation-name: FadeInZK;
	animation-name: FadeInZK;
	-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;
}
/* < -- COVER */

/* LOGO */
.logocover {
    position: fixed;
    z-index: 14;
    top: 50%;
    margin-top: -109px;
    left: 50%;
    margin-left: -197px;
    width: 394px;
    height: 154px;
    pointer-events: none;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: calc(var(--animate-duration) * 1.5);
    animation-duration: calc(var(--animate-duration) * 1.5);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
body.exitpage .coverbg .logocover {
	display:none !important;
}
.logo {
	position: fixed;
	z-index: 14;
	top:0;
	left:0;
	margin-top: var(--nav-lat);
	margin-left: calc(var(--nav-lat) * 2);
/* 	width: 230px;
	height: 51px; */
	opacity: 0;

	width: auto;
    height: 70px;
    transform: translate(0, -27px);
}

body.nextpage .logo {
	position: absolute;
	cursor:pointer;
}
body.naso-intro .logo, .open .logo {
	-webkit-animation-name: FadeInZK;
	animation-name: FadeInZK;
	-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;
}

body.intro .logo, body.scroll #logo, body.active #logo {
	-webkit-animation-name: FadeInZK;
	animation-name: FadeInZK;
	-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;
	-webkit-animation-delay: var(--animate-delay);
	animation-delay: var(--animate-delay);
}

.logo-main {
	height: 100%;
	position:relative;
}
.logo-main img {
	display:block;
	height: 100%;
	width:auto;
}
.scheda-pan .logo-main img {
	height: 52%;
}

/* MENU - MENUNAV */
body.load .menu {
	opacity: 0;
	pointer-events:none;
}
body.intro .menu, body.nextpage .menu {
	-webkit-animation-name: FadeInZK;
	animation-name: FadeInZK;
	-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 {
	position:fixed;
	z-index: 16;
	top:0;
	right:0;
	margin-right: var(--nav-lat);
	visibility:visible;
	text-align:right;
	opacity:1;
	pointer-events:all;
}
body.nextpage .menu {
	position: absolute;
}
.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 {
    padding: 0;
    margin-top: var(--nav-lat);
    margin-right: 0;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.menu nav ul {
	list-style-type: none;
	margin: 0 calc(var(--menu-sz) * 2) 0 0;
	padding: 0;
	position:relative;
	z-index: 1;
}
.menu nav li {
	display:inline-block;
}
.menu nav li a {
	position: relative;
	display: block;
	color: var(--color-wh);
	line-height: 2.5;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 0 var(--menu-sz);
}
.menu nav li a:hover {
	color: var(--color-nav);
}
.menu nav li a.go {
	color: var(--color-wh);
}
body.nextpage .menu nav li a {
    color: var(--dropscom-GR);
}


/* SELETTORE */
.select {
	position: absolute;
	margin: 0;
	bottom: 5px;
	left: 56px;
	pointer-events:none;
	opacity:0;
	z-index:0;
	-webkit-transition: opacity 300ms ease-out 0ms;
	transition: opacity 300ms ease-out 0ms;
}
.select.on {
	opacity:1;
    -webkit-transition: all 1000ms cubic-bezier(0, 0, 0, 1) 300ms;
    transition: all 1000ms cubic-bezier(0, 0, 0, 1) 300ms;
}

.select1 {
    position: absolute;
    margin: 0;
    bottom: 1px;
    right: 0;
    left: 0;
    margin: 0;
    width: var(--dim-select);
    height: var(--dim-select);
    opacity: 1;
    transform: translate(-9px,15px);
    -webkit-transition: all 800ms ease-out 800ms;
    transition: all 800ms ease-out 800ms;
}
.select1 div {
    width: var(--dim-select);
    height: var(--dim-select);
    border-radius: 50em;
    background-color: transparent;
    border: dotted 2px rgb(var(--color-whRGB),0.40);
	
	-webkit-animation-name: rotatebtncircle;
	animation-name: rotatebtncircle;
	-webkit-animation-duration: calc(var(--animate-duration) * 20);
	animation-duration: calc(var(--animate-duration) * 20);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.selectline {
	position: absolute;
	margin: 0;
	top: 0;
	left: 16px;
	width: 42px;
	height: 1px;
	background-color: var(--dropscom-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;
}
/* /MENU */

/* SOCIAL */
body.load .social {
	opacity: 0;
	pointer-events:none;
}
body.intro .social {
	-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;
}
.social {
	position:fixed;
	z-index: 16;
	top: 50%;
	right:0;
	margin-right: 24px;
	visibility:visible;
	text-align:right;
	opacity:1;
	pointer-events:all;
	transform: translate(0, -50%);
}
body.nextpage .social {
	display: none !important;
}
.social .socialnav {
	width:auto;
	position: relative;
	display:block;
	text-align: right;
	z-index:2;
	margin: 0 0 0 auto;
}
.social nav {
    display: flex;
    vertical-align: middle;
    padding: 0;
    margin-right: 0;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
.social nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.social nav li {
	display: block;
	opacity:0;
}
.social nav li a {
	position: relative;
	display: block;
	color: var(--color-wh);
	line-height: 1;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	margin: 12px;
	padding: 0;
}
.social nav li a.fb {
    margin: 0 5px 0 6px;
}
.social nav li a:hover {
	filter: invert(1);
}

body.intro .social nav li {
	-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;
}
body.intro .social nav li:nth-child(1) {
	-webkit-animation-delay: calc(var(--animate-delay) * 2.2);
	animation-delay: calc(var(--animate-delay) * 2.2);
}
body.intro .social nav li:nth-child(2) {
	-webkit-animation-delay: calc(var(--animate-delay) * 2.4);
	animation-delay: calc(var(--animate-delay) * 2.4);
}
body.intro .social nav li:nth-child(3) {
	-webkit-animation-delay: calc(var(--animate-delay) * 2.6);
	animation-delay: calc(var(--animate-delay) * 2.6);
}


/* PANCONTACT */
.pancontact{
	position: fixed;
	width: 100%;
	height: 100%;
	min-height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	text-align:right;
	background: rgba(var(--color-whRGB),0.80);
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.pancontact.open{
	z-index: 100;
	opacity:1;
	visibility:visible;
	pointer-events:all;
}


.contact-nwl {
	position:relative;
	text-align:left;
	vertical-align:top;
	z-index:3;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	width: calc(var(--w-pan) * 0.59);
	height: 100%;
	margin: 0 0 0 auto;
	background-color: var(--color-wh);
	box-shadow: -6px 0px 24px 0px rgba(var(--color-blRGB), 0.12);
	background-image: url(BG_contact_01.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	
/* NASCONDI LA BARRA DI SCORRIMENTO MA CONSENTI LO SCORRIMENTO */
	-ms-overflow-style: none; /* for Internet Explorer, Edge */
	scrollbar-width: none; /* for Firefox */
}
.contact-nwl article.shout {
    margin: 0 80px 114px 80px;
}

.contact-adr {
	position:absolute;
	z-index:2;
	width: calc(var(--w-pan) * 0.41);
	
	top:0;
	right: calc(var(--w-pan) * 0.59);
	left:auto;
	bottom:0;

	background-color: var(--color-wh);
	box-shadow: -6px 0px 24px 0px rgba(var(--color-blRGB), 0.12);
	
	margin: 0;
	padding: var(--distanza-y) 62px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.pancontact .overlaypan header {
    margin: 0 0 0 38px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
}
.pancontact .overlaypan header .logoc {
    display: block;
    width: auto;
/*     height: 91px;
    margin-top: 24px; */
    height: 52px;
    margin-top: 23px;
}

.pancontact .overlaypan .address {
    margin: 0 0 auto 0;
    padding-top: 70px;
}
.pancontact .overlaypan .address article {
    display: block;
    padding: 0;
    margin: 0 36px 18px;
}
.pancontact .overlaypan .address span.linehr {
    width: 35px;
    height: 2px;
    border: 0;
    margin: 0 0 5px;
    background-color: var(--color-gy3);
    opacity: 0.6;
    display: inline-block;
}
.pancontact .overlaypan .address p {
	line-height: 1.44;
	margin:4px 0 0 0;
	color: var(--color-gy3);
	text-align:left;
}

.contact-social {
    margin: 0 0 20px 24px;
    text-align: left;
}
.contact-social ul {
	list-style-type: none;
	margin: 6px;
	padding: 0;
}
.contact-social li {
	display: inline-block;
	opacity:1;
}
.contact-social li a {
	position: relative;
	display: block;
	color: var(--color-wh);
	line-height: 1;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	margin: 6px;
	padding: 0;
	opacity: 0.35;
}
.contact-social li a.fb {
    margin:0 6px 0 4px;
}
.contact-social li a:hover {
	opacity: 0.7;
}

.contact-btn {
    margin: 0 0 38px;
}
.contact-btn a.btnrounded {
    margin: 26px;
}

.contact-lang {
    margin: 0 38px 60px;
    text-align: left;
    color: var(--color-gy5);
}
.contact-lang a {
	display: inline-block;
	padding: 14px 0;
}
.contact-lang a:hover {
	color: var(--color-bl);
}
.contact-lang a.on {
	color: var(--color-bl);
	pointer-events: none;
}

.pancontact .overlaypan .policy {
    margin: auto 38px 0 38px;
    color: var(--color-gy5);
    text-align: left;
}
.pancontact .overlaypan .policy hr {
	width:100%;
	height:2px;
	border:0;
	margin:20px 0 0;
	background-color: var(--color-gy4);
	display:inline-block;
}
.pancontact .overlaypan .policy a {
	display: inline-block;
	padding:14px 0;
}
.pancontact .overlaypan .policy a:hover {
	color: var(--color-bl);
}


.pancontact .overlaypan .copy {
    margin: 0;
    padding: 60px 0 0 0;
    color: var(--color-bl);
}
.pancontact .overlaypan .copy p{
	margin:10px auto 10px;
	line-height:1.15;
}

.btnclose {
    margin-top: 24px;
    position: relative;
    cursor: pointer;
}
.btnclose, .btnclose img {
	width: var(--w-ele);
	height: var(--w-ele);
	cursor:pointer;	
}
.btnclose:hover img {
    -webkit-animation-name: growInZK; 
    animation-name: growInZK; 
	-webkit-animation-duration: 0.6s; 
    animation-duration: 0.6s; 
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
/* /PANCONTACT */



/* STRILLO ANIMATO */
article.shout {
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 80px 114px 80px;
}
article.shout hgroup {
	position:relative;
}
article.shout hgroup h2 {	
    color: var(--color-wh);
    line-height: 0.873;
    text-align: left;
    padding: 0;
    margin: 0;
}
article.shout hgroup h2 span {
    display:block;
	text-transform: uppercase;
}
/* H2 ELE1 */
article.shout hgroup h2 span.ele1 {
    text-align: left;
    text-transform: uppercase;
    margin-left: 160px;
}
/* H2 ELE2 */
article.shout hgroup h2 span.ele2 {
    text-align: right;
    text-transform: uppercase;
    margin-right: 226px;
}
/* H2 ELE3 */
article.shout hgroup h2 span.ele3 {
    text-align: left;
    text-transform: uppercase;
    margin-left: 0;
}
/* H2 ELE4 */
article.shout hgroup h2 span.ele4 {
    text-align: right;
    text-transform: uppercase;
    margin-right: 144px;
}
/* \strillo animato */

/* STRILLO ANIMATO GRADIENTE */
article.shoutgrad {
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 620px;
}
#shoutgradSTU, #shoutgradAZI, #shoutgradAZI2, #shoutgradPRO, .azienda article#shoutgrad2 {
    width: 700px !important;
}

#shoutgradSTR {
    right: 0;
    left: auto;
    margin: 0 0 0 auto;
    text-align: right;
    width: auto;
}

article.shoutgrad hgroup {
	position:relative;
}
article.shoutgrad hgroup h2 {	
    color: var(--color-wh);
    line-height: 0.87;
    text-align: left;
    padding: 0;
    margin: 0;
}
article.shoutgrad hgroup h2.grad {
	background: rgb(228,85,34);
	background: linear-gradient(180deg, rgba(228,85,34,1) 15%, rgba(104,79,189,1) 100%);
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-color: transparent;
	-webkit-background-clip: text;
	padding: 10px;
	letter-spacing: 0.01em;
	

	-webkit-transition: background var(--animate-duration) ease-out 0s;
	-moz-transition: background var(--animate-duration) ease-out 0s;
	-ms-transition: background var(--animate-duration) ease-out 0s;
	transition: background var(--animate-duration) ease-out 0s;
}
article.shoutgrad hgroup h2.grad.first {
	background: rgb(207,42,102);
	background: linear-gradient(180deg, rgba(207,42,102,1) 0%, rgba(231,83,22,1) 50%, rgba(215,90,61,1) 100%);
	-webkit-background-clip: text;
}
article.shoutgrad hgroup h2.grad.second {
	background: rgb(207,42,102);
	background: linear-gradient(180deg, rgba(207,42,102,1) 15%, rgba(215,90,61,1) 100%);
	-webkit-background-clip: text;
}
article.shoutgrad hgroup h2.grad.third {
	background: rgb(99,76,193);
	background: linear-gradient(180deg, rgba(99,76,193,1) 0%, rgba(231,83,22,1) 65%, rgba(188,39,72,1) 100%);
	-webkit-background-clip: text;
}
article.shoutgrad hgroup h2.grad.fourth {
	background: rgb(61,34,231);
	background: linear-gradient(180deg, rgba(61,34,231,1) 0%, rgba(96,75,196,1) 100%);
	-webkit-background-clip: text;
}
article.shoutgrad hgroup h2.grad.fifth {
	background: rgb(157,83,150);
	background: linear-gradient(180deg, rgba(157,83,150,1) 0%, rgba(90,66,236,1) 30%, rgba(51,170,255,1) 100%);
	-webkit-background-clip: text;
}
article.shoutgrad hgroup h2.grad.azienda1 {
	background: rgb(44,147,253);
	background: linear-gradient(180deg, rgba(86, 66, 236,1) 0%, rgba(44, 147, 253,1) 40%, rgba(45, 211, 136,1) 100%);
	-webkit-background-clip: text;
}

article.shoutgrad hgroup h2.grad.azienda2 {
	background: rgb(44,147,253);
	background: linear-gradient(180deg, rgba(66, 101, 236,1) 0%, rgba(39, 176, 229,1) 40%, rgba(45, 211, 136,1) 100%);
	-webkit-background-clip: text;
}

article.shoutgrad hgroup h2.grad.azienda3 {
	background: rgb(44,147,253);
	background: linear-gradient(180deg, rgba(25, 196, 225,1) 0%, rgba(26, 199, 121,1) 60%, rgba(171, 217, 35,1) 100%);
	-webkit-background-clip: text;
}
article.shoutgrad hgroup h2.grad.azienda4 {
	background: rgb(44,147,253);
	background: linear-gradient(180deg, rgba(255, 191, 42,1) 0%, rgba(231, 83, 22,1) 70%, rgba(215, 90, 61,1) 100%);
	-webkit-background-clip: text;
}
article.shoutgrad hgroup h2.grad.azienda5 {
	background: rgb(44,147,253);
	background: linear-gradient(180deg, rgba(37, 230, 251,1) 0%, rgba(255, 141, 0,1) 70%, rgba(215, 90, 61,1) 100%);
	-webkit-background-clip: text;
}



/*  
5° #9d5396, #5a42ec, #33aaff
#cf2a66 #e75316 #d75a3d
#3d22e7 #604bc4
#bb2649 #3d22e7
#634cc1 #e75316 #bc2748 
#e45522, #684fbd
#cf2a66 - #d75a3d 
article.shoutgrad hgroup h2.grad::after {
	content: attr(data-text);
}
article.shoutgrad hgroup h2.grad::before {
	content: attr(data-text);
	background: linear-gradient(180deg, #e45522, #684fbd);
	-webkit-background-clip: text;
	-webkit-text-stroke: 5px transparent;
	position: absolute;
	z-index: -1;
	-webkit-mask:element(#ref);
		  mask:-moz-element(#ref);
		  mask:element(#ref);
}
*/

article.shoutgrad hgroup h2 mark {
	text-transform: uppercase;
	background-color: transparent;
	letter-spacing: 0em;
}
/* H2 ELE1 */
article.shoutgrad hgroup h2 mark.ele1 {
}
/* H2 ELE2 */
article.shoutgrad hgroup h2 mark.ele2 {
}
/* H2 ELE3 */
article.shoutgrad hgroup h2 mark.ele3 {
}
/* H2 ELE4 */
article.shoutgrad hgroup h2 mark.ele4 {
}


/* SPOSTAMENTO ELEMENTI */

article.shoutgrad.move1 hgroup h2 mark.ele1 { 
	padding-left: 0px;
}
article.shoutgrad.move1 hgroup h2 mark.ele2 { 
	padding-left: 218px;
}
.stupire article.shoutgrad.move1 hgroup h2 mark.ele2 {
    padding-left: 136px;
}
article.shoutgrad.move1 hgroup h2 mark.ele3 { 
	padding-left: 65px;
}
article.shoutgrad.move1 hgroup h2 mark.ele4 { 
	padding-left: 28px;
}

article.shoutgrad.move2 hgroup h2 mark.ele1 {
	margin-left: 40px;
}
article.shoutgrad.move2 hgroup h2 mark.ele2 {
	margin-left: 0;
}
#shoutgradAZI hgroup h2 mark.ele2 {
	margin-left: 126px;
}
article.shoutgrad.move2 hgroup h2 mark.ele3 {
	margin-left: 170px;
}
#shoutgradSTU hgroup h2 mark.ele3 {
	margin-left: 83px !important;
}
#shoutgradAZI2 hgroup h2 mark.ele3 {
	margin-left: -10px !important;
}
article.shoutgrad.move2 hgroup h2 mark.ele4 {
	margin-left: 76px;
}

article.shoutgrad.move3 hgroup h2 mark.ele1 {
	margin-left: 130px;
}
.azienda article#shoutgrad2 hgroup h2 mark.ele1 {
    margin-left: 26px;
}

article.shoutgrad.move3 hgroup h2 mark.ele2 {
	margin-left: 0;
}
.azienda article#shoutgrad2 hgroup h2 mark.ele2 {
    margin-left: 170px;
}

article.shoutgrad.move3 hgroup h2 mark.ele3 {
	margin-left: 35px;
}

article.shoutgrad.move3 hgroup h2 mark.ele4 {
	margin-left: 52px;
}
.azienda article#shoutgrad2 hgroup h2 mark.ele4 {
    margin-left: -10px;
}
.promuovere #shoutgrad2 hgroup h2 mark.ele4 {
	margin-left: 142px !important;
}


article.shoutgrad.nomove hgroup h2 mark {
	display: inline;
}
article.shoutgrad.nomove hgroup h2 mark.ele1 {
	margin-left: unset;
}
article.shoutgrad.nomove hgroup h2 mark.ele2 {
	margin-left: unset;
}
article.shoutgrad.nomove hgroup h2 mark.ele3 {
	margin-left: unset;
}
article.shoutgrad.nomove hgroup h2 mark.ele4 {
	margin-left: unset;
}
/* strillo pesonalizzato */

/* \strillo animato gradiente */


/* HOME */
.home {
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow: hidden;
	position: fixed;
	-webkit-transform-style: preserve-3d;
	z-index:3;
	color: var(--color-title2);
	cursor: none;
}

/* BOTTONI SLIDER */


/* CURSORE SLIDER */

.cursor {
	width: var(--dim-select);
	height: var(--dim-select);
	z-index:10000;
	position:absolute;
	opacity:0;
	pointer-events:none;
	
	--duration: calc(var(--animate-duration) * 0.2);
	
	-webkit-transition: opacity var(--duration) ease-out 0s;
	-moz-transition: opacity var(--duration) ease-out 0s;
	-ms-transition: opacity var(--duration) ease-out 0s;
	transition: opacity var(--duration) ease-out 0s;	
}
.cursor img {
	width:40%;
	height:auto;
}
.cursor img, .cursor div {
	transform:translate(-50%,-50%);
}
/* .cursor img, .cursor svg, .cursor div { */
.cursor svg, .cursor div {
	width: var(--dim-select);
	height: var(--dim-select);
}
.cursor svg path {
	fill: #ffffff;
}
.cursor div {
	width: var(--dim-select);
    height: var(--dim-select);
}
.cursor div span {
	display: block;
	width: var(--dim-select);
    height: var(--dim-select);
    border-radius: 50em;
    background-color: transparent;
    border: dotted 2px var(--color-wh);
}

.cursor.default div span {
	-webkit-animation-name: rotatebtncircle;
	animation-name: rotatebtncircle;
	-webkit-animation-duration: calc(var(--animate-duration) * 20);
	animation-duration: calc(var(--animate-duration) * 20);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.slidemovesx {
    position: absolute;
    z-index: 11;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 26vw;
    margin: auto 0;
	cursor: none;
}
.slidemovedx, .slidemove {
    position: absolute;
    z-index: 11;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 26vw;
    margin: auto 0;
	cursor: none;
}
.slidemovedx div, .slidemove div, .slidemovesx div {
    position: absolute;
    z-index: 11;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 150%;
    margin: auto 0;
    pointer-events: none;
	cursor: none;
}
.slidemovesx div {
    left: 0;
    right: auto;
	cursor: none;
}
.slidemovesx:hover div {
	background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
}
.slidemovedx:hover div, .slidemove:hover div {
    background: linear-gradient(to left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
}
.home .slidemovesx, .home .slidemovedx, .home .slidemove {
	 width: 242px;
}
.slidemovesx, .slidemovedx, .slidemove {
	opacity:0;

	-webkit-transition: all 50ms ease-out 0s;
	-moz-transition: all 50ms ease-out 0s;
	-ms-transition: all 50ms ease-out 0s;
	transition: all 50ms ease-out 0s;
}
.slidemovesx:hover, .slidemovedx:hover, .slidemove:hover {
	opacity:0.6;

	-webkit-transition: all 250ms ease-out 0s;
	-moz-transition: all 250ms ease-out 0s;
	-ms-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
}
/* < -- HOME */

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

}
.slider .section {
	position:absolute;
	height:100%;
	width:100%;
}
.slider section article {
	opacity:0;
}
.slider .section.active article {
	opacity:1;
}

/* SLIDER INTRO */
#intro.slider .section {
	background-color:var(--bg-slider);
}

#intro.slider article {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 0;
    width: 884px;
    left: 0%;
    margin: 0 0 0 120px;
    transform: translate3d(0, -22%, 0);
}
#intro.slider hgroup {
	position:relative;
}
#intro.slider h2 {	
    color: var(--color-wh);
    line-height: 0.873;
    text-align: left;
    padding: 0;
    margin: 0;
}
#intro.slider h2 span {
    display:block;
}
#intro.slider h2 span span {
    position: relative;
	display:inline-block;
}

/* H2 ELE1 */
#intro.slider h2 span.ele1 {
    text-align: left;
    text-transform: uppercase;
}
#slide1 h2 span.ele1 {
    margin-left: 0;
}
#slide2 h2 span.ele1 {
    margin-left: 0;
}
#slide3 h2 span.ele1 {
    margin-left: 110px;
}

/* H2 ELE2 */
#intro.slider h2 span.ele2 {
    text-align: right;
    text-transform: uppercase;
}
#slide1 h2 span.ele2 {
    margin-right: 150px;
}
#slide2 h2 span.ele2 {
    margin-right: 136px;
}
#slide3 h2 span.ele2 {
    margin-right: 188px;
}

/* H2 ELE3 */
#intro.slider h2 span.ele3 {
    text-align: left;
    text-transform: uppercase;
}
#slide1 h2 span.ele3 {
    margin-left: 80px;
}
#slide2 h2 span.ele3 {
    margin-left: 66px;
}
#slide3 h2 span.ele3 {
    margin-left: 0;
}

/* H2 ELE4 */
#intro.slider h2 span.ele4 {
    text-align: right;
    text-transform: uppercase;
}
#slide1 h2 span.ele4 {
    margin-right: 22px;
}
#slide2 h2 span.ele4 {
    margin-right: 0;
}
#slide3 h2 span.ele4 {
    margin-right: 94px;
}

#intro.slider h3 {
    color: var(--color-wh);
    line-height: 1.091;
	letter-spacing: -0.020em;
	text-align: right;
    text-transform: none;
	
    -webkit-text-stroke-width: 0;
    -webkit-text-stroke-color: inherit;
	
    position: absolute;
    left: 0;
    bottom: 0;
    width: 420px;
    z-index: 66;
    transform: translate3d(-100%, 0, 0);
    padding: 0 10px 0 0;
}

/* SFONDO SLIDER */
.slideshow {
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 0;
	overflow: hidden;
	position: absolute;
	pointer-events: none;
}

.slideshow figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 2s ease-in-out;
}

.slideshow figure.active {
    opacity: 1;
}

.slideshow figure img {
    object-fit: cover;
    object-position: center;
	width: 100%;
    height: 100%;
}
.slideshow figure figcaption {
    bottom: 30px;
    left: 40px;
    position: absolute;
    z-index: 2;
    color: var(--color-wh);
    font-size: 12px;
    max-width: 290px;
    font-weight: 600;
	
	display:none;
}

.filter1 {
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto 0 0;
	width: 606px;
	opacity: 0.30;
	z-index: 10;
	overflow: hidden;
	position: absolute;
	pointer-events: none;
	
    transition: background-color 2s ease-out;
}
.filter2 {
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto 0 0;
	width: 578px;
	opacity: 0.42;
	z-index: 9;
	overflow: hidden;
	position: absolute;
	pointer-events: none;
	
    transition: background-color 2s ease-out;
}
.slideshow.cssfilter1 .filter1, .slideshow.cssfilter1 .filter2 {
	background-color: var(--filter-1);
}
.slideshow.cssfilter2 .filter1, .slideshow.cssfilter2 .filter2 {
	background-color: var(--filter-2);
}
.slideshow.cssfilter3 .filter1, .slideshow.cssfilter3 .filter2 {
	background-color: var(--filter-3);
}
.slideshow.cssfilter4 .filter1, .slideshow.cssfilter4 .filter2 {
	background-color: var(--filter-4);
}
.slideshow.cssfilter5 .filter1, .slideshow.cssfilter5 .filter2 {
	background-color: var(--filter-5);
}
.slideshow.cssfilter6 .filter1, .slideshow.cssfilter6 .filter2 {
	background-color: var(--filter-6);
}
.slideshow.cssfilter8 .filter1, .slideshow.cssfilter8 .filter2 {
	background-color: var(--filter-8);
}
.slideshow.cssfilter9 .filter1, .slideshow.cssfilter9 .filter2 {
	background-color: var(--filter-9);
}
.slideshow.cssfilter10 .filter1, .slideshow.cssfilter10 .filter2 {
	background-color: var(--filter-10);
}
.slideshow.cssfilter12 .filter1, .slideshow.cssfilter12 .filter2 {
	background-color: var(--filter-12);
}
.slideshow.cssfilter13 .filter1, .slideshow.cssfilter13 .filter2 {
	background-color: var(--filter-13);
}
.maskbg {
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow: hidden;
	position: absolute;
	z-index: 8;
	opacity: 0.15;
	background-color: var(--color-bl);
	pointer-events: none;
}
/* /SLIDER */


/* ANIMAZIONE INTRO */
:root {
	--duration-multiple: 250;
}

#intro.slider .section.active hgroup h2 span.ele1 span.spanele, #intro.slider .section.active hgroup h2 span.ele3 span.spanele {
	opacity: 0; 
	transform: translateX(100px);
}
#intro.slider .section.active hgroup h2 span.ele2 span.spanele, #intro.slider .section.active hgroup h2 span.ele4 span.spanele {
	opacity: 0; 
	transform: translateX(-100px);
}
#intro.slider .section.active h2 span.ele1 span.spanele, #intro.slider .section.active h2 span.ele3 span.spanele {
 	-webkit-animation-name: eleRight;
	animation-name: eleRight;
	-webkit-animation-duration: calc(var(--animate-duration) * var(--duration-multiple));
	animation-duration: calc(var(--animate-duration) * var(--duration-multiple));
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	animation-timing-function: cubic-bezier(0, 0, 0.2, 1.01);
}
#intro.slider .section.active h2 span.ele2 span.spanele, #intro.slider .section.active h2 span.ele4 span.spanele {
	-webkit-animation-name: eleLeft;
	animation-name: eleLeft;
	-webkit-animation-duration: calc(var(--animate-duration) * var(--duration-multiple));
	animation-duration: calc(var(--animate-duration) * var(--duration-multiple));
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	animation-timing-function: cubic-bezier(0, 0, 0.2, 1.01);
}
#intro.slider .section.active hgroup h2 span.ele1 span.spanele {	
	-webkit-animation-delay: calc(var(--animate-delay) * 1);
	animation-delay: calc(var(--animate-delay) * 1);
}
#intro.slider .section.active hgroup h2 span.ele2 span.spanele {	
	-webkit-animation-delay: calc(var(--animate-delay) * 1.25);
	animation-delay: calc(var(--animate-delay) * 1.25);
}

#intro.slider .section.active hgroup h2 span.ele3 span.spanele {	
	-webkit-animation-delay: calc(var(--animate-delay) * 1.50);
	animation-delay: calc(var(--animate-delay) * 1.50);
}
#intro.slider .section.active hgroup h2 span.ele4 span.spanele {	
	-webkit-animation-delay: calc(var(--animate-delay) * 1.75);
	animation-delay: calc(var(--animate-delay) * 1.75);
}

#intro.slider .section h3 span {
	opacity:0;
}
#intro.slider .section.active h3 span {
	-webkit-animation-name: fadeInLeftZK;
	animation-name: fadeInLeftZK;
	-webkit-animation-duration: calc(var(--animate-duration) * 1.2);
	animation-duration: calc(var(--animate-duration) * 1.2);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-delay: calc(var(--animate-delay) * 2.2);
	animation-delay: calc(var(--animate-delay) * 2.2);
}

#intro.slider .section .filter1, #intro.slider .section .filter2 {
}
#intro.slider .section.active .filter1, #intro.slider .section.active .filter2 {
	-webkit-animation-name: FromLeftLongZK;
	animation-name: FromLeftLongZK;
	-webkit-animation-duration: calc(var(--animate-duration) * 1.5);
	animation-duration: calc(var(--animate-duration) * 1.5);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
#intro.slider .section.active .filter1 {
	-webkit-animation-delay: calc(var(--animate-delay) * 1);
	animation-delay: calc(var(--animate-delay) * 1);
}
#intro.slider .section.active .filter2 {
	-webkit-animation-delay: calc(var(--animate-delay) * 1.50);
	animation-delay: calc(var(--animate-delay) * 1.50);
}
/* \animazione intro */

/* STRILLO ANIMAZIONE */
article.shout hgroup h2 span.ele1, article.shout hgroup h2 span.ele3 {
	opacity: 0; 
	transform: translateX(100px);
}
article.shout hgroup h2 span.ele2, article.shout hgroup h2 span.ele4 {
	opacity: 0; 
	transform: translateX(-100px);
}

.overlaypan.open article.shout hgroup h2 span.ele1, .overlaypan.open article.shout hgroup h2 span.ele3 {
 	-webkit-animation-name: eleRight;
	animation-name: eleRight;
	-webkit-animation-duration: calc(var(--animate-duration) * var(--duration-multiple));
	animation-duration: calc(var(--animate-duration) * var(--duration-multiple));
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	animation-timing-function: cubic-bezier(0, 0, 0.2, 1.01);
}
.overlaypan.open article.shout hgroup h2 span.ele2, .overlaypan.open article.shout hgroup h2 span.ele4 {
	-webkit-animation-name: eleLeft;
	animation-name: eleLeft;
	-webkit-animation-duration: calc(var(--animate-duration) * var(--duration-multiple));
	animation-duration: calc(var(--animate-duration) * var(--duration-multiple));
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	animation-timing-function: cubic-bezier(0, 0, 0.2, 1.01);
}

article.shout hgroup h2 span.ele1 {	
	-webkit-animation-delay: calc(var(--animate-delay) * 1);
	animation-delay: calc(var(--animate-delay) * 1);
}
article.shout hgroup h2 span.ele2 {	
	-webkit-animation-delay: calc(var(--animate-delay) * 1.25);
	animation-delay: calc(var(--animate-delay) * 1.25);
}

article.shout hgroup h2 span.ele3 {	
	-webkit-animation-delay: calc(var(--animate-delay) * 1.50);
	animation-delay: calc(var(--animate-delay) * 1.50);
}
article.shout hgroup h2 span.ele4 {	
	-webkit-animation-delay: calc(var(--animate-delay) * 1.75);
	animation-delay: calc(var(--animate-delay) * 1.75);
}
/* \animazione strillo */

/* ANIMAZIONE ELEMENTI HGROUP */
@keyframes eleRight {
	0% { opacity: 0; transform: translateX(100px); }
	1% { opacity: 1; transform: translateX(0px); }
	100% { opacity: 1; transform: translateX(-80px); }
}
@keyframes eleLeft {
	0% { opacity: 0; transform: translateX(-100px); }
	1% { opacity: 1; transform: translateX(0px); }
	100% { opacity: 1; transform: translateX(80px); }
}

@keyframes eleRightA {
	0% {  transform: translateX(100px); }
	1% {  transform: translateX(0px); }
	100% {  transform: translateX(-80px); }
}
@keyframes eleLeftA {
	0% { transform: translateX(-100px); }
	1% {  transform: translateX(0px); }
	100% {  transform: translateX(80px); }
}

/* PAGINATION */
.pagination {
	position: fixed;
	left:50%;
	bottom: 56px;
	z-index: 5;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	transform: translate3d(-50%,-50%,0);
	opacity: 1;
}
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: transparent;
	transform: translate(0, -50%);

	-webkit-transition: all var(--animate-duration) ease-out 0s;
	-moz-transition: all var(--animate-duration) ease-out 0s;
	-ms-transition: all var(--animate-duration) ease-out 0s;
	transition: all var(--animate-duration) ease-out 0s;

	display: none;
}
.scheda-pan .pagination div {
}

.pagination ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.pagination ul {
	display:flex;
}
.pagination li {
	padding: 0;
	margin: 0 10px;
}
.pagination li a {
	position: relative;
	width: 8px;
	height: 8px;
	margin: 0;
	padding: 0;
	display: block;
	cursor:pointer;
	text-align:center;

	-webkit-transition: all var(--animate-duration) ease-out 0s;
	-moz-transition: all var(--animate-duration) ease-out 0s;
	-ms-transition: all var(--animate-duration) ease-out 0s;
	transition: all var(--animate-duration) ease-out 0s;
}
.pagination li a span {
	position: absolute;
	display: block;
	z-index: 1;
	width: 8px;
	height: 8px;
	top:0;
	left:50%;
	margin: 0;
	padding: 0;
	-webkit-border-radius: 50em;
	border-radius: 50em;
	background: var(--color-wh);
	transform:translate(-50%,0);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.18);

	-webkit-transition: all var(--animate-duration) ease-out 0s;
	-moz-transition: all var(--animate-duration) ease-out 0s;
	-ms-transition: all var(--animate-duration) ease-out 0s;
	transition: all var(--animate-duration) ease-out 0s;
}
.scheda-pan .pagination li a span {
}

.pagination li a:hover span {
	background: var(--color-nav);
	box-shadow: 0px 2px 5px 0px rgba(var(--dropscom-BASE3rgb), 0.65);
}

.scheda-pan .pagination li a:hover span {
}
.pagination li a.active, .pagination li a.active span {
	-webkit-animation-name: animaDROPSCOM;
	animation-name: animaDROPSCOM;
	-webkit-animation-duration: calc(var(--animate-duration) * 1);
	animation-duration: calc(var(--animate-duration) * 1);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
.scheda-pan .pagination li a.active span {
}
.pagination li a span.evi {
	display:none;
}
.scheda-pan .pagination li a span.evi {
}
.pagination li a:hover span.evi {
}
.pagination li a.active span.evi {
}
/* /PAGINATION */

/* ELEMENTI */
.scrolldown {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -24px;
    margin-bottom: -50px;
    width: var(--w-ele);
    height: 40px;
    background-image: url(ICN_arrow_long_down_1c.png);
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}
body.open .scrolldown {
	-webkit-animation-name: ScrollDown;
	animation-name: ScrollDown;
}

.scrollright {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: -50px;
    margin-bottom: -10px;
    width: 40px;
    height: 40px;
    background-image: url(ICN_arrow_long_right_1w.png);
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}
body.open .scrollright, .pagination .scrollright {
	-webkit-animation-name: ScrollRight;
	animation-name: ScrollRight;
}

body.open .scrollright, .pagination .scrollright, body.open .scrolldown {
	z-index: 100;
	opacity: 0.4;
	-webkit-animation-duration: calc(var(--animate-duration) * 0.7);
	animation-duration: calc(var(--animate-duration) * 0.7);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate-reverse;
	animation-direction: alternate-reverse;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	animation-timing-function: cubic-bezier(0, 0, 0.52, 1.15);
}

/* COMUNICAZIONI */
.bell {
	width: 42px;
	height: 42px;
	background-color: #ffffff;
	transform: scale(1);
	-ms-transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform: scale(1);
	-o-transform:scale(1);
	border-radius: 50em;
	background-image: url(ICN_bell_01.gif);
	background-position: center;
	background-size: 22px;
	background-repeat: no-repeat;
	opacity:0;
	pointer-events:none;
	vertical-align: middle;
	margin: 0 0 0 20px;
}
.bell.com-show {
	opacity:1;
	pointer-events: all;
	cursor: pointer;

	-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;
	-moz-transition:    all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.bell.com-show:hover {
    transform: scale(1.15);
	-ms-transform:scale(1.15);
	-moz-transform:scale(1.15);
	-webkit-transform:scale(1.15);
	-o-transform:scale(1.15);
}

/* MENUBAR */
.menubar {
	position: sticky;
	z-index:20;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 0 0 var(--brd-scheda);
	padding: 0;
}

.menubar-main {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    padding: var(--distanza-y) var(--distanza-x);
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
}

.menubar-logo {
	margin: 0 auto 0 0;
}
/* .menubar-logo img {
	width:66px;
	height:auto;
	display:block;
	border:0;
} */
.menubar-logo img {
    height: 54px;
    width: auto;
    display: block;
    border: 0;
    transform: translate(0, -15px);
}
.menubar-nav {
	margin: 0 0 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-end;
	align-items: center;
}

.menubar-summary {
    text-align: right;
	padding: 0 34px 0 0;
}
.menubar-summary span {
    color: var(--color-nav);
    line-height: 0.5;
}

.menubar-line {
    padding: 1px 18px 0 0;
}
.menubar-line span {
	width:405px;
	height:2px;
	display:block;
	vertical-align:middle;
	margin: auto 0;
	border:0;
	background-color:var(--color-nav);
	opacity: 0.35;
}

.menubar-close {
	margin: 0;
	position: relative;
	cursor:pointer;	
}
.menubar-close, .menubar-close img {
	width: var(--w-ele);
	height: var(--w-ele);
	cursor:pointer;	
}
.menubar-close:hover img {
    -webkit-animation-name: growInZK; 
    animation-name: growInZK; 
	-webkit-animation-duration: 0.6s; 
    animation-duration: 0.6s; 
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes growInZK { 
    0% { 
        -webkit-transform: scale(0.2); 
    } 
    50% { 
        -webkit-transform: scale(1.2); 
    } 
    100% { 
        -webkit-transform: scale(1); 
    } 
} 
@keyframes growInZK { 
    0% { 
        transform: scale(0.2); 
    } 
    50% { 
        transform: scale(1.2); 
    } 
    100% { 
        transform: scale(1); 
    } 
} 
.menubar-sdw {
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 180px;
    position: absolute;
    z-index: -1;
    pointer-events: none;
    background-image: url("sfuma_scroll_grey180_01.png");
    background-position: right top;
    background-repeat: repeat-x;
    background-size: auto 100%;
}
/* /MENUBAR */

/* SCHEDA */
.scheda-pan {
    margin: 0 0 0 auto;
	padding: 0;
    top: 0;
    right: 0;
    position: absolute;
    text-align: center;
    vertical-align: top;
    z-index: 2;
    height: 100%;
    width: var(--w-pan);
}

.scheda-bg {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 0;
	overflow: hidden;
	pointer-events:none;
	background-color: var(--bg-page);
	transform: translateY(0);
	/* transition: transform 0.2s; */
}
.scheda-bg.up {
	transform: translateY(-(var(--footer)));
}
.scheda-bg-main {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	margin: 0 0 0 var(--brd-scheda);
	overflow: hidden;
	pointer-events:none;
	background-color: var(--bg-scheda);
}
.scheda-bg-main img {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	min-width:100%;
	height:auto;
	z-index:1;
	margin:0;
	pointer-events:none;
	transform: translate(-50%,-50%);
	
	--increment: 3;
	
 	-webkit-transition: all calc(var(--animate-duration) * var(--increment)) cubic-bezier(0.26, 1.26, 0.78, 0.99);
	-moz-transition: all calc(var(--animate-duration) * var(--increment)) cubic-bezier(0.26, 1.26, 0.78, 0.99);
	-ms-transition:  all calc(var(--animate-duration) * var(--increment)) cubic-bezier(0.26, 1.26, 0.78, 0.99);
	transition:  calc(var(--animate-duration) * var(--increment)) cubic-bezier(0.26, 1.26, 0.78, 0.99);
}

.scheda-main {
    margin: 0 0 0 auto;
    /* padding: 0 0 var(--footer); */
	padding: 0;
    top: 0;
    right: 0;
    position: absolute;
    text-align: center;
    vertical-align: top;
    z-index: 3;
    height: 100%;
    width: 100%;
	
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
	
	box-shadow: -6px 0px 24px 0px rgba(0, 0, 0, 0.24);
}
/* NASCONDI LA BARRA DI SCORRIMENTO MA CONSENTI LO SCORRIMENTO */
.scheda-main  {
	-ms-overflow-style: none; /* for Internet Explorer, Edge */
	scrollbar-width: none; /* for Firefox */
}
.scheda-main ::-webkit-scrollbar {
	display: none; /* for Chrome, Safari, and Opera */
}
.partfooter {
	position:relative;
	z-index: 2;
	height:var(--footer);
}
.scheda-body {
	position:relative;
	padding: 0;
	margin: 0 0 0 var(--brd-scheda);
	min-height: 100%;
	z-index: 10;
	display: flex;
	flex-direction: column;
}

.scheda-paragrafo {
    position: relative;
    z-index: 1;
    display: flex;
    padding: var(--distanza-y) var(--distanza-x);
    width: 100%;
    max-width: var(--max-w);
    margin: 0 auto 0 0;
}

.scheda-paragrafo.startpart {
	/* min-height: 100vh; */
}
.scheda-paragrafo.endpart {
}
.scheda-paragrafo.movetoppart .scheda-column {
	padding-top: 0 !important;
}


.scheda-column {
	position:relative;
	flex: 50%;
	text-align: left;
}

.grouppart {
	
}
.grouppart article.shoutgrad {
    position: fixed;
    top: var(--pad-top-shoutgrad);
    height: fit-content;
    margin-left: var(--distanza-x);
    transform: translate(-16px, 0);
    pointer-events: none;
}

/* ARTICOLO */ 
.scheda-article {
	position:relative;
	margin-top: auto;
}
.scheda-article h2 {
	position:relative;
	color: var(--color-title);
	line-height: 1.111;
}
.scheda-article p {
	position:relative;
	color: var(--color-text);
	line-height: 1.278;
}

#didagallerybox {
    position: sticky;
    top: var(--offset);
    margin: 0 0 auto 0;
}

article.scheda-article.didagallery {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
article.scheda-article.didagallery p {
	position:absolute;
	top:0;
	right:0;
	margin-top: 450px;
}

article.scheda-article.didagallery p span {
	opacity:0;	
	
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition:  all 100ms ease-in;
	transition:  all 100ms ease-in;
}
article.scheda-article.didagallery p.active span {
    opacity:1;
	
	-webkit-transition: all 300ms ease-out 100ms;
	-moz-transition: all 300ms ease-out 100ms;
	-ms-transition:  all 300ms ease-out 100ms;
	transition:  all 300ms ease-out 100ms;
}

/* LAYOUT 1  */ 
.scheda-paragrafo.layout1 article.shoutgrad {
    top: calc( var(--pad-top-shoutgrad) - var(--distanza-y) );
    bottom: auto;
}
.scheda-paragrafo.layout1 {
/*     align-content: flex-start;
    align-items: flex-start; */
}
.sx-layout1 {
	flex: 46%;
}
.dx-layout1 {
    flex: 54%;
    padding-top: var(--pad-top);
}
/* COLONNA LAYOUT 1 */
.dx-layout1 .scheda-article h2 {
    margin: 0 20px 60px 28px;
}
.dx-layout1 .scheda-article p {
	margin: 0 28px 80px 28px;
	column-count: 2;
	column-gap: 40px;
	column-fill: balance;
}

/* LAYOUT 2 */ 
.scheda-paragrafo.layout2 {
    align-content: flex-start;
	align-items: stretch;
}
.sx-layout2 {
    flex: 29%;
    z-index: 10;
}
.dx-layout2 {
	flex: 71%;
	padding-top: var(--pad-top);
}
/* COLONNA LAYOUT 2 */
.sx-layout2 article.scheda-article {
    /* height: 682px; */
    display: flex;
    align-items: flex-end;
}
.sx-layout2 .scheda-article p {
	text-align: right;
	margin: 20px 20px 20px 0;
}

/* LAYOUT 3 */ 
.scheda-paragrafo.layout3 {
    align-content: center;
    align-items: center;
    justify-content: center;
}
.ct-layout3 {
	flex: 100%;
	padding-top:var(--pad-top);
	text-align: center;
}
.layout3 article.shoutgrad {
	position: relative;
    top: auto;
    width: auto;
    height: fit-content;
    right: auto;
    transform: unset;
    bottom: auto;
	text-align:right;
}
.layout3 article.shoutgrad hgroup h2 {
	text-align:right;
}

/* STICKY */
.content--sticky {
    position: sticky;
    top: var(--offset);
    /* height: calc(100vh - var(--offset)); */
}
.content--sticky.endelement {
	height: 400px;
    min-height: 400px;
}
.content--sticky.sticky-navbar {
	background-color:red;
}

/* LAYOUT 4 */ 
.layout4 article.shoutgrad {
    top: auto;
    height: fit-content;
    right: auto;
    transform: translate(-16px, -82px);
    bottom: 0;
}
.layout4 .btncircle {
    margin: 0 -15px -40px 0;
}
.scheda-paragrafo.layout4 {
    align-content: flex-start;
    align-items: flex-start;
}
.sx-layout4 {
	flex: 66%;
	padding-top:86px;
	padding-right: 26px;
}
.dx-layout4 {
	flex: 34%;
	padding-top:86px;
}
.dx-layout4 .scheda-article h2 {
	margin: 30px 20px 34px 28px;
	color: var(--color-or);
	transform: translate(-179px, 0);
	width: 120%;
}
.dx-layout4 .scheda-article p {
	margin: 0 28px 80px 28px;
	width: 84%;
}

/* LAYOUT 5 */ 
.scheda-paragrafo.layout5 {
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: var(--distanza-y) 0;
    max-width: unset;
}
.scheda-paragrafo.layout5 .scheda-strillo {
    padding: calc(var(--distanza-y) * 1.5) var(--distanza-x) var(--distanza-y);
    max-width: var(--max-w);
}

.ct-layout5 {
	flex: 100%;
	padding-top:var(--pad-top);
	text-align: center;
}
.layout5 article.shoutgrad {
	position: relative;
	top: auto;
	width: auto !important;
	height: fit-content;
    right: 0;
	transform: unset;
	bottom: auto;
	text-align:right;
    left: auto;
    margin: 0 0 0 auto;
}
#shoutSTR2 {
	display: block;
}
.layout5 article.shoutgrad hgroup h2 {
	text-align:right;
}

.grouppart.promuovere article.shoutgrad.shoutgallery {
	display:none;
}

#didagallerybox .btncircle {
    margin: 482px -960px auto 0;
    top: 0;
    left: auto;
    right: 0;
}

.scheda-strillo {
    position: relative;
    display: flex;
    flex-direction: row;
}
.scheda-strillo-sx {
    flex: 75%;
    align-content: right;
}
.scheda-strillo-dx {
    flex: 25%;
    align-content: center;
}
.scheda-strillo-dx .btncircle {
    position: relative;
    z-index: 150;
    bottom: 0;
    right: 0;
    margin: auto;
    top: 0;
    left: 0;
}

/* IMMAGINI SCHEDA */
.scheda-boximg {
	position:relative;
	padding: 0 0 0 20px;
}

.boximg, .boximg figure, .boximg img  {
	width:900px;
	height:600px;
}
.boximg {
	min-height:800px;
	height: calc(100vh - var(--offset));
}

.boximg figure {
	display:block;
	border-radius: var(--border-radius);
	box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.24);
	overflow:hidden;
}
.boximg img {
	display:block;
	object-fit: cover;
	object-position: center;
}
.boximg.content--sticky figure, .boximg.oneimg.content--sticky figure {
	transform: rotate(0deg) translate(0px, 0px);
	
	-webkit-transition: all 800ms cubic-bezier(0.26, 1.26, 0.78, 0.99);
	-moz-transition: all 800ms cubic-bezier(0.26, 1.26, 0.78, 0.99);
	-ms-transition:  all 800ms cubic-bezier(0.26, 1.26, 0.78, 0.99);
	transition:  all 800ms cubic-bezier(0.26, 1.26, 0.78, 0.99);
}
.boximg.content--sticky.pinned.rotate figure {
	transform: rotate(6deg) translate(12px, -14px);
}
.boximg.rotate2.content--sticky.pinned.rotate figure {
	transform: rotate(-6deg) translate(-8px, -14px);
}
.boximg.rotate3.content--sticky.pinned.rotate figure {
	transform: rotate(10deg) translate(56px, -14px);
}
.boximg.rotate4.content--sticky.pinned.rotate figure {
	transform: rotate(-12deg) translate(-8px, -14px);
}
.boximg.rotate5.content--sticky.pinned.rotate figure {
    transform: rotate(4deg) translate(1px, -5px);
}
.boximg.rotate6.content--sticky.pinned.rotate figure {
	transform: rotate(-9deg) translate(-8px, -14px);
}
.boximg.rotate7.content--sticky.pinned.rotate figure {
	transform: rotate(8deg) translate(34px, -14px);
}
.boximg.rotate8.content--sticky.pinned.rotate figure {
	transform: rotate(-16deg) translate(-8px, -14px);
}
.boximg.rotate9.content--sticky.pinned.rotate figure {
	transform: rotate(14deg) translate(56px, -14px);
}
.boximg.rotate10.content--sticky.pinned.rotate figure {
	transform: rotate(7deg) translate(12px, -14px);
}

.boximg.oneimg.content--sticky.pinned.rotate figure {
	transform: rotate(0deg) translate(0px, 0px);
}

.boximgbig {
    position: relative;
	margin: auto;
	border-radius: var(--border-radius);
	box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.24);
	overflow:hidden;
}
.boximgbig, .boximgbig img  {
	width:1080px;
	height:605px;
}
.boximgbig img {
	display:block;
	object-fit: cover;
	object-position: center;
}

.boximgbig video {
    position: absolute;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    vertical-align: top;
    text-align: center;
    z-index: 1;
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px;
}
.boximgbig video::-internal-media-controls-download-button {
    display:none;
}
.boximgbig video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

.boximgv {
	margin: 0 0 auto auto;
	position:relative;
	border-radius: var(--border-radius);
	box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.24);
	overflow:hidden;
}
.boximgv, .boximgv img  {
	width:570px;
	height:700px;
}
.boximgv img {
	display:block;
	object-fit: cover;
	object-position: center;
}

/* PAGINATORE */
.pagepagination-box {
    position: fixed;
    z-index: 11;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1px;
    right: var(--distanza-x);
    width: var(--w-ele);
    visibility: visible;
    text-align: right;
    opacity: 1;
    -webkit-transition: all var(--animate-duration) ease-out var(--animate-delay);
    -moz-transition: all var(--animate-duration) ease-out var(--animate-delay);
    -ms-transition: all var(--animate-duration) ease-out var(--animate-delay);
    transition: all var(--animate-duration) ease-out var(--animate-delay);
}

.pagepagination {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: right;
	z-index:2;
	margin: 0 auto;
	padding: 0;
	
	-webkit-transition: all var(--animate-duration) ease-out 0s;
	-moz-transition: all var(--animate-duration) ease-out 0s;
	-ms-transition: all var(--animate-duration) ease-out 0s;
	transition: all var(--animate-duration) ease-out 0s;
}
.pagepagination ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}
.pagepagination li {
	text-align:right;
	margin: 0;
	padding: 0;
}
li.pagepaginationdot a {
	display:block;
	padding: 10px;
	text-align: center;
}
li.pagepaginationdot a span {
	display:block;
	width: 8px;
	height: 8px;
	margin: auto;
	border-radius: 50em;
	background: var(--color-nav);
	box-shadow: 0px 2px 3px 0px rgba(var(--color-bl), 0.18);
	
	-webkit-transition: all var(--animate-duration) ease-out 0s;
	-moz-transition: all var(--animate-duration) ease-out 0s;
	-ms-transition: all var(--animate-duration) ease-out 0s;
	transition: all var(--animate-duration) ease-out 0s;
}
li.pagepaginationdot.active a span {
    box-shadow: 0px -2px 5px 0px rgba(var(--color-navRGB), 0.65);
}
li.pagepaginationdot.active a span {
	pointer-events: none;
	
	-webkit-animation-name: animaDROPSCOMv;
	animation-name: animaDROPSCOMv;
	-webkit-animation-duration: calc(var(--animate-duration) * 1);
	animation-duration: calc(var(--animate-duration) * 1);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
/* \SCHEDA */

/* TICKER */
.scheda-ticket {
    position: relative;
    width: 100%;
    height: 180px;
    margin: 0 0 20px 0;
    overflow: hidden;
    pointer-events: none;
}
.carouselTicker {
	position: absolute;
	left: 0;
	top: 0;
}
.carouselTicker__list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
.carouselTicker__item {
	float: left;
	margin-right: 20px;
	width: 280px;
	height: 180px;
	line-height: 180px;
	border-radius: var(--border-radius);
	overflow:hidden;
}
.carouselTicker__item img {
	vertical-align: top;
	width: 100%;
	height: 100%;
	object-fit:cover;
	object-position:center;
}
/* \TICKER */

/* FOOTER */
.footer {
    background-color: var(--bg-page);
    height: var(--footer);
	display:block;
}
.footer-main {
	box-shadow: inset 0px 12px 24px 0px rgba(0, 0, 0, 0.35);
    background-color: var(--bg-footer);
    margin: 0 auto;
    width: 100%;
    height: var(--footer);
    padding: 40px calc(var(--distanza-x) + var(--brd-scheda)) 86px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: var(--color-wh);
    align-items: flex-end;
}
.footer-sx {
	text-align:left;
	width: 60%;
	padding-left: 35px;
}
.footer-dx {
    text-align: right;
    padding-right: 35px;
}

.footer-btn {
	
}
.footer-btn .btncircle {
	position:relative;
	margin:0;
}


article.footer-sx h2 {
    line-height: 1;
    padding: 0 0 20px 0;
}
article.footer-sx p {
	line-height: 1.38;
}
article.footer-dx p.ftxt {
    line-height: 1.25;
    margin: 0;
    padding: 0 3px 20px 0;
}
article.footer-dx p.flink {
	line-height: 1.2;
	margin: 0;
	padding: 0;
	color: var(--color-nav);
}
article.footer-dx p.flink a:link, article.footer-dx p.flink a:visited, article.footer-dx p.flink a:hover, article.footer-dx p.flink a:active {
	text-decoration: none;
	color: var(--color-nav);
	cursor:pointer;
	
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
article.footer-dx p.flink a:hover {
	color: var(--color-wh);
}

.footer-group {
    width: 100%;
    background-color: transparent;
    margin: 0 auto;
    padding: 50px var(--distanza-x) 36px;
}
.logogroup {
    display: block;
    margin: 0 auto;
    width: 211px;
    height: auto;
}

.label-stock {
	position:fixed;
	top:21.9vh;
	right:0;
	z-index:20;
	pointer-events:none;
}
.label-stock.active {
	pointer-events:all;
}
.stock {
	background-color: rgba(var(--color-buRGB),0.941);
	box-shadow: 0px 12px 24px 0px rgba(var(--color-buRGB), 0.5);
	position: relative;
	z-index: 3;
	padding: 26px 24px 28px 18px;
	color: var(--color-wh);
	text-align: right;
	width: auto;
	max-width: 320px;
	border-radius: 20px 0px 0px 20px;
	
	transform: translateX(100%);
	
	--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;
}
.label-stock.active .stock {
	transform: translateX(0);
	cursor: pointer;
}

.stock h3 {
	line-height: 1;
	padding-bottom: 11px;
	text-transform: uppercase;
	opacity: 0.5;
	cursor: pointer;
}
.stock h2 {
	line-height: 1.097;
	padding-bottom: 1px;
	cursor: pointer;
}
.stock p {
	line-height: 1.25;
	cursor: pointer;
}

/* CHANGE LANG */ 
.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;
}
.langpanel-btn a {
    margin: 0 15px !important;
    min-width: 100px !important;
}
.langpanel-btn a:hover, .btnrounded-min: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;
}

/* MEDIA */
@media screen and (max-width: 1680px) {
.scheda-paragrafo {
    padding: var(--distanza-y) calc(var(--distanza-x) * 1.5) var(--distanza-y) var(--distanza-x);
}
}

@media screen and (max-height: 900px) {
.contact-adr {
    padding-bottom: 3vh;
}

.pancontact .overlaypan .address {
    padding-top: 5vh;
}

.contact-btn {
    margin-bottom: 4vh;
}

.pancontact .overlaypan .copy {
    padding-top: 1vh;
}

}

/* MEDIA --- SCALA 76% -- > */
/* @media screen and (max-width: 1536px) { */
@media screen and (max-width: 1440px), (max-height: 700px) {
:root {
	--distanza-x: 55px;
	--distanza-y: 35px;
	--footer: 304px;
	--menu-sz: 13px;
	--max-w: unset;
	--pad-lateral: 65px;
	--nav-lat: 69px;
	--w-ele: 35px;
	--brd-scheda: 22px;
	--pad-top: 92px;
	--pagination: 28px;
	--rotate-inc: 5deg;
	--pad-top-shoutgrad: 162px;
	--border-radius: 16px;
	--dim-select: 48px;
}

.fsText14{ font-size:14px; }
.fsText15{ font-size:14px; }
.fsText16{ font-size:14px; }
.fsText18 { font-size:14px; }
.fsText20{ font-size:16px; }
.fsText21{ font-size:17px; }
.fsText22{ font-size:17px; }
.fsText24{ font-size:19px; }
.fsText26{ font-size:20px; }
.fsText28{ font-size:22px; }
.fsText30{ font-size:23px; }
.fsText31{ font-size:24px; }
.fsText32{ font-size:25px; }
.fsText36{ font-size:28px; }
.fsText40{ font-size:31px; }
.fsText52 { font-size:40px; }
.fsText64{ font-size:49px; }
.fsText72{ font-size:55px; }
.fsText140{ font-size:107px; }
.fsText119{ font-size:90px; }

/* 72.4 - 70
.fsText103{ font-size:75px; } */
.fsText103{ font-size:72px; }

a.btnrounded:link, a.btnrounded:visited, a.btnrounded:active, .btnrounded {
	height: 34px;
	padding: 0 19px 2px;
}
a.btnrounded.icon, .btnrounded.icon {
    height: 42px;
    width: 186px;
    padding: 0 19px 0;
}
.btncircle {
    width: 130px;
    height: 130px;
    margin: 0 92px 92px 0;
}
.circle-op {
	width: 130px;
	height: 130px;
}
.circle-wh {
	width: 114px;
	height: 114px;
	margin: 8px;
}
.btncircle img.btnrotate {
	width: 114px;
	height: 114px;
	margin: 8px;
}
.logocover {
	margin-top:-83px;
	margin-left:-150px;
	width: 300px;
	height: 117px;
}
.logo {
/* 	width: 175px;
	height: 39px; */
	
    height: 53px;
    transform: translate(0, -20px);
	
    margin-left: calc(var(--nav-lat)* 1.5);
}
.select {
	bottom: 4px;
	left: 43px;
}
.select1 {
    transform: translate(-7px,9px);
}
.selectline {
	left: 13px;
	width: 32px;
}
.contact-nwl article.shout {
    margin: 0 61px 87px 61px;
}
.btnclose {
	margin-top: 19px;
}

.contact-adr {
	padding-top: var(--distanza-y);
	padding-left: 47px;
	padding-right: 47px;
}
.pancontact .overlaypan header {
    margin: 0 0 0 29px;
}
.pancontact .overlaypan header .logoc {
    height: 70px;
    margin-top: 19px;
}
.pancontact .overlaypan .address article {
    margin: 0 28px 14px;
}
.pancontact .overlaypan .address span.linehr {
    width: 27px;
    height: 2px;
    margin: 0 0 4px;
}
.pancontact .overlaypan .address p {
	margin:3px 0 0 0;
}
.contact-btn a.btnrounded {
    margin: 20px;
}
.pancontact .overlaypan .policy {
	margin: auto 29px 0 29px;
}
.pancontact .overlaypan .policy hr {
	margin:15px 0 0;
}
.pancontact .overlaypan .policy a {
	padding:11px 0;
}
.pancontact .overlaypan .copy p{
	margin:8px auto 8px;
}
article.shout {
    margin: 0 61px 87px 61px;
}
article.shout hgroup h2 span.ele1 {
    margin-left: 122px;
}
article.shout hgroup h2 span.ele2 {
    margin-right: 172px;
}
article.shout hgroup h2 span.ele4 {
    margin-right: 110px;
}
article.shoutgrad.move1 hgroup h2 mark.ele1 { 
	padding-left: 39px;
}
article.shoutgrad.move1 hgroup h2 mark.ele2 { 
	padding-left: 166px;
}
.stupire article.shoutgrad.move1 hgroup h2 mark.ele2 {
    padding-left: 138px;
}
article.shoutgrad.move1 hgroup h2 mark.ele3 { 
	padding-left: 76px;
}
article.shoutgrad.move1 hgroup h2 mark.ele4 { 
	padding-left: 22px;
}

article.shoutgrad.move2 hgroup h2 mark.ele1 {
	margin-left: 31px;
}
article.shoutgrad.move2 hgroup h2 mark.ele2 {
	margin-left: 0;
}
#shoutgradAZI hgroup h2 mark.ele2 {
	margin-left: 96px;
}
article.shoutgrad.move2 hgroup h2 mark.ele3 {
	margin-left: 130px;
}
#shoutgradSTU hgroup h2 mark.ele3 {
	margin-left: 64px !important;
}
#shoutgradAZI2 hgroup h2 mark.ele3 {
	margin-left: -8px !important;
}
article.shoutgrad.move2 hgroup h2 mark.ele4 {
	margin-left: 58px;
}
article.shoutgrad.move3 hgroup h2 mark.ele1 {
	margin-left: 99px;
}
.azienda article#shoutgrad2 hgroup h2 mark.ele1 {
    margin-left: 20px;
}
article.shoutgrad.move3 hgroup h2 mark.ele2 {
	margin-left: 0;
}
.azienda article#shoutgrad2 hgroup h2 mark.ele2 {
    margin-left: 130px;
}
article.shoutgrad.move3 hgroup h2 mark.ele3 {
	margin-left: 27px;
}
article.shoutgrad.move3 hgroup h2 mark.ele4 {
	margin-left: 40px;
}
.azienda article#shoutgrad2 hgroup h2 mark.ele4 {
    margin-left: -10px;
}
.promuovere #shoutgrad2 hgroup h2 mark.ele4 {
	margin-left: 108px !important;
}

.home .slidemovesx, .home .slidemovedx, .home .slidemove {
	 width: 184px;
}
#intro.slider article {
    width: 672px;
    margin: 0 0 0 92px;
}
#slide3 h2 span.ele1 {
    margin-left: 84px;
}
#slide1 h2 span.ele2 {
    margin-right: 114px;
}
#slide2 h2 span.ele2 {
    margin-right: 104px;
}
#slide3 h2 span.ele2 {
    margin-right: 143px;
}
#slide1 h2 span.ele3 {
    margin-left: 61px;
}
#slide2 h2 span.ele3 {
    margin-left: 51px;
}
#slide1 h2 span.ele4 {
    margin-right: 17px;
}
#slide3 h2 span.ele4 {
    margin-right: 72px;
}
#intro.slider h3 {
    width: 325px;
    padding: 0 8px 0 0;
}
.slideshow figure figcaption {
    bottom: 23px;
    left: 31px;
    max-width: 221px;
}
.filter1 {
    width: 461px;
}
.filter2 {
    width: 440px;
}
.pagination {
    bottom: 33px;
}
body.open .pagination {
    bottom: 4px;
}
.pagination li {
    margin: 0 7px;
}
.pagination li a {
    width: 6px;
    height: 6px;
}
.pagination li a span {
    width: 6px;
    height: 6px;
}
@keyframes animaDROPSCOM {    
    from { width: 6px; transform: translate(-4px, -1px) rotate(-15deg); }
    to { width: 13px; transform: translate(-4px, -1px) rotate(-15deg); }
}

#schedaoverlay .pagination {
    bottom: 33px;
}
.scrolldown {
    margin-left: -18px;
}
.scrollright {
    margin-bottom: -9px;
    width: 36px;
    height: 36px;
}
.bell {
    margin: 0 0 0 12px;
}
.menubar-logo img {
    height: 46px;
}
.menubar-summary {
    padding: 0 26px 0 0;
}
.menubar-line {
    padding: 1px 14px 0 0;
}
.menubar-line span {
    width: 308px;
}
.menubar-sdw {
    height: 137px;
}
article.shoutgrad {
    width: 480px;
}
#shoutgradSTU, #shoutgradAZI, #shoutgradAZI2, #shoutgradPRO, .azienda article#shoutgrad2 {
    width: 550px !important;
}
.grouppart article.shoutgrad {
    transform: translate(-13px, 0);
}
article.scheda-article.didagallery p {
    margin-top: 342px;
}
.dx-layout1 {
    flex: 58%;
}
.sx-layout1 {
    flex: 42%;
}
.dx-layout1 .scheda-article h2 {
    margin: 0 16px 46px 22px;
}
.dx-layout1 .scheda-article p {
    margin: 0 22px 61px 22px;
    column-gap: 31px;
}
.sx-layout2 {
    flex: 31%;
}
.dx-layout2 {
	flex: 69%;
}
.sx-layout2 .scheda-article p {
    margin: 15px 15px 15px 0;
}
.layout4 article.shoutgrad {
    transform: translate(-13px, -63px);
}
.layout4 .btncircle {
    margin: 0 -12px -31px 0;
}
.sx-layout4 {
    padding-top: 66px;
    padding-right: 20px;
}
.dx-layout4 {
    padding-top: 66px;
}
.dx-layout4 .scheda-article h2 {
    margin: 23px 16px 26px 22px;
    transform: translate(-136px, 0);
}
.dx-layout4 .scheda-article p {
    margin: 0 22px 61px 22px;
}
#btnrealizzazioni1.btncircle {
    margin: 367px -730px auto 0;
}
.scheda-boximg {
    padding: 0 0 0 16px;
}

.boximg, .boximg figure, .boximg img {
    width: 652px;
    height: 434px;
}
.boximg {
	min-height:608px;
}
.boximgbig, .boximgbig img {
    width: 821px;
    height: 460px;
}
.boximgv, .boximgv img {
	width: 413px;
	height: 507px;
}

li.pagepaginationdot a {
    padding: 8px;
}
li.pagepaginationdot a span {
    width: 7px;
    height: 7px;
}
.footer-main {
    padding: 31px calc(var(--distanza-x) + var(--brd-scheda)) 66px;
}
.footer-sx {
    padding: 0 0 0 27px;
}
article.footer-sx h2 {
    padding: 0 0 16px 0;
}
article.footer-dx p.ftxt {
    padding: 0 3px 16px 0;
}

.scheda-ticket {
    height: 137px;
    margin: 0 0 16px 0;
}
.carouselTicker__item {
	margin-right: 16px;
	width: 213px;
	height: 137px;
	line-height: 137px;
}


/* ANIMAZIONE ELEMENTI HGROUP */
@keyframes eleRight {
	0% { opacity: 0; transform: translateX(76px); }
	1% { opacity: 1; transform: translateX(0px); }
	100% { opacity: 1; transform: translateX(-61px); }
}
@keyframes eleLeft {
	0% { opacity: 0; transform: translateX(-76px); }
	1% { opacity: 1; transform: translateX(0px); }
	100% { opacity: 1; transform: translateX(61px); }
}

@keyframes eleRightA {
	0% {  transform: translateX(76px); }
	1% {  transform: translateX(0px); }
	100% {  transform: translateX(-61px); }
}
@keyframes eleLeftA {
	0% { transform: translateX(-76px); }
	1% {  transform: translateX(0px); }
	100% {  transform: translateX(61px); }
}

.stock {
	padding: 20px 19px 22px 14px;
	max-width: 245px;
	border-radius: 16px 0px 0px 16px;
}
.stock h3 {
	padding-bottom: 9px;
}

} /* FINE MEDIA */


/* MEDIA --- SCALA 86% -- > */
@media screen and (max-width: 1600px) and (min-width: 1440px) {

:root {
	--distanza-x: 62px;
	--distanza-y: 40px;
	--footer: 341px;
	--menu-sz: 15px;
	--max-w: unset;
	--pad-lateral: 73px;
	--nav-lat: 78px;
	--w-ele: 40px;
	--brd-scheda: 25px;
	--pad-top: 103px;
	--pagination: 32px;
	--rotate-inc: 5deg;
	--pad-top-shoutgrad: 182px;
	--border-radius: 18px;
	--dim-select: 58px;
}

.fsText18 { font-size:16px; }
.fsText20{ font-size:18px; }
.fsText21{ font-size:19px; }
.fsText22{ font-size:19px; }
.fsText24{ font-size:22px; }
.fsText26{ font-size:23px; }
.fsText28{ font-size:25px; }
.fsText30{ font-size:26px; }
.fsText31{ font-size:27px; }
.fsText32{ font-size:28px; }
.fsText36{ font-size:32px; }
.fsText40{ font-size:35px; }
.fsText52 { font-size:45px; }
.fsText64{ font-size:55px; }
.fsText72{ font-size:62px; }
.fsText140{ font-size:120px; }
/* .fsText103{ font-size:89px; } */
.fsText103{ font-size:78px; }
.fsText119{ font-size:102px; }

a.btnrounded:link, a.btnrounded:visited, a.btnrounded:active, .btnrounded {
	height: 39px;
	padding: 0 22px 3px;
}
a.btnrounded.icon, .btnrounded.icon {
    height: 48px;
    width: 198px;
    padding: 0 22px 0;
}
.btncircle {
    width: 146px;
    height: 146px;
    margin: 0 103px 103px 0;
}
.circle-op {
	width: 146px;
	height: 146px;
}
.circle-wh {
	width: 128px;
	height: 128px;
	margin: 9px;
}
.btncircle img.btnrotate {
	width: 128px;
	height: 128px;
	margin: 9px;
}
.logocover {
	margin-top:-93px;
	margin-left:-167px;
	width: 334px;
	height: 131px;
}
.logo {
/* 	width: 196px;
	height: 44px; */
	
    height: 60px;
    transform: translate(0, -23px);
}
.select {
	bottom: 5px;
	left: 49px;
}
.select1 {
    transform: translate(-10px,14px);
}
.selectline {
	left: 15px;
	width: 36px;
}
.contact-nwl article.shout {
    margin: 0 69px 98px 69px;
}
.btnclose {
	margin-top: 22px;
}

.contact-adr {
	padding-top: var(--distanza-y);
	padding-left: 53px;
	padding-right: 53px;
}
.pancontact .overlaypan header {
    margin: 0 0 0 33px;
}
.pancontact .overlaypan header .logoc {
    height: 79px;
    margin-top: 22px;
}
.pancontact .overlaypan .address article {
    margin: 0 32px 16px;
}
.pancontact .overlaypan .address span.linehr {
    width: 31px;
    height: 3px;
    margin: 0 0 5px;
}
.pancontact .overlaypan .address p {
	margin:4px 0 0 0;
}
.contact-btn a.btnrounded {
    margin: 23px;
}
.pancontact .overlaypan .policy {
	margin: auto 33px 0 33px;
}
.pancontact .overlaypan .policy hr {
	margin:17px 0 0;
}
.pancontact .overlaypan .policy a {
	padding:13px 0;
}
.pancontact .overlaypan .copy p{
	margin:9px auto 9px;
}
article.shout {
    margin: 0 69px 98px 69px;
}
/* 80% */
article.shout hgroup h2 span.ele1 {
    margin-left: 137px;
}
article.shout hgroup h2 span.ele2 {
    margin-right: 193px;
}
article.shout hgroup h2 span.ele4 {
    margin-right: 124px;
}
article.shoutgrad.move1 hgroup h2 mark.ele1 { 
	padding-left: 39px;
}
article.shoutgrad.move1 hgroup h2 mark.ele2 { 
	padding-left: 186px;
}
.stupire article.shoutgrad.move1 hgroup h2 mark.ele2 {
    padding-left: 155px;
}
article.shoutgrad.move1 hgroup h2 mark.ele3 { 
	padding-left: 86px;
}
article.shoutgrad.move1 hgroup h2 mark.ele4 { 
	padding-left: 25px;
}

article.shoutgrad.move2 hgroup h2 mark.ele1 {
	margin-left: 35px;
}
article.shoutgrad.move2 hgroup h2 mark.ele2 {
	margin-left: 0;
}
#shoutgradAZI hgroup h2 mark.ele2 {
	margin-left: 100px;
}
article.shoutgrad.move2 hgroup h2 mark.ele3 {
	margin-left: 146px;
}
#shoutgradSTU hgroup h2 mark.ele3 {
	margin-left: 66px !important;
}
#shoutgradAZI2 hgroup h2 mark.ele3 {
	margin-left: -8px !important;
}
article.shoutgrad.move2 hgroup h2 mark.ele4 {
	margin-left: 65px;
}
article.shoutgrad.move3 hgroup h2 mark.ele1 {
	margin-left: 111px;
}
.azienda article#shoutgrad2 hgroup h2 mark.ele1 {
    margin-left: 21px;
}
article.shoutgrad.move3 hgroup h2 mark.ele2 {
	margin-left: 0;
}
.azienda article#shoutgrad2 hgroup h2 mark.ele2 {
    margin-left: 136px;
}
article.shoutgrad.move3 hgroup h2 mark.ele3 {
	margin-left: 31px;
}
article.shoutgrad.move3 hgroup h2 mark.ele4 {
	margin-left: 45px;
}
.azienda article#shoutgrad2 hgroup h2 mark.ele4 {
    margin-left: -8px;
}
.promuovere #shoutgrad2 hgroup h2 mark.ele4 {
	margin-left: 114px !important;
}

.home .slidemovesx, .home .slidemovedx, .home .slidemove {
	 width: 206px;
}
#intro.slider article {
    width: 753px;
    margin: 0 0 0 103px;
}
#slide3 h2 span.ele1 {
    margin-left: 94px;
}
#slide1 h2 span.ele2 {
    margin-right: 128px;
}
#slide2 h2 span.ele2 {
    margin-right: 117px;
}
#slide3 h2 span.ele2 {
    margin-right: 160px;
}
#slide1 h2 span.ele3 {
    margin-left: 69px;
}
#slide2 h2 span.ele3 {
    margin-left: 58px;
}
#slide1 h2 span.ele4 {
    margin-right: 19px;
}
#slide3 h2 span.ele4 {
    margin-right: 81px;
}
#intro.slider h3 {
    width: 362px;
    padding: 0 9px 0 0;
}
.slideshow figure figcaption {
    bottom: 26px;
    left: 35px;
    max-width: 248px;
}
.filter1 {
    width: 517px;
}
.filter2 {
    width: 493px;
}
.pagination {
    bottom: 37px;
}
body.open .pagination {
    bottom: 5px;
}
.pagination li {
    margin: 0 8px;
}
.pagination li a {
    width: 7px;
    height: 7px;
}
.pagination li a span {
    width: 7px;
    height: 7px;
}
@keyframes animaDROPSCOM {    
    from { width: 7px; transform: translate(-5px, -2px) rotate(-15deg); }
    to { width: 15px; transform: translate(-5px, -2px) rotate(-15deg); }
}

#schedaoverlay .pagination {
    bottom: 37px;
}
.scrolldown {
    margin-left: -21px;
}
.scrollright {
    margin-bottom: -9px;
    width: 36px;
    height: 36px;
}
.bell {
    margin: 0 0 0 14px;
}
.menubar-logo img {
    height: 48px;
}
.menubar-summary {
    padding: 0 29px 0 0;
}
.menubar-line {
    padding: 2px 16px 0 0;
}
.menubar-line span {
    width: 345px;
}
.menubar-sdw {
    height: 154px;
}
article.shoutgrad {
    width: 538px;
}
#shoutgradSTU, #shoutgradAZI, #shoutgradAZI2, #shoutgradPRO, .azienda article#shoutgrad2 {
    width: 602px !important;
}
.grouppart article.shoutgrad {
    transform: translate(-15px, 0);
}
article.scheda-article.didagallery p {
    margin-top: 383px;
}
.dx-layout1 {
    flex: 58%;
}
.sx-layout1 {
    flex: 42%;
}
.dx-layout1 .scheda-article h2 {
    margin: 0 18px 52px 25px;
}
.dx-layout1 .scheda-article p {
    margin: 0 25px 69px 25px;
    column-gap: 35px;
}
.sx-layout2 {
    flex: 35%;
}
.dx-layout2 {
	flex: 77%;
}
.sx-layout2 .scheda-article p {
    margin: 17px 17px 17px 0;
}
.layout4 article.shoutgrad {
    transform: translate(-15px, -71px);
}
.layout4 .btncircle {
    margin: 0 -14px -35px 0;
}
.sx-layout4 {
    padding-top: 74px;
    padding-right: 23px;
}
.dx-layout4 {
    padding-top: 74px;
}
.dx-layout4 .scheda-article h2 {
    margin: 26px 18px 29px 25px;
    transform: translate(-153px, 0);
}
.dx-layout4 .scheda-article p {
    margin: 0 25px 69px 25px;
}
#btnrealizzazioni1.btncircle {
    margin: 411px -818px auto 0;
}
.scheda-boximg {
    padding: 0 0 0 18px;
}

.boximg, .boximg figure, .boximg img {
    width: 731px;
    height: 487px;
}
.boximg {
	min-height:720px;
}
.boximgbig, .boximgbig img {
    width: 929px;
    height: 520px;
}
.boximgv, .boximgv img {
	width: 463px;
	height: 568px;
}

li.pagepaginationdot a {
    padding: 9px;
}
li.pagepaginationdot a span {
    width: 8px;
    height: 8px;
}
.footer-main {
    padding: 35px calc(var(--distanza-x) + var(--brd-scheda)) 74px;
}
.footer-sx {
    padding: 0 0 0 31px;
}
article.footer-sx h2 {
    padding: 0 0 18px 0;
}
article.footer-dx p.ftxt {
    padding: 0 4px 18px 0;
}

.scheda-ticket {
    height: 155px;
    margin: 0 0 18px 0;
}
.carouselTicker__item {
	margin-right: 18px;
	width: 241px;
	height: 155px;
	line-height: 155px;
}

/* ANIMAZIONE ELEMENTI HGROUP */
@keyframes eleRight {
	0% { opacity: 0; transform: translateX(86px); }
	1% { opacity: 1; transform: translateX(0px); }
	100% { opacity: 1; transform: translateX(-69px); }
}
@keyframes eleLeft {
	0% { opacity: 0; transform: translateX(-86px); }
	1% { opacity: 1; transform: translateX(0px); }
	100% { opacity: 1; transform: translateX(69px); }
}

@keyframes eleRightA {
	0% {  transform: translateX(86px); }
	1% {  transform: translateX(0px); }
	100% {  transform: translateX(-69px); }
}
@keyframes eleLeftA {
	0% { transform: translateX(-86px); }
	1% {  transform: translateX(0px); }
	100% {  transform: translateX(69px); }
}

.stock {
	padding: 23px 22px 24px 16px;
	max-width: 276px;
	border-radius: 18px 0px 0px 18px;
}
.stock h3 {
	padding-bottom: 10px;
}

} /* FINE MEDIA */