:root {

	--font-aktiv: "aktiv-grotesk", sans-serif;
	--font-dico: "dico-code-one", sans-serif;

	--color-bk-header: rgba(242,241,236,0.5);
	--color-header: #000;
	--color-bk-header-esa:#F5F5F0;
	
	--color-rosso-bk-header: rgba(230,206,199,1);
	--color-rosso-header: #d13845;

	--color-blu-bk-header: rgba(201,208,217,1); 
	--color-blu-header: #1f5cba;	
	
	--color-verde-bk-header: rgba(228,231,210,1);
	--color-verde-header: #a1d136;	
	
	--color-giallo-bk-header: rgba(244,238,220,1);
	--color-giallo-header: #ffc700;	
	
	--color-rosso-inv-bk-header: rgba(209,56,69,1);
	--color-rosso-inv-header: #e6cec7;

	--color-blu-inv-bk-header: rgba(31,92,186,1);
	--color-blu-inv-header: #c9d0d9;	
	
	--color-verde-inv-bk-header: rgba(161,209,54,1);  
	--color-verde-inv-header: #e4e7d2;	
	
	--color-giallo-inv-bk-header: rgba(244,238,220,1);
	--color-giallo-inv-header: #ffc700;		
}
  

a.lang-markup,
span.lang-markup { 
	display: none !important;
}

html[lang='en-gb'] span[rel-lang='en'],
html[lang='en-gb'] a[rel-lang='en']{
	display: inline-block !important;
}

html[lang='it-IT'] span[rel-lang='it'],
html[lang='it-IT'] a[rel-lang='it']{
	display: inline-block !important; 
}

html[lang='fr-FR'] span[rel-lang='fr'],
html[lang='fr-FR'] a[rel-lang='fr']{
	display: inline-block !important;
}

html[lang='de-DE'] span[rel-lang='de'],
html[lang='de-DE'] a[rel-lang='de']{
	display: inline-block !important;
}

html[lang='es-ES'] span[rel-lang='es'],
html[lang='es-ES'] a[rel-lang='es']{
	display: inline-block !important;
} 

.equal {
	display: flex;
	flex-wrap: wrap;
}	


.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.align-items-top {
    -webkit-box-align: top!important;
    -ms-flex-align: top!important;
    align-items: top!important;
}

.align-items-bottom {
    -webkit-box-align:baseline;
    -ms-flex-align: baseline;
    align-items:baseline;
}

.align-horizontal-items-center {
	-webkit-justify-content: center;
	-ms-justify-content: center;
	 justify-content: center;
}


.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
} 

.align-items-space {
    justify-content: space-around;
}

.equal_stessa_altezza > div {
	height: 100%; 
	display: flex;
    flex-direction: column;
}

.mb-0 {margin-bottom: 0px !important;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px;}
.mb-35 {margin-bottom: 35px;}
.mb-40 {margin-bottom: 40px;}
.mb-45 {margin-bottom: 45px;}
.mb-50 {margin-bottom: 50px;}
.mb-55 {margin-bottom: 55px;}
.mb-60 {margin-bottom: 60px;}
.mb-65 {margin-bottom: 65px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-95 {margin-bottom: 95px;}

.mt-0 {margin-top: 0px !important;}
.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.mt-35 {margin-top: 35px;}
.mt-40 {margin-top: 40px;}
.mt-45 {margin-top: 45px;}
.mt-50 {margin-top: 50px;}
.mt-55 {margin-top: 55px;}
.mt-60 {margin-top: 60px;}
.mt-65 {margin-top: 65px;}
.mt-70 {margin-top: 70px;}
.mt-80 {margin-top: 80px;}
.mt-90 {margin-top: 90px;}
.mt-95 {margin-top: 95px;}

.max-padding {padding: 99px 0;}
.default-padding {padding: 50px 0 50px 0;}
.no-margin {margin: 0 !important;}




.image-border-white {border: 1px solid var(--color-bk-header-esa);}
.image-border-green {border: 1px solid #3e984c;}
.image-border-lightgreen {border: 1px solid #9ecca5;}
.img-shadow {
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
}
.img-responsive {width: 100%;}

.display_none {
	display: none !important;
}

.qx-container {max-width: 1170px;}
 
@media (min-width: 1200px){
.container { width: 1170px;}
}

@media (min-width: 1300px){
.container { width: 1200px;}
}

@media (min-width: 1500px){
.container { width: 1170px;}
}

#t3-content p a {
	color: #000;
}

em,i {
	color: inherit;
}
	
a, body a {
	color: #000;
	text-decoration: underline;
	box-shadow:none !important;
}

a:focus {
	outline:0 !important;
}

.navbar li a {
	text-decoration: none;
}

.diario-item a {
	text-decoration: none !important;
}

.navbar li a:hover,
.diario-item a:hover {
	text-decoration: underline !important;
}

[class*='qx-divider'] {
	margin-bottom: 0;
}

html {
	font-size: 62.5% !important;
} 

html.scale-125 {
    font-size: 42.5% !important;
}

html.layout-edit {
	font-size: 100% !important; 
}

body {
	color: #000;
	font-size: 2.2rem;
	line-height: 3.0rem;
	font-family: "aktiv-grotesk", sans-serif;
	background: var(--color-bk-header-esa); 
}

.qx-element-divider-separator-v2 {margin-top: -30px;}


.t3-mainbody {
    padding: 0px 0;
	min-height: 500px;
}

.header-v1 .off-canvas-toggle {
	display: none;
}

.t3-off-canvas .t3-off-canvas-body {
    padding: 100px 40px 15% 40px;
}

#t3-off-canvas {
    width:100%;
}

.t3-off-canvas .t3-off-canvas-body .nav.menu li, 
.t3-off-canvas .t3-off-canvas-body .nav.menu li a {
    font-size: 22px;
	line-height: 32px;
    text-transform: uppercase;
    color: var(--color-bk-header-esa) !important;
    padding-bottom: 0px;
    background-color: transparent !important;
    font-weight: 500;
}

.t3-off-canvas .t3-off-canvas-body .nav.menu li ul li a {
	font-size: 18px;
	line-height: 26px;
	 font-weight: 300;
}

.t3-off-canvas .t3-off-canvas-body .nav.menu li.active > a {
	text-decoration: underline;
}

.tx-main-menu .mod-quix-library {
	float: right;
}

.tx-main-menu .navbar {
	width: 100%;

	background: transparent;
	border: 0; 
}

.qx-slider-pro-v2 .slider-pro-item>img {
	object-position: 0 0;
}

#t3-header {
	background: var(--color-bk-header);
	backdrop-filter: blur(10px);
	padding: 0;
	border-bottom: 0px solid #000;
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	z-index: 1030;
}



body #t3-mainbody {
	padding-top: 85px;
}

#t3-header .logo {
	text-align: center;
	padding-right: 0 !important;
}

#t3-header .tx-main-menu  {
	padding-left: 0 !important;
}

#t3-header,
.tx-main-menu,
#t3-mainnav  ul.navbar-nav >  li {
	height: 85px;
	line-height: 85px;	 
}

#t3-header.menu_open,
.menu_open .tx-main-menu,
.menu_open #t3-mainnav ul.navbar-nav > li {
	height: 300px;
}

#t3-mainnav  ul.navbar-nav >  li > a {
	position: relative;
	z-index: 1;
	color: var(--color-header);
	background: transparent;
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 3.7rem;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
}

#t3-mainnav ul.navbar-nav  {
	float: none;
	display: flex;
	justify-content:space-between;
	width: 100%;
	
}

#t3-mainnav .navbar-nav > li  {
	float: none;
	border-left: 2px solid var(--color-header);
	
}

#t3-mainnav .navbar-nav > li > a {
	padding-right: 50px;
}

#t3-mainnav .navbar-nav > li:last-child > a {
	padding-right:5px;
}

#t3-mainnav .navbar-nav  li.active > a {
	text-decoration: underline;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
	display: none;
}

.dropdown-menu {
	position: relative;
	float: none;
	box-shadow: none;
	border: 0;
	top:-30px;
	left: inherit;
	z-index: auto;
	background: transparent;
	margin: 0;
	padding-left: 16px;
	padding-right: 16px;
}

.dropdown-menu > li > a {
	font-family: "dico-code-one", sans-serif;
	font-size: 1.7rem;
	letter-spacing: -0.75px;
	padding-left: 0;
	padding-right: 0;
	text-transform: uppercase;
}

.menu_open .dropdown-menu {
	display: block;
}

#t3-header {
	display: flex;
}

#t3-header,
#t3-header .nav li,
#t3-header .nav li a,
#social-header li a {
	transition: all 1.0s ease;
}

.logo-base {
	display: inline-block;
}

.t3-header.navbar-fixed-top {
	box-shadow:0px 4px 3px rgba(9,9,9,0.2);
}

.menu_open #social-header li a,
.menu_open #menu-lingua a {
	color: var(--color-bk-header-esa) !important;
}

.off-canvas-toggle span {
	background: #000; 
}

.rosso #t3-header{
	background: var(--color-rosso-bk-header);
}

.rosso #t3-mainnav .t3-navbar > ul >  li > a,
.rosso #social-header li a,
.rosso #menu-lingua a {
	color: var(--color-rosso-header);
}

.rosso #t3-mainnav li {
	border-color:var(--color-rosso-header); 
}

.blu #t3-header {
	background: var(--color-blu-bk-header);
}

.blu #t3-mainnav .t3-navbar > ul >  li > a,
.blu #social-header li a,
.blu #menu-lingua a {
	color: var(--color-blu-header);
}

.blu #t3-mainnav li {
	border-color:var(--color-blu-header); 
}

.giallo #t3-header {
	background: var(--color-giallo-bk-header);
}

.giallo #t3-mainnav .t3-navbar > ul >  li > a,
.giallo #social-header li a,
.giallo #menu-lingua a {
	color: var(--color-giallo-header);
}

.giallo #t3-mainnav li {
	border-color:var(--color-giallo-header); 
}

.verde #t3-header {
	background: var(--color-verde-bk-header);
}

.verde #t3-mainnav .t3-navbar > ul >  li > a,
.verde #social-header li a,
.verde #menu-lingua a {
	color: var(--color-verde-header);
}

.verde #t3-mainnav li {
	border-color:var(--color-verde-header); 
}

.rosso_inv #t3-header {
	background: var(--color-rosso-inv-bk-header);
}

.rosso_inv #t3-mainnav .t3-navbar > ul >  li > a,
.rosso_inv #social-header li a,
.rosso_inv #menu-lingua a {
	color: var(--color-rosso-inv-header);
}

.rosso_inv #t3-mainnav li {
	border-color:var(--color-rosso-inv-header); 
}

.blu_inv #t3-header {
	background: var(--color-blu-inv-bk-header);
}

.blu_inv #t3-mainnav .t3-navbar > ul >  li > a,
.blu_inv #social-header li a,
.blu_inv #menu-lingua a {
	color: var(--color-blu-inv-header);
}

.blu_inv #t3-mainnav li {
	border-color:var(--color-blu-inv-header); 
}

.giallo_inv #t3-header {
	background: var(--color-giallo-inv-bk-header);
}

.giallo_inv #t3-mainnav .t3-navbar > ul >  li > a,
.giallo_inv #social-header li a,
.giallo_inv #menu-lingua a {
	color: var(--color-giallo-inv-header);
}

.giallo_inv #t3-mainnav li {
	border-color:var(--color-giallo-inv-header); 
}

.verde_inv #t3-header {
	background: var(--color-verde-inv-bk-header);
}

.verde_inv #t3-mainnav .t3-navbar > ul >  li > a,
.verde_inv #social-header li a,
.verde_inv #menu-lingua a {
	color: var(--color-verde-inv-header);
}

.verde_inv #t3-mainnav li {
	border-color:var(--color-verde-inv-header); 
}

.colore_articolo #t3-header {
	background: var(--sfondo-color);
}

.colore_articolo #t3-mainnav .t3-navbar > ul >  li > a,
.colore_articolo #social-header li a,
.colore_articolo #menu-lingua a {
	color: var(--testo-color);
}

.colore_articolo #t3-mainnav li {
	border-color:var(--testo-color); 
}

.text-rosso, .text-rosso span  {
	color: var(--color-rosso-header);
}

.text-blu, .text-blu span {
	color: var(--color-blu-header);
}

.text-giallo, .text-giallo span {
	color: var(--color-giallo-header);
}

.text-verde, .text-verde span {
	color: var(--color-verde-header);
}

.text-rosso_inv, .text-rosso_inv span {
	color: var(--color-rosso-inv-header);
}

.text-blu_inv, .text-blu_inv span {
	color: var(--color-blu-inv-header);
}

.text-giallo_inv, .text-giallo_inv span {
	color: var(--color-giallo-inv-header);
}

.text-verde_inv, .text-verde_inv span {
	color: var(--color-verde-inv-header);
}

#t3-header.menu_open {
	background: #000 !important;
}

.menu_open #t3-mainnav ul.navbar-nav li > a {
	color: var(--color-bk-header-esa) !important;
}

.menu_open #t3-mainnav li {
	border-color:var(--color-bk-header-esa) !important;

}

.t3-content {
	padding: 0;
}

#t3-mainnav .dropdown-menu {
    opacity: 0;
    transition: all 0.5s ease;
	margin-top: 8px;
}

#t3-mainnav .dropdown-menu.open_sub  {
    opacity: 1;
}

