/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
.breadcrumbs{
 background-color:black;
 color:white;
}
.heroPortfolio, .aboutPortfolio, .interventoPortfolio {
 background-color: #530412;
}
h1.titleHeroPortfolio, h2.titleServiziOfferti, button.returnPortfolio a, li.itemServiziOfferti, p.clienteServiziOfferti, p.annoServiziOfferti, p.sitoServiziOfferti a, .citazioneCliente p, h2.titleAboutPortfolio, .textAbout > p, h2.titleobiettiviPortfolio, .textObiettivi > p, h2.titleSfideProgetto, p.textSfida, h2.titleStrategia, p.textStrategia, h2.titleIntervento, .containerTextInteervento p, .buttonBorder, .buttonBorder:hover, h2.titleGalleryPortfolio, h2.titleVideoPortfolio, h2.titleTeamPortfolio, h2.titleSapernePortfolio, .buttonTorna a, .buttonTorna a:hover, .buttonTorna a:focus, .buttonProssimo a, .buttonProssimo a:hover, .buttonProssimo a:focus, h3.nomeMembro, p.ruoloMembro {
 color: white;
}
.sfideProgetto {
 background-size: contain !important;
 background-repeat: no-repeat !important;
 background-position: bottom !important;
}
.strategia::before, .innerServiziOfferti::after {
 background: white;
}
p.title-serviziOfferti, blockquote::before, p.titoloSfida {
 color: #91001A;
}
.obiettiviPortfolio{
 background-color: black;
}
.gridObiettiviPortfolio {
 border-bottom: 1px solid #fff;
}
img.bigliettiVisitaEmporio{
 right: 0;
}
.buttonBorder, .buttonTorna , .buttonProssimo{
 border: 0.5px solid #FFFFFF;
}
.dot{
 background-color: #fff;
}
.galleryPortfolio, .videoGalleryPortfolio, .gridSapernePortfolio{
 background:black;
}
.videoGalleryPortfolio, .teamPortfolio, .gridSapernePortfolio{
 border-top: 1px solid #707070;
}
.containerVideo iframe{
 border: 1px solid #FFFFFF;
}
.teamPortfolio{
 background: #171616;
}
.blueDot{
 background-color: #4074B9;
}
.buttonCaseHistory a, .buttonCaseHistory a:hover{
 color: #4074B9;
}
@media (max-width: 420px){
 blockquote::before {
  left: -8vw;
 }
 img.bigliettiVisitaEmporio {
  width: 46vw;
  bottom: 92vw;
 }
 p.textStrategia {
  width: 73vw;
 } 
}
@media (min-width: 421px) and (max-width: 550px){
 img.bigliettiVisitaEmporio {
  bottom: 77vw;
  width: 45vw;
 }
}
@media (max-width: 550px){
 .serviziOfferti, .sfideProgetto {
  background: url(/wp-content/uploads/2023/12/backServiziEmporio550.webp), #000;
 }
 .buttonContainerPortfolio {
  bottom: -26vw;
 }
}
@media
only screen and (-webkit-max-device-pixel-ratio: 1)      and (max-width: 550px),
only screen and (   max--moz-device-pixel-ratio: 1)      and (max-width: 550px),
only screen and (     -o-max-device-pixel-ratio: 1/1)    and (max-width: 550px),
only screen and (        max-device-pixel-ratio: 1)      and (max-width: 550px),
only screen and (                max-resolution: 1dppx)  and (max-width: 550px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/12/heroEmporio550.webp);
  height: calc(100vw / (600 / 483));
 }
 .col1-aboutPortfolio {
  background: url(/wp-content/uploads/2023/12/aboutEmporio550.webp);
  height: calc(100vw / (600 / 643));
 }
 .col2-obiettiviPortfolio{
  background-image: url(/wp-content/uploads/2023/12/obiettiviEmporio550.webp);
  height: calc(100vw / (600 / 625));
 }
 .col2-intervento{
  background-image: url(/wp-content/uploads/2023/12/interventoEmporio550.webp);
  height: calc(100vw / (600 / 641));
 }
 .col2-sapernePortfolio{
  background-image: url(/wp-content/uploads/2023/12/caseEmporio550.webp);
  height: calc(100vw / (600 / 300));
 }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (max-width: 550px),
