@charset "utf-8";

/*Per far comparire ECCELLENTE scritto Eccellente, usa questa:*/

.ti-widget.ti-goog .ti-rating-text strong.ti-rating {
  text-transform: lowercase;
}

.ti-widget.ti-goog .ti-rating-text strong.ti-rating::first-letter {
  text-transform: uppercase;
}
#bar #logo {
    float: right;
	margin-right: 10px;
}

h1 , h2 , h3, h4, h5, h6, .h1 , .h2 , .h3, .h4, .h5, .h6 {
	/*text-transform: uppercase;*/
	text-align: left;
	font-weight: 700!important;
}

.contenitore .contenuto, .contenitore .contenuto-padding-small, .contenitore .contenuto-no-padding, .contenitore .contenuto-header, .contenitore .contenuto-con-scroll-x, .contenitore .contenuto-no-padding-laterale-small, .contenitore .contenuto-no-padding-laterale-small, .contenitore .contenuto-large, .contenitore .contenuto-liste, .contenitore .contenuto-spazio-sopra
 {
    padding-left: 24px;
    padding-right: 24px;
}

.footer .footer-container {
    padding: 0 24px;
}

p {
	line-height:150%;
	font-size: 18px;
	margin-bottom: 8px;
}

h1 {
/*color: #FFF;*/
font-family: "Clash Display";
font-size: 60px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 60px */
}

@media screen and (max-width: 780px) {
h1 {
font-size: 40px;
}
	}

h2 {
	font-family: "Clash Display";
font-size: 35px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 42px */
letter-spacing: -1.05px;
}

h3 {
font-family: "Clash Display";
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 33.6px */
}

.btn {
 	border-radius: 50px;
	font-weight: 600;
	font-weight: bold!important;
	font-size: 18px;
	padding: 12px 21px!important; /*lo porto a 26 perchè in alcuni tasti va su due righe*/
	line-height:normal;
	/*white-space: nowrap;*/
}

@media screen and (max-width: 425px) { /*accorgimenti per schermo piccolo*/

.btn {
	font-size: 16px;
	padding: 10px 13px!important; /*lo porto a 26 perchè in alcuni tasti va su due righe*/
	/*white-space: nowrap;*/
}
	
.contenitore .contenuto, .contenitore .contenuto-padding-small, .contenitore .contenuto-no-padding, .contenitore .contenuto-header, .contenitore .contenuto-con-scroll-x, .contenitore .contenuto-no-padding-laterale-small, .contenitore .contenuto-no-padding-laterale-small, .contenitore .contenuto-large, .contenitore .contenuto-liste, .contenitore .contenuto-spazio-sopra {
    padding-left: 15px;
    padding-right: 15px;
}
	
.et-1d,
.et-1e ul li:first-of-type{
   /* padding: 20px;*/
}

p {
	line-height:150%;
	font-size: 16px;
	margin-bottom: 8px;
}
	
h2 {
font-size: 28px;
}

h3 {
font-size: 25px;
}
	
.et-1f-iscrizione{
		display: block!important;
	}
	
.et-1f-iscrizione input{
		margin-bottom: 10px!important;
		height: 41px!important;
	}
	
} /* FINE accorgimenti per schermo piccolo*/

 /* formatto recensioni*/
.ti-widget.ti-goog .ti-footer {
    text-align: left!important;
}

.ti-widget.ti-goog .ti-large-logo img {
        opacity: 0;
}

.ti-widget.ti-goog .ti-large-logo::before {
  content: ""; /* necessario per mostrare il ::before */
  display: block;
  width: 100px;  /* imposta dimensioni esplicite */
  background-image: url("https://etinet.net/wp-content/uploads/2025/10/logo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; /* o 'cover' se vuoi che riempia tutto */
}

.ti-fade-container{
	margin-top: -20px;	
}

.ti-widget.ti-goog .ti-col-1 .ti-reviews-container, .ti-widget.ti-goog .ti-col-1 .ti-footer {
    margin-bottom: 0!important;
}

 /* FINE recensioni*/

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
	color: var(--secondary-color)!important;
	background-color: transparent!important;
	border: var(--border-style) var(--secondary-color)!important;
}

.btn-super{
	color:var(--secondary-color) !important ;
	background-color: var(--super-color);
	border: var(--border-style) var(--super-color)!important;
}

.btn-super:hover, .btn-super:focus, .btn-super:active {
	color: var(--super-color)!important;
	background-color: transparent!important;
	border: var(--border-style) var(--super-color)!important;
	/*background-color: transparent!important;
	color: var(--secondary-color)!important;
	border: solid 1px var(--secondary-color)!important;*/	
}

.btn-super-hover-scuro:hover, .btn-super-hover-scuro:focus, .btn-super-hover-scuro:active {
background-color: transparent!important;
	color: var(--secondary-color)!important;
	border: solid 1px var(--secondary-color)!important;	
}

.btn-outline-super{
	color:var(--super-color) !important ;
	background-color: transparent;
	border: var(--border-style) var(--super-color)!important;
}

.btn-outline-super:hover, .btn-outline-super:focus, .btn-outline-super:active {
	color: var(--secondary-color)!important;
	background-color: var(--super-light-color)!important;
	border: var(--border-style) var(--super-light-color)!important;
}

.struttura-container > .div-1 .btn-wa img, .struttura-container > .div-2 .btn-wa img {
    margin-bottom: 0;
}


.multicolonna ul li, .struttura-container ul li, .testo-container ul li, .testo-largo ul li, .articolo ul li, .flex-container ul li, .testo-container-70 ul li {
    font-size: 18px !important;
	line-height:150%;
}

.struttura-2-preview-30 .div-1{
	 flex: 0 0 calc((100% - 60px) / 4); /* identico al blocco 4 */
}

.struttura-2-preview-30 .div-2{
	 flex: 1; /* identico al blocco 4 */
}


.freccia{
	width: 45px;
	height: 45px;
	padding: 8px;
		-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

a:hover .freccia {
	transform: rotate(-45deg);
}

/* marchi a scorrimento utilizzando le etichette della home */	

.et-scorrimento-etichette.scorrimento-marchi img{
	height: 100px;
}

.et-scorrimento-etichette.scorrimento-marchi .etichetta{
	padding: 10px 15px;
}



@media screen and (min-width: 1300px) {
	
.contenitore {
    opacity: 0;
    transform: translateY(20px); /* piccola traslazione verso il basso */
    transition: opacity 0.6s ease, transform 0.6s ease;
}
	

	
.contenitore:nth-of-type(1),
.contenitore:nth-of-type(2), 
.contenitore:nth-of-type(3) {
    opacity: 1;
}

.contenitore.visibile {
    opacity: 1;
    transform: translateY(0);
}
	

	
	
/* blob */	
		
.contenitore-blob #blob {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;    /* riempie tutto il contenitore */
  height: 100%;
  z-index: 0;     /* sta dietro */
	display: block;
}
	
	
#blob {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;    /* riempie tutto il contenitore */
  height: 100%;
  z-index: 0;     /* sta dietro */
}
	
.contenitore-blob .contenuto, .contenitore-blob .contenuto-padding-small, .contenitore-blob .contenuto-no-padding, .contenitore-blob .contenuto-header, .contenitore-blob .contenuto-con-scroll-x, .contenitore-blob .contenuto-no-padding-laterale-small, .contenitore-blob .contenuto-no-padding-laterale-small, .contenitore-blob .contenuto-large, .contenitore-blob .contenuto-liste, .contenitore-blob .contenuto-spazio-sopra
{
  position: relative;
  z-index: 1;     /* sta sopra al canvas */
}
	
	
	
	
	
/* secondo blob con css*/
	
/* wrapper per il blob */
    .blob-wrapper {
      position: absolute;
      top:50%; left:50%;
      width:20vw; height:20vw;
      transform: translate(-50%,-50%);
      pointer-events: none;
		z-index: 0;     /* sta dietro */
    }

    /* ogni layer è un conic-gradient sfocato */
    .blob-layer {
      position: absolute;
      inset: 0;
      border-radius: 50%;
      filter: blur(60px);
      opacity: 0.8;
    }

    /* il primo layer */
    .blob-layer:nth-child(1) {
      background: conic-gradient(
        #F45B0F, #1602FE, #FF43A8, #00FFD1, #9C1FFF, #F45B0F
      );
      animation: spin 30s linear infinite;
    }
    /* il secondo layer */
    .blob-layer:nth-child(2) {
      background: conic-gradient(
        from 180deg,
        #F45B0F, #1602FE, #FF43A8, #00FFD1, #9C1FFF, #F45B0F
      );
      mix-blend-mode: screen;
      animation: spinRev 30s linear infinite;
    }

    /* keyframes single-period senza stacchi */
    @keyframes spin {
      to { transform: rotate(360deg); }
    }
    @keyframes spinRev {
      to { transform: rotate(-360deg); }
    }

    /* Un lieve morphing organico, seamless */
    .blob-wrapper {
      animation: morph 12s ease-in-out infinite alternate;
    }
    @keyframes morph {
      0%,100% {
        border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;
        transform: translate(-50%,-50%) scale(1);
      }
      50% {
        border-radius: 60% 40% 55% 45% / 45% 55% 40% 60%;
        transform: translate(-50%,-50%) scale(1.05);
      }
    }	
	
	
	
	
 }/* fine 1300*/

#blob {
  display: none;
}


/*------------MENU------------*/

.et-menu-arancio{
	display: none;	
}