html.layout-edit {
	font-size: 100% !important; 
}

.rosso .logo-base,
.blu .logo-base,
.giallo .logo-base,
.verde .logo-base,
.rosso_inv .logo-base,
.blu_inv .logo-base,
.giallo_inv .logo-base,
.verde_inv .logo-base,
.logo-colorato,
.menu_open .logo-base,
.logo-svg,
.colore_articolo .logo-base {
	display:none;
}

.logo-svg {
	width: 130px;
	height: auto;
}

.colore_articolo .logo-svg {
	display: inline-block;
	fill:var(--testo-color); 
}

.rosso .logo-svg {
	display: inline-block;
	fill:var(--color-rosso-header);
}

.blu .logo-svg {
	display: inline-block;
	fill:var(--color-blu-header);
}

.giallo .logo-svg {
	display: inline-block;
	fill:var(--color-giallo-header);
}

.verde .logo-svg {
	display: inline-block;
	fill:var(--color-verde-header);
}

.rosso_inv .logo-svg {
	display: inline-block;
	fill:var(--color-rosso-inv-header);
}

.blu_inv .logo-svg {
	display: inline-block;
	fill:var(--color-blu-inv-header);
}

.giallo_inv .logo-svg {
	display: inline-block;
	fill:var(--color-giallo-inv-header);
}

.verde_inv .logo-svg {
	display: inline-block;
	fill:var(--color-verde-inv-header);
} 

.menu_open .logo-img {
	display: none;
}

.menu_open .bianco {
	display: inline-block !important;
}

.background_griglia {
	background: transparent url(/images/background_griglia_nero.jpg) repeat-y;
	padding:80px 0;
}

.rosso .background_griglia {
	background-image: url(/images/background_griglia_rosso.jpg);
}

.verde .background_griglia {
	background-image: url(/images/background_griglia_verde.jpg);
}

.blu .background_griglia,
.background_griglia_blue {
	background-image: url(/images/background_griglia_blu.jpg);
}

.giallo .background_griglia {
	background-image: url(/images/background_griglia_giallo.jpg);
}

.rosso_inv .background_griglia {
	background-image: url(/images/background_griglia_rosso_inv.jpg);
}

.verde_inv .background_griglia {
	background-image: url(/images/background_griglia_verde_inv.jpg);
}

.blu_inv .background_griglia {
	background-image: url(/images/background_griglia_blu_inv.jpg);
}

.giallo_inv .background_griglia {
	background-image: url(/images/background_griglia_giallo_inv.jpg);
}

.blu_pieno.background_griglia {
	background-image: url(/images/background_griglia_blu_pieno.jpg);
}

.seconda_descrizione .content {
	padding: 34px 45px;
	background: #000;
	color: #efede5;
}

.rosso .seconda_descrizione .content,
.rosso .off-canvas-toggle span {
	background: var(--color-rosso-header);
}

.verde .seconda_descrizione .content,
.verde .off-canvas-toggle span {
	background: var(--color-verde-header);
} 

.blu .seconda_descrizione .content,
.blu .off-canvas-toggle span {
	background: var(--color-blu-header);
}

.giallo .seconda_descrizione .content,
.giallo .off-canvas-toggle span {
	background: var(--color-giallo-header);
}

.rosso_inv .seconda_descrizione .content {
	background: var(--color-rosso-inv-bk-header);
}

.rosso_inv .off-canvas-toggle span {
	background: var(--color-rosso-inv-header);
}

.verde_inv .seconda_descrizione .content,
.verde_inv .off-canvas-toggle span {
	background: var(--color-verde-inv-bk-header);
}

.blu_inv .seconda_descrizione .content {
	background: var(--color-blu-inv-bk-header);
}

.blu_inv .off-canvas-toggle span {
	background: var(--color-blu-inv-header);
}

.giallo_inv .seconda_descrizione .content,
.giallo_inv .off-canvas-toggle span {
	background: var(--color-giallo-inv-bk-header);
}

.colore_articolo .off-canvas-toggle span {
	background: var(--testo-color);
}

#social-mobile {display: none;}

.header-area {
	box-shadow: none;
}

.text-titolone span {
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 33.7rem;
	line-height: 33rem;
}

.text-titolone2 span {
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 23.5rem;
	line-height: 20rem;
}

.text-titolo span {
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 6.8rem;
	line-height: 7.6rem;
}

.text-titolo2 span {
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 4.1rem;
	line-height: 5rem;
}

.text-titolo-diario span {
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 8rem;
	line-height: 9rem;
}

.text-titolo-articolo span
{
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 5.3rem;
	line-height: 5.8rem;
}

.text-titoletto span
{
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 2.4rem;
	line-height: 3.2rem;
}

.text-titoletto2 span
{
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 4.5rem;
	line-height: 5.2rem;
}

.text-titoletto3 span
{
	font-family: "dico-code-one", sans-serif;
	font-size: 4.8rem;
}

.text-sottotitolo span
{
	font-family: "dico-code-one", sans-serif;
	font-size: 2.1rem;
	line-height: 2.0rem;
}

.text-titolino,
.text-titolino span {
	font-family: "dico-code-one", sans-serif;
	font-size: 3.0rem;
	line-height: 3.4rem;
}

.text-titolino-aktiv span {
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 3.0rem;
	line-height: 3.4rem;
}

.text-testino span
{
	font-family: "dico-code-one", sans-serif;
	font-size: 2.0rem;
	line-height: 2.5rem;
}

.text-titolo-manifesto span {
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 11.4rem;
	line-height: 13rem;
}

.text-testo span
{
	font-family: "dico-code-one", sans-serif;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 400;
}

.text-num span {
	font-size: 2.1rem;
    font-family: var(--font-dico); 
} 

.text-tag span {
	font-size: 1.6rem;
	line-height: 1.4rem;
    font-family: var(--font-dico); 
} 

.text-tag {
	line-height: 1;
}

.text-accessibility span {
	font-size: 1.2rem;
	line-height: 1.1;
    font-family: var(--font-dico); 
}

.text-titolo-servizi span {
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 106px;
    line-height: 100px;
	font-weight: 700;
	text-transform: uppercase;
} 