only screen and (   min--moz-device-pixel-ratio: 1.2)      and (max-width: 550px),
only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (max-width: 550px),
only screen and (        min-device-pixel-ratio: 1.2)      and (max-width: 550px),
only screen and (                min-resolution: 1.2dppx)  and (max-width: 550px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/12/heroEmporioRetina550.webp);
  height: calc(100vw / (1000 / 806));
 }
 .col1-aboutPortfolio {
  background-image: url(/wp-content/uploads/2023/12/aboutEmporioRetina550.webp);
  height: calc(100vw / (1000 / 1071));
 }
 .col2-obiettiviPortfolio {
  background-image: url(/wp-content/uploads/2023/12/obiettiviEmporioRetina550.webp);
  height: calc(100vw / (1000 / 1042));
 }
 .col2-intervento {
  background-image: url(/wp-content/uploads/2023/12/interventoEmporioRetina550.webp);
  height: calc(100vw / (1000 / 1069));
 }
 .col2-sapernePortfolio {
  background-image: url(/wp-content/uploads/2023/12/caseEmporioRetina550.webp);
  height: calc(100vw / (1000 / 500));
 }
}
@media (min-width: 421px) and (max-width: 766.9px){
 blockquote::before {
  left: -8vw;
 }
}
@media (min-width: 551px) and (max-width: 766.9px){
 .serviziOfferti, .sfideProgetto {
  background: url(/wp-content/uploads/2023/12/backServiziEmporio551.webp), #000;
 }
 img.bigliettiVisitaEmporio {
  width: 45vw;
  bottom: 65vw;
 }
}
@media
only screen and (-webkit-max-device-pixel-ratio: 1)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (   max--moz-device-pixel-ratio: 1)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (     -o-max-device-pixel-ratio: 1/1)    and (min-width: 551px) and (max-width: 766.9px),
only screen and (        max-device-pixel-ratio: 1)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (                max-resolution: 1dppx)  and (min-width: 551px) and (max-width: 766.9px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/12/heroEmporio551.webp);
  height: calc(100vw / (800 / 645));
 }
 .col1-aboutPortfolio {
  background: url(/wp-content/uploads/2023/12/aboutEmporio551.webp);
  height: calc(100vw / (800 / 857));
 }
 .col2-obiettiviPortfolio{
  background-image: url(/wp-content/uploads/2023/12/obiettiviEmporio551.webp);
  height: calc(100vw / (800 / 834));
 }
 .col2-intervento {
  background-image: url(/wp-content/uploads/2023/12/interventoEmporio551.webp);
  height: calc(100vw / (800 / 855));
 }
 .col2-sapernePortfolio{
  background-image: url(/wp-content/uploads/2023/12/caseEmporio551.webp);
  height: calc(100vw / (800 / 381));
 }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (   min--moz-device-pixel-ratio: 1.2)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (min-width: 551px) and (max-width: 766.9px),
only screen and (        min-device-pixel-ratio: 1.2)      and (min-width: 551px) and (max-width: 766.9px),
only screen and (                min-resolution: 1.2dppx)  and (min-width: 551px) and (max-width: 766.9px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/12/heroEmporioRetina551.webp);
  height: calc(100vw / (1200 / 967));
 }
 .col1-aboutPortfolio {
  background-image: url(/wp-content/uploads/2023/12/aboutEmporioRetina551.webp);
  height: calc(100vw / (1200 / 1286));
 }
 .col2-obiettiviPortfolio {
  background-image: url(/wp-content/uploads/2023/12/obiettiviEmporioRetina551.webp);
  height: calc(100vw / (1200 / 1251));
 }
 .col2-intervento {
  background-image: url(/wp-content/uploads/2024/01/interventoEmporioRetina551.webp);
  height: calc(100vw / (1200 / 1282));
 }
 .col2-sapernePortfolio {
  background-image: url(/wp-content/uploads/2023/12/caseEmporioRetina551.webp);
  height: calc(100vw / (1200 / 572));
 }
}
@media (max-width: 766.9px){
 .strategia::before {
  width: 85%;
 }
}
@media (min-width: 767px) and (max-width: 899.9px){
 h1.titleHeroPortfolio span {
  width: 74vw;
 }
 .serviziOfferti, .sfideProgetto {
  background: url(/wp-content/uploads/2023/12/backServiziEmporio767.webp), #000;
 }
 blockquote::before {
  left: 5vw;
 }
 .citazioneCliente blockquote > p:first-child {
  width: 70vw;
 }
 .strategia::before {
  width: 100%;
 }
 p.textStrategia {
  width: 57vw;
 }
 img.bigliettiVisitaEmporio {
  width: 45vw;
  bottom: 45vw;
 }
}
@media
only screen and (-webkit-max-device-pixel-ratio: 1)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (   max--moz-device-pixel-ratio: 1)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (     -o-max-device-pixel-ratio: 1/1)    and (min-width: 767px) and (max-width: 899.9px),
only screen and (        max-device-pixel-ratio: 1)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (                max-resolution: 1dppx)  and (min-width: 767px) and (max-width: 899.9px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/12/heroEmporio767.webp);
  height: calc(100vw / (1000 / 806));
 }
 .col1-aboutPortfolio {
  background: url(/wp-content/uploads/2023/12/aboutEmporio767.webp);
  height: calc(100vw / (1000 / 1071));
 }
 .col2-obiettiviPortfolio {
  background: url(/wp-content/uploads/2023/12/obiettiviEmporio767.webp);
  height: calc(100vw / (1000 / 1042));
 }
 .col2-intervento{
  background: url(/wp-content/uploads/2023/12/interventoEmporio767.webp);
  height: calc(100vw / (1000 / 1068));	 
 }
 .col2-sapernePortfolio{
  background: url(/wp-content/uploads/2023/12/caseEmporio767.webp);
  height: calc(100vw / (1000 / 533));
 }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (   min--moz-device-pixel-ratio: 1.2)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (min-width: 767px) and (max-width: 899.9px),