@media screen and (min-width: 1420px) {

.et-menu-arancio{
	display: block;	
}
	
.et-menu-arancio{
	background-color: #E93915;
	
}

.et-menu-arancio a{
	color: #fff;
	
}

.et-menu-arancio-contenuto{
	padding: 10px;
	display: flex;
	max-width: 1420px;
	margin: auto;
	justify-content: space-between;
	color: #fff;
}

.et-menu-arancio-contenuto .blocco-sx .icona{
	display: inline;
	margin-left: 15px;
}

.et-menu-arancio-contenuto .blocco-sx .icona img{
	width: 20px;
	margin-right: 8px;
}

.et-menu-arancio-contenuto .blocco-sx .icona-big img{
	width: 30px;
}

.et-menu-arancio-contenuto .blocco-dx ul li{
	display: inline;
	margin-left: 15px;
}


	

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

.et-aiuto{
	display: none
}

@media screen and (min-width: 1550px) {
	
.et-aiuto{
	display: block;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
	
.et-aiuto .et-aiuto-txt{
	padding: 10px;
	color: #01124F;
	font-size: 14px;
	border: 1px solid var(--secondary-color);
	border-radius: var(--border-radius);
	background-color: #fff;
}
	
.et-aiuto .et-aiuto-img{
	margin-top: 5px;
	text-align: right;
	width: 100%;
}
	
.et-aiuto .et-aiuto-img img{
	width: 60px;
	border: 5px solid #FFAD31;
	border-radius: 100%;
}
	
}/* 1550*/

.et-header-txt-bianco{
	color: #fff;
}

.et-header-txt-scuro{
	color: var(--secondary-color);
}
/* vari header*/
.header-seo{
	background-color: #FFB270;
}

/*.header-seo .div-2{
	fill: linear-gradient(279deg, #C4C4C4 32.08%, rgba(196, 196, 196, 0.00) 85.47%);
}


.header-case-dettaglio{
	background-color: #F8F8F8;
}*/



/* classi header */

/* Header et-3 → et-16 */
.header-et-3 {
    background-color: #F8F8F8; /* colore font scuro */
}

.header-et-4 {
    background-color: #8C2FDE; /* Viola */
}

.header-et-5 {
    background-color: #2F75DE; /* Blu */
}

.header-et-6 {
    background-color: #2F3EDE; /* Blu intenso */
}

.header-et-7 {
    background-color: #E93915; /* Rosso */
}

.header-et-8 {
    background: linear-gradient(90deg, rgba(255, 0, 221, 0.00) 0%, rgba(255, 0, 221, 0.80) 100%), #1302FE; /* Gradiente fucsia-blu */
}

.header-et-9 {
    background-color: #F3F3F3; /* colore font scuro */
}

.header-et-10 {
    background-color: #E93915; /* stesso di et-7: Rosso */
}

.header-et-11 {
    background-color: #F3F3F3; /* stesso di et-9: colore font scuro */
}

.header-et-15 {
    background-color: #E93915; /* stesso di et-7: Rosso */
}

.header-et-16 {
    background-color: #E93915; /* stesso di et-7: Rosso */
}

/* Nuove categorie */
.header-siti-web {
    background-color: #50E3C2; /* Turchese */
}

.header-e-commerce {
    background-color: #B8E986; /* Verde Chiaro */
}

.header-mobile-app {
    background-color: #F5A623; /* Arancione Mobile App */
}

.header-web-app {
    background-color: #9013FE; /* Viola */
}

.header-brand-design {
    background-color: #FF7F50; /* Corallo */
}

.header-whatsapp-marketing {
    background-color: #7ED321; /* Verde Lime */
}

.header-advertising {
    background-color: #F8E71C; /* Giallo */
}

.header-social-media-marketing {
    background-color: #417505; /* Verde Scuro */
}

.header-copywriting {
    background-color: #BD10E0; /* Magenta */
}

.header-foto {
    background-color: #F5A623; /* Arancione Foto */
}

.header-digital-audit {
    background-color: #9B9B9B; /* Grigio Medio */
}

.header-hosting-gdpr {
    background-color: #7F8C8D; /* Grigio Bluastro */
}

.header-project-management {
    background-color: #B8D4EF; /* Light Blu */
}

.header-sicurezza {
    background-color: #34495E; /* Blu Acciaio */
}

.header-ai {
    background-color: #791ADE; /* Viola Scuro */
}


/* Fine header colore*/


.header-home{
	background-image: url("../img/sfondo-home.jpg");
	background-repeat: no-repeat; 
	background-size: cover; 
}

 a .home-google-b, a:hover .home-google-b {
	color: #fff;
	 margin-top: 30px;
}

.home-google-b .icona{
	width: 40px;
	display: inline;
}

.home-google-b .icona img{
	width: 30px;
}
/* vari header*/

.et-header .etichetta {
	border: none;
	padding: 0;
	color: #fff;
	margin-bottom: 20px;
}

.header-animazione-1. .header-animazione-2{
	display: none
}


/*.back-color .et-2header  a{
	text-decoration: none;
}

.back-color .et-2header  p{
	color: #fff;
}

.back-color .et-2header a:hover{
	color: var(--secondary-color)!important;
}*/

.et-icona-header-mobile{
		text-align: right;
		width: 100%;
}

.et-icona-header-mobile img{
		width: 88px;
		height: 88px;
}

@media screen and (max-width: 1300px) {
	.et-header .struttura-2-standard .div-2{
		display: none;
	}
	}

@media screen and (min-width: 1300px) {
	
	.et-icona-header-mobile{
		display: none;
	}
	

	
.header-animazione-1{
	display: block;
	aspect-ratio: 16/9;	
	position: relative;

}
	
	
.header-animazione-1 .et-an-logo{
	position: absolute;
	left: 5%;
	top: 5%;
	width: 174px;
	height: 235px;
	animation: logo-move-diagonal 3s ease-in-out infinite;
}
	
.header-animazione-1 .et-an-asterisco {
	position: absolute;
	left: 38%;
	top: 14%;
	width: 99px;
	height: 117px;
	animation: asterisco-move-rotate 3s ease-in-out infinite;
}
	
.header-animazione-1 .et-an-img {
	position: absolute;
	left: 25%;
	bottom:0;
	width: 240px;
	animation: img-move 3s ease-in-out infinite;
}
	
	
.header-animazione-1 .et-an-blocco-testo {
	position: absolute;
	right: 15%;
	top: 0;
	width: 144px;
	height: 163px;
	display: flex;
	align-content: center;
	align-items: center;
	border-radius: 20px;
	font-size: 19px;
	padding: 20px;
	animation: blocco-testo-move 3s ease-in-out infinite;
	
}
	
.header-animazione-1 .et-an-icona {
	position: absolute;
	right: 7%;
	bottom: 0;
	width: 100px;
	height: 100px;
	animation: icona-move 3s ease-in-out infinite;
}
	
.header-animazione-1 .et-an-sfondo {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
	
.et-an-rosa  {	
  border-radius: 20px;
background: linear-gradient(270deg, #FF4356 0%, #F13687 100%);
box-shadow: 0 15px 30px 0 rgba(20, 102, 204, 0.16);
}
	
.et-an-rosa-blu  {	
 border-radius: 20px;
background: linear-gradient(233deg, #4385FF 0%, #F13687 99.6%);
box-shadow: 0 15px 30px 0 rgba(20, 102, 204, 0.16); 
}	
	
.et-an-arancio-rosso   {	
border-radius: 20px;
background: linear-gradient(233deg, #FF4343 0%, #F1B636 99.6%);
box-shadow: 0 15px 30px 0 rgba(20, 102, 204, 0.16);
}
	
.et-an-rosso-arancio   {	
border-radius: 20px;
background: linear-gradient(270deg, #FF9B43 0%, #F13636 100%);
box-shadow: 0 15px 30px 0 rgba(20, 102, 204, 0.16); 
}
	
 .et-an-viola   {	
border-radius: 20px;
background: linear-gradient(224deg, #FC43FF 0%, #5836F1 101.05%);
box-shadow: 0 15px 30px 0 rgba(20, 102, 204, 0.16); 
}

	

	
}/* 1300 animazioni  ----------------------------------------- */



@keyframes logo-move-diagonal {
    0% {
        transform: translate(0, 0);
    }
    16.6% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(3%, 3%);
    }
    66.6% {
        transform: translate(3%, 3%);
    }
    100% {
        transform: translate(0, 0);
    }
}
	
@keyframes asterisco-move-rotate {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }
    16.6% {
        transform: translate(0, 0) rotate(0deg);
    }
    50% {
        transform: translate(120%, 130%) rotate(45deg);
    }
    66.6% {
        transform: translate(120%, 130%) rotate(45deg);
    }
    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}
	
	/* IMG: movimento in alto a destra */
.header-animazione-1 .et-an-img {
    position: absolute;
    left: 25%;
    bottom: 0;
    width: 240px;
    animation: img-move 3s ease-in-out infinite;
}
	
/* BLOCCO TESTO: movimento in basso a destra */
.header-animazione-1 .et-an-blocco-testo {
    position: absolute;
    right: 15%;
    top: 0;
    width: 144px;
    height: 163px;
    display: flex;
    align-content: center;
    align-items: center;
    border-radius: 20px;
    font-size: 19px;
    padding: 20px;
    animation: blocco-testo-move 3s ease-in-out infinite;
}


@keyframes blocco-testo-move {
    0% {
        transform: translate(0, 0);
    }
    16.6% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(10px, 10px);
    }
    66.6% {
        transform: translate(10px, 10px);
    }
    100% {
        transform: translate(0, 0);
    }
}
	
	
@keyframes img-move {
    0% {
        transform: translate(0, 0);
    }
    16.6% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(10px, -10px);
    }
    66.6% {
        transform: translate(10px, -10px);
    }
    100% {
        transform: translate(0, 0);
    }
}
	
@keyframes icona-move {
    0% {
        transform: translate(0, 0);
    }
    16.6% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(10px, -10px);
    }
    66.6% {
        transform: translate(10px, -10px);
    }
    100% {
        transform: translate(0, 0);
    }
}









/*animazione 2*/
@media screen and (min-width: 1300px) {
	
.header-animazione-2 {
	display: block;
	aspect-ratio: 16/9;	
	position: relative;
}
	
	
.header-animazione-2 .et-an-logo{
	position: absolute;
	right: 12%;
	top: 0;
	width: 174px;
	height: 235px;
	animation: logo-move-diagonal-2 3s ease-in-out infinite;
}
	
/*.header-animazione-1 .et-an-asterisco {
	position: absolute;
	left: 38%;
	top: 14%;
	width: 99px;
	height: 117px;
	animation: asterisco-move-rotate 3s ease-in-out infinite;
}*/
	
.header-animazione-2 .et-an-img {
	position: absolute;
	left: 25%;
	bottom:0;
	width: 240px;
	animation: img-move-2 3s ease-in-out infinite;
}
	
	
.header-animazione-2 .et-an-blocco-testo {
	position: absolute;
	left: 8%;
	top: 0;
	width: 144px;
	height: 163px;
	display: flex;
	align-content: center;
	align-items: center;
	border-radius: 20px;
	font-size: 19px;
	padding: 20px;
	animation: blocco-testo-move-2 3s ease-in-out infinite;
	
}
	
.header-animazione-2 .et-an-icona {
	position: absolute;
	right: 20%;
	bottom: 5%;
	width: 100px;
	height: 100px;
	animation: icona-move-2 3s ease-in-out infinite;
}
	
.header-animazione-2 .et-an-sfondo {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
	
.header-et-5 .header-animazione-2 .et-an-blocco-testo {	
border-radius: 20px;
background: linear-gradient(270deg, #FF9B43 0%, #F13636 100%);
box-shadow: 0 15px 30px 0 rgba(20, 102, 204, 0.16);
}		

	

	
}/* 1300 animazioni  ----------------------------------------- */



@keyframes logo-move-diagonal-2 {
    0% {
        transform: translate(0, 0);
    }
    16.6% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(-50%, 60%);
    }
    66.6% {
        transform: translate(-50%, 60%);
    }
    100% {
        transform: translate(0, 0);
    }
}
	

	
	/* IMG: movimento in alto a destra */
.header-animazione-2 .et-an-img {
    position: absolute;
    left: 25%;
    bottom: 0;
    width: 240px;
    animation: img-move 3s ease-in-out infinite;
}
	
/* BLOCCO TESTO: movimento in basso a destra */
.header-animazione-2 .et-an-blocco-testo {
    position: absolute;
    right: 15%;
    top: 0;
    width: 144px;
    height: 163px;
    display: flex;
    align-content: center;
    align-items: center;
    border-radius: 20px;
    font-size: 19px;
    padding: 20px;
    animation: blocco-testo-move-2 3s ease-in-out infinite;
}


@keyframes blocco-testo-move-2 {
    0% {
        transform: translate(0, 0);
    }
    16.6% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(150%, 10px);
    }
    66.6% {
        transform: translate(150%, 10px);
    }
    100% {
        transform: translate(0, 0);
    }
}
	
	
@keyframes img-move-2 {
    0% {
        transform: translate(0, 0);
    }
    16.6% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(-50%, -50px);
    }
    66.6% {
        transform: translate(-50%, -50px);
    }
    100% {
        transform: translate(0, 0);
    }
}
	
@keyframes icona-move-2 {
    0% {
        transform: translate(0, 0);
    }
    16.6% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(110%, -210%);
    }
    66.6% {
        transform: translate(110%, -210%);
    }
    100% {
        transform: translate(0, 0);
    }
}


/*FINE animazione 2*/











@media screen and (min-width: 1300px) {

.header-animazione-home{
	display: block;
	aspect-ratio: 630/540;	
	position: relative;
}
	
.et-an-img-home {
	position: absolute;
	left: 0;
	top: 5%;
	width: 320px;
}
	
.et-an-logo-home {
	position: absolute;
	right: 40%;
	top: 30%;
	width: 174px;
	height: 235px;
}
	
.et-an-asterisco-home {
	position: absolute;
	right: 0;
	top: 0;
	width: 158px;
	height: 186px;
}
	
.et-an-blocco-testo-home {
	position: absolute;
	left: 60;
	bottom: 5%;
	width: 144px;
	height: 163px;
	display: flex;
	align-content: center;
	align-items: center;
	border-radius: 20px;
	font-size: 19px;
    background: linear-gradient(270deg, #8743FF 0%, #4136F1 100%);
    box-shadow: 0 15px 30px 0 rgba(20, 102, 204, 0.16);
	padding: 20px;
}
	
.et-an-icona-home {
	position: absolute;
	right: 40%;
	bottom: 10%;
	width: 100px;
	height: 100px;
	background-color: #fff;
	padding: 20px;
	border-radius: var(--border-radius);

}
	
.et-an-soddisfazione-home {
	position: absolute;
	right: 0;
	top: 33%;
	width: 196px;
	display: flex;
	align-content: center;
	align-items: center;
	border-radius: 20px;
	font-size: 19px;
	background-color: #fff;
	color: var(--secondary-color);
	column-gap: 10px;
	padding: 20px;
}
	
.et-an-soddisfazione-home .stella-home {
	width: 45px;
	height: 45px;
}
	
.et-an-soddisfazione-home .numero-home {
}
	
.et-an-iconcina-home {
	position: absolute;
	right: 0;
	top: 55%;
	width: 77px;
	background-color: #fff;
	border-radius: var(--border-radius);
}


}/* 1300 animazioni  ----------------------------------------- */




@keyframes move-diagonal-down {
    0% {
        transform: translate(0, 0);
    }
    16.6% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(-20px, 20px);
    }
    66.6% {
        transform: translate(-20px, 20px);
    }
    100% {
        transform: translate(0, 0);
    }
}

/* ELEMENTI CHE USANO LO STESSO KEYFRAME */
.header-animazione-home .et-an-logo-home,
.header-animazione-home .et-an-icona-home,
.header-animazione-home .et-an-soddisfazione-home
 {
    animation: move-diagonal-down 4s ease-in-out infinite;
}

@keyframes move-diagonal-icona {
    0% {
        transform: translate(0, 0);
    }
    16.6% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(-30px, 30px);
    }
    66.6% {
        transform: translate(-30px, 30px);
    }
    100% {
        transform: translate(0, 0);
    }
}