.text-branding span {
	background: #FAB724;
	background: -webkit-linear-gradient(to right, #FAB724 0%, #ed695c 100%);
	background: -moz-linear-gradient(to right, #FAB724 0%, #ed695c 100%);
	background: linear-gradient(to right, #FAB724 0%, #ed695c 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text-design span {
	background: #7BB147;
	background: -webkit-linear-gradient(to right, #7BB147 0%, #0064a9 100%);
	background: -moz-linear-gradient(to right, #7BB147 0%, #0064a9 100%);
	background: linear-gradient(to right, #7BB147 0%, #0064a9 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text-digital span {
	background: #BA516C;
	background: -webkit-linear-gradient(to right, #BA516C 0%, #215ea7 100%);
	background: -moz-linear-gradient(to right, #BA516C 0%, #215ea7 100%);
	background: linear-gradient(to right, #BA516C 0%, #215ea7 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text-content span {
	background: #9BC025;
	background: -webkit-linear-gradient(to right, #9BC025 0%, #FECA35 40%);
	background: -moz-linear-gradient(to right, #9BC025 0%, #FECA35 40%);
	background: linear-gradient(to right, #9BC025 0%, #FECA35 40%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text-titolo-servizi-home h3 {
	margin: 0 !important;
}

.text-titolo-servizi-home a:hover {
	text-decoration: none;
}

.navbar-nav li .text-titoletto span
{
	font-size: 22px;
	line-height: 19px;
	font-weight: 400;
	text-transform: uppercase;
	color:var(--color-bk-header-esa);
}

.text-titolo-articolo h1 span {
	z-index: 2;
	position: relative;
}

.text-titolo-articolo h2 span {
	z-index: 1;
}

.button-info a {
	font-family: "dico-code-one", sans-serif;
	text-decoration: none;
	font-weight: 700;
}

.text-uppercase, .text-uppercase span {text-transform: uppercase;}

.text-tiny, .text-tiny span {font-weight: 100;}
.text-xlight, .text-xlight span {font-weight: 200;}
.text-light, .text-light span {font-weight: 300;}
.text-regular, .text-regular span {font-weight: 400;}
.text-medium, .text-medium span {font-weight: 500;}
.text-semibold, .text-semibold span {font-weight: 600;}
.text-bold, .text-bold span {font-weight: 700;}
.text-xbold, .text-xbold span {font-weight: 800;}
.text-xblack, .text-xblack span {font-weight: 900;}

.text-white, a.text-white, .text-white a, .text-white span, .t3-footer .text-white p {color: var(--color-bk-header-esa) !important;}
.text-black, a.text-black, .text-black a, .text-black span, .t3-footer .text-black p {color: #000 !important;} 
.text-lightgreen, a.text-lightgreen {color: #9ecca5;}
.text-green, a.text-green {color: #3e984c;}
.text-lightgray, a.text-lightgray {color: #d3cdc9;}
.text-orange, a.text-orange {color: #e6bd42;}

.text-blue span, a.text-blue {
	color: #20305a;
}

.text-violet span, a.text-violet {
	color: #868397;
}

.text-red, .text-red span {
	color: #d23746; 
}

.text-primary, .text-primary span {
	color: #000; 
}

.text-background-black {
	background: #000;
}

.span-background-black span {
	background: #000;
	padding-left: 4px;
	padding-right: 4px;
}

.background_black {
	background: #000;  
}

.background_white,
.t3-wrapper {
	background: var(--color-bk-header-esa);  
}

.background_rosso {
	background: var(--color-rosso-bk-header);
}

.background_rosso_pieno {
	background: var(--color-rosso-header);
}
 
.background_blu {
	background: var(--color-blu-bk-header);
}

.background_blu_pieno {
	background: var(--color-blu-header);
}

.background_verde {
	background: var(--color-verde-bk-header);
}

.background_verde_pieno {
	background: var(--color-verde-header);
}

.background_giallo {
	background: var(--color-giallo-bk-header);
}

.background_giallo_pieno {
	background: var(--color-giallo-header);
}

.text-background-progetto span {
	position: relative;
	z-index: 1;
	display: block;
}


.text-background-progetto span:before {
	content: '';
    width: 100%;
    height: 120px;
    position: absolute;
    background: #000;
    z-index: -1;
    top: -47px;
	left: -10px;
}

.text-background-progetto.text-background-duerighe span:before {
	height: 175px;
}

.text-background-progetto-sottotitolo {
	margin-left: 20px;
}

.text-background-progetto-sottotitolo  span {
	background: #000;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}

.header_color .content_header {
	padding: 0 35px;
}

#diario_detail {
	background: #fff;
}

.border_top_header {
	width: 100%;
	margin: 0;
	padding: 100px 0;
	position: relative; 
}

.border_top_header:before,
.border_top_header:after {
	content: '';
	width: calc(100% - 70px);
	position: absolute;
	height: 5px;
	background: #000;
	display: inline-block;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.border_top_header:before {
	top: 0;
}

.border_top_header:after {
	bottom: 0;
}

.rosso .header_color,
.rosso .sfondo_trasparent {
	background: var(--color-rosso-bk-header);
}

.rosso .border_top_header:before,
.rosso .border_top_header:after,
.rosso .sfondo_pieno {
	background: var(--color-rosso-header);
}

.rosso .header_color ul.menu_progetti_with_num li a,
.rosso ul.menu_progetti_with_num li,
.rosso .header_color ul.menu_progetti_with_num {
	border-color: var(--color-rosso-header);
}

.rosso .header_color .color_class,
.rosso ul.menu_progetti_with_num li,
.rosso ul.menu_progetti_with_num li a,
.rosso .colore_pieno {
	color:  var(--color-rosso-header);
}

.rosso .colore_trasparent {
	color:  var(--color-rosso-bk-header);
}

/*
.rosso .header_color ul.menu_progetti_with_num li a:hover,
.rosso .header_color ul.menu_progetti_with_num li.active a{
	background:  var(--color-rosso-header);
}*/

.verde .header_color,
.verde .sfondo_trasparent {
	background: var(--color-verde-bk-header);
}

.verde .border_top_header:before,
.verde .border_top_header:after,
.verde .sfondo_pieno {
	background: var(--color-verde-header);
}

/*
.verde .header_color ul.menu_progetti_with_num li a:hover,
.verde .header_color ul.menu_progetti_with_num li.active a{
	background:  var(--color-verde-header);
}*/


.verde .border_top_header,
.verde .header_color ul.menu_progetti_with_num li a,
.verde ul.menu_progetti_with_num li,
.verde .header_color ul.menu_progetti_with_num  {
	border-color: var(--color-verde-header);
}

.verde .header_color .color_class,
.verde ul.menu_progetti_with_num li,
.verde ul.menu_progetti_with_num li a,
.verde .colore_pieno {
	color:  var(--color-verde-header);
}

.verde .colore_trasparent {
	color:  var(--color-verde-bk-header);
}

.giallo .header_color,
.giallo .sfondo_trasparent {
	background: var(--color-giallo-bk-header);
}

.giallo .border_top_header:before,
.giallo .border_top_header:after,
.giallo .sfondo_pieno {
	background: var(--color-giallo-header);
}

/*
.giallo .header_color ul.menu_progetti_with_num li a:hover,
.giallo .header_color ul.menu_progetti_with_num li.active a{
	background:  var(--color-giallo-header);
}
*/

.giallo .border_top_header,
.giallo .header_color ul.menu_progetti_with_num li a,
.giallo ul.menu_progetti_with_num li,
.giallo .header_color ul.menu_progetti_with_num  {
	border-color: var(--color-giallo-header);
}

.giallo .header_color .color_class,
.giallo ul.menu_progetti_with_num li,
.giallo ul.menu_progetti_with_num li a,
.giallo .colore_pieno {
	color:  var(--color-giallo-header);
}

.giallo .colore_trasparent {
	color:  var(--color-giallo-bk-header);
}

.blu .header_color,
.blu .sfondo_trasparent {
	background: var(--color-blu-bk-header);
}

.blu .border_top_header:before,
.blu .border_top_header:after,
.blu .sfondo_pieno {
	background: var(--color-blu-header);
}

/*
.blu .header_color ul.menu_progetti_with_num li a:hover,
.blu .header_color ul.menu_progetti_with_num li.active a{
	background:  var(--color-blu-header);
}*/


.blu .border_top_header,
.blu .header_color ul.menu_progetti_with_num li a,
.blu ul.menu_progetti_with_num li,
.blu .header_color ul.menu_progetti_with_num {
	border-color: var(--color-blu-header);
}

.blu .colore_trasparent {
	color:  var(--color-blu-bk-header);
}

.blu .header_color .color_class,
.blu ul.menu_progetti_with_num li,
.blu ul.menu_progetti_with_num li a,
.blu .colore_pieno {
	color:  var(--color-blu-header);
}

.rosso_inv .header_color,
.rosso_inv .sfondo_trasparent {
	background: var(--color-rosso-inv-bk-header);
}

.rosso_inv .border_top_header:before,
.rosso_inv .border_top_header:after,
.rosso_inv .sfondo_pieno {
	background: var(--color-rosso-inv-header);
}

.rosso_inv .header_color ul.menu_progetti_with_num li a,
.rosso_inv ul.menu_progetti_with_num li,
.rosso_inv .header_color ul.menu_progetti_with_num {
	border-color: var(--color-rosso-inv-header);
}

.rosso_inv .header_color .color_class,
.rosso_inv ul.menu_progetti_with_num li,
.rosso_inv ul.menu_progetti_with_num li a,
.rosso_inv .colore_pieno {
	color:  var(--color-rosso-inv-header);
}

.rosso_inv .colore_trasparent {
	color:  var(--color-rosso-inv-bk-header);
}

/*
.rosso_inv .header_color ul.menu_progetti_with_num li a:hover,
.rosso_inv .header_color ul.menu_progetti_with_num li.active a{
	background:  var(--color-rosso-inv-header);
	color:  var(--color-rosso-inv-bk-header) !important;
}*/

.verde_inv .header_color,
.verde_inv .sfondo_trasparent {
	background: var(--color-verde-inv-bk-header);
}

.verde_inv .border_top_header:before,
.verde_inv .border_top_header:after,
.verde_inv .sfondo_pieno {
	background: var(--color-verde-inv-header);
}

/*
.verde_inv .header_color ul.menu_progetti_with_num li a:hover,
.verde_inv .header_color ul.menu_progetti_with_num li.active a{
	background:  var(--color-verde-inv-header);
	color:  var(--color-verde-inv-bk-header) !important;
}*/


.verde_inv .border_top_header,
.verde_inv .header_color ul.menu_progetti_with_num li a,
.verde_inv ul.menu_progetti_with_num li,
.verde_inv .header_color ul.menu_progetti_with_num {
	border-color: var(--color-verde-inv-header);
}

.verde_inv .colore_trasparent {
	color:  var(--color-verde-inv-bk-header);
}

.verde_inv .header_color .color_class,
.verde_inv ul.menu_progetti_with_num li,
.verde_inv ul.menu_progetti_with_num li a,
.verde_inv .colore_pieno {
	color:  var(--color-verde-inv-header);
}

.giallo_inv .header_color,
.giallo_inv .sfondo_trasparent {
	background: var(--color-giallo-bk-header);
}

.giallo_inv .border_top_header:before,
.giallo_inv .border_top_header:after,
.giallo_inv .sfondo_pieno {
	background: var(--color-giallo-inv-header);
}

/*
.giallo_inv .header_color ul.menu_progetti_with_num li a:hover,
.giallo_inv .header_color ul.menu_progetti_with_num li.active a{
	background:  var(--color-giallo-inv-header);
	color:  var(--color-giallo-inv-bk-header) !important;
}*/


.giallo_inv .border_top_header,
.giallo_inv .header_color ul.menu_progetti_with_num li a,
.giallo_inv ul.menu_progetti_with_num li,
.giallo_inv .header_color ul.menu_progetti_with_num {
	border-color: var(--color-giallo-inv-header);
}

.giallo_inv .colore_trasparent {
	color:  var(--color-giallo-inv-bk-header);
}

.giallo_inv .header_color .color_class,
.giallo_inv ul.menu_progetti_with_num li,
.giallo_inv ul.menu_progetti_with_num li a,
.giallo_inv .colore_pieno {
	color:  var(--color-giallo-inv-header);
}

.blu_inv .header_color,
.blu_inv .sfondo_trasparent {
	background: var(--color-blu-inv-bk-header);
}

.blu_inv .border_top_header:before,
.blu_inv .border_top_header:after,
.blu_inv .sfondo_pieno {
	background: var(--color-blu-inv-header);
}

/*
.blu_inv .header_color ul.menu_progetti_with_num li a:hover,
.blu_inv .header_color ul.menu_progetti_with_num li.active a{
	background:  var(--color-blu-inv-header);
	color:  var(--color-blu-inv-bk-header) !important;
}*/


.blu_inv .border_top_header,
.blu_inv .header_color ul.menu_progetti_with_num li a,
.blu_inv ul.menu_progetti_with_num li,
.blu_inv .header_color ul.menu_progetti_with_num  {
	border-color: var(--color-blu-inv-header);
}

.blu_inv .header_color .color_class,
.blu_inv ul.menu_progetti_with_num li,
.blu_inv ul.menu_progetti_with_num li a,
.blu_inv .colore_pieno {
	color:  var(--color-blu-inv-header);
}

.blu_inv .colore_trasparent {
	color:  var(--color-blu-inv-bk-header);
}

.colore_articolo .header_color,
.colore_articolo .header_color ul.menu_progetti_with_num li a:hover {
	background: var(--sfondo-color);
}

.colore_articolo .border_top_header:before,
.colore_articolo .border_top_header:after {
	background: var(--testo-color);
}

.colore_articolo .border_top_header,
.colore_articolo .header_color ul.menu_progetti_with_num li a,
.colore_articolo ul.menu_progetti_with_num li,
.colore_articolo .header_color ul.menu_progetti_with_num  {
	border-color: var(--testo-color);
}

.colore_articolo .header_color .color_class,
.colore_articolo ul.menu_progetti_with_num li,
.colore_articolo ul.menu_progetti_with_num li a,
.colore_articolo .header_color .color_class em,
.colore_articolo .header_color .color_class strong,
.colore_articolo .header_color .color_class i {
	color:  var(--testo-color);
}

.not-underline a {
	text-decoration: none;
}

.txtPrivacy,.txtPrivacy a {
	font-size: 11px;
	color: #000 !important;
}

.no-padding {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

.nomargin h1, .nomargin h2, .nomargin h3, .nomargin h4, .nomargin h5, .nomargin h6 {
	margin-bottom: 0;
	margin-top: 0;
}


#t3-mainbody {
	overflow: hidden;
}

.qx-img-fluid {width: 100%;} 

#t3-mainbody .qx-element-text-v2 a {
    color: #000;
    text-decoration: underline;
}

#t3-mainbody .qx-element-text-v2.no_underline a {
	text-decoration: none;
}


.slide-content .readmore.more-big {
	position: relative;
	top:-6px;
	left: 20px;
}

.qx-btn-primary { 
	background: #000 !important;
	text-decoration: none !important;
	border-radius: 20px;
	border:2px solid #000;
	padding: 2px 10px 3px 10px;
	transition: all .7s ease-in-out;
}

.qx-btn-primary span {
	font-family:var(--font-dico);
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase; 
	transition: all .7s ease-in-out;
	color: var(--color-bk-header-esa);
}

.qx-btn-primary span::after {
	content: '⟶';
	display: inline-block;
	position: relative;
	top:-1px;
	left: 2px;
	transition:left .9s ease-in-out;
}

.qx-btn-primary:hover {
	background:var(--color-bk-header-esa) !important;
	border-color: #000;
}

.qx-btn-primary:hover span {
	color: #000;
}

.qx-btn-primary:hover span:after {
	left: 4px;
}

.qx-btn-primary.btn-yellow {
	background: #FECA35 !important;
}

.qx-btn-primary.btn-yellow span {
	color: #000; 
}

.qx-btn-primary.btn-yellow:hover {
	background: #000 !important;
}

.qx-btn-primary.btn-yellow:hover span {
	color: #fff;
}

.qx-btn-primary.btn-red,
.rosso .qx-btn-primary.btn-colore { 
	background: #e6cec7 !important;
	border-color: var(--color-rosso-header);
}

.qx-btn-primary.btn-red span,
.rosso .qx-btn-primary.btn-colore span {
	color: var(--color-rosso-header); 
}

.qx-btn-primary.btn-red:hover,
.rosso .qx-btn-primary.btn-colore:hover {
	background: var(--color-rosso-header) !important;
	border-color:#e6cec7; 
}

.qx-btn-primary.btn-red:hover span,
.rosso .qx-btn-primary.btn-colore:hover span {
	color: #e6cec7; 
}

.btn-blu .qx-btn-primary,
.qx-btn-primary.btn-blu,
.blu .qx-btn-primary.btn-colore {
	background: var(--color-blu-bk-header) !important; 
	border-color:var(--color-blu-header); 
}

.btn-blu .qx-btn-primary span,
.qx-btn-primary.btn-blu span,
.blu .qx-btn-primary.btn-colore span {
	color: var(--color-blu-header) !important; 
}

.btn-blu .qx-btn-primary:hover,
.qx-btn-primary.btn-blu:hover,
.blu .qx-btn-primary.btn-colore:hover {
	background: var(--color-blu-header) !important;
	border-color:var(--color-blu-bk-header); 
}

.btn-blu .qx-btn-primary:hover span,
.qx-btn-primary.btn-blu:hover span,
.blu .qx-btn-primary.btn-colore:hover span {
	color: var(--color-blu-bk-header) !important; 
}

.btn-giallo .qx-btn-primary,
.qx-btn-primary.btn-giallo,
.giallo .qx-btn-primary.btn-colore {
	background: var(--color-giallo-bk-header) !important; 
	border-color:var(--color-giallo-header); 
}

.btn-giallo .qx-btn-primary span,
.qx-btn-primary.btn-giallo span,
.giallo .qx-btn-primary.btn-colore span {
	color: var(--color-giallo-header) !important; 
}

.btn-giallo .qx-btn-primary:hover,
.qx-btn-primary.btn-giallo:hover,
.giallo .qx-btn-primary.btn-colore:hover {
	background: var(--color-giallo-header) !important;
	border-color:var(--color-giallo-bk-header); 
}

.btn-giallo .qx-btn-primary:hover span,
.qx-btn-primary.btn-giallo:hover span,
.giallo .qx-btn-primary.btn-colore:hover span {
	color: var(--color-giallo-bk-header) !important; 
}

.btn-verde .qx-btn-primary,
.qx-btn-primary.btn-verde,
.verde .qx-btn-primary.btn-colore {
	background: var(--color-verde-bk-header) !important; 
	border-color:var(--color-verde-header); 
}

.btn-verde .qx-btn-primary span,
.qx-btn-primary.btn-verde span,
.verde .qx-btn-primary.verde-colore span {
	color: var(--color-verde-header) !important; 
}

.btn-verde .qx-btn-primary:hover,
.qx-btn-primary.btn-verde:hover,
.verde .qx-btn-primary.btn-colore:hover {
	background: var(--color-verde-header) !important;
	border-color:var(--color-verde-bk-header); 
}

.btn-verde .qx-btn-primary:hover span,
.qx-btn-primary.btn-verde:hover span,
.verde .qx-btn-primary.btn-colore:hover span {
	color: var(--color-verde-bk-header) !important; 
}

.btn-rosso_inv .qx-btn-primary,
.qx-btn-primary.btn-rosso_inv,
.rosso_inv .qx-btn-primary.btn-colore {
	background: var(--color-rosso-inv-bk-header) !important; 
	border-color:var(--color-rosso-inv-header); 
}

.btn-rosso_inv .qx-btn-primary span,
.qx-btn-primary.btn-rosso_inv span,
.rosso_inv .qx-btn-primary.btn-colore span {
	color: var(--color-rosso-inv-header) !important; 
}

.btn-rosso_inv .qx-btn-primary:hover,
.qx-btn-primary.btn-rosso_inv:hover,
.rosso_inv .qx-btn-primary.btn-colore:hover {
	background: var(--color-rosso-inv-header) !important;
	border-color:var(--color-rosso-inv-bk-header); 
}

.btn-rosso_inv .qx-btn-primary:hover span,
.qx-btn-primary.btn-rosso_inv:hover span,
.rosso_inv .qx-btn-primary.btn-colore:hover span {
	color: var(--color-rosso-inv-bk-header) !important; 
}

.btn-verde_inv .qx-btn-primary,
.qx-btn-primary.btn-verde_inv,
.verde_inv .qx-btn-primary.btn-colore {
	background: var(--color-verde-inv-bk-header) !important; 
	border-color:var(--color-verde-inv-header); 
}

.btn-verde_inv .qx-btn-primary span,
.qx-btn-primary.btn-verde_inv span,
.verde_inv .qx-btn-primary.verde-colore span {
	color: var(--color-verde-inv-header) !important; 
}

.btn-verde_inv .qx-btn-primary:hover,
.qx-btn-primary.btn-verde_inv:hover,
.verde_inv .qx-btn-primary.btn-colore:hover {
	background: var(--color-verde-inv-header) !important;
	border-color:var(--color-verde-inv-bk-header); 
}

.btn-verde_inv .qx-btn-primary:hover span,
.qx-btn-primary.btn-verde_inv:hover span,
.verde_inv .qx-btn-primary.btn-colore:hover span {
	color: var(--color-verde-inv-bk-header) !important; 
}

.btn-giallo_inv .qx-btn-primary,
.qx-btn-primary.btn-giallo_inv,
.giallo_inv .qx-btn-primary.btn-colore {
	background: var(--color-giallo-inv-bk-header) !important; 
	border-color:var(--color-giallo-inv-header); 
}

.btn-giallo_inv .qx-btn-primary span,
.qx-btn-primary.btn-giallo_inv span,
.giallo_inv .qx-btn-primary.verde-colore span {
	color: var(--color-giallo-inv-header) !important; 
}

.btn-giallo_inv .qx-btn-primary:hover,
.qx-btn-primary.btn-giallo_inv:hover,
.giallo_inv .qx-btn-primary.btn-colore:hover {
	background: var(--color-giallo-inv-header) !important;
	border-color:var(--color-giallo-inv-bk-header); 
}

.btn-giallo_inv .qx-btn-primary:hover span,
.qx-btn-primary.btn-giallo_inv:hover span,
.giallo_inv .qx-btn-primary.btn-colore:hover span {
	color: var(--color-giallo-inv-bk-header) !important; 
}

.btn-blu_inv .qx-btn-primary,
.qx-btn-primary.btn-blu_inv,
.blu_inv .qx-btn-primary.btn-colore {
	background: var(--color-blu-inv-bk-header) !important; 
	border-color:var(--color-blu-inv-header); 
}

.btn-blu_inv .qx-btn-primary span,
.qx-btn-primary.btn-blu_inv span,
.blu_inv .qx-btn-primary.verde-colore span {
	color: var(--color-blu-inv-header) !important; 
}

.btn-blu_inv .qx-btn-primary:hover,
.qx-btn-primary.btn-blu_inv:hover,
.blu_inv .qx-btn-primary.btn-colore:hover {
	background: var(--color-blu-inv-header) !important;
	border-color:var(--color-blu-inv-bk-header); 
}

.btn-blu_inv .qx-btn-primary:hover span,
.qx-btn-primary.btn-blu_inv:hover span,
.blu_inv .qx-btn-primary.btn-colore:hover span {
	color: var(--color-blu-inv-bk-header) !important; 
}

.btn-white .qx-btn-primary,
.qx-btn-primary.btn-white {
	border-color: var(--color-bk-header-esa);
	background: var(--color-bk-header-esa) !important;
}

.btn-white .qx-btn-primary span,
.qx-btn-primary.btn-white span {
	color: #000 !important; 
}

.btn-white .qx-btn-primary:hover,
.qx-btn-primary.btn-white:hover {
	background: #000 !important;
	border-color:var(--color-bk-header-esa); 
}

.btn-white .qx-btn-primary:hover span,
.qx-btn-primary.btn-white:hover span {
	color: var(--color-bk-header-esa) !important; 
}

.form-visual {background: transparent !important;}

.form-visual ::-webkit-input-placeholder,
#subscription-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #000 !important;
}
.form-visual ::-moz-placeholder,
#subscription-form::-moz-placeholder { /* Firefox 19+ */
	color: #000 !important;
}
.form-visual :-ms-input-placeholder ,
#subscription-form :-ms-input-placeholder  { /* IE 10+ */
	color: #000 !important;
}.
.form-visual :-moz-placeholder,
#subscription-form :-moz-placeholder { /* Firefox 18- */
	color: #000 !important;
}

.form-nl ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--color-bk-header-esa) !important;
}
.form-nl ::-moz-placeholder { /* Firefox 19+ */
	color: var(--color-bk-header-esa) !important;
}
.form-nl :-ms-input-placeholder { /* IE 10+ */
	color: var(--color-bk-header-esa) !important;
}.
.form-nl :-moz-placeholder { /* Firefox 18- */
	color: var(--color-bk-header-esa) !important;
}

.form-visual .form-check-input,
.form-visual .form-check-label {
	display: inline-block;
}

.text-center .form-visual {
	display: inline-block;
}

#visual-form .cf-content-wrap {display: none ;}

#visual-form .cf-control-group {
	padding: 0 0 10px 0;
}

.form-full {
	max-width: 100% !important;
}


.acyterms {
	vertical-align: bottom;
}


.form-visual .cf-input { 
	background: transparent !important;
}

.form-check-input {vertical-align: top;}

.form-check-label {width: 95%;}

.form-nl .cf-input { 
	background: transparent !important;
	border: 0;
	border-bottom: 1px solid var(--color-bk-header-esa);
	border-radius:0;
	padding-left: 0;
}

.form-nl .cf-btn {
	position: absolute;
	left: 100%;
	white-space: nowrap;
	bottom:40px;
	z-index: 2;
}

.form-nl {
	position: relative;
	z-index: 2;
}

.col-right-nl {
	z-index: 1;
}

.form-visual {
	margin-top: 30px;
}
 
.form-visual .cf-input { 
	background: transparent !important;
	border: 0;
	border-bottom: 1px solid #000;
	border-radius:0;
}

.form-visual .cf-form-wrap,
.form-visual .cf-control-group {
	padding: 0;
}

.form-visual .cf-control-group {
	padding-top: 20px;
}

.form-nl .cf-btn,
.form-visual .cf-btn {
        color: var(--color-bk-header-esa)!important;
    font-family:var(--font-dico);
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    transition: all .7s ease-in-out;
	background: #000 !important;
    text-decoration: none !important;
    border-radius: 20px;
    border: 1px solid var(--color-bk-header-esa);
    padding: 2px 10px 3px 10px;
	cursor: pointer;
}

.form-nl .cf-btn:hover  {
	color: #000 !important;
    background: var(--color-bk-header-esa) !important;
	border:1px solid var(--color-bk-header-esa) !important;
}

.form-visual .cf-btn {
	color: #000 !important;
	background: transparent !important;
	border: 1px solid #000;
}


.form-visual .cf-btn:hover  {
	color: #f2f1ec !important;
    background: #000 !important;
	border:1px solid #f2f1ec !important;
}

.form-nl .cf-label,
.form-nl .txtPrivacy, 
.form-nl .txtPrivacy a {
	color:var(--color-bk-header-esa) !important;
}



#qx-form-captcha canvas {
	max-height: 60px;
	background: var(--color-bk-header-esa);
}


#form_effect {
	position: relative;
	height: 100vh;
	width: 100% !important;
	overflow: hidden;
	background: #000;
	border-bottom: 4px solid #000;
}

#form_effect .pattern-container {
	align-content: flex-start;
	display: grid;
	grid-template-columns: repeat(auto-fill, 200px);
	grid-template-rows: repeat(auto-fill, 300px);
	height: 150%;
	justify-content: center;
	position: absolute;
	top: -20%;
	width: 105vw;
}


#form_effect .pattern {
	height: 100%;
	position: relative;
	width: 100%;
}

#form_effect .pattern:before {
	/*background: #f2f1ec;*/
	
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.73 50.78"><g id="fondo"><path d="M24.14,19.5L12.87,0,1.61,19.39c-2.15,3.72-2.14,8.3.01,12.01l11.25,19.38,11.28-19.51c2.11-3.64,2.1-8.13-.01-11.77Z" style="fill:%23f2f1ec;"/></g></svg>');
    background-repeat: no-repeat;
    background-size: contain;
	
	border-radius: 24px;
	content: "";
	height: 100%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%) scale(var(--myScale));
	width: 100%;

}

#form_effect .text {
	width: 100%
}

#form_effect .text-1,
#form_effect .text-2 {
	position: absolute;
	top:50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: translateY(-50%);
}

#form_effect .text-2 {
	position: absolute;
	opacity:0;
	filter: blur(11.4125px);
	color: #000;
}