only screen and (        min-device-pixel-ratio: 1.2)      and (min-width: 767px) and (max-width: 899.9px),
only screen and (                min-resolution: 1.2dppx)  and (min-width: 767px) and (max-width: 899.9px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/12/heroEmporioRetina767.webp);
  height: calc(100vw / (1400 / 1128));
 }	
 .col1-aboutPortfolio {
  background: url(/wp-content/uploads/2023/12/aboutEmporioRetina767.webp);
  height: calc(100vw / (1400 / 1500));
 }
 .col2-obiettiviPortfolio {
  background: url(/wp-content/uploads/2023/12/obiettiviEmporioRetina767.webp);
  height: calc(100vw / (1400 / 1459));
 }
 .col2-intervento{
  background: url(/wp-content/uploads/2023/12/interventoEmporioRetina767.webp);
  height: calc(100vw / (1400 / 1496)); 
 }
 .col2-sapernePortfolio{
  background: url(/wp-content/uploads/2023/12/caseEmporioRetina767.webp);
  height: calc(100vw / (1400 / 747)); 
 }
}
@media (min-width: 900px){
 .backHeroPortfolio, .gridObiettiviPortfolio, .gridInterventoPortfolio {
  background-position: right center !important;
 }
 .gridAboutPortfolio{
  background-position: left center !important;
 }
}
@media (min-width: 900px) and (max-width: 1099.9px){	
 .serviziOfferti, .sfideProgetto {
  background: url(/wp-content/uploads/2023/12/backServiziEmporio900.webp), #000;
 }
 blockquote::before {
  right: 72vw;
 }
 .gridAboutPortfolio, .gridObiettiviPortfolio, .gridInterventoPortfolio {
  background-size: cover !important;
 }
 .col2-aboutPortfolio {
  padding: 8vw 0;
 }
 .textAbout > p {
  width: 50vw;
 }
 .textObiettivi > p {
  width: 41vw;
 }
 .strategia::before {
  width: 90%;
 }
 p.textStrategia {
  width: 47vw;
 }
 img.bigliettiVisitaEmporio {
  bottom: 29vw;
  width: 50vw;
 }
 .containerTextInteervento > p {
  width: 42vw;
 }
}
@media
only screen and (-webkit-max-device-pixel-ratio: 1)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (   max--moz-device-pixel-ratio: 1)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (     -o-max-device-pixel-ratio: 1/1)    and (min-width: 900px) and (max-width: 1099.9px),
only screen and (        max-device-pixel-ratio: 1)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (                max-resolution: 1dppx)  and (min-width: 900px) and (max-width: 1099.9px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/12/heroEmporio900.webp);
 }	
 .gridAboutPortfolio {
  background-image: url(/wp-content/uploads/2023/12/aboutEmporio900.webp);
 }
 .gridObiettiviPortfolio{
  background-image: url(/wp-content/uploads/2023/12/obiettiviEmporio900.webp);
 }
 .gridInterventoPortfolio{
  background-image: url(/wp-content/uploads/2023/12/interventoEmporio900.webp);
 }
 .col2-sapernePortfolio{
  background-image: url(/wp-content/uploads/2023/12/caseEmporio900.webp);
   height: calc(100vw / ( 1200 / 620 ));
 }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (   min--moz-device-pixel-ratio: 1.2)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (min-width: 900px) and (max-width: 1099.9px),