.header-animazione-home .et-an-iconcina-home
{
    animation: move-diagonal-icona 4s ease-in-out infinite;
}


/* ASTERISCO: Rotazione di 30° */
.header-animazione-home .et-an-asterisco-home {
    animation: asterisco-rotate 4s ease-in-out infinite;
}

@keyframes asterisco-rotate {
    0% {
        transform: rotate(0deg);
    }
    16.6% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(50deg);
    }
    66.6% {
        transform: rotate(50deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

/* BLOCCO TESTO & IMG: Diagonale in alto a destra */
.header-animazione-home .et-an-blocco-testo-home,
.header-animazione-home .et-an-img-home {
    animation: diagonal-up-move 4s ease-in-out infinite;
}

@keyframes diagonal-up-move {
    0% {
        transform: translate(0, 0);
    }
    16.6% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(20px, -20px);
    }
    66.6% {
        transform: translate(20px, -20px);
    }
    100% {
        transform: translate(0, 0);
    }
}





.et-scorrimento-etichette{
	padding: 20px 0;
}

.et-scorrimento-etichette .etichetta{
	border-radius: 50px;
	border: 1px solid #fff;
	margin-right: 8px;
	font-size: 18px;
	color: #fff;
	padding: 10px 30px;	
	opacity: 0.8;
	cursor: pointer;
	font-weight: 100;
}

.et-scorrimento-etichette .etichetta:hover{
	opacity: 1;
}


/* AI ----------------------------------------- */
.et-scorrimento-etichette {
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
}

.scorrimento-container {
  width: max-content;
  display: flex;
}

.scorrimento-interno {
  display: flex;
  flex-wrap: nowrap;
  animation: scroll-infinito linear infinite;
}

.etichetta {
  display: inline-block;
  padding: 5px 20px;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: normal;
}

@keyframes scroll-infinito {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}




.et-breadcrumbs{
	border-bottom: 1px solid #D5E7F7; 
}

.et-breadcrumbs #breadcrumbs{
	padding-bottom: 10px;
}


@media screen and (max-width: 780px) {
.anteprime-4 ul li,  .anteprime-6 ul li {
	flex: 0 0 100%; 
}
}

@media screen and (min-width: 781px) and (max-width: 1100px) {
.anteprime-4 ul li,  .anteprime-6 ul li {
	flex: 0 0 calc((100% - 20px) / 2);
}
}

/* et-2d*/

.et-2d .div-2 img{
	aspect-ratio: 635/710;
	object-fit: cover;
}

.faq-content{
	padding: 0;
	background-color: transparent;
	box-shadow: none;
}

.faq-content .faq-accordion{
	border-bottom: 1px solid #D8D8D8;
	border-radius: 0;
}

.faq-content .faq-accordion:active h3, .faq-content .faq-accordion:hover h3{
	color: var(--primary-color);
}

.faq-content .arrow-icon img{
	filter: var(--secondary-color-filter);
	width: 40px!important;
}

.faq-accordion-content p {
    line-height:150%;
	font-size: 18px!important;
	margin-bottom: 8px;
}

/* FAQ card: main content */
/*================================================*/
.faq-accordion-content {
  /*color: var(--neutral-soft-color);*/
  overflow: hidden;
  max-height: 0;
  transition: max-height .3s ease-in-out;
}
/* Effects */
/*================================================*/
/* main title, accordion title effects */
.faq-accordion-title:hover h2{
  color: var(--primary-light-color)
}
/* onclick "" */
.faq-accordion .tgg-title:checked + div>label>span {
  will-change: transform;
  transform: rotate(-90deg);
}

/* onclick "" */
.faq-accordion .tgg-title:checked + div {
	color: var(--primary-light-color)
}

/*------------------ et-2d----------------------*/
.et-faq-sfondo article{
border-radius: 12px!important;
border: 1px solid #D8D8D8;
background: #FFF;
}

.et-faq-sfondo h3{
margin-bottom: 0!important;
}

/*------.et-2e ------*/


.et-2e ul{
    padding: 10px 0 10px 0;
	display: flex;
	overflow: auto;
	gap: 20px;
}

.et-2e li {
	background-color: var(--bonus-color);
	border-radius: 12px;
}

.et-2e li .anteprima {
 	padding: 40px;
	width: 280px;
}

.et-2e li img {
    margin-bottom: 0;
    width: 40px;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}


@media screen and (min-width: 1200px) {	
 .et-2e ul{
	display: flex;
}
	
.et-2e li .anteprima {
	width: auto;
}
}