.scale-125 #form_effect .text-2 .text-titoletto2 {
	margin-bottom: 0 !important;
}

.scale-125 .form-visual .cf-control-group {
	padding-top: 5px;
}

#form_effect #text2,
#form_effect_manifesto #text2_manifesto,
#form_effect_manifesto #text3_manifesto {
	opacity: 0;
}

#text3_manifesto {
	display: block
}

#filters,
#filters_man {
	display: none;
}

.text-1 span {
	color: #f2f1ec; 
}
		
.morph {
	filter: url(#threshold) blur(0.6px);
}

.morph_manifesto {
	filter: url(#threshold_man) blur(0.6px);
}

a:hover,
.tags a:hover {
	text-decoration: underline;
}

.qx-link-toggle:hover .qx-link, .qx-link:hover, a:hover {
	color: #000;
}

.text-titolo-servizi-home a,
.tags a,
.qx-element-social-icon a{
	text-decoration: none;
}

.right_menu {
	position: relative;
}

#menu-lingua {
	position: absolute;
    top: 20px;
    right: 40px;
	transition: all 1.0s ease;
}

#menu-lingua li {
	line-height: 20px;
	background: transparent !important;
}

#menu-shop {
	position: absolute;
    top: 47px;
    right: 173px;
	line-height: 16px;
	transition: all 1.0s ease;
	
} 

#menu-shop a,
#menu-shop-mobile a {
	background: #FECA35;
	color: #000;
	text-decoration: none;
	display: inline-block;
    padding: 5px;
	font-size: 15px;
}

#menu-shop a:hover {
	background: #000;
	color: var(--color-bk-header-esa);
}

#menu-lingua-mobile {
	display: none;
}

#menu-lingua a {
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 2.6rem;
	font-weight: 700;
	transition: all 1.0s ease;
	
}

#menu-lingua a:hover,
#menu-lingua .lang-active a {
	text-decoration: underline;
}


#social-header {
	position: relative; 
	top: -5px; 
	left: 30px;
}

#social-header ul,
#social-header li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#social-header ul {
	display: flex;
}

#social-header li {
	margin: 0 6px;
}

#social-header li a span {
	display: none;
}

footer,
footer a {
	font-size: 12px;
	color: var(--color-bk-header-esa) !important;
	text-decoration: none !important;
}

footer a:hover,
footer a:focus {
	color:var(--color-bk-header-esa);
	text-decoration: underline!important;
}

footer .cf-recaptcha-v3-text-badge,
footer .cf-recaptcha-v3-text-badge a {
	color: #000 !important;
	
}

footer .cf-recaptcha-v3-text-badge a {
	text-decoration:underline !important; 
}

#t3-footer {
	overflow-x: hidden;
	background: var(--color-bk-header-esa);
	border-top: 0px solid #000;
}

#t3-footer p,
#t3-footer p a { 
	font-family: var(--font-dico);
	font-size: 17px;
	line-height:26px;	
}

#t3-footer .footer_baseline p,
#t3-footer .footer_baseline p a {
	font-size: 15px;
	line-height:20px;	
}

#footer-info .qx-container {
	z-index: 1;
	position: relative;
}

#footer-header {
	position: relative;
}

#footer-header:after {
	content: '';
	width: 200vw;
	position: absolute;
	bottom: 0;
	left: -100%;
	border-bottom: 1px solid #000;
}

.footer-menu ul,
.footer-menu li {
	list-style: none;
}


.footer-menu li,
.footer-menu li a { 
	font-family: var(--font-aktiv);
	line-height:26px;
	font-size: 20px;
	font-weight: 700;
	padding:0;
	color: var(--color-bk-header-esa);
	text-transform:uppercase;
	background: transparent !important;
}

.footer-menu ul {padding-left: 15px;}

.footer-menu li a:hover {
	background: none;
	color:var(--color-bk-header-esa); 
	text-decoration: underline; 
}

.footer-menu ul li ul,
.nav .caret {
	display: none !important;
}

.nav-pills li > a, .nav-pills li > a:hover, .nav-pillsli > a:focus,
.footer-menu .nav  li > a:hover, .footer-menu .nav  li > a:focus,
.dropdown-menu > li > a, .dropdown-menu > li > a:focus {
	background: transparent !important;
	border: 0 !important;
}

.logo_footer {
	max-width: 130px;
}

#bottom-menu li {
	float: left;
	line-height: 26px;
	margin: 0 40px;
}


#bottom-menu li a{
	padding: 0;
	line-height: 60px;
}

.social-icon li.inline-item {
	margin: 0;
}


.social-icon a {
	line-height: 70px;
}

#mappa-contatti .phocamaps-box {padding: 0 !important; margin: 0 !important;}

.no-margin span {margin: 0;}

.list-no-space li:before {display: none;}


.k2CategoriesListBlock.category-list {
	text-align: center;
}