only screen and (        min-device-pixel-ratio: 1.2)      and (min-width: 900px) and (max-width: 1099.9px),
only screen and (                min-resolution: 1.2dppx)  and (min-width: 900px) and (max-width: 1099.9px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/12/heroEmporioRetina900.webp);
 }	
 .gridAboutPortfolio {
  background-image: url(/wp-content/uploads/2023/12/aboutEmporioRetina900.webp);
 }
 .gridObiettiviPortfolio {
  background: url(/wp-content/uploads/2023/12/obiettiviEmporioRetina900.webp);
 }
 .gridInterventoPortfolio {
  background: url(/wp-content/uploads/2023/12/interventoEmporioRetina900.webp);
 }
 .col2-sapernePortfolio {
  background-image: url(/wp-content/uploads/2023/12/caseEmporioRetina900.webp);
   height: calc(100vw / ( 1600 / 827 ));
 }
}
@media (min-width: 900px) and (max-width: 1400px){
 h1.titleHeroPortfolio span {
  width: 49vw;
 }
 h2.titleServiziOfferti {
  width: 70vw;
 }
 .citazioneCliente blockquote > p:first-child {
  width: 78vw;
 }
}
@media (min-width: 1100px) and (max-width: 1400px){
 .serviziOfferti, .sfideProgetto {
  background: url(/wp-content/uploads/2023/12/backServiziEmporio1100.webp), #000;
 } 
 blockquote::before {
  left: 13vw;
 }
 .gridAboutPortfolio.start{
  animation: fadeInZoomAbout1200 3s linear;
  background-size: 153%;
 }
 .col2-aboutPortfolio {
  padding: 6vw 0;
 }
 .textAbout > p {
  width: 45vw;
 }
 .textObiettivi > p {
  width: 41vw;
 }
 img.picComposizioneObiettivi {
  width: 44vw;
 }
 .gridObiettiviPortfolio.start{
  animation: fadeInZoomObiettivi1200 3s linear;
  background-size: 102%;
 }
 .strategia::before {
  width: 85%;
 }
 p.textStrategia {
  width: 40vw;
 }
 img.bigliettiVisitaEmporio {
  width: 35vw;
  bottom: 25vw;
 }
 .gridInterventoPortfolio.start{
  animation: fadeInZoomIntervento1200 3s linear;
  background-size: 92%;
 }
 .containerTextInteervento > p {
  width: 47vw;
 }
}
@media
only screen and (-webkit-max-device-pixel-ratio: 1)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (   max--moz-device-pixel-ratio: 1)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (     -o-max-device-pixel-ratio: 1/1)    and (min-width: 1100px) and (max-width: 1400px),
only screen and (        max-device-pixel-ratio: 1)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (                max-resolution: 1dppx)  and (min-width: 1100px) and (max-width: 1400px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/12/heroEmporio1100.webp);
 }
 .gridAboutPortfolio {
  background-image: url(/wp-content/uploads/2023/12/aboutEmporio1100.webp);
 }
 .gridObiettiviPortfolio{
  background-image: url(/wp-content/uploads/2023/12/obiettiviEmporio1100.webp);
 }
 .gridInterventoPortfolio{
  background-image: url(/wp-content/uploads/2023/12/interventoEmporio1100.webp);
 }
 .col2-sapernePortfolio{
  background-image: url(/wp-content/uploads/2023/12/caseEmporio1100.webp);
  height: calc(100vw / ( 1400 / 700 ));
 }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (   min--moz-device-pixel-ratio: 1.2)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (min-width: 1100px) and (max-width: 1400px),