/*---------------- et-call---------------------*/
.et-cta-form .struttura-container .div-1, .et-cta-form .struttura-container .div-2 {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.et-cta-form .struttura-container .div-1 .div-1{
	display: block;
}

.et-cta-form .div-1 .div-1 {
	position: relative;
}

.et-cta-form .div-1 .div-1 img {
	width: 160px;
	position: absolute;
	bottom: 0;
}

@media screen and (max-width: 1410px) {
.et-cta-form .div-1 .div-1 img {
	display: none;
}
}

.et-cta-form .et-icona-call img {
	width: 30px;
}

.et-cta-form .verde {
	padding: 40px;
	border-radius: 12px;
	background: #1FAF38;
	margin-bottom: 20px;
	color: #fff;
}

.et-cta-form .verde img{
	border-radius: 0;
}

.et-cta-form .blu {
	padding: 40px;
	border-radius: 12px;
	background: var(--secondary-color);
	color: #fff;
}

.et-cta-form .display-flex{
	justify-content: space-between;
}

.et-cta-azzurro {
	padding: 40px;
	background-color: var(--bonus-color);
	border-radius: 12px;
}

.et-cta-azzurro input, .et-cta-azzurro textarea {
	background-color: transparent;
	border-bottom: 1px solid #01124F;
	border-radius: 0;
font-family: "Clash Display";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
letter-spacing: 0.36px;
}

.et-cta-azzurro textarea {
	height: 120px!important;
}

.et-cta-azzurro label p {
	font-size: 14px;
}

.et-call-btn{
	text-align: right;
}

/*et2c scorrimento anteprime-----------------------------------------*/

.et-2c ul li{
	margin-bottom: 20px;
}

.et-2c ul li a .anteprima {
	position: relative;
}

.et-2c  ul li a .anteprima .et-2c-img{
	height: 500px;
}

.et-2c-img{
	background-color:black;
	border-radius: var(--border-radius);
}

.et-2c-img img{
	width: 100%;
	object-fit: cover;
	opacity:0.7;
	transition:all .3s ease-in-out;
	height: 100%;
}


.et-2c  ul li a:hover .et-2c-img img{
	opacity: 0.4;
}

@media screen and (min-width: 1200px) {
.et-2c  ul li a .anteprima .et-2c-img{
	height: 648px;
}	
}

.et-2c ul li .anteprima .et2c-testo-anteprima{
	position: absolute;
	z-index: 1;
	color: #fff;
	width: calc(100% - 80px);
	left: 40px;
	top: 40px;
}

.et-2c .struttura-container ul li p,
.et-2c .struttura-containerul li h3
{
	white-space: normal;
}

.et-2c .et-2c-freccia-container{
	position: absolute;
	z-index: 5;
	left: 40px;
	bottom: 40px;
	background-color: #fff;
	border-radius: 50px;
			-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	border: 1px solid #fff;
}

.et-2c .et-2c-freccia-container img{
	filter: var(--secondary-color-filter);
}

.et-2c a:hover .et-2c-freccia-container {
	background-color: transparent;
}

.et-2c a:hover .et-2c-freccia-container img {
	background-color: transparent;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.et-2c li:nth-child(n+5) {
  display: none;
}

.et-2c .et-2c-container-arrows {
  display: none;
}

@media screen and (min-width: 1200px) {/*metto uno a riga su mobile*/

.et-2c li:nth-child(n+5) {
  display: block;
}
	
.et-2c .et-2c-container-arrows {
  display: block;
}
	
.et-2c ul {
	overflow: auto;
	display: flex;
	scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
	column-gap: 20px;
	border-radius: var(--border-radius);
}
	
.et-2c ul::-webkit-scrollbar {
  display: none;
}
	
.et-2c ul li{
	/*aspect-ratio: 260/518;*/
	flex: 0 0 calc((100% - 60px) / 4)!important; 
    margin: 0px !important;
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
}
	
.et-2c-img img{
	/*aspect-ratio: 345/648;*/
	height: 100%;
}
	
.et-2c {
  position: relative;
}
	
.et-2c .et-2c-container-arrows {
	width: 102px;
	height: 146px;
	margin-top: -146px;
	position: absolute;
	right: 24px;
	z-index: 10;
}
	
.struttura-2-preview-30 .et-2c img, .struttura-2-preview-30 .et-2c ul{
	margin-bottom: 0;
}
	
.et-2c .et-2c-container-arrows button{
	width: 100%;
	height: 73px;
	margin-top: 0;
	border-radius: 0;
	opacity: 0.5;
	transition: all .3s ease-in-out;
}
	
.et-2c .et-2c-container-arrows button:hover{
	opacity: 0.7;
}
	
.et-2c .et-2c-container-arrows button:first-of-type{	
		border-top-left-radius: 12px;
}
	
.et-2c .et-2c-container-arrows button img{	
		width: 25px!important;
}	
	
.et-2c .et-2c-container-arrows button:first-of-type img{	
		transform: rotate(180deg);
}
	
.et-2c .et-2c-container-arrows button:nth-of-type(2){	
		border-bottom-right-radius: 12px;
		border-bottom-left-radius: 12px;
}
	
}/*fine 780-----------------------------------------*/

.et-1b .div-2 ul li{/*reset*/	
list-style-type: none!important;
	margin-left: 0;
	height:auto;
}

@media screen and (min-width: 1200px) {/*metto uno a riga su mobile*/	
.et-1b .et-2c ul li{
	flex: 0 0 calc((100% - 40px) / 3)!important;
}
	
.et-1b  .et-2c-img img{
	object-fit: cover;
	aspect-ratio: inherit;
	height: 648px;
	margin-bottom: 0;
}	
	
.et-1b .et-2c .et-2c-container-arrows {
        right: 0;
}
	
.et-1b .div-2 .anteprima{
	margin-bottom: 0;
	padding-bottom: 0;
}
	
	

}/*fine 1450-----------------------------------------*/

/*footer-----------------------------------------*/

.et-footer{
	background-color: var(--secondary-color);
	color: #fff;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.et-footer a{
	color: #fff
}

.et-footer  .et-footer-loghi{
	text-align: left;
}

.et-footer  .et-footer-loghi div{
	margin-bottom: 20px;
}

.social-cont ul {
    margin-top: 0;/*reset*/
}

.info-footer-bonus{
	text-align: left;
}

.info-footer-bonus p{
	display: inline
}

.et-footer .social-cont{
	text-align: left;
}

.et-footer .social-cont li{
	border-radius: 50px;
	border: 1px solid #fff;
	background-color: transparent;
	width: 40px;
}

.border-bot-white{
color: #FFF;
font-family: "Clash Display";
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 26.4px */
letter-spacing: 0.66px;
}

.et-footer .btn.btn-wa{
	width: 100%;
	margin-bottom: 15px;
}

.et-footer .item-8 .accetto p{
	display: inline;
	margin-left: 5px;
}

.btn-wa:hover, .btn-wa:focus {
	color: #fff!important;
}

/*fine footer-----------------------------------------*/


/*-------------------------et-1a -----------------------------------------*/

.et-1a li{	
	border-radius: 12px;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
}
.et-1a li h3{
 overflow-wrap: anywhere; /* moderno, più flessibile */
	font-size: 25px;
}

.et-1a li p{	
	font-size:16px;
	line-height: 19px;
}

.super-wrapper .contenitore .et-1a img {
    border-radius: 0;
}

.et-1a li .info-wrapper {	
	padding: 20px;
}

.et-1a a, .et-1a a:hover {	
	color: #fff!important;
}

.et-1a li .freccia-container .freccia{	
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(102%) contrast(105%);/*filtro bianco*/
}




/* gradiente che si muove con aniamazione tramite after*/

.et-1a li {
  position: relative;
  overflow: hidden;
}

/* sfondo base */
.et-1a li::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
}

/* sfondo al passaggio */
.et-1a li::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 0;
}

.et-1a li:hover::after {
  opacity: 1;
}

/* contenuto sopra */
.et-1a li .info-wrapper {
  position: relative;
  z-index: 1;
}