.k2CategoriesListBlock.category-list li,
#qx-section-categories .categories-module li,
#t3-mainnav .mega-dropdown-menu .categories-module li {
	margin-bottom: 10px;
	list-style: none !important;
	text-align: center;
}

#qx-section-categories .categories-module li {
	padding: 0;
	border: 0;
	margin: 0 0 16px 0;
}

.k2CategoriesListBlock.category-list .catTitle,
#t3-mainnav .mega-dropdown-menu .categories-module li a,
#qx-section-categories .categories-module li a {
	color: var(--color-bk-header-esa);
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 500;
}

.mega-dropdown-menu .k2CategoriesListBlock.category-list .catTitle,
#t3-mainnav .mega-dropdown-menu .categories-module li a {
	font-size: 16px;
}

.mega-dropdown-menu {
	background: var(--color-bk-header-esa);
	top: calc(100% - 55px) !important;
}

.navbar-fixed-top .mega-dropdown-menu {
	top: calc(100% - 25px) !important;
}
 
.video-overlay {
    height: auto;
    overflow: hidden;
    position: relative;
    line-height: 0;
}

.video-link-full .video-fullscreen {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
    z-index: 5;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
 
}

.video-overlay video {
    object-fit: cover;
    width: 100%;
}

.video-scroll video {
	height: calc(100vh - 85px) !important; 
}

.parent_video-sfondo {
	overflow: hidden;
}

.video-sfondo {
	position: relative;
}

.video-sfondo video {
	position: absolute;
	left: 0;
	right: 0;
	object-fit: cover;
	width: 100%;
} 

.video-sfondo .video_content_hover {
	position: relative;
	padding: 60px 0;

}

.colonna_sfondo-video1 {
	position: absolute;
	top:0;
	left: 0;
	z-index: 2; 
}

#video-wrapper {
	position: relative;
}

.video-controls {
	opacity: 0;
	-webkit-transition: -webkit-opacity 1s;
	transition: opacity 1s;
}

#video-wrapper:hover .video-controls {
	opacity: 1;
}

#play-pause,
#mute,
#play-pause-2,
#mute-2 {cursor: pointer;}



.video-controls #play-pause,
.video-controls #play-pause-2{
	float: left;
}


.video-controls .pause .fa-play,
.video-controls .play .fa-pause,
.video-controls .mute .fa-volume-up,
.video-controls .audio .fa-volume-off { 
	display: block;
}

.video-controls .play .fa-play,
.video-controls .pause .fa-pause,
.video-controls .mute .fa-volume-off,
.video-controls .audio .fa-volume-up{
	display: none;
}

.video-controls #mute,
.video-controls #mute-2{
	float: right;
}

.gallery_template li img {
	width: 770px;
}

.header-text h1 {
	line-height: 180px;
}

.header-text h2 {
	margin-right: 8px;
}

.box-goccia {
	min-height: 530px;
}

.box-goccia-ambiente {
	min-height: 600px;
}

#t3-mainnav .icona-megamenu img {
	height: 66px;
	width: auto;
	max-width: auto;
}


#titolo-progetto .info {
	margin-top: 50px;
	margin-left: 20px;
}


.info .tags {
	max-width: 300px;
}

#tag-diario.no-margin .tags {
	margin-top: 0;
}


.gup-10 {
	margin-left: -5px;
    margin-right: -5px;
}

.gup-10  .qx-col-wrap {
	padding: 15px 5px !important;
}

#accessibility-switcher {
  position: fixed;
  top: 22px;
  right: 7px;
  z-index: 9999;
}

#accessibility-toggle {
  font-size: 20px;
  background: #000;
  color: #fff;
  border: none;
  padding: 0 6px;
  border-radius: 4px;
  cursor: pointer;
}

#accessibility-menu {
  display: none;
  background: #fff;
  border: 1px solid #000;
  list-style: none;
  padding: 5px 15px;
  margin-top: 2px;
  position: absolute;
  right: 0;
}

#accessibility-menu li {
  margin: 0;
	text-align: center;
}

#accessibility-switcher.open #accessibility-menu {
  display: block;
}


.tgl {
  display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
} 

.tgl + .tgl-btn {
  outline: 0;
  display: inline-block;
  width: 4em;
  height: 2em;
  position: relative;
  cursor: pointer;
  user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}

.tgl-ios + .tgl-btn {
  background: #fbfbfb;
  border-radius: 2em;
  padding: 2px;
  transition: all 0.4s ease;
  border: 1px solid #e8eae9;
width: 60px;
height: 30px;
}
.tgl-ios + .tgl-btn:after {
  border-radius: 2em;
  background: #fbfbfb;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}
.tgl-ios + .tgl-btn:hover:after {
  will-change: padding;
}
.tgl-ios + .tgl-btn:active {
  box-shadow: inset 0 0 0 2em #e8eae9;
}
.tgl-ios + .tgl-btn:active:after {
  padding-right: 0.8em;
}
.tgl-ios:checked + .tgl-btn {
  background: #000;
}
.tgl-ios:checked + .tgl-btn:active {
  box-shadow: none;
}
.tgl-ios:checked + .tgl-btn:active:after {
  margin-left: -0.8em;
}

.tgl-skewed + .tgl-btn {
  overflow: hidden;
  backface-visibility: hidden;
  transition: all 0.2s ease;
  font-family: var(--font-dico);
	font-size: 1.5rem;
  background: #F5F5F0; 
	border-radius: 40px;
	border: 1px solid #000;
}
.tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {

  display: inline-block;
  transition: all 0.2s ease;
  width: 100%;
  text-align: center;
  position: absolute;
  line-height: 2em;
  font-weight: bold;
  color: #000;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.tgl-skewed + .tgl-btn:after {
  left: 100%;
  content: attr(data-tg-on);
}
.tgl-skewed + .tgl-btn:before {
  left: 0;
  content: attr(data-tg-off);
}
.tgl-skewed + .tgl-btn:active {
  background: #888;
}
.tgl-skewed + .tgl-btn:active:before {
  left: -10%;
}
.tgl-skewed:checked + .tgl-btn {
  background: #000; 
}
.tgl-skewed:checked + .tgl-btn:before {
  left: -100%;
	
}
.tgl-skewed:checked + .tgl-btn:after {
  left: 0;
	color: #fff;
}
.tgl-skewed:checked + .tgl-btn:active:after {
  left: 10%;
}



#pagination .pagenav li > a,
#progetto_detail .text-background-progetto a {
	background: none;
	border: 0;
	color: #000;
	text-transform: uppercase; 
	padding: 0;
	text-decoration: none;
}

#progetto_detail .text-background-progetto a {
	font-size: 16px;
	color: var(--color-bk-header-esa);
	z-index: 3;
	position: relative;
	margin-left: 3px;
}

#progetto_detail  ul.menu_progetti_with_num li a {
	border-width: 0 !important;
}

#progetto_detail  ul.menu_progetti_with_num li a:hover {
	text-decoration: underline;
}

#pagination .pagenav li > a:hover {
	background: none;
	color: #000;
	text-decoration: underline;
}

#elenco-tag {
	text-align: left;
	margin-bottom: 80px;
	margin-top: 90px; 
	opacity: 0; 
}

#elenco-tag h4 {
    font-family: dico-code-one;
    padding: 8px 16px 8px 16px;
    cursor: pointer;
	font-size:14px;
	display: inline-block; 
	margin: 0;
	font-weight: 400;
}

#elenco-tag span {
	padding: 8px 0;
}

#elenco-tag h4,
#elenco-tag span {
	float: left;

}

#elenco-tag h4:hover,
#elenco-tag h4.active {
    background-color: #000;
    color: var(--color-bk-header-esa);
}



#elenco-tag .lista-progetti {
	margin-left: -10px;
	margin-top: 30px;
}

#elenco-tag.tag_filter .lista-progetti {
	margin-left: 0;
}

.tags-servizi {
	margin-left: 8px;
}

#progetti-home {
	margin-left: -10px;
	margin-top: 60px;
}

#elenco-tag .lista-progetti .box { 


    margin: 10px;
	display: inline-block;
	width: 30%;
}

#progetti-home .box  { 

	display: inline-flex;
	width: 100%;
	margin-bottom: 30px;
}

#progetti-home .box.box-half {
	margin-left: 15px;
	width: calc(50% - 15px);
}

#progetti-home .box.box-half:first-child {
	margin-right: 15px;
	width: calc(50% - 15px);
	margin-left: 0;
} 

#progetti-home .box img {
	width: 100%;
	height: auto;
}

#elenco-tag .lista-progetti .box .title {
	display: none;
}

#progetti .grid figure{ 
	height: 350px;
}

.progetti-servizi .grid {
	width: 278px;
	height: 278px;
}

#progetti .grid figure .intro-image {
	height: 100%;
} 

#progetti .grid figure .intro-image img {
	object-fit: cover;
} 

#progetti-home .grid figure,
.progetti-servizi  .grid figure {
	width: 100%;
	min-width: auto;
}

#progetti figure.effect-zoe figcaption,
#progetti-home figure.effect-zoe figcaption,
.progetti-servizi  figure.effect-zoe figcaption {
	top: -100%;
	bottom: inherit;
	padding: 1em;
	height: 100%;
	background: transparent;
	color: #000;
	opacity: 0;
	-webkit-transition: -webkit-opacity 1s;
	transition: opacity 1s;
	-webkit-transform: translate3d(0,100%,0) !important;
	transform: translate3d(0,100%,0) !important;
	
}

.progetti-servizi figure.effect-zoe figcaption {
	padding: 4px;
}

figure.effect-zoe figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-zoe:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

#progetti figure.effect-zoe:hover figcaption,
#progetti-home figure.effect-zoe:hover figcaption,
.progetti-servizi figure.effect-zoe:hover figcaption {
	opacity: 1;
	background: transparent url("../images/visualcom-pattern.png") repeat;
}


#progetti figure.effect-zoe .description,
#progetti-home figure.effect-zoe .description,
.progetti-servizi figure.effect-zoe .description {
	font-size: 20px;
	font-weight: 700;
	padding: 20px 30px; 
	color: #fff;
	text-align: left;
}

.progetti-servizi figure.effect-zoe .description {
	padding: 0px 30px; 
}

figure.effect-zoe .description p {
	font-size: 12px;
}

figure.effect-zoe .description h3 {
	font-size: 30px;
}


figure.effect-zoe .description p,
figure.effect-zoe .description h3 {
	display: table;
	margin-bottom: 10px;
	
	background: #000;
	color: #fff;
	padding: 5px 16px;
	text-transform: none;
	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-360px,0,0);
	transform: translate3d(-360px,0,0);
}

figure.effect-zoe .description h3 {padding-top: 10px}

figure.effect-zoe .description p.tag  {
	margin-bottom: 5px;
}

figure.effect-zoe .description h3 {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe .description p.tag  {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe .description p.intro {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-zoe:hover .description h3 {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

figure.effect-zoe:hover .description p.tag {
	-webkit-transition-delay:  0.05s;
	transition-delay:  0.05s;
}

figure.effect-zoe:hover .description p.intro {
	-webkit-transition-delay:0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover .description p,
figure.effect-zoe:hover .description h3{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
 

.header-image {
	position: relative;
	max-height: 600px;
	overflow: hidden;
}

.header-image .header-title {
	position: absolute;
	bottom: 10px;
	right: 100px;
}

#animation {
	
}

#animation-container {
	
}

.magic-element {
	position: relative;
}

#animation-take-vision {
	display: block;
}

#animation-take-vision-mobile {
	display: none;
}

.text-anim-1 {
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 111px;
	line-height: 126px;
	font-weight: 700;
	letter-spacing: -0.1em;
}

.text-anim-2 {
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 133px;
	line-height: 100px;
	font-weight: 700;
	padding-top: 4px;
}

.text-anim-2-bis {
	font-size: 111px;
}

.text-anim-2-bis-en {
	font-size: 133px;
}

.text-anim-3 {
	font-family: "dico-code-one", sans-serif;
	font-size: 21px;
	line-height: 31px;
	font-weight: 400;
	letter-spacing: -0.0030em;
}

.text-anim-3-bis {
	font-size: 20px;
}

.text-anim-4 {
	font-family: "dico-code-one", sans-serif;
	font-size: 28px;
	line-height: 31px;
	font-weight: 400;
}


.text-anim-4-bis {
	position: relative;
	top:20px;
}

.text-anim-4-extra {
	padding-top: 121px;
	padding-bottom: 55px;
}

.text-anim-5 {
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 80px;
	line-height: 70px;
	font-weight: 900;
}

.text-anim-5-bis {
	font-size: 59px;
}

.text-anim-6 {
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 48px;
	line-height: 48px;
	font-weight: 700;
}

.text-anim-7 {
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 80px;
	line-height: 70px;
	font-weight: 900;
	text-transform: uppercase;
	display: block;
}

.text-anim-8 {
	font-family: "dico-code-one", sans-serif;
	font-size: 52px;
	line-height: 60px;
	font-weight: 400;
}


.anim-5 {
	position: relative;
	top:-20px;
}

.anim-6 {
	position: relative;
	left:-30px;
	top:45px;
}

.anim-7 {
	position: relative;
	top: -40px;
    left: 64px;
}

.anim-7-bis {
	left: 48px;
	top:-174px;
}

.anim-7-bis-en {
	left: 64px;
}

.anim-8 {
	position: relative;
	top: -64px;
    left: 120px;
}

.anim-8-bis {
	top:-197px;
}

.anim-9-video {
	position: relative;
	top: 27px;
    left: -80px;
} 

.anim-9 {
	position: relative;
	top: -247px;
    left: -33px;
}

.anim-10-container {
	position: relative;
	top: -163px;
	left: -190px;

}

.anim-10-container-bis {
	top:-107px;
}

.anim-10 {
	position: relative;
	left: -247px;
}

.anim-11 {
	position: relative;
	bottom: -42px;
}

#comunicazione-text span {
	position: relative;
	top:-4px;
	padding-bottom: 6px;
}

#text-siamo span {
	padding-right: 5px;
}