only screen and (        min-device-pixel-ratio: 1.2)      and (min-width: 1100px) and (max-width: 1400px),
only screen and (                min-resolution: 1.2dppx)  and (min-width: 1100px) and (max-width: 1400px){ 
 .backHeroPortfolio {
  background-image: url(/wp-content/uploads/2023/12/heroEmporioRetina1100.webp);
 }
 .gridAboutPortfolio {
  background-image: url(/wp-content/uploads/2023/12/aboutEmporioRetina1100.webp);
 }
 .gridObiettiviPortfolio {
  background: url(/wp-content/uploads/2023/12/obiettiviEmporio1100.webp);
 }
 .gridInterventoPortfolio {
  background: url(/wp-content/uploads/2023/12/interventoEmporioRetina1100.webp);
 }
 .col2-sapernePortfolio {
  background-image: url(/wp-content/uploads/2023/12/caseEmporioRetina1100.webp);
  height: calc(100vw / ( 1800 / 900));
 }
}
@media (min-width: 1401px){
 h1.titleHeroPortfolio span {
  width: 41vw;
 }
 .serviziOfferti, .sfideProgetto {
  background: url(/wp-content/uploads/2023/12/backServiziEmporio.webp), #000;
 } 
 h2.titleServiziOfferti {
  width: 50vw;
 }
 blockquote::before {
  left: 26vw;
 }
 .citazioneCliente blockquote > p:first-child {
  width: 55vw;
 }
 .gridAboutPortfolio.start{
  animation: fadeInZoomAbout2000 3s linear;
  background-size: 113%;
 }
 .textAbout > p {
  width: 31vw;
 }
 .gridObiettiviPortfolio.start{
  animation: fadeInZoomObiettivi2000 3s linear;
  background-size: 82%;
 }
 .textObiettivi > p {
  width: 33.5vw;
 }
 img.picComposizioneObiettivi {
  width: 36vw;
 }
 .gridSfideProgetto {
  padding: 0 0 6.5vw ;
 }
 .strategia::before {
  width: calc(100% + 9.5vw);
 }
 p.textStrategia {
  width: 26vw;
 }
 img.bigliettiVisitaEmporio {
  bottom: 3.5vw;
  width: 32vw;
 }
 .gridInterventoPortfolio.start{
  animation: fadeInZoomIntervento2000 3s linear;
  background-size: 76%;
 }
 .containerTextInteervento > p {
  width: 29vw;
 }
}
@media
only screen and (-webkit-max-device-pixel-ratio: 1)      and (min-width: 1401px),
only screen and (   max--moz-device-pixel-ratio: 1)      and (min-width: 1401px),
only screen and (     -o-max-device-pixel-ratio: 1/1)    and (min-width: 1401px),
only screen and (        max-device-pixel-ratio: 1)      and (min-width: 1401px),
only screen and (                max-resolution: 1dppx)  and (min-width: 1401px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/12/heroEmporio1401.webp);
 }
 .gridAboutPortfolio {
  background-image: url(/wp-content/uploads/2023/12/aboutEmporio1401.webp);
 }
 .gridObiettiviPortfolio{
  background-image: url(/wp-content/uploads/2023/12/obiettiviEmporio1401.webp) !important;
 }
 .gridInterventoPortfolio{
  background-image: url(/wp-content/uploads/2023/12/interventoEmporio1401.webp);
 }
 .col2-sapernePortfolio{
  background-image: url(/wp-content/uploads/2023/12/caseEmporio1401.webp);
  height: calc(100vw / ( 2000 / 954 ));
 }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.2)      and (min-width: 1401px),
only screen and (   min--moz-device-pixel-ratio: 1.2)      and (min-width: 1401px),
only screen and (     -o-min-device-pixel-ratio: 1.2/1)    and (min-width: 1401px),
only screen and (        min-device-pixel-ratio: 1.2)      and (min-width: 1401px),
only screen and (                min-resolution: 1.2dppx)  and (min-width: 1401px){ 
 .backHeroPortfolio {
  background: url(/wp-content/uploads/2023/12/heroEmporioRetina1401.webp);
 }
 .gridAboutPortfolio {
  background-image: url(/wp-content/uploads/2023/12/aboutEmporioRetina1401.webp);
 }
 .gridObiettiviPortfolio {
  background: url(/wp-content/uploads/2023/12/obiettiviEmporioRetina1401.webp);
 }
 .gridInterventoPortfolio {
  background: url(/wp-content/uploads/2023/12/interventoEmporioRetina1401.webp);
 }
 .col2-sapernePortfolio {
  background-image: url(/wp-content/uploads/2023/12/caseEmporioRetina1401.webp);
  height: calc(100vw / ( 3000 / 1430 ));
 }
}
@keyframes fadeInZoomAbout1200{
 0%{opacity:0; background-size: 148%;}
 75%{opacity:1;}
 100%{background-size: 153%;}
}
@keyframes fadeInZoomAbout2000{
 0%{opacity:0; background-size: 108%;}
 75%{opacity:1;}
 100%{background-size: 113%;}
}
@keyframes fadeInZoomObiettivi1200{
 0%{opacity:0; background-size: 97%;}
 75%{opacity:1;}
 100%{background-size: 102%;}
}
@keyframes fadeInZoomObiettivi2000{
 0%{opacity:0; background-size: 77%;}
 75%{opacity:1;}
 100%{background-size: 82%;}
}
@keyframes fadeInZoomIntervento1200{
 0%{opacity:0; background-size: 87%;}
 75%{opacity:1;}
 100%{background-size: 92%;}
}
@keyframes fadeInZoomIntervento2000{
 0%{opacity:0; background-size: 71%;}
 75%{opacity:1;}
 100%{background-size: 76%;}
}