/* 1° box */
.et-1a li:nth-of-type(1)::before, 
.et-1a li:nth-of-type(6)::before 
{
  background: linear-gradient(229deg, #F80 5.76%, rgba(51, 86, 235, 0.22) 62.8%, rgba(51, 86, 235, 0.00) 94.77%), #3356EB;
}
.et-1a li:nth-of-type(1)::after,
.et-1a li:nth-of-type(6)::after
{
  background: linear-gradient(126deg, rgba(51, 86, 235, 0.00) 47.75%, rgba(255, 173, 49, 0.80) 94.05%), #3356EB;
}

/* 2° box */
.et-1a li:nth-of-type(2)::before, 
.et-1a li:nth-of-type(5)::before{
  background: linear-gradient(150deg, rgba(51, 86, 235, 0.00) 33.36%, #FF8031 93.99%), #3356EB;
}
.et-1a li:nth-of-type(2)::after,
.et-1a li:nth-of-type(5)::after
{
  background: linear-gradient(45deg, rgba(51, 86, 235, 0.00) 33.36%, #FF8031 93.99%), #3356EB;
}

/* 3° box */
.et-1a li:nth-of-type(3)::before,
.et-1a li:nth-of-type(8)::before
{
  background: linear-gradient(327deg, rgba(51, 86, 235, 0.00) 57.68%, #FFAD31 91.01%), #3356EB;
}
.et-1a li:nth-of-type(3)::after,
.et-1a li:nth-of-type(8)::after
{
  background: linear-gradient(45deg, rgba(51, 86, 235, 0.00) 57.68%, #FFAD31 91.01%), #3356EB;
}

/* 4° box */
.et-1a li:nth-of-type(4)::before,
.et-1a li:nth-of-type(7)::before
{
  background: linear-gradient(146deg, rgba(51, 86, 235, 0.00) 47.58%, #2F8D04 93.51%), #3356EB;
}
.et-1a li:nth-of-type(4)::after,
.et-1a li:nth-of-type(7)::after
{
  background: linear-gradient(to top right, rgba(51, 86, 235, 0.00) 47.58%, #2F8D04 93.51%), #3356EB;
}



/* Fine gradiente che si muove tramite after*/




.et-1a li:nth-of-type(2){	
background: linear-gradient(150deg, rgba(51, 86, 235, 0.00) 33.36%, #FF8031 93.99%), #3356EB;
}

.et-1a li:nth-of-type(3){	
background: linear-gradient(327deg, rgba(51, 86, 235, 0.00) 57.68%, #FFAD31 91.01%), #3356EB;
}

.et-1a li:nth-of-type(4){	
background: linear-gradient(146deg, rgba(51, 86, 235, 0.00) 47.58%, #2F8D04 93.51%), #3356EB;
}


.et-1a-4-bonus .et-1a{	
margin-top: 20px;
}

.et-1a-4-bonus .et-1a  li:nth-of-type(odd){	
background: linear-gradient(327deg, rgba(51, 86, 235, 0.00) 57.68%, #FFAD31 91.01%), #3356EB;
}

.et-1a-4-bonus .et-1a  li:nth-of-type(even){	
background: linear-gradient(150deg, rgba(51, 86, 235, 0.00) 33.36%, #FF8031 93.99%), #3356EB;
}

.et-1a li{	
	border-radius: 12px;
}

.et-1a li  .freccia-container{	
	border-color: #fff;
}

/* Stile dell'elemento li al passaggio del mouse */
/*.et-1a li:first-of-type:hover {
  background: linear-gradient(126deg, rgba(51, 86, 235, 0.00) 47.75%, rgba(255, 173, 49, 0.80) 94.05%), #3356EB;
}*/

.et-1a li:nth-of-type(2):hover {	
background: linear-gradient(45deg, rgba(51, 86, 235, 0.00) 33.36%, #FF8031 93.99%), #3356EB;
}

.et-1a li:nth-of-type(3):hover {	
background: linear-gradient(45deg, rgba(51, 86, 235, 0.00) 57.68%, #FFAD31 91.01%), #3356EB;
}

.et-1a li:nth-of-type(4):hover {	
background: linear-gradient(to top right, rgba(51, 86, 235, 0.00) 47.58%, #2F8D04 93.51%), #3356EB;
}
	
.et-1a-4-bonus li:nth-child(odd):hover  {	
background: linear-gradient(45deg, rgba(51, 86, 235, 0) 57.68%, #FFAD31 91.01%), #3356EB;
}

.et-1a-4-bonus li:nth-child(even):hover  {	
background: linear-gradient(45deg, rgba(51, 86, 235, 0) 33.36%, #FF8031 93.99%), #3356EB;
}


@media screen and (min-width: 780px) {
.et-1a li:hover .freccia-container .scopri{	
	opacity: 1;
}
	
.et-1a li .freccia-container{	
	position: absolute;
	bottom: 40px;
	left: 40px;
	z-index: 2;
}

.et-1a li .info-wrapper{	
	height: 300px;
}

}/*720*/


@media screen and (min-width: 1420px) {	

	
/*----------------- Animation all'hover et-1a*/
.et-1a .testo-container {
	transition: all 0.3s ease-in-out; 
	margin-top: 0; 
	height: 150px; /* stato iniziale */ overflow: hidden;/* serve per non far vedere il testo che esce */
	 
} 
		
.et-1a li:hover .testo-container { 
	margin-top: -40px; max-height: 400px; /* valore finale da adattare al contenuto */ 
} 
	
.et-1a li .testo-container .testo { 
  height: 250px; 
  transition: height 0.3s ease-in-out; /* <--- transizione attiva */
  overflow: hidden; /* opzionale: evita che il contenuto "esca" */
}

.et-1a li:hover .testo-container .testo { 
  height: 350px; 
}


	
	
.et-1a li .testo-container .titolo {	
	/* Migliore per le performance: accelera l'animazione! */
	transition: transform .3s ease-in-out; 
    transform: translateX(0); 
}

.et-1a li:hover .testo-container .titolo {	
	transform: translateX(45px); /* Sposta di 45px a destra */
}
	
}/*1420*/

@media screen and (max-width: 979px) {
.et-1a li .freccia-container{	
	left: 20px;
}	
}

@media screen and (max-width: 780px) {/*metto uno a riga su mobile*/

	
.et-1a li{	
	    flex: 100%!important;
}
	
	
.et-1a li .testo-container{	
	margin-top: -40px;
	height: inherit;
}
	
.et-1a li .testo-container .titolo{	
	margin-left: 45px;
}
	
.et-1a li .testo-container .testo{	
	width: 80%;
}
	
.et-1a li  {	
	position: relative;
}
	
.et-1a li  .freccia-container{	
	position: relative;
	margin-bottom: 20px;
}
	
	
.et-1a li .freccia-container .scopri{	
	display: none!important;
}
	
.et-1a li  .freccia-container .freccia{	

	/*transform: rotate(-45deg);*/
}
	
}/*max-980---------------------*/

.et-1b .et-1b-blu, .et-1b .et-1b-sfumatura{
 	background-color: var(--secondary-color);
	padding: 40px;
	border-radius: 12px;
	display: flex;
	flex-direction:column;
	justify-content: space-between;
	align-items: flex-start;

}

@media screen and (min-width: 980px) {
.et-1b .et-1b-blu, .et-1b .et-1b-sfumatura{
		height: 314px;
}	
}

.et-1b .et-1a-blu a, .et-1b .et-1b-sfumatura a{
}

.et-1b .et-1b-blu{
 	background-color: var(--secondary-color);
	color: #fff;
}

.et-1b .et-1b-sfumatura{
	background: radial-gradient(153.62% 132.18% at -3.48% -12.29%, rgba(0, 0, 0, 0.00) 0%, rgba(248, 177, 14, 0.00) 67%, rgba(255, 43, 241, 0.80) 100%), #F8B10E;
	margin-bottom: 20px;
}

.et-1a li .freccia-container .freccia{	
	transform: rotate(90deg);
}

.et-1a li:hover .freccia-container .freccia{	
	transform: rotate(0deg);
}


.et-1a li .testo-container{	
	display: block;
	margin-bottom: 20px;
}

.et-1a li .testo-container .testo{	
	height: 40px;
	overflow: hidden;
}

.et-1a li .freccia-container{	
	display: flex;
	gap:10px;
	align-items:center;
	font-size: 18px;
}

/*.et-1a li .freccia-container .freccia{
	border: solid 1px #fff;
	border-radius: 50px!important;
}
*/

.et-1a li .freccia-container .scopri{	
	opacity:0;
	font-weight: bold;
	width: 200px!important;
	display: block;
	white-space: nowrap;
	transition: all .3s ease-in-out;
}


.et-1d {
	padding: 40px;
	background-color: var(--bonus-color);
	border-radius: 12px;
}

.et-1d .btn:hover{
	background-color: transparent!important;
	color: var(--secondary-color)!important;
	border: solid 1px var(--secondary-color)!important;
}

.et-1d .et-1d-asterisco{
	width: 160px;
	margin-top: 40px;
}

.et-1d li{
	padding-bottom: 15px;
	list-style-type:none!important;
}

@media screen and (max-width: 980px) {
.et-1d .et-1d-asterisco{
	display: none;
}
}

@media screen and (min-width: 980px) {
	
.et-1d li{
	display: flex;
	column-gap: 20px;
}
	}

.et-1d li .et-1d-icona img{
	width: 60px;
	transition:all .5s ease-in-out;
}

.et-1d li .et-1d-scopri{
	display: flex;
	transition: all .3s ease-in-out;
}

.et-1d li:hover .et-1d-scopri .freccia {
	margin-left: 0;
}

.et-1d li a{
	color: var(--secondary-color);
	font-weight: bold;
}

.et-1d li a:hover{
	color: var(--secondary-color);
}

.et-1d li .et-1d-scopri .freccia{
	width: 50px;
	transform: rotate(-45deg);
	filter: var(--secondary-color-filter);
	transition: all .3s ease-in-out;
	    margin-top: -8px;
	margin-left: -5px;
}

.et-1d li:hover .et-1d-icona img{
	transform: rotate(-180deg);
}

/*------------------et-1e------------------------*/
.et-1e ul li{
border-radius: 12px;
}

.et-1e ul li:first-of-type{
    background: linear-gradient(154deg, rgba(233, 57, 21, 0.00) 44.29%, #9D76E9 94.57%), #E93915;
	padding: 40px;
}

.et-1e ul li:first-of-type .info-wrapper{
	display: flex;
	flex-direction:column;
	justify-content: space-between;
	align-items: flex-start;
	height: 100%;
}

.et-1e ul li:first-of-type .testo-container{/*reset*/
	margin: inherit;
	max-width: inherit;
}

.et-1e ul li:first-of-type a{
}

.et-1e ul li:first-of-type h3{
    color: #fff;
}

.et-1e ul li{
	margin-left: 0;
	margin-right: 0;
	list-style-type: none!important;
	padding: 0;
	/*margin-bottom: 20px;*/
	background-color:black
}

.et-1e ul li .anteprima{
	position: relative;

	width: 100%;
	display: flex;
	flex-direction:column;
	justify-content: space-between;
	align-items: flex-start;
	height: 450px;
}

.et-1e ul li .anteprima .img-container-anteprima{
	/*aspect-ratio: 345/491;*/
	z-index: 0;
	position: absolute;
	height: 100%;
}

.et-1e ul li .anteprima .img-container-anteprima img{
	/*aspect-ratio: 345/491;*/
	object-fit: cover;
	opacity: 0.6;
	transition: all .3s ease-in-out;
	height:100%;
	width:100%;
}

.et-1e ul li a:hover .img-container-anteprima img{
	opacity: 0.4;
}

.et-1e .etichetta-anteprima{
	z-index: 1;
	color: #fff;
}

.et-1e .etichetta-anteprima .etichetta{
	border: 1px solid #fff;
	color: #fff;
	font-size: 14px;
	/*text-transform: capitalize;*/
	border-radius: 100px;
	margin-top: 40px;
	margin-left: 40px;
	max-width: 170px;
    white-space: normal;
}

.et-1e  ul li .anteprima .et-1e-testo-anteprima{
	z-index: 1;
	color: #fff;
	width: calc(100% - 80px);
}

.et-1e  ul li .et-1e-testo-anteprime-container p,
.et-1e  ul li .et-1e-testo-anteprime-container h3,
.et-10b  .et-1e-testo-anteprime-container p,
.et-10b  .et-1e-testo-anteprime-container h3
{
	white-space: normal;
	margin-left: 40px!important;
}

.et-10b  .et-1e-testo-anteprime-container p,
.et-10b  .et-1e-testo-anteprime-container h3
{
	margin-top: 40px!important;
}



.et-1e .freccia-container {
	border:1px solid #fff;
	margin-top: 10px;
	margin-bottom: 40px;
	margin-left: 40px;
}

.et-1e .freccia-container img  {
	width: 100%;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.et-1e a:hover .freccia-container  {
	transform: rotate(45deg);
}

.anteprime-4.et-1e p{
	color: #fff;
}

.anteprime-4 ul, .anteprime-6 ul {
    gap: 20px;
}


@media screen and (max-width: 1100px) {
.et-1e ul li .anteprima{
	aspect-ratio: auto;
}	
}

/*------------------et-1f------------------------*/

.et-1f{
	padding: 40px;
	background-color: var(--soft-color);
	border-radius: 12px;
}

.et-1f-iscrizione{
	display: flex;
	padding-bottom: 10px;
}

input{
	border-radius: 50px;
	height: 50px;
}

.et-1f-iscrizione input{
	margin-bottom: 0;
	padding-right: 20px!important;
	background-color: #fff;
}

.et-1f-iscrizione input:active, .et-1f-iscrizione input:focus {
	background-color: #fff;
}

.accetto {
	display: flex;
	margin-top: 10px;
	margin-bottom: 10px;
	column-gap: 5px;
}

.accetto input{
	 width: 20px!important;
    height: 20px!important;
	margin-top: 1px!important;
	vertical-align: top;
}

.et-1f .accetto input, .footer-bonus .accetto input{
	 width: 15px!important;
	margin-top: -1px!important;
}

.et-1f-asterisco{
	margin-top: -20px;
	margin-right: 5px;
	text-align: right;	
}
/*--------------------et-1h-----------------------*/

.et-1h .div-2  {
	flex-wrap: wrap;
	display: flex;
	align-content: stretch;	
	gap: 20px;
}

.et-1h .div-1 .div-1   {
	flex-wrap: wrap;
	display: flex;
	align-content: stretch;	
	gap: 20px;	
}

/*.et-1h div  {
	border-radius: 12px;
}*/

.et-1h .et-1h-chi-siamo{
	padding: 0;	
}

.et-1h .et-1h-testa  {
	width: 64px;	
}

.et-1h .et-1h-chi-siamo a {
	color:var(--secondary-color);	
}

.freccia-container {
	width: 45px;
	height: 45px;
	border-radius: 50px;
	border:1px solid var(--secondary-color);
	margin-top: 10px;
	transition: all .3s ease-in-out;
}

.freccia-container img  {
	filter: var(--secondary-color-filter);
	transform: rotate(-90deg);
	transition: all .3s ease-in-out;	
}

.et-1h .et-1h-chi-siamo a:hover {
	color:var(--secondary-color);	
}

.et-1h .et-1h-chi-siamo a:hover .freccia-container {
	transform: rotate(50deg)!important;		
}


a:hover .freccia-container img  {
	transform: rotate(-45deg);
}

.et-1h .et-1h-guide  {
background: radial-gradient(139.81% 122.29% at -3.77% 2.36%, rgba(255, 255, 255, 0.00) 0%, rgba(114, 178, 253, 0.80) 86.13%, rgba(114, 178, 253, 0.80) 100%), #E8F0F9;	
padding: 40px;
	border-radius: 12px;
}

.et-1h .et-1h-collaboriamo  {
background: radial-gradient(154.19% 143.33% at -3.48% -12.29%, rgba(0, 0, 0, 0.00) 0%, rgba(248, 177, 14, 0.00) 67%, rgba(255, 43, 241, 0.80) 100%), #F8B10E;
	padding: 40px;
	border-radius: 12px;
}

.et-1h .et-1h-idee  {
background: radial-gradient(139.81% 122.29% at -3.77% 2.36%, rgba(255, 255, 255, 0.00) 0%, rgba(114, 178, 253, 0.80) 86.13%, rgba(114, 178, 253, 0.80) 100%), #E8F0F9;
	padding: 40px;
	border-radius: 12px;
}

.et-1h .et-1h-team  {
	padding: 40px;
	position: relative;
	min-height: 400px;
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url("../img/team-etinet.jpg");
	background-size: cover;
	border-radius: 12px;
}

.et-1h .et-1h-team a{
    position: absolute;
    bottom: 40px;
}

.et-1h .et-1h-team h2{
    color: #fff!important;
}

/*--------------et-2a---------------*/

.et-2a li {
	border-radius: 12px;
	border: 1px solid #C4C4C4;
	background: #FFF;
	padding: 20px;
	transition:all .3s ease-in-out;
}

.et-2a li:hover {
	border: 1px solid #FFAD31;
}

.et-2a li a {
	color: var(--secondary-color);
}

.et-2a .etichetta {
	border: none;
	padding: 0;
}

.et-2a .testo-container-70 {
	margin-bottom: 40px;
} 

.et-2a a:hover .freccia-container  {
	transform: rotate(45deg);
}

@media screen and (max-width: 979px) {
.et-2a li {
	border: 1px solid var(--primary-color);
} 
} /*--------------et-2b---------------*/

/*-------------fine max-width: 979px---------------*/

.et-2b .struttura-container {
	margin-bottom: 20px;
}

.et-2b .et-2b-azzurro {
	border-radius: 12px;
	background: radial-gradient(139.81% 122.29% at -3.77% 2.36%, rgba(255, 255, 255, 0.00) 0%, rgba(114, 178, 253, 0.80) 86.13%, rgba(114, 178, 253, 0.80) 100%), #E8F0F9;
	padding: 40px;
	height: 100%;
}

.et-2b .div-1 img {
	height: 100%;
	object-fit: cover;
}

.et-2b .et-2b-giallo {
	border-radius: 12px;
	background: #FFAD31;
	padding: 40px;
}

.et-2b .div-2 .div-1 img {
	height: 100%;
	object-fit: cover;
}

.et-2b .et-2b-blocco-2 .div-2 .struttura-container{
	height: 100%;
}

.et-2b .asterisco img {
	width: 160px;
}

/*--------------------et-3a---------------------*/
.et-3a ul li{
	margin-bottom: 20px;
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
	padding: 40px;
}
	
.et-3ali{
	width: 100%;
	/*width: calc(50% - 10px)!important;*/	
}

@media screen and (min-width: 720px) {

.et-3a ul{
	display: flex;
	flex-wrap: wrap;
	gap:20px;
}
	
.et-3a ul li{
	width: calc(50% - 10px)!important;
	margin-bottom: 0;
}
	
}

@media screen and (min-width: 1200px) {

.et-3a ul{
	display: flex;
	flex-wrap: nowrap;
}
	
}

/*--------------------et-3a---------------------*/

.et-3b .et-3b-ul-rossi {
	margin-bottom: 0;
}

.et-3b .et-3b-ul-rossi li {
	border-radius: 12px;
	background: var(--arancio-eti, #E93915);
	list-style-type: none!important;
	margin-left: 0!important;
	padding: 15px;
	color: #fff;
}

.et-3b .div-1 .div-2 img {
	object-fit: cover;
	height: 100%;
	padding-bottom: 0;
}

.et-3b .et-3b-ultimo-blocco{
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
	padding: 40px;
}

.et-3b .et-2b{
	margin-top: 20px;
}

.et-3b .et-2b .asterisco .asterisco-container{
	margin-top: -80px;
	width: 100px;
	height: 117px;
	aspect-ratio: auto;
	margin-left: 20px;
}

.et-3b .et-2b .asterisco .asterisco-container img{
	width: 100%;
	aspect-ratio: auto;
	object-fit: contain;
}

.et-3b .et-2b .struttura-container {
	margin-bottom: 0
}

@media screen and (min-width: 780px) {
/*.et-3a .et-2e ul{
	display: flex;
	column-gap: 20px;
}
	
.et-2e {
	flex-wrap: wrap;
}
	
.et-3a .et-2e li{
	width: calc(50% - 10px)!important;
}*/


.et-3b .struttura-container{
	align-items: stretch; 
}

.et-3b .struttura-container .div-1 .struttura-2-standard{
	margin-top: 20px;
}

.et-3b .struttura-container .div-2  img {
	 width: 100%; /* L'immagine prende l'intera larghezza del suo contenitore */
  height: 100%; /* L'immagine prende l'intera altezza del suo contenitore */
  object-fit: cover; /* Taglia e centra l'immagine per riempire lo spazio */
	aspect-ratio: 710/270;
}

.et-3b .struttura-container .div-1 .div-2  img {
	aspect-ratio: auto;
}

.et-3b .et-3b-ul-rossi .div-2 img{
	padding-bottom: 0!important;
}

.et-3b .et-3b-ul-rossi li:last-of-type{
	margin-bottom: 0;
}
	
.et-3b .et-dog img{
	 width: 100%; /* L'immagine prende l'intera larghezza del suo contenitore */
  height: auto; /* L'immagine prende l'intera altezza del suo contenitore */
  object-fit: cover; /* Taglia e centra l'immagine per riempire lo spazio */
	aspect-ratio: auto;
}
	
.et-3b .et-2b .et-2b-giallo a{
	margin-top: 30px;
}
	
.et-3b .et-2b .div-2 .div-2{
	position: relative
}
	
.et-3b .et-2b .div-2 .div-2 .et-3b-ultimo-blocco{
	position: absolute;
	bottom: 0;
}
	
.et-3b .et-2b .asterisco .asterisco-container{
	margin-top: -60px;
	margin-bottom: 80px;
	margin-left: 0;
}

}/*min-780*/

.et-3c-gallery {
	display: grid;
    gap: 20px;
	margin-bottom: 20px;
}

.et-3c-gallery div img{
	width: 100%;
}

.blocco-azzurro{
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
	padding: 40px;
}


@media screen and (min-width: 780px) {
.et-3c-gallery { 
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
}
    
.et-3c-gallery .div-2 {
    grid-column-start: 1;
    grid-row-start: 2;
}

.et-3c-gallery .div-3 {
    grid-row: span 2 / span 2;
    grid-column-start: 2;
    grid-row-start: 1;
}

.et-3c-gallery .div-4 {
    grid-row-start: 3;
}

.et-3c-gallery .div-5 {
    grid-row-start: 3;
}
	
.et-3c-gallery div img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
	
.et-3c .blocco-azzurro {/*aggiusto per il display grid */
	flex: none;
}
.et-3c .struttura {/*aggiusto per il display grid */
	flex: none;
}
	
}/*max-780*/

@media screen and (min-width: 1200px) {

	.et-3c-gallery {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
}
   

.et-3c-gallery .div-2 {
    grid-column-start: 1;
    grid-row-start: 2;
}

.et-3c-gallery .div-3 {
    grid-row: span 2 / span 2;
    grid-column-start: 2;
    grid-row-start: 1;
}

.et-3c-gallery .div-4 {
    grid-column: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 1;
}

.et-3c-gallery .div-5 {
    grid-column: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 2;
}
	
.et-3c .blocco-azzurro {/*aggiusto per il display grid */
	width: calc(50% - 10px)!important;
}
	
}/*1200*/

/*et-4a*/
.et-4a .div-1 .div-2 img{
	width: 40%;
	margin-left: 60%;
}

/*et-4b*/

.et-4b .struttura-2-standard{
	align-items: stretch;
}

.et-4b .struttura-2-standard .div-2 .struttura-2-standard{
	height: 100px;
}

.et-4b .div-1 img{
	margin-bottom: 0;
	aspect-ratio: 3/4;
	object-fit: cover;
}

.et-4b-bonus{	
}

.blocco-verde{
	border-radius: var(--border-radius);
	padding: 40px;
	background-color: #014F01;
	margin-bottom: 20px;
	color: #fff;
}

.blocco-verde .btn{
	margin-top: 40px;
}

.verde .et-icona-call img{
	width:100%;
}

.blocco-acqua-sfumatura{
	border-radius: var(--border-radius);
	padding: 40px;
	background: radial-gradient(153.62% 132.18% at -3.48% -12.29%, rgba(0, 0, 0, 0.00) 0%, rgba(248, 177, 14, 0.00) 67%, rgba(255, 43, 241, 0.80) 100%), #0EF89A;
}


@media screen and (min-width: 780px) {

.et-4b .div-1 img{
	aspect-ratio: auto;
	height: 100%;
}
	
 }/* chiudo 780*/

.et-4b .blocco-blu{
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
	padding: 40px;
	background: var(--pargraf, #01124F);
	color: #fff;
	height: calc(50% - 10px);
	margin-bottom: 20px;
}

/*.et-4b*/ .blocco-giallo-sfumatura{
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
	padding: 40px;
	background: radial-gradient(153.62% 132.18% at -3.48% -12.29%, rgba(0, 0, 0, 0.00) 0%, rgba(248, 177, 14, 0.00) 67%, rgba(255, 43, 241, 0.80) 100%), #F8B10E;
}

.et-4b .blocco-giallo-sfumatura{
	height: calc(50% - 10px);
}

/*.et-4b*/ 
/*
.blocco-blu-sfumatura{
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
	padding: 40px;
	background: radial-gradient(128.66% 135.52% at 45.7% 138.17%, rgba(0, 0, 0, 0.00) 0%, rgba(248, 177, 14, 0.00) 67%, rgba(255, 43, 241, 0.80) 100%), #0E1AF8;
	height: 100%;
	display: flex;
	align-items: center;
	color: #fff;
}*/ 

.blocco-blu-sfumatura {
  background: radial-gradient(
      128.66% 135.52% at 45.7% 138.17%,
      rgba(0, 0, 0, 0) 0%,
      rgba(248, 177, 14, 0) 50%,        /* ridotto: meno giallo, prima il viola */
      rgba(255, 43, 241, 0.9) 85%,      /* più ampio e più opaco */
      rgba(255, 43, 241, 1) 100%        /* chiusura piena viola */
    ),
    #0E0CF8; /* blu intenso */
  background-size: 220% 220%;
  animation: moveGradient 6s ease-in-out infinite alternate;

  border-radius: var(--border-radius);
  padding: 40px;

  height: 100%;
  display: flex;
  align-items: center;
  color: #fff;
}

@keyframes moveGradient {
  0% {
    background-position: 40% 60%;
  }
  100% {
    background-position: 60% 40%;
  }
}




.et-4b .blocco-blu-sfumatura img{
	width: 40px;
	color: #fff;
}

/* 1a-4-bonus*/
.et-1a-4-bonus .div-2{
	position: relative;
}

.et-1a-4-bonus .div-2 .asterisco{
	position: absolute;
	right: 0;
	width: 160px;
}

.et-1a-4-bonus .div-2 .asterisco{
	position: absolute;
	right: 0;
	width: 160px;
}

@media screen and (max-width: 780px) {
.et-1a-4-bonus .div-2 .asterisco{
	display: none;
}	
}

/* -------------et-6a-----------*/
.et-6a { 
display: grid;
grid-gap: 20px;
}

.rosa-sfumatura { 
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
	padding: 40px;
	background: radial-gradient(288.87% 148.35% at 106.79% 0%, rgba(255, 255, 255, 0.00) 0%, rgba(253, 114, 114, 0.80) 100%), #3356EB;
	color: #fff;
}

.et-6a .div-1 img { 
	aspect-ratio: 1/1;
	object-fit: cover;
	width: 100%;
}

.rosso { 
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
	padding: 40px;
	background: #E93915;
	color: #fff;
}

.grigio { 
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
	padding: 40px;
	background: #C9C9C9;
}

.blocco-giallo-sfumatura { 
	/*background-color: var(--bonus-color);
	border-radius: var(--border-radius);
	padding: 40px;
	background: #C9C9C9;*/
}

.celeste { 
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
	padding: 40px;
	background: radial-gradient(139.81% 122.29% at -3.77% 2.36%, rgba(255, 255, 255, 0.00) 0%, rgba(114, 178, 253, 0.80) 86.13%, rgba(114, 178, 253, 0.80) 100%), #E8F0F9;
}

.verde-sfumatura { 
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
	padding: 40px;
    background: linear-gradient(247deg, rgba(0, 0, 0, 0.00) -5.98%, rgba(0, 0, 0, 0.80) 148.84%), #1B6A6A;
	color: #fff;
}

@media screen and (min-width: 1410px) {

.et-4b .blocco-verde{
	height: calc(50% - 10px);
}

.et-4b .blocco-acqua-sfumatura {
	height: calc(50% - 10px);
}
	
}

.verde-chiaro { 
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
	padding: 40px;
	background: #0EF89A;
}

@media screen and (min-width: 780px) {

.et-6a .div-1 img { 
	object-fit: cover;
	width: 100%;
	height: 100%;
}
	
.et-6a { 
	grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
}

.div-3 {
    grid-row-start: 2;
}

.div-4 {
    grid-row-start: 2;
}

.div-5 {
    grid-row-start: 3;
}

.div-6 {
    grid-row-start: 3;
}

.div-7 {
    grid-column: span 2 / span 2;
    grid-row-start: 4;
}

.div-8 {
    grid-row-start: 5;
}

.div-9 {
    grid-row-start: 5;
}
	
 }/* chiudo 780*/

@media screen and (min-width: 1100px) {
.et-6a .div-1 img { 
	object-fit: cover;
	width: 100%;
	height: 100%;
}	
	
.et-6a {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
}
    
.et-6a .div-1 {
    grid-row: span 2 / span 2;
}

.et-6a .div-2 {
    grid-column: span 3 / span 3;
}

.et-6a .div-3 {
    grid-column-start: 2;
    grid-row-start: 2;
}

.et-6a .div-4 {
    grid-column-start: 1;
    grid-row-start: 3;
}

.et-6a .div-5 {
    grid-column-start: 2;
    grid-row-start: 3;
}

.et-6a .div-6 {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 2;
}

.et-6a .div-7 {
    grid-column: span 2 / span 2;
    grid-row-start: 4;
}

.et-6a .div-8 {
    grid-column-start: 3;
    grid-row-start: 4;
}

.et-6a .div-9 {
    grid-column-start: 4;
    grid-row-start: 4;
}	
 }/* chiudo 1200*/


/*@media screen and (max-width: 640px) {
.articolo {
	padding: 0!important;
}
}*/

.et-7b li{
	border-radius: 12px;
border: 1px solid var(--arancio-eti, #E93915);
	padding: 40px;
}


.et-7b li h2{
	padding-bottom: 0;
}

.et-7b li h3{
	padding-bottom: 0;
}
/*------------------- et-7c ---------------------*/
.et-7c .rosso{
	margin-bottom: 20px;
}

.et-7c .struttura-2-standard .struttura-2-standard  {
	height: calc(100% - 20px);	
}

.et-7c .struttura-2-standard .struttura-2-standard img  {
	margin-bottom: 20px;	
}

.et-7c .et-7c-img-alta{
	height: 70%;
	object-fit: cover;
}

.et-7c .et-7c-img-bassa{
	height: 30%;
	object-fit: cover;
}

/*------------------- et-7c ---------------------*/
.et-7e .et-7e-ul {
	margin-bottom: 0;
}

.et-7e .et-7e-ul li {
	border-radius: 12px;
	list-style-type: none!important;
	margin-left: 0!important;
	padding: 15px;
	border: 1px solid var(--secondary-color);
	font-size: 20px;
	font-weight: bold;
}

.et-7e .et-7e-ul li:last-of-type{
	margin-bottom: 0;
}

.et-7e .struttura-container .div-2 img{
	object-fit: cover;
	aspect-ratio: 16/4;
	height: 100%;	
}

.et-7e .struttura-container .struttura-container{
	height: 100%;
}

.et-7e .struttura-container .struttura-container .blocco-azzurro{
	height: 100%;
}


.et-7e .struttura-container{
	margin-bottom: 20px;
}

.et-7e .rosso{
	height: 100%;
}



@media screen and (max-width: 760px) {
.et-7e .struttura-container:nth-of-type(2) .div-2 img {
	aspect-ratio: 2/1!important;	
}	
}
@media screen and (min-width: 980px) {
	
.et-1a li .info-wrapper {	
	padding: 60px 40px;
}

}

@media screen and (min-width: 1200px) {
	
.et-footer  .et-footer-loghi{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
}	
	
/*-------------------	et-8a ---------------------*/

.et-8a > div {
	margin-bottom: 20px;
}
	
	
.et-8a .div-1 img {
	aspect-ratio:1/1;
	object-fit: cover;
	width: 100%;
}
	
.blocco-blu{
	background-color: var(--bonus-color);
	border-radius: var(--border-radius);
	padding: 40px;
	background: var(--pargraf, #01124F);
	color: #fff;
}
	
@media screen and (min-width: 980px) {

.et-8a > div {
	margin-bottom: 0;
}
	
.et-8a {
	display: flex;
	gap: 20px;
}
	
.et-8a .div-1 {
	flex: 1;
}
	
.et-8a .div-2 {
	flex: 2;
}
	
.et-8a .div-3 {
	flex: 1;
}
	
.et-8a .div-1 img {
	aspect-ratio: auto;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

}/*980*/	
/*-------------------	et-8b ---------------------*/	
.et-8b.anteprime-4 li{
	border-radius: 12px;
	padding: 20px;
	color: #fff;
}
	
.et-8b.anteprime-4 li:first-of-type{
	background: var(--ai, radial-gradient(128.66% 135.52% at 45.7% 138.17%, rgba(0, 0, 0, 0.00) 0%, rgba(248, 177, 14, 0.00) 67%, rgba(255, 43, 241, 0.80) 100%), #0E1AF8);
}
	
.et-8b.anteprime-4 li:nth-of-type(2){
	background: radial-gradient(102.51% 124.26% at 108.7% -113.69%, rgba(0, 0, 0, 0.00) 0%, rgba(248, 177, 14, 0.00) 67%, rgba(255, 43, 241, 0.80) 100%), #0E1AF8;
}
	
.et-8b.anteprime-4 li:nth-of-type(3){
	background: radial-gradient(165.52% 206.35% at 124.06% 210.12%, rgba(0, 0, 0, 0.00) 0%, rgba(248, 177, 14, 0.00) 67%, rgba(255, 43, 241, 0.80) 100%), #0E1AF8;
}
	
.et-8b.anteprime-4 li:nth-of-type(4){
	background: var(--ai, radial-gradient(128.66% 135.52% at 45.7% 138.17%, rgba(0, 0, 0, 0.00) 0%, rgba(248, 177, 14, 0.00) 67%, rgba(255, 43, 241, 0.80) 100%), #0E1AF8);
}
	
/*-----------------------et-9a----------------------*/
.et-9a .div-2.asterisco-container{
		text-align: right;
		padding-bottom: 20px;
}
	
.et-9a .div-2 .asterisco{
		width: 160px;	
}

.et-contenitore-tag a{
	border-radius: 500px;
	border: 1px solid var(--arancio-eti, #E93915);
	background: #FFF;
	color: var(--secondary-color);
	font-weight: bold;
	padding: 12px 21px;
}

.et-9a .et-contenitore-tag-small .lista-inline a:first-of-type {
	border: 1px solid #E93915;
	background: #E93915;
	color: #FFF;
	transition:all .3s ease-in-out;
	margin-right: 3px;
}

.et-9a .et-contenitore-tag-small .lista-inline a:first-of-type:hover {
	border: 1px solid #E93915!important;
	background: none!important;
	color: #E93915!important;
}



.et-contenitore-tag .filter-btn.active{
	color: #fff;
	background-color: var(--primary-color);
}
	
.et-contenitore-tag a:active, .et-contenitore-tag a:focus{
	border-radius: 500px;
	border: 1px solid var(--arancio-eti, #E93915);
	background: var(--arancio-eti, #E93915);
}
	
.et-contenitore-tag-small a{
	padding: 4px 10px!important;
	color: var(--primary-color);
	text-transform: uppercase;
	font-size: 14px;
	margin-left: 0;
}	

.lista-inline a {
    margin: 0 0 8px 0;
}
	
.et-contenitore-tag-small .lista-inline{
	margin-bottom: 0!important;
}
	
.et-9a .div-1 img{
	aspect-ratio: 710/385;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
	
.et-9a .et-1e ul li:first-of-type{
	background: none;
    background-color: black;
	padding: 0;
	position: static;
}

.et-9a .et-1e ul li:first-of-type a{
    position: static;
	bottom: 40px
}

.et-9a .et-1e ul li:first-of-type h3{
    color: #fff;
}
	
.et-9a .et-2a .et-contenitore-tag a{
	color: var(--primary-color)!important;
}
	
.et-9a .et-2a .et-contenitore-tag a:hover{
	background-color:var(--primary-color)!important;
	color: #fff!important;
}

.et-9a .div-2 a:hover .freccia {
	transform: rotate(45deg);
}
	
/*-----------------------et-10a----------------------*/	
	
/*.et-10b .et-1e  ul li .anteprima .et-1e-testo-anteprima{
	position: absolute;
	z-index: 1;
	color: #fff;
	width: calc(100% - 80px);
	left: 40px;
	top: 40px;
}*/
	
.et-10b .et-1e  ul li .anteprima .freccia-container{
	background-color: #fff;
	border-radius: 100px;
	border: none;
	position: absolute;
}
	
.et-10b .et-1e  ul li .anteprima .freccia img{
	filter: var(--secondary-color-filter)
}

.et-10b h3 {
	margin-left: 0!important;
}

.et-10b p {
	margin-left: 0!important;
}
	
/*-----------------------et-11a----------------------*/		
.et-11a	.asterisco-container{
	text-align: right;
}
	
.et-11a	.asterisco-container img{
		width: 160px;
		margin-top: 100px;
}
	
.et-11a	.div-2{
		border-radius: 12px;
		background: #EAEBEA;
		padding: 40px;
}
	
.et-11a	.div-2 input, .et-11a .div-2 textarea {
		background-color: #EAEBEA;
		border-bottom: 1px solid var(--secondary-color);
			border-radius: 0;
}
	
.file-upload {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
  }

  /* Nascondo l'input */
.file-upload input[type="file"] {
    position: absolute;
    left: -9999px;
  }

  /* Etichetta come pulsante */
.file-upload label {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: #fff;
    color: var(secondary-color);
    font-weight: 600;
    border-radius: 8px;
    padding: 5px 10px;
    cursor: pointer;
    transition: background 0.2s;
	border:1px solid gray;
  }

.file-upload label:hover {
    /*background: lightgray;*/
  }

  /* Immagine a sinistra */
.file-upload .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    object-fit: contain;
  }
	
/*-----------------------et-12a----------------------*/	

.et-12a .struttura-container > .div-2  {
		border-radius: 12px;
		background: #fff;
		padding: 40px;
		border: 1px var(--primary-color) solid;
}
	
.et-12a .struttura-container .div-1 .div-2 {
		border-radius: none;
		background: #fff;
		padding: 0;
		border: none;
}
	
.et-12a	.div-2 input, .et-12a .div-2 textarea {
		background-color: #FFF;
		border-bottom: 1px solid var(--secondary-color);
		border-radius: 0;
}
	
textarea {
		height: 110px!important;
}
	
.et-12a .btn.btn-wa img{
	filter:inherit;
	width: 45px!important;
}

.et-12a .btn.btn-wa {
	color: #fff!important;
	padding: 0 30px 0 15px!important; 
}

.btn-icon.btn-outline-secondary img, .btn-icon.btn-secondary img {
	filter:var(--secondary-color-filter)!important;
	width: 25px!important;
	margin-top: 5px;
	margin-right: 5px
	/*transition:all .3s ease-in-out;*/
}

.btn-icon.btn.btn-outline-secondary, .btn-icon.btn.btn-secondary{
	color: var(--secondary-color)!important;
	padding: 5px 30px 2px 15px!important; 
}

.btn-icon.btn.btn-outline-secondary:hover, .btn-icon.btn.btn-secondary:hover{
	color: #fff!important;
}

.btn-icon.btn.btn-outline-secondary:hover img, .btn-icon.btn.btn-secondary:hover img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(228deg) brightness(102%) contrast(101%)!important;
}

.btn-icon.btn.btn-secondary{
	color: #fff!important;
}

.et-20b .btn-icon.btn.btn-secondary{
	margin-bottom: 10px;
}

.btn-icon.btn.btn-secondary img{
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(228deg) brightness(102%) contrast(101%)!important;
}

.btn-icon.btn.btn-secondary:hover{
	background-color: var(--secondary-color)!important;
}
	
.et-12a .div-1 .div-1 .et-contatti a{
	color: var(--secondary-color);
	text-decoration: underline;
}

/*-----------------------et-13a----------------------*/		

.et-bordo-cornice{
		border: 1px solid var(--secondary-color);
		border-radius: var(--border-radius);
		padding: 40px;
}
	
.et-icon-check {
		display: inline;
		width: 33px!important;
		margin: 0!important;
		vertical-align: sub;
}

.et-icon {
		display: inline;
		width: 30px!important;
		margin: 0!important;
		vertical-align: sub;
}
	
.et-13a h1, .et-13a h2 {
		display: inline-block;
		margin-left: 15px
		
}

.et-13a h1{
		font-size: 45px;
		padding-bottom: 30px;
		
}
	
.et-info-status{
padding-bottom: 20px;	
}

.et-info-status p{
	display: inline;
}
	
.et-pallino-verde {
    width: 15px;
    height: 15px;
    border-radius: 20px;
    background-color: #1FAF38;
    display: inline-block;
    margin-right: 15px;
    animation: pulse 1.5s infinite ease-in-out;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

	
.et-pallino-giallo{
	width: 15px;
	height: 15px;
	border-radius: 20px;
	background-color: #F8BD00;
	display: inline-block;
	margin-right: 15px;
	animation: pulse 1.5s infinite ease-in-out;
}
	
.et-pallino-rosso{
	width: 15px;
	height: 15px;
	border-radius: 20px;
	background-color: #DC0814;
	display: inline-block;
	margin-right: 15px;
	animation: pulse 1.5s infinite ease-in-out;
}
	
	/*---------------- et-13b -------------------*/

.testo-container.et-status{
	overflow:  inherit !important;
	height: inherit !important;
	}
	
.et-status .et-blocco-status{
		border: 1px solid var(--secondary-color);
		border-radius: var(--border-radius);
		padding: 20px;
		margin-bottom: 10px;
	
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	justify-content:space-between;
}

.et-status .et-blocco-status p{
		padding-bottom: 0!important;
	margin-bottom: 0!important;
}

.et-status .et-blocco-status .etichetta-status{
	padding: 5px;
	border-radius: 5px;
	
}

.et-status .et-blocco-status .etichetta-status.verde{
	border: solid 1px #1FAF38;
	color: #1FAF38;	
}

.et-status .et-blocco-status .etichetta-status.giallo{
	border: solid 1px #F8BD00;	
	color: #F8BD00;
}

.et-status .et-blocco-status .etichetta-status.rosso{
	border: solid 1px #DC0814;
	color: #DC0814;
	background-color: transparent;
}
	
@media screen and (min-width: 780px) {

.et-status{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	}
	
.et-status .et-blocco-status {
	flex: 0 0 calc((100% - 10px) / 2);
	margin-bottom: 0;
	}
	
}

/*---------------- et-14a -------------------*/

.articolo{
	max-width:710px;
}

.articolo h3{
	color: var(--primary-color);
}

.asterisco-container-absolute{
	display: none;
}	

@media screen and (min-width: 1250px) {

.asterisco-container-absolute{
	position: absolute;
	top: 180px;
	left: 80px;
	display: block;
}	
	
}

/*---------------- et-15a -------------------*/

.et-15a .div-1 img{
	width: 160px; 
}

/*---------------- et-15b -------------------*/

.et-15b.et-7b li{
	padding: 15px 20px!important;
}

.et-15b h2{
	margin-bottom: 20px;
}


@media screen and (min-width: 880px) {

.et-15b{
	margin-top: -40px;
}
	
}


/*---------------- et-16a -------------------*/

.et-16a .et-posizione{
	color: var(--primary-color);
	text-transform: uppercase;
	margin-top: 10px;
	font-size: 14px;
}

.et-16a .titolo{
	padding-top: 5px;
}

.et-16a .div-2{
	text-align: right;
}

.et-16a .div-2 img{
	width: 160px
	
}

/*---------------- et-16b -------------------*/

.et-16b .bordo-arancio{
	border: 1px solid var(--primary-color);
	border-radius: var(--border-radius);
}

.et-16b .bordo-arancio ul{
	padding: 20px;
}

.et-16b .bordo-arancio h3{
	padding: 20px 20px 0 20px;
}

.et-16b img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}

.et-16b ul li {
	font-size: 20px;
	margin-bottom: 5px;
}

.et-16b-blocco-2{
	margin-top: 20px;
}

.et-16b-blocco-2 .wrapper-1 .div-2{
		width: 100%;
		text-align: right;
		margin-top: 20px;
}

.et-16b-blocco-2 .wrapper-1 .div-2 img{
		width: 200px;
		height: 200px;
		text-align: right;
}

@media screen and (max-width: 1150px) {
.et-16b-blocco-1 div, .et-16b-blocco-2 div  {
	margin-top: 20px;
}
}

@media screen and (min-width: 1150px) {
.et-16b img {
	width: 100%;
	aspect-ratio: auto;
}
	
.et-16b .et-16b-blocco-1 {
	display: flex;
	column-gap: 20px;
}
	
.et-16b .et-16b-blocco-1 .div-1{
	    flex: 1;
}
	
.et-16b .et-16b-blocco-1 .div-2{
	    flex: 2;
		height: auto;
}
	
.et-16b .et-16b-blocco-1 .div-2 img{
	    height: 100%;
}
	
.et-16b  .et-16b-blocco-1 .wrapper-3-4{
	        flex: 1;
			display: flex;
			flex-direction: column;
			gap: 20px;
}
	
.et-16b  .et-16b-blocco-1 .wrapper-3-4 .div-4{
	height: 100%;
}
	
.et-16b  .et-16b-blocco-1 .wrapper-3-4 .div-4 img{
	height: 100%;
	object-fit: cover;
}
	
.et-16b-blocco-2{
	display: flex;
	column-gap: 20px;
}
		
.et-16b-blocco-2 .wrapper-1{
		flex: 2;
		display: flex;
		flex-wrap: wrap;
}
	
.et-16b-blocco-2 .wrapper-1 .div-1 img{
		height: 100%;
}
	
.et-16b-blocco-2 .wrapper-1 .div-2{
		width: 50%;
	text-align: right;
	margin-top: 20px;
}
	
.et-16b-blocco-2 .wrapper-1 .div-2 img{
		margin-right: 10px;
}
	
.et-16b-blocco-2 .wrapper-1 .div-3{
		width: 50%;
		margin-top: 20px;
}
	
.et-16b-blocco-2 .wrapper-2{
		flex: 1;
		display: flex;
		flex-direction: column;
}
	
.et-16b-blocco-2 .wrapper-2 .div-1{
		margin-bottom: 20px;
	height: 100%;
}
	
.et-16b-blocco-2 .wrapper-3{
		flex: 1;
		display: flex;
		flex-direction: column;
}	
	
.et-16b-blocco-2 .wrapper-3 .div-1{
		margin-bottom: 20px;
}	
	
.et-16b-blocco-2 .wrapper-3 .div-2{
	height: 100%;
}
	
.et-16b-blocco-2 .wrapper-3 .div-2 img{
	height: 100%;
	object-fit: cover;

}
	
}

/*---------------- et-17a -------------------*/

.et-17a {
	background-color: var(--primary-color);
}

.et-17a h1 {
	color: #fff;
}
/*---------------- et-18-header -------------------*/
.et-18-header{
	background: #F3F3F3;	
}

.et-18-header .div-2{
	position: relative;
}

.et-18-header .et-18-header-icona{
	position: absolute;
	bottom: -20px;
	right: -20px;
	width: 100px;
	height: 100px;
	background-color: #fff;
	border-radius: var(--border-radius);
	padding: 10px;
	box-shadow: var(--box-shadow);
}

.et-18-header .et-data-blog{
	padding-left: 20px;
	
}

.et-18-header a{
	background-color: transparent!important;
	
}
@media screen and (max-width: 1500px) {

.et-18-header .et-18-header-icona{
	right: 10px;	
}
}

/*---------------- et-18a -------------------*/
/* Contenitore della barra */
#et-progress-container {
  position: sticky;
  top: 0;
  width: 100%;
  height: 6px;
  z-index: 9999;
}

/* Barra che avanza */
#et-progress-bar {
  height: 100%;
  width: 0%;
  background: #FFAD31;;
  transition: width 0.1s ease-out;
}

/*---------------- et-19a -------------------*/
.et-19a h1,
.et-19a h2,
.et-19a h3
{
text-align: center!important;
    }

    /* Barra di avanzamento */
    #progress-bar {
      height: 100%;
      width: 0%;
      background: #FFAD31;
      transition: width 0.1s ease-out;
    }

textarea::placeholder , input::placeholder{
  opacity: 1; 
}

.et-19a textarea, .et-19a input, .et-19a select{
	border-bottom: 1px var(--secondary-color) solid;
	border-radius: 0px;
    }

.et-19a input:focus, .et-19a  textarea:focus {
	background-color: transparent;
}


/*---------------- et-19b -------------------*/

.et-19b .faq-content{
	text-align: left;
}

.et-19a .faq-content  h2, .et-19a .faq-content  h3 {
    text-align: left !important;
}

.et-19b .faq-content  h2, .et-19b .faq-content  h3 {
    color: var(--secondary-color);
}

.et-19b ul li{
        list-style-type: none !important;
	    margin-left: 0;
}

.et-19b .faq-content .faq-accordion{
        border: 1px solid var(--secondary-color);
	border-radius: var(--border-radius);
}

.et-19a .faq-content .arrow-icon img {
    filter: var(--secondary-color-filter);
    width: 40px !important;
	transform: rotate(180deg);
}

.et-19a .faq-content .arrow-icon img {
    filter: var(--secondary-color-filter);
    width: 40px !important;
	transform: rotate(180deg);
	margin-top: 20px
}

.et-19a .faq-accordion .tgg-title:checked + div>label>span {
  will-change: transform;
  transform: rotate(180deg);
	filter: var(--primary-color-filter);
}

.et-19a .faq-accordion:hover img {
	filter: var(--primary-color-filter);
}

.et-19a .faq-accordion img{
    margin: 5px auto 0 auto;
}

.et-19a .faq-content .faq-accordion {
    padding: 10px 10px 10px 20px;
}

/*---------------- et-20a -------------------*/
.et-20a{
	border-bottom: 1px solid var(--primary-color);
	padding-bottom: 40px;
	margin-bottom: 60px;
}
	
@media screen and (max-width: 640px) {
	}
/*.articolo {
	padding: 0!important;
}*/

/*fine 980*/




/*.et-1a li .freccia-container .freccia{
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

.et-1a li:hover .freccia-container .freccia{
	transform: rotate(-45deg);

}*/
	


@media screen and (min-width: 1550px) {

}/*1550*/