#text-35-anni h1 {
	font-size: 0;
	margin-top: 13px;
}

#text-35-anni span {
	padding-left: 6px;
	padding-right: 6px;
}

#titolo-progetto {
	margin-top: 170px;
	padding-left: 20px;
}

.visione-text-1 {
	width: 278px;
	margin-top: 108px;
	float: right;
}
 
.visione-years div {
	width: 260px;
	margin-left: 82px;
	margin-right: 36px;
}

.visione-revolution {
	padding-left: 0;
	padding-right: 0;
	position: relative;
	top:-256px;
}



.visione-revolution .text-2021 {
	margin-bottom: 20px;
}

.visione-revolution img {
	position: absolute;
	width:  314px;
	max-width: 130% !important;
}

.visione-years-loghi {
	position: relative;
	z-index: 0;
	margin-top: 20px;
	margin-bottom: 30px;
}

.visione-years-loghi img {
	z-index: 1;
	position: relative;
}

.visione-years-loghi:before {
	content: '';
	display: block;
	position: absolute;
	top:50%;
	right: 0;
	width: 100vw;
	height: 3px;
	background: #000;
	z-index: 0;
}

.visione-years h4,
.visione-years2 h4,
.text-2021 h4,
#year-wrapper-mobile .text-1 h4{
	margin-bottom: 5px;
	margin-top: 0;
	font-weight: 400;
	font-family: "dico-code-one";
    font-size: 16px !important;
    line-height: 1.3 !important;
}

.visione-years2 div.text-1 {
	width: 208px;
}

.visione-years2 div.text-2 {
	width: 250px;
}

.visione-years2 img {
	margin-left: 81px;
    margin-right: 68px;
}

.video-inline {
	object-fit: cover;
}

video {
	clip-path: inset(0px 0px);
	 transform: translateZ(0);
	will-change: transform;
}

#t3-footer .convertforms .cf-content-wrap {display: none;}


#year-wrapper {display: block}

#year-wrapper-mobile {display: none}

#text-center  {text-align: center;}


#shared_this {
	position: absolute;
	left: 0;
	right: 0;
	top:40px;
	margin: 0 auto;
	text-align: center;
	max-width: 400px;
}

#shared_this.share_big {
	top:10px;
}

#shared_this a {
	float: none;
	display: inline-block;
}

#shared_this .at4-show {
	display: inline-block !important;
}

#shared_this .a2a_svg {
	height: 22px;
	line-height: 22px;
	width: 22px;
}

#shared_this.share_big .a2a_svg {
	height: 30px;
	line-height: 30px;
	width: 30px;
}

#shared_this .addthis_counter .atc_s  {
	background-color: #fff;
	color: #000;
	font-family: dico-code-one !important;
    font-size: 16px;
	letter-spacing: 0.010em;
	text-transform: uppercase; 
	font-weight: 400 !important;
}

#shared_this .addthis_counter .atc_s:before {
	display: none !important;
    content: "\f1e0";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    top: 0;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
}

#shared_this .addthis_counter.addthis_pill_style {
	height: 18px;
}

.list-cat,
.list-cat li {
	list-style: none;
}

.list-cat {
	padding:30px 0px 0 60px; 
}

.list-cat li {
	margin-bottom: 20px;
}

.list-cat li a {color: #000;}

.diario-item {
	margin-bottom: 70px;
}

.diario-item .article-title a  {
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 29px;
	line-height: 35px;
	font-weight: 700;
	color: #000;
}

.diario-item .article-title {
	margin-bottom: 0;
	letter-spacing:0;
}

.readmore-diario span {
	font-family: "dico-code-one", sans-serif;
	font-size: 16px;
	line-height: 19px;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
}

.diario-item .span-background-black span,
#top-info-diario .span-background-black span {
	padding: 4px 8px 4px 8px; 
	display: inline-block;
}

.span-background-bold span {
	padding: 10px 14px; 
	display: inline-block;
} 


#tag-diario .tags a {
	text-decoration: none;
}

#tag-diario .tags a:hover {
	text-decoration: underline;
}

.qx-element img.fare-branding {
	float: right;
	display: inline-block;
    max-height: 220px;
    margin-left: 48px;
    margin-top: 15px;
}

.qx-element img.marchi-famosi {
	max-width: 230px;
	float: right;
	margin-left: 30px;
}

.qx-element img.cocacola {

	float: right;
	margin-left: 30px;
	
}

.qx-element img.comportamento {
	float: right;
	margin-left: 55px;
	margin-top: 15px;
	max-width: 340px;
}

.acym_module .acym_introtext {
	margin-bottom: 30px;
	text-align: center;
}

.acym_module .acym__users__creation__fields__title {
	text-transform: uppercase;
	margin-bottom: 5px;
}

.column-num {
	 -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.column-num img {
	margin-right: 20px;
	height: 61px !important;

}

.sottotitolo-spostato {
	margin-left: 45px;
}

.layout-iframe .visione-revolution {
	position: inherit;
	top:inherit;
	bottom: inherit;
	left: inherit;
	right: inherit;
}

.convertforms .cf-content-wrap {
	display: none;
}

#form-prenota {
	display: none;
}

#form-prenota .convertforms .cf-content-wrap, #form-prenota .convertforms .cf-form-wrap {
	padding: 0;
}


.home3_image_01 {
	position: relative;
	left: 100%;
	top:-200px;
}

.scale-in-center {
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.play-video-link {
	cursor: pointer;
}

.play-video-link i {
	transition: all 1s ease-in-out;
	-webkit-animation: move-left-right 1.0s linear infinite both;
	        animation: move-left-right 1.0s linear infinite both;
}

.play-video-link.play-inside-inverse i {
	transition: all 1s ease-in-out;
	-webkit-animation: move-right-left 1.0s linear infinite both;
	        animation: move-right-left 1.0s linear infinite both;
}

.video-inside {
	position: relative;
	overflow: hidden;
}

.video-inside video {
	position: absolute;
	left: 0;
	top:0;
	object-fit: cover;
	z-index: 1;
	width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
	max-width: 100% !important; 
	clip-path:none;
}


#video-wrapper {
	position: relative;
}

.video-controls {
	opacity: 1;
	-webkit-transition: -webkit-opacity 1s;
	transition: opacity 1s;
	position: relative;
	top:-30px;
}

#video-wrapper:hover .video-controls {
	opacity: 1;
}

#play-pause,
#mute,
#play-pause-2,
#mute-2 {cursor: pointer;}



.video-controls #play-pause,
.video-controls #play-pause-2{
	float: left;
	margin-left: 30px;
}


.video-controls .pause .fa-play,
.video-controls .play .fa-pause,
.video-controls .mute .fa-volume-up,
.video-controls .audio .fa-volume-off { 
	display: block;
}

.video-controls .play .fa-play,
.video-controls .pause .fa-pause,
.video-controls .mute .fa-volume-off,
.video-controls .audio .fa-volume-up{
	display: none;
}

.video-controls #mute,
.video-controls #mute-2{
	float: right;
	margin-right: 30px;
}

.intestazione-quiz h3 {
	    background: #000;
    padding-left: 7px;
    padding-right: 4px;
	display: inline-block;
	color: #fff;
	width: 12%;
	margin-bottom: 0;
}

.form-quiz .cf-label {
	text-align: left;
	margin-bottom: 20px;
}

.form-quiz .cf-control-group {
	visibility: hidden;
	height: 0;
	margin-bottom: 0;
}

.form-quiz .cf-control-group[data-label="Domanda 1"],
.form-quiz .cf-control-group[data-name="domanda1"],
.form-quiz .cf-control-group.active {
	visibility: visible;
	height: auto;
	margin-bottom: 50px;
}

.images_choices {
	margin-bottom: 50px;
}

.images_choices .cf-list {
     position: relative;
}
.images_choices input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.images_choices .cf-list label {
    padding-left: 0 !important;
    border:solid 1px #fff;
    transition: all 100ms ease-in-out;
    cursor: pointer;
}
.images_choices .cf-list label > div {
   padding: 10px;
   font-weight: bold;
	text-align: center;
	border:solid 1px #ccc;
}
.images_choices .cf-list label img {
   width: 100%;
}
.images_choices .cf-list > div:hover label {
    border:solid 1px #000;
}
.images_choices .cf-list input:checked + label {
    border:solid 1px #000;
}
.images_choices .cf-list input:checked + label > div {
    background: #000;
    color: #fff;
}

.images_choices img {
	max-width: 244px !important;
}

@-webkit-keyframes move-right-left {
  0% {
    -webkit-transform:translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform:translateX(10px);
            transform: translateX(10px);
  }
  100% {
    -webkit-transform:translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes move-right-left {
  0% {
    -webkit-transform:translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform:translateX(10px);
            transform: translateX(10px);
  }
  100% {
    -webkit-transform:translateX(0px);
            transform: translateX(0px);
  }
}

@-webkit-keyframes move-left-right {
  0% {
    -webkit-transform:translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform:translateX(-10px);
            transform: translateX(-10px);
  }
  100% {
    -webkit-transform:translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes move-left-right {
  0% {
    -webkit-transform:translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform:translateX(-10px);
            transform: translateX(-10px);
  }
  100% {
    -webkit-transform:translateX(0px);
            transform: translateX(0px);
  }
}

 @-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
	  left: 100%;
	  top:-200px;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
	  left: 0;
	  top:0;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
	  left: 100%;
	  top:-200px;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
	  left: 0;
	  top:0;
  }
}


#accordion a {
	text-decoration: none;
	border: 1px solid #fff;
	font-family: "aktiv-grotesk", sans-serif;
	font-size: 40px;
	font-weight: 700;
}

#accordion .qx-element-accordion-item {
	border: 0 !important;
	border-radius: 0;
}

#accordion li:first-child.qx-open a {
	background: -webkit-linear-gradient(left, #ffb400 0%, #77cb40 100%);
	background: -o-linear-gradient(left, #ffb400 0%, #77cb40 100%);
	background: linear-gradient(to right, #ffb400 0%, #77cb40 100%);

}

#accordion li:nth-child(2).qx-open a {
	background: -webkit-linear-gradient(left, #e02938 0%, #ffb400 100%);
	background: -o-linear-gradient(left, #e02938 0%, #ffb400 100%);
	background: linear-gradient(to right, #e02938 0%, #ffb400 100%);
}

#accordion li:nth-child(3).qx-open a {
    background: -webkit-linear-gradient(left, #9fba00 0%, #004c9b 100%);
    background: -o-linear-gradient(left, #9fba00 0%, #004c9b 100%);
    background: linear-gradient(to right, #9fba00 0%, #004c9b 100%);
}

#accordion li:nth-child(4).qx-open a {
	background: -webkit-linear-gradient(left, #004c9b 0%, #e02938 100%);
	background: -o-linear-gradient(left, #004c9b 0%, #e02938 100%);
	background: linear-gradient(to right, #004c9b 0%, #e02938 100%);
}

#accordion li:nth-child(5).qx-open a {
	background: -webkit-linear-gradient(left, #ffb400 0%, #004c9b 100%);
	background: -o-linear-gradient(left, #ffb400 0%, #004c9b 100%);
	background: linear-gradient(to right, #ffb400 0%, #004c9b 100%);
}

#accordion li:nth-child(6).qx-open a {
	background: -webkit-linear-gradient(left, #e02938 0%, #9fba00 100%);
	background: -o-linear-gradient(left, #e02938 0%, #9fba00 100%);
	background: linear-gradient(to right, #e02938 0%, #9fba00 100%);
}

#accordion .qx-element-accordion-item.qx-open .qxif-plus-circle:before {
	content: "\ee93";
}

.standard_slide .slick-arrow:before {
	display: block;
	content: '';
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
	
}

.standard_slide .slick-prev, .standard_slide .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width:40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.standard_slide button.slick-prev.slick-arrow {
	left: -100px;
}

.standard_slide button.slick-next.slick-arrow {
	right: -100px;
}

.standard_slide .slick-prev:before {
    background-image: url(/templates/tx_morph/images/arrow_prev.svg);
}

.standard_slide .slick-next:before {
    background-image: url(/templates/tx_morph/images/arrow_next.svg);
}

.standard_slide .slick-dots li button:before {
	font-size: 24px;

}

.standard_slide .slick-dots li,
.standard_slide .slick-dots li,
.standard_slide .slick-dots li button:before {
	width: 40px;
	height: 40px;
} 

.standard_slide .slick-dots {
	bottom: -60px;
}

.scroll-up {
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 0;
    margin: 0 auto;
    z-index: 999;
    max-width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: 90px;
    background: rgba(0, 0, 0,0.7);
    line-height: 90px;
}


/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}


.zanchi-position-bottom {
	margin-top: 0;
	margin-bottom:-110px;
	position: relative;
}

#cookieBanner {
	padding: 30px;
	border: 1px solid #ccc;
}

#cookieBanner .modify_preference,
#cookieBanner .modify_preference_en {
	display: block; 
	max-width: 300px;
	margin: 0 auto;
	margin-top: 30px;
}

#pagination {
	margin-bottom: 80px; 
	padding: 0 20px;
	background: var(--color-bk-header-esa);
	border-radius: 20px;
}

#pagination .pagination > li a {
	border : 0 !important;
	color: #000;
	text-transform: uppercase;
	background: transparent;
} 

#pagination .pagination > li.active a,
#pagination .pagination > li.disabled > a:hover, 
#pagination .pagination > li > a:hover, 
#pagination .pagination > li > span:hover {
	color: #000 !important;
	background: transparent;
	text-decoration: underline;
}


	
/********** mask_black ***************/	
	
	.mask_black {
		width: 100%;
		
	}
	
	.mask_black .animation-section {
		
		margin-bottom: 30px; 
		margin-top: 30px;
	}

.mask_black svg { 
  width: 100%;
  height: 600px;
  display: block;
	position: relative;
}
	

.animation-section	.testo {
	  transform: translate(171px, 178px);
		font-size: var(--font-dico);
		font-size: 24rem;
		line-height: 24rem;
	}
	
	
/************************************/	

.our_contant {
	margin-top: 200px;
}

.lottie_container {
	width: 500px;
	height: 460px;
}

.scale-125 .lottie_container {
	width: 400px;
	height: 360px;
}

#lottie-uovo,
#lottie-ufo,
#lottie-cuore,
#lottie-barca,
.lottie_servizi,
#lottie-occhio {
	position: absolute;
}

#lottie-barca {
	top:-120px;
	left: -120px;
}

#lottie-occhio {
	top:-140px;
}

#lottie-uovo {
	top:-100px;
	left: -160px;
}

.scale-125 #lottie-uovo {
	top:-70px;
}

#lottie-ufo {
	bottom:-95px;
	left: -100px;
}

#lottie-ufo.lottie_ufo_agenzia {
	bottom:-210px;
	right: 95px;
	left: inherit;
}

.cuore_lottie {
	margin-left: 8%;
	padding:320px 45px 45px 45px;
}

.lottie_content .lottie_container { 
	position: absolute;
	top:-80px;
}

#lottie-limone,
#lottie-conchiglia {
	top: -125px;
}

#lottie-cuore {
	top:-100px;
	left: -50px;
}

.section_border_top:before {
	content: '';
	width: calc(100% - 140px);
	position: absolute;
	top:0;
	left: 70px;
	background: #000;
	height: 5px;
	display: inline-block;
	border-radius: 20px;
}

.row_border_top_half:before {
	content: '';
	width: 54%;
	position: absolute;
	top:0;
	left: 32%;
	background: #000;
	height: 5px;
	display: inline-block;
	border-radius: 20px;
}

.progetto_effect .item1 {
	margin: 0px 15px 30px 15px;
	max-width: 31%;
	flex: 31%;
}

#elencoProgetti,
.seconda_descrizione {
	margin: 0 4.7%; 
}



.progetto_effect .item img {
	width: 100%;
}

#elencoProgetti .item {
	max-width: 445px;
	max-height: 445px;
}

.scale-125 #elencoProgetti .item {
	max-width: 380px;
}

.progetto_effect .item a {
	display: inline-block;
	position: relative;
}

.progetto_effect .item .content .desc,
.progetto_effect .item .content .anno,
.progetto_effect .item .content .item-title {
	margin: 0;
}

.progetto_effect .item .content {  
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,0.3);
	backdrop-filter: blur(10px);
	width: 100%;
	padding: 20px 20px;
	transition: all 1.0s ease;
	min-height: 20px;
	display: flex;                /* Usa Flexbox per il layout */
    flex-direction: column;       /* Organizza gli elementi in colonna */
    justify-content: flex-end;
}



.progetto_effect .item .content .desc,
.progetto_effect .item .content .anno {
    opacity: 0;
    visibility: hidden;
    max-height: 0; /* Nascondi inizialmente */
    overflow: hidden; /* Nasconde il contenuto che esce dal box */
    transition: opacity 1.0s ease, max-height 1s ease;
}

.progetto_effect .item .content .titolo_anno {
	position: relative;
	 width: 100%;
}

.progetto_effect .item .content .titolo_anno .anno {
	position: absolute;
	right: 0px;
	top:50%;
	transform: translateY(-50%);
}

.progetto_effect .item .content .desc {
	font-size: 0rem;
	line-height: 0rem;
	margin-bottom: 0px;
}

.progetto_effect .item .content .desc span {
	line-height: 1;
	font-size: 3rem;
}

#elencoProgetti .item .content .desc {
	font-size: 0rem;
	line-height: 0rem;
}

.progetto_effect .item:hover .content {
	min-height: 300px;
}

#elencoProgetti .item:hover .content {
	min-height: 100%;
}

.progetto_effect .item:hover .desc,
.progetto_effect .item:hover .anno {
    opacity: 1;
    visibility: visible;
    max-height: 1000px; 
    transition-delay: 1s; 
}

.progetto_effect .item:hover .desc {
	font-size: 2rem;
	line-height: 3.5rem;
	margin-bottom: 30px;
}

#elencoProgetti .item:hover .desc {
	font-size: 2.5rem;
	line-height: 2.5rem;
}

.progetto_effect .item .content .item-title span {
	line-height: 2.3rem;
	font-size: 2rem;
}

.container_marqueVwords {
	position: relative;
	width: 100%;
}

.container_marqueVwords .vwords span {
	position: absolute;
	z-index: 2;
	right: 0;
	padding-right: 20px;
	padding-left: 10px;
	background: var(--color-bk-header-esa);
	top: -15px;
    margin: 0;
	display: block;
	line-height: 7rem;
}

.marque {
    overflow: hidden;
    position: relative;
}

.marque  .titolo_marque {
	white-space:nowrap;
}

.marqueDiario {
	padding-bottom: 15px;
}

.marqueDiario.inverso {
	padding-top: 15px;
	padding-bottom: 0;
	border-top:1px solid #000;  
}

.Vwords {
	border-top:1px solid #000;  
	border-bottom:1px solid #000;  
	border-width: 1px !important;
}

.marqueDiario .content {
	margin-left:30px; 
}


.marqueDiario1 .splide__list {
    min-width: 3000px;
    box-sizing: border-box;
}

.marqueMaxWidth1 .splide__list {
    min-width: 2500px;
    box-sizing: border-box;
}

.marqueDiario .content img {
	margin: 0 20px;
	max-width: 80px;
}

.marqueVwords .splide__slide > div {
	position: relative;
	text-align: center;
}

.marqueVwords .splide__slide > div:after {
	content: '/';
	display: inline-block;

	
}

@keyframes marqueeRightLeft {
  0% {
    transform: translateX(100px); /* Inizia a destra */
  }
  50% {
    transform: translateX(0px); /* Arriva a sinistra */
  }
  100% {
    transform: translateX(100px); /* Torna a destra */
  }
}

@keyframes marqueeRightLeft2 {
  0% {
    transform: translateX(20px); /* Inizia a destra */
  }
  25% {
    transform: translateX(-50%); /* Arriva a sinistra */ 
  }
  50% {
    transform: translateX(20%); /* Arriva a sinistra */ 
  }	
  75% {
    transform: translateX(-80%); /* Torna a destra */
  }	
  100% {
    transform: translateX(20px); /* Torna a destra */
  }
}


ul.menu_progetti_with_num {
	list-style: none;
	border-top:3px solid var(--color-rosso-header);
	border-bottom:3px solid var(--color-rosso-header);
	padding: 0;
	margin: 0; 
	/*margin-left: 65px;*/
}

.header_color ul.menu_progetti_with_num {
	border-top:0;
	border-bottom: 0;
	border-right: 1px solid #000;
	padding-right: 15px;
	margin: 15px 0;
}

ul.menu_progetti_with_num li {
	padding: 25px 0;
	font-size: 2.1rem;
	font-family: var(--font-dico);
	color: #000;
	border-top:1px solid #000;
}

ul.menu_progetti_with_num li:first-child {
	border-top:0;
}

ul.menu_progetti_with_num li a {
	font-size:3.0rem;
	font-family: var(--font-aktiv);
	color: #000; 
	text-decoration: none;
	display: inline-block;
	margin-left: 15px;
	text-transform: uppercase;
	transition: all 1.0s ease; 
}

ul.menu_progetti_with_num li a:hover,
.header_color ul.menu_progetti_with_num li.active a {
	text-decoration: underline;

}

.header_color ul.menu_progetti_with_num li {
	padding: 21px 0;
}

.header_color ul.menu_progetti_with_num li a {
	margin-left: 0;
	padding: 4px 10px 4px 0;
	border-radius: 20px;
	font-size:3rem;
	margin-top: 0px;
}

#progetto_detail .menu_progetti_with_num li a {
	font-size: 2.1rem;
	font-family: var(--font-dico);
}

.header_color .description {
	padding-top: 20px;
	padding-bottom: 20px;
}

.header_color ul.menu_progetti_with_num li {
	padding-left: 35px;
}

#progetto_detail .description {
	padding: 40px 0; 
}

.seconda_descrizione {
	padding: 80px 15px;
}

.section_manifesto {
	position: relative;
	overflow: hidden;
}

.section_manifesto > div {
	position: relative;
	z-index: 2;
}

.section_manifesto:before,
.section_manifesto:after {
  content: "";
  position: absolute;
  top: 50%;
  transform-origin: center;
	z-index: 0;
	transition: all 1.0s ease;
}

.section_manifesto:before {
  width: 0%;
  height: 125px;
	left: 100%;
	top:0;
  background-color: #ffc700; /* Colore della prima barra */
  transform: rotate(-33deg); /* Ruotato di -45 gradi */
z-index:1;
}

.section_manifesto.active:before {
	width: 300%;
	left: -50%;
}

.section_manifesto.active:after {
	width: 300%;
}

.section_manifesto:after {
  width: 0%;
  height: 125px; 
	left: -50%;
	top:85%;
  background-color: #a1d136; /* Colore della seconda barra */
  transform: rotate(16deg); /* Ruotato di 45 gradi */
	z-index: 0;
}

.section_manifesto.manifesto_page:before {
	top:45%;
	transform: rotate(-15deg);
	background-color: #1f5cba;
}

.section_manifesto.manifesto_page:after {
	top:65%;
	background-color: #d13845;
	transform: rotate(33deg); 
}

#servizi_progetti .item,
#elencoDiario .item {
	margin-bottom: 160px;
}

#servizi_progetti .item {
	height: 430px; 
}

#elencoDiario .item {
	min-height: 530px; 
}

#servizi_progetti .box-titolo,
#elencoDiario .box-image {
	flex: 42%;
	max-width: 42%;
	padding:14% 20px 60px 40px;
	position: relative;
}

#servizi_progetti .tags {
	columns: 2;
}

#elencoDiario .box-image {
	padding: 0;
}

#elencoDiario .box-image img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
 
#elencoDiario .box-desc p {
	font-size: 3.0rem;
	line-height: 4.0rem;
}

#servizi_progetti .box-titolo a {
	text-decoration: none;

}

#servizi_progetti .box-titolo a.qx-btn {
	position: absolute;
	right: 40px;
	bottom: 30px;	
}

#servizi_progetti .box-desc,
#elencoDiario .box-desc { 
	flex: 58%;
	max-width: 58%;
	padding:40px 20px 40px 40px;
}

#elencoDiario .box-desc {
	padding: 60px 50px;
}

#servizi_progetti .lottie_servizi {
	top:-140px;
	left: -10px;
} 

#servizi_progetti #lottie-limone {
	top:-140px;
	width: 440px;
    height: 400px;
}

.scale-125 #servizi_progetti #lottie-limone {
	top:-240px;
}

#servizi_progetti #lottie-mouse {
	top:-180px;
}

.item-title {
	font-weight: 400;
}

.agenzia_black .num {
	font-size: 2.1rem;
	font-family: var(--font-dico);
}

.agenzia_black {
	padding: 15px 30px 0 30px;
}

.agenzia_black .item {
	padding: 0 15px 30px 15px;
	border-bottom: 2px solid var(--color-bk-header-esa);
	margin: 30px 0;
} 

.agenzia_black .item:last-child {
	border-bottom: 0; 
}

.gallery_template.press li {
	background: #fff;
	position: relative;
}

.gallery_template.press .content {
	
	padding: 10px;
	
}

.gallery_template.press .content .press_link span {
	font-size: 1.5rem; 
}

.gallery_template.press .content .press_link {
	position: absolute;
	bottom: 5px;
}

.scale-125 .gallery_template.press .content .press_link a {
	white-space: normal;
	text-align: left;
	
}

.gallery_template.press .content .press_testo {
	padding-bottom: 100px;
	font-size: 1.8rem;
	line-height: 2.2rem; 
} 

.gallery_template.press img {
	max-height: 300px;
	width: 100%;
	object-fit: cover;
}


.recensioni {
	padding: 80px 90px;
}

h1 .hidden_title {
	font-size: 0.00001px;
	visibility: hidden;
	
}

html.bw-mode *,
html.bw-mode *:before,
html.bw-mode *:after,
html.bw-mode .text-white *{
	color: #000 !important;
	background: transparent !important;
	border-color: transparent !important;
}

html.bw-mode .logo-svg {
	fill:#000 !important;
}

html.bw-mode #accessibility-menu {
	color: #000 !important;
	background: #fff !important;
	border-color: #000 !important;
}

html.bw-mode  .tgl-skewed + .tgl-btn {
	border-color: #000 !important;
}


.metodo_griglia {
	width: 90%;
	margin-left: 5%;
	margin-top: 40px;
	border:1px solid #000;
	position: relative;
}

.metodo_griglia .titolo_top,
.metodo_griglia .titolo_bottom {
	position: absolute;
	left: 0;
	right: 0;
	
	margin: 0 auto;
	background: #F5F5F0;
	display: inline-table;
	padding-left: 10px;
	padding-right: 10px;
}

.metodo_griglia .titolo_top {
	top:-18px;
}

.metodo_griglia .titolo_bottom {
	bottom: -43px;
}

.metodo_griglia .content {
	margin-top: 80px;
	margin-bottom: 80px;
}

/*
.shape1 {
    transform: translate(calc(50vw - 450px), 65px);
    transform-box: fill-box;
    transform-origin: center;
}

@media (max-width: 768px) {
    .shape1 {
        transform: translate(calc(50vw - 270px), 169px) scale(0.6);
        transform-box: fill-box;
    }
}

@media (max-width: 560px) {
    .shape1 {
        transform: translate(calc(50vw - 270px), 12px) scale(0.6);
        transform-box: fill-box;
    }
}

@media (max-width: 414px) {
    .shape1 {
        transform: translate(27px, 55px) scale(0.4);
        transform-box: fill-box;
    }
}*/

.hide_desktop,
.btn-nl-mobile{
	display: none;
}

.layout-iframe .zanchi-position-bottom {
	margin-top: 0;
	margin-bottom:0;
}

.layout-iframe .scroll-up {
	position: inherit;
}

.layout-iframe #form-prenota {
	display: block;
}

.layout-iframe .hide_desktop,
.layout-iframe .btn-nl-mobile {
	display: block;
}

@media (max-width: 1800px){ 
	#t3-mainnav ul.navbar-nav > li > a {
		font-size: 2.4rem;
	}
	
	#t3-mainnav .navbar-nav > li > a {
		padding-right: 30px;
	}
}

@media (max-width: 1600px){ 
	#t3-mainnav .navbar-nav > li > a {
		padding-right: 10px;
	}	
}

@media (max-width: 1200px){ 
	
	html {
		font-size: 38.5% !important;
	}
	
	.t3-navbar.navbar-collapse,
	.right_menu,
	#accessibility-switcher {
		display: none !important;
	}
	
	.t3-off-canvas {
		background: #000;
		color: var(--color-bk-header-esa);
	}
	
	.t3-off-canvas .t3-off-canvas-body .nav.menu li {
		text-align: center;
	}
	
	.off-canvas-effect-4.off-canvas-open .t3-wrapper, .off-canvas-effect-4.off-canvas-open .t3-mainnav-android {
		transform: translate3d(100%, 0, 0);
	}
	
	.t3-off-canvas-body,
	#t3-off-canvas {
		display: none
	}
	
	.off-canvas-open .t3-off-canvas-body,
	.off-canvas-open  #t3-off-canvas {
		display: block;
	}
	
	.navbar-toggle,
	.t3-mainnav .t3-navbar-collapse.in {
		display: none !important;
	}
	
	.off-canvas-toggle {
		display: block !important;
		box-shadow:none;
		background: transparent;

	}
	
	#t3-off-canvas .off-canvas-toggle {
		right: 45px;
		top:15px;
		position: absolute;
	}

	
	.off-canvas-open .off-canvas-toggle span {
		background-color: var(--color-bk-header-esa); 
	}
	
	#t3-header {
		height: 80px;
		line-height: 80px;
	}
	
	#t3-header .text-center {
		text-align: left; 
	}
	
	#menu-lingua-mobile {
		display: block;
		margin-top: 30px;
	}
	
	#menu-lingua-mobile li {
		background: transparent !important;
		text-align: center;
		margin: 10px 0;
	}
	
	#menu-lingua-mobile li a {
		color: var(--color-bk-header-esa) !important;
		font-size: 4rem;
		font-weight: 700;
	}
	
	.logo-img {
		margin-left: 20px;
	}
	
	.navbar-header {
		float: none;
		position: absolute;
		right: 45px;
		top:15px;
	}
	
	.t3-off-canvas .t3-off-canvas-body .dropdown-menu {
		position: inherit;
		top:inherit;
		margin: 10px 0;
	}
	
	.marque .splide__list {
		min-width: 2500px;
		box-sizing: border-box;
	}
	
	.lottie_container{
		width: 300px;
		height: 300px;
	}
	
	#lottie-cuore {
		width: 400px;
		height: 400px;
	}
	
	#elencoProgetti, .seconda_descrizione {
		margin: 0;
	}
	
	body #t3-mainbody {
		padding-top: 80px;
	}
}




@media (max-width: 1024px){
	

	
}

@media (max-width: 992px){
	.qx-inner.frontend .qx-row .qx-column {
        padding-left: 15px;
        padding-right: 15px;
    }
	
	.row_border_top_half:before {
		width: calc(100% - 140px);
		left: 70px;
	}
	
	.our_contant {
		display: none;
	}
	
	.content_form {
		text-align: center
	}
	
	.form-visual {
		display: inline-block;
	}
	
	#lottie-occhio {
		right: 0;
	}
	
	.mask_black .animation-section {
		margin-bottom: 0;
		margin-top: 0;
	}
	
	#elencoProgetti .item {
		max-width: 50%;
	}
	
	.metodo_griglia .equal {
		display: block;
	}
	
	.metodo_griglia .col-md-4 {
		margin-bottom: 40px;
	}
	
	.metodo_griglia .titolo_top, .metodo_griglia .titolo_bottom {
		position: inherit;
		top: inherit;
		bottom: inherit;
		text-align: center;
		display: block;
		margin: 20px auto;
		background: transparent !important;
	}
	
	
}

@media (max-width: 768px){
	
	
	
	.form-nl .cf-btn {
		position: inherit;
		left: inherit;
		right: inherit;
		top: inherit;
		bottom: inherit;
		z-index: 1;
	}
	
	.t3-mainbody { 
		min-height: auto;
	}
	
	
	.play-video-link i:before {
		content:"\f16a";
	}
	
	.play-video-link.play-inside-inverse i ,
	.play-video-link i {
		-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
	}
	
	
	.hide_mobile {
		display: none;
	}
	
	.hide_desktop {
		display: block;
	}
	
	.mask_black svg {
		height: 400px;
	}
	

	
	.animation-section .testo {
		transform: translate(171px, 117px);
	}
	
	#vision_home .qx-col-wrap {
		padding: 0;
	}
	
	#lottie-cuore {
		width: 300px;
		height: 300px;
		top:0;
	}
	
	.cuore_lottie {
		margin-left: 0;
	}
	
	.section_manifesto.active:after {
		top:20%;
	}
	
	#lottie-occhio {
		top:-80px;
		right: -110px;
	}
	
	.logo_footer,
	#lottie-who {
		margin: 0 auto;
	}
	
	.footer-menu li {
		text-align: center;
	}
	
	.text-titolone span {
		font-size: 20rem;
		line-height: 21rem;
	}
	
	
	.text-titolone2 span {
		font-size: 16rem;
		line-height: 17rem;
	}
	
	.border_top_header {
		padding: 40px 0;
	}
	
	.categoria_elenco_testo {
		display: block;
	}
	
	.header_color ul.menu_progetti_with_num {
		border-right: 0;
	}
	
	
	#servizi_progetti .box-titolo, #elencoDiario .box-image,
	#servizi_progetti .box-desc, #elencoDiario .box-desc {
		flex: 100%;
		max-width: 100%;
		padding: 30px 30px;
	}
	
	#elencoDiario .box-image {
		padding: 0;
	}
	
	#servizi_progetti .box-titolo {
		padding-top:100px;
	}
	
	#servizi_progetti .lottie_container,
	#servizi_progetti #lottie-limone {
		width: 250px;
		height: 250px;
	}
	
	#servizi_progetti .lottie_servizi {
		top:-100px;
	}
	
	#servizi_progetti .item {
		height: auto;
		margin-bottom: 80px;
	}
	
	#googleMaps {
		height: 400px !important;
	}
}

@media screen and (max-width: 700px) {
	#elencoDiario .item {
		min-height: inherit;
		display: block;
		margin-bottom: 60px;
	}
	
	#elencoDiario .box-image,
	#elencoDiario .box-desc {
		width: 100%;
		max-width: 100%;
	}
}


@media screen and (max-width: 560px) {
	
	 html {
        font-size: 42.5% !important;
    }

	.animation-section .testo {
		font-size: 12rem;
		line-height: 12rem;
		transform: translate(171px,80px);
	}
	
	.mask_black svg {
		height: 225px;
	}	
	


	.map_canvas,
	#phocaMapPlgPM1 {
		height: 300px !important;
		
	}
	
	.text-titolone span {
		font-size: 15rem;
		line-height: 20rem;
	}
	
	.border_top_header {
		padding: 40px 0;
	}

	.animation-section {
		text-align: center;
	}
	

	
.gallery_template.press .content .press_link a {
	white-space: normal;
	text-align: left;
}

	
	.content_form .text-titoletto2 {
		margin-bottom: 0px;
	}
	
	.form-visual {
		margin-top: 0;
	}
	
	.btn-nl-mobile {
		display: block;
	}
	
	.form-nl,
	.container_marqueVwords .vwords{
		display: none;
	}
	
	#lottie-ufo {
		bottom: -260px;
	}
	
	.marqueDiario .text-titolo2 span {
		font-size: 2.5rem;
		line-height:3rem;
	}
	
	.marqueDiario .content img {
		max-width: 40px;
	}
	
	#form_effect .text-titolone2 span {
		font-size: 10rem;
		line-height: 11rem;
	}
	
	#form_effect .text-titolo span {
		font-size: 5rem;
		line-height: 6rem;		
	}
	
	#form_effect .text-titoletto2 span {
		font-size: 2.5rem;
		line-height:3rem;			
	}
	
	.form-visual .cf-input {
		padding: 8px 12px;
	}
	
	.icone_partners img {
		max-height: 60px;
	}
	
	#t3-footer p, #t3-footer p a,
	.footer-menu li, .footer-menu li a,
	#t3-footer .footer_baseline p, #t3-footer .footer_baseline p a {
		font-size: 13px;
		line-height: 18px;
	}
	
	.t3-off-canvas .t3-off-canvas-body .dropdown-menu {
		margin-top: -8px;
	}
	
	#menu-lingua-mobile li a {
		font-size: 22px;
	}
	
	#servizi_progetti .lottie_container,
	#servizi_progetti #lottie-limone {
		width: 180px;
		height: 180px;
	}
	
	#servizi_progetti .lottie_servizi,
	#servizi_progetti #lottie-limone,
	#servizi_progetti #lottie-mouse {
		top:-60px;
	}	
	
	.recensioni {
		padding: 20px 20px;
	}
	
	.qx-element p,
	.qx-element-button-v2 {
		text-align: center !important;
	}
	
	.header_color ul.menu_progetti_with_num li a {
		font-size: 2rem;
		line-height: 3rem;
	}
	
	.progetto_effect .item .content .item-title,
	.progetto_effect .item .content .item-title span {
		line-height: 2rem;
	}
	
	
	#googleMaps {
		height:250px !important;
	}	
	
	#elencoDiario .text-tag {
		margin-top: 10px !important;
		margin-bottom: 30px !important;
	}
	
	#elencoDiario .text-sottotitolo {
		margin-top: 0px !important;
	}
	
	#elencoDiario .description {
		padding-top: 0px;
	}
	
	.project_slide 	{
		margin-bottom: 50px;
	}
	
	.project_slide .splide__pagination {
		bottom: -35px;
	}
	
	.project_slide .splide__pagination__page {
		background: #000;
	}
	
	#lottie-occhio {
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 9;
		top:-38px;
		width: 200px;
		height: 200px;
	}
	
	.form_footer {
		z-index: 1;
		position: relative;
	}
	
	#t3-content .content_header .text-titolino span {
		font-size: 2.5rem;
		line-height: 3.2rem;
	}
	
	#t3-content .content_header .text-titolino,
	.agenzia_black,
	#servizi_progetti .box-titolo,
	.header_color .description,
	.seconda_descrizione .content,
	.tutto_centrato_mobile p {
		text-align: center;
	}
	
	#servizi_progetti .box-titolo a.qx-btn {
		position: inherit;
		right: inherit;
		bottom: inherit;
	}
	
}

@media (max-width: 414px){
	

	
	.t3-header, .navbar {
		min-height: 80px;
		line-height: 80px;
	}
	

	
	#pagination .pagenav li > a, #progetto_detail .text-background-progetto a {
		font-size: 14px;
	}
	
	#progetto_detail .text-background-progetto a {
		margin-bottom: 10px;
		display: block;
	}
	
	
	

}
@media screen and (max-width: 320px) { 
	
	


	.map_canvas,
	#phocaMapPlgPM1 {
		height: 220px !important;
	}
}