/*
 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
*/
.heroPortfolio, .innerServiziOfferti::after, .aboutPortfolio, .strategia .dot, .strategia::before, .interventoPortfolio, .sapernePiuPortfolio{
	background-color: #5392CF;
}
h1.titleHeroPortfolio, button.returnPortfolio a, h2.titleAboutPortfolio, .textAbout p, h2.titleIntervento, .containerTextInteervento p, h2.titleCampagne, p.textCampagne, h2.titleSapernePortfolio, button.buttonCaseHistory a, .buttonTorna a, .buttonProssimo a, .buttonTorna a:hover, .buttonProssimo a:hover, .buttonTorna a:focus, .buttonProssimo a:focus {
    color: white;
}
h2.titleServiziOfferti, p.title-serviziOfferti, blockquote::before, h2.titleobiettiviPortfolio, h2.titleSfideProgetto, p.titoloSfida, h2.titleStrategia, p.textStrategia, .strategia button.buttonBorder, h2.titleGalleryPortfolio, h2.titleVideoPortfolio, h2.titleTeamPortfolio, h3.nomeMembro, p.ruoloMembro {
    color: #5392CF;
}
li.itemServiziOfferti, p.clienteServiziOfferti, p.annoServiziOfferti, p.sitoServiziOfferti a, .citazioneCliente blockquote > p:first-child, .textObiettivi p, p.textSfida{
	color: #000;
}
.gridAboutPortfolio {
    background-position: center left;
}
.aboutPortfolio {
    border-image-slice: 0 0 100 0;
    border-image-repeat: stretch;
    border-image-outset: 0 0 14px 0;
    border-image-width: 0 0 25px 0;
}
.aboutPortfolio, .interventoPortfolio {
	z-index: 1;
    position: relative;
}
.sfideProgetto {
    background: #F4F4F4;
}
.strategia button.buttonBorder {
	border-color: #5392CF;
}
.interventoPortfolio button.buttonBorder, .campagne button.buttonBorder{
	border-color: white;
}
.interventoPortfolio{
	border-image-slice: 100 0 0 0;
    border-image-repeat: stretch;
    border-image-outset: 11px 0 0 0;
    border-image-width: 25px 0 0 0;
}
.gridInterventoPortfolio {
	background-position: right bottom !important;
}
.interventoPortfolio .dot, .campagne .dot, button.buttonCaseHistory .blueDot{
	background: white;
}
.campagne {
	background-color: #224783;
}
.gridCampagne {
    background-repeat: no-repeat;
}
h2.titleCampagne, p.textCampagne{
	font-family: 'Albert sans', sans-serif;
	font-weight: bold;
}
.videoGalleryPortfolio{
	border-top: 1px solid #707070;
	background: #f4f4f4;
}
button.buttonTorna, button.buttonProssimo {
	border: 0.5px solid #FFFFFF;
}
@media (max-width: 420px) {
	h2.titleServiziOfferti {
		width: 84vw;
	}
    blockquote::before {
        left: 4vw;
    }
	.citazioneCliente blockquote > p:first-child {
		width: 74vw;
	}
    img.bigliettiVisitaEmporio {
        bottom: 93vw;
    }
}
@media (min-width: 421px) and (max-width: 550px){
	h2.titleServiziOfferti, .citazioneCliente blockquote > p:first-child {
		width: 75vw;
	}
    blockquote::before {
        left: -1vw;
    }
    img.bigliettiVisitaEmporio {
        bottom: 70vw;
    }
}
@media (max-width: 550px){
	.citazioneCliente blockquote > p:first-child {
		margin-right: 0;
		margin-left: auto;
	}
	img.picComposizioneObiettivi {
        height: 64vw;
    }
	.strategia::before {
        width: 63%;
    }
	img.bigliettiVisitaEmporio {
        width: 46vw;
    }
	p.textStrategia {
        width: 73vw;
    }
    p.textCampagne {
        font-size: 4.5vw;
        line-height: 6.5vw;
        width: 69vw;
    }
    .buttonContainerPortfolio {
        bottom: -23.5vw;
    }
}
@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/2024/07/heroBrezza550.webp'), #5392CF;
		height: calc(100vw / (600 / 400));
	}
	.col1-aboutPortfolio {
		background-image: url('/wp-content/uploads/2024/07/aboutBrezza550.webp');
		height: calc(100vw / (600 / 447));
	}
	.col2-obiettiviPortfolio {
		background-image: url('/wp-content/uploads/2024/07/obiettiviBrezza550.webp');
		height: calc(100vw / (600 / 625));
	}
	.col2-intervento{
		background: url('/wp-content/uploads/2024/07/interventoBrezza550.webp');
		height: calc(100vw / (600 / 493));	 
	}
	.gridCampagne > div:nth-child(2) {
		background: url('/wp-content/uploads/2024/07/campagneBrezza550.webp');
		height: calc(100vw / (600 / 330));	 
	}
	.col2-sapernePortfolio{
		background: url('/wp-content/uploads/2024/07/caseBrezza550.webp');
		height: calc(100vw / (600 / 375));
	}
}
@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/2024/07/heroBrezzaRetina550.webp'), #5392CF;
		height: calc(100vw / (1000 / 666));
	}
	.col1-aboutPortfolio {
		background-image: url('/wp-content/uploads/2024/07/aboutBrezzaRetina550.webp');
		height: calc(100vw / (1000 / 745));
	}
	.col2-obiettiviPortfolio {
		background-image: url('/wp-content/uploads/2024/07/obiettiviBrezzaRetina550.webp');
		height: calc(100vw / (1000 / 1042));
	}
	.col2-intervento{
		background: url('/wp-content/uploads/2024/07/interventoBrezzaRetina550.webp');
		height: calc(100vw / (1000 / 821));	 
	}
	.gridCampagne > div:nth-child(2) {
		background: url('/wp-content/uploads/2024/07/campagneBrezzaRetina550.webp');
		height: calc(100vw / (1000 / 551));	 
	}
	.col2-sapernePortfolio{
		background: url('/wp-content/uploads/2024/07/caseBrezzaRetina550.webp');
		height: calc(100vw / (1000 / 625));
	}
}
@media (min-width: 551px) and (max-width: 766.9px){
	blockquote::before {
		left: -4vw;
	}
	img.picComposizioneObiettivi {
		height: 62vw;
	}
	.citazioneCliente blockquote > p:first-child {
	    width: 78vw;
    	margin-left: auto;
	}
	.strategia::before {
        width: 70%;
    }
    p.textStrategia {
        width: 67vw;
    }
	img.bigliettiVisitaEmporio {
		width: 40vw;
		bottom: 65vw;
	}
    h2.titleCampagne {
        margin-bottom: 8vw;
    }
	p.textCampagne {
		font-size: 4.2vw;
		line-height: 5.5vw;
		width: 64vw;
	}
}
@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/2024/07/heroBrezza551.webp'), #5392CF;
		height: calc(100vw / (800 / 533));
	}
	.col1-aboutPortfolio {
		background-image: url('/wp-content/uploads/2024/07/aboutBrezza551.webp');
		height: calc(100vw / (800 / 596));
	}
	.col2-obiettiviPortfolio {
		background: url('/wp-content/uploads/2024/07/obiettiviBrezza551.webp');
		height: calc(100vw / (800 / 833));
	}
	.col2-intervento{
		background: url('/wp-content/uploads/2024/07/interventoBrezza551.webp');
		height: calc(100vw / (800 / 657));	 
	}
	.gridCampagne > div:nth-child(2) {
		background: url('/wp-content/uploads/2024/07/campagneBrezza551.webp');
		height: calc(100vw / (800 / 441));	 
	}
	.col2-sapernePortfolio{
		background: url('/wp-content/uploads/2024/07/caseBrezza551.webp');
		height: calc(100vw / (800 / 520));
	}
}
@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/2024/07/heroBrezzaRetina551.webp'), #5392CF;
		height: calc(100vw / (1200 / 800));
	}
	.col1-aboutPortfolio {
		background-image: url('/wp-content/uploads/2024/07/aboutBrezzaRetina551.webp');
		height: calc(100vw / (1200 / 894));
	}
	.col2-obiettiviPortfolio {
		background: url('/wp-content/uploads/2024/07/obiettiviBrezzaRetina551.webp');
		height: calc(100vw / (1200 / 1250));
	}
	.col2-intervento{
		background: url('/wp-content/uploads/2024/07/interventoBrezza767.webp');
		height: calc(100vw / (1200 / 985));	 
	}
	.gridCampagne > div:nth-child(2) {
		background: url('/wp-content/uploads/2024/07/campagneBrezza767.webp');
		height: calc(100vw / (1200 / 661));	 
	}
	.col2-sapernePortfolio{
		background: url('/wp-content/uploads/2024/07/caseBrezzaRetina551.webp');
		height: calc(100vw / (1200 / 780));
	}
}
@media (max-width: 766.9px){
	.gridCampagne > div:first-child {
		padding: 10vw;
		order: 2;
	}
	h2.titleCampagne {
		font-size: 10vw;
		line-height: 10vw;
		width: 60vw;
	}
}
@media (min-width: 767px) and (max-width: 899.9px){
    .heroPortfolio {
        row-gap: 2vw;
    }
	h2.titleServiziOfferti {
		width: 67vw;
	}
    blockquote::before {
        left: 13vw;
    }
	.citazioneCliente blockquote > p:first-child {
		width: 68vw;
	}
	.textAbout p {
		width: 58vw;
	}
	img.picComposizioneObiettivi {
		height: 54vw;
	}
	p.textSfida {
		width: 54vw;
	}
    .strategia::before {
        width: 90%;
    }
	p.textStrategia {
		width: 48vw;
	}
	img.bigliettiVisitaEmporio {
		width: 35vw;
		bottom: 50vw;
	}
	.containerTextInteervento p {
		width: 57vw;
	}
	.gridCampagne > div:first-child {
		padding: 10vw 15vw;
	}
	h2.titleCampagne {
		font-size: 8.5vw;
		line-height: 8.5vw;
		width: 50vw;
	}
	p.textCampagne {
		font-size: 3vw;
		width: 46vw;
	}
}
@media (min-width: 767px) and (max-width: 1400px){
    .citazioneCliente blockquote > p:first-child {
        margin-right: 0;
        margin-left: auto;
    }
}
@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/2024/07/heroBrezza767.webp'), #5392CF;
		height: calc(100vw / (1000 / 666));
	}
	.col1-aboutPortfolio {
		background-image: url('/wp-content/uploads/2024/07/aboutBrezza767.webp');
		height: calc(100vw / (1000 / 745));
	}
	.col2-obiettiviPortfolio {
		background: url('/wp-content/uploads/2024/07/obiettiviBrezza767.webp');
		height: calc(100vw / (1000 / 1042));
	}
	.col2-intervento{
		background: url('/wp-content/uploads/2024/07/interventoBrezza767.webp');
		height: calc(100vw / (1000 / 821));	 
	}
	.gridCampagne > div:nth-child(2) {
		background: url('/wp-content/uploads/2024/07/campagneBrezza767.webp');
		height: calc(100vw / (1000 / 551));	 
	}
	.col2-sapernePortfolio{
		background: url('/wp-content/uploads/2024/07/caseBrezza767.webp');
		height: calc(100vw / (1000 / 656));
	}
}
@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/2024/07/heroBrezzaRetina767.webp'), #5392CF;
		height: calc(100vw / (1400 / 933));
	}
	.col1-aboutPortfolio {
		background-image: url('/wp-content/uploads/2024/07/aboutBrezzaRetina767.webp');
		height: calc(100vw / (1400 / 1043));
 	}
	.col2-obiettiviPortfolio {
		background: url('/wp-content/uploads/2024/07/obiettiviBrezzaRetina767.webp');
		height: calc(100vw / (1400 / 1458));
	}
	.col2-intervento{
		background: url('/wp-content/uploads/2024/07/interventoBrezzaRetina767.webp');
		height: calc(100vw / (1400 / 1150));	 
	}
	.gridCampagne > div:nth-child(2) {
		background: url('/wp-content/uploads/2024/07/campagneBrezzaRetina767.webp');
		height: calc(100vw / (1400 / 771));	 
	}
	 .col2-sapernePortfolio{
	  background: url('/wp-content/uploads/2024/07/caseBrezzaRetina767.webp');
	  height: calc(100vw / (1400 / 919));
	 }
}
@media (max-width: 899.9px){
    .backHeroPortfolio {
        border-top: 1px solid #fff;
    }
	img.picComposizioneObiettivi {
		object-fit: cover;
	}
	.col2-intervento {
		border-bottom: 1px solid #fff;
	}
	.gridCampagne {
		display: flex;
		flex-direction: column;
	}
	.gridCampagne > div:nth-child(2) {
		background-size: contain;
	}
}
@media (min-width: 900px){
	.backHeroPortfolio, .gridObiettiviPortfolio, .gridCampagne {
		background-position: right center !important;
	}
}
@media (min-width: 900px) and (max-width: 1099.9px){
	h1.titleHeroPortfolio span {
		width: 34vw;
	}
	.aboutPortfolio, .interventoPortfolio{
		border-image-source: url('/wp-content/uploads/2024/07/illustrazioneBottomBrezza900.webp');
	}
	h2.titleServiziOfferti {
		width: 66vw;
	}
	blockquote::before {
        left: 5vw;
    }
	.citazioneCliente blockquote > p:first-child {
		width: 78vw;
	}
	.gridAboutPortfolio {
		background-size: 41%;
	}
    .col2-aboutPortfolio {
        padding: 8vw 0;
    }
	.textAbout p {
		width: 45vw;
	}
    .gridObiettiviPortfolio {
        background-size: 45% !important;
    }
	.textObiettivi p {
		width: 42vw;
	}
	img.picComposizioneObiettivi {
		margin-left: -5.5vw;
	}
    .strategia::before {
        width: 58%;
    }
	p.textStrategia {
		width: 40vw;
	}
	img.bigliettiVisitaEmporio {
		width: 50vw;
		bottom: 14vw;
	}
	.gridInterventoPortfolio {
		background-size: 92% !important;
	}
	.containerTextInteervento p {
		width: 48vw;
	}
	.gridCampagne {
        background-size: 84% !important;
    }
	.gridCampagne{
		padding: 8vw 10vw;
	}
	p.textCampagne {
		font-size: 2.5vw;
		line-height: 3.5vw;
		width: 38vw;
	}
}
@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/2024/07/heroBrezza900.webp'), #5392CF;
	}
	.serviziOfferti {
		background: url('/wp-content/uploads/2024/07/illustrazioneBrezza900.webp');
	}
	.gridAboutPortfolio {
		background-image: url('/wp-content/uploads/2024/07/aboutBrezza900.webp');
	}
	.gridObiettiviPortfolio {
		background: url('/wp-content/uploads/2024/07/obiettiviBrezza900.webp');
	}
	.gridInterventoPortfolio {
		background: url('/wp-content/uploads/2024/07/interventoBrezza900.webp'), #5392CF;
	}
	.gridCampagne{
		background-image: url('/wp-content/uploads/2024/07/campagneBrezza900.webp');
	}
	.col2-sapernePortfolio {
		background-image: url('/wp-content/uploads/2024/07/caseBrezzaRetina900.webp');
		height: calc(100vw /(1200 / 747));
	}
}
@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/2024/07/heroBrezzaRetina900.webp'), #5392CF;
	}
	.serviziOfferti {
		background: url('/wp-content/uploads/2024/07/illustrazioneBrezzaRetina900.webp');
	}
	.gridAboutPortfolio {
		background-image: url('/wp-content/uploads/2024/07/aboutBrezzaRetina900.webp');
	}
	.gridObiettiviPortfolio {
		background: url('/wp-content/uploads/2024/07/obiettiviBrezzaRetina900.webp');
	}
	.gridInterventoPortfolio {
		background: url('/wp-content/uploads/2024/07/interventoBrezzaRetina900.webp'), #5392CF;
	}
	.gridCampagne{
		background-image: url('/wp-content/uploads/2024/07/campagneBrezzaRetina900.webp');
	}
	.col2-sapernePortfolio {
		background-image: url('/wp-content/uploads/2024/07/caseBrezzaRetina900.webp');
		height: calc(100vw /(1600 / 996));
	}
}
@media (min-width: 900px) and (max-width: 1400px){
	h2.titleCampagne {
		font-size: 6vw;
		line-height: 6vw;
		width: 31vw;
		margin-bottom: 4vw;
	}
	img.bigliettiVisitaEmporio {
		right: 0;
	}
}
@media (min-width: 1100px){
	.gridCampagne{
		opacity: 0;
	}
	.gridCampagne.start{
		opacity: 1;
	}
}
@media (min-width: 1100px) and (max-width: 1400px){
	h1.titleHeroPortfolio span {
		width: 36vw;
	}
	.aboutPortfolio, .interventoPortfolio{
		border-image-source: url('/wp-content/uploads/2024/07/illustrazioneBottomBrezza1401.webp');
	}
    h2.titleServiziOfferti {
    	width: 66vw;
	}
	blockquote::before {
        left: 6vw;
    }
	.citazioneCliente blockquote > p:first-child {
		width: 77vw;
	}
	.gridAboutPortfolio.start {
		animation: fadeInZoomAbout1200 3s linear;
		background-size: 47%;
	}
	.col2-aboutPortfolio {
		padding: 6vw 0;
	}
	.textAbout p, .textObiettivi p {
		width: 41vw;
	}
	img.picComposizioneObiettivi {
		width: 61vw;
		margin-left: -7vw;
	}
	.gridObiettiviPortfolio.start {
		animation: fadeInZoomObiettivi1200 3s linear;
		background-size: 47%;
	}
	.strategia::before {
		width: 90%;
	}
	p.textStrategia {
		width: 34vw;
	}
	img.bigliettiVisitaEmporio {
		width: 25vw;
		bottom: 15vw;
	}
	.gridInterventoPortfolio.start {
		animation: fadeInZoomIntervento1200 3s linear;
		background-size: 93%;
	}
	.containerTextInteervento p {
		width: 40vw;
	}
    .gridCampagne.start {
        animation: fadeInZoomCampagne1200 3s linear;
        background-size: 90%;
    }
	.gridCampagne{
		padding: 6vw 10vw;
	}
	p.textCampagne {
		font-size: 2.1vw;
		line-height: 2.5vw;
		width: 32vw;
	}
}
@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/2024/07/heroBrezza1100.webp'), #5392CF;
	}
	.serviziOfferti {
		background: url('/wp-content/uploads/2024/07/illustrazioneBrezzaRetina1100.webp');
	}
	.gridAboutPortfolio {
		background-image: url('/wp-content/uploads/2024/07/aboutBrezza1100.webp');
	}
	.gridObiettiviPortfolio {
		background: url('/wp-content/uploads/2024/07/obiettiviBrezza1100.webp');
	}
	.gridInterventoPortfolio {
		background: url('/wp-content/uploads/2024/07/interventoBrezza1100.webp'), #5392CF;
	}
	.gridCampagne{
		background-image: url('/wp-content/uploads/2024/07/campagneBrezza1100.webp');
	}
	.col2-sapernePortfolio {
		background-image: url('/wp-content/uploads/2024/07/caseBrezza1100.webp');
		height: calc(100vw /(1400 / 872));
	}
}
@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: url('/wp-content/uploads/2024/07/heroBrezzaRetina1100.webp'), #5392CF;
	}
	.serviziOfferti {
		background: url('/wp-content/uploads/2024/07/illustrazioneBrezzaRetina1100.webp');
	}
	.gridAboutPortfolio {
		background-image: url('/wp-content/uploads/2024/07/aboutBrezzaRetina1100.webp');
	}
	.gridObiettiviPortfolio {
		background: url('/wp-content/uploads/2024/07/obiettiviBrezzaRetina1100.webp');
	}
	.gridInterventoPortfolio {
		background: url('/wp-content/uploads/2024/07/interventoBrezzaRetina1100.webp'), #5392CF;
	}
	.gridCampagne{
		background-image: url('/wp-content/uploads/2024/07/campagneBrezzaRetina1100.webp');
	}
	.col2-sapernePortfolio {
		background-image: url('/wp-content/uploads/2024/07/caseBrezzaRetina1100.webp');
		height: calc(100vw /(1800 / 1121));
	}
}
@media (max-width: 1400px){
	img.bigliettiVisitaEmporio {
		right: 0;
	}
}
@media (min-width: 1401px){
	h1.titleHeroPortfolio span {
		width: 27vw;
	}
	h2.titleServiziOfferti {
		width: 47vw;
	}
	 blockquote::before {
	  left: 20vw;
	 }
	.citazioneCliente blockquote > p:first-child {
		width: 58vw;
	}
	.gridAboutPortfolio.start {
		animation: fadeInZoomAbout2000 3s linear;
		background-size: 45%;
	}
	.textAbout {
		width: 30vw;
	}
	.gridObiettiviPortfolio.start {
		animation: fadeInZoomObiettivi2000 3s linear;
        background-size: 54%;
    }
	.textObiettivi {
		width: 27vw;
	}
	img.picComposizioneObiettivi {
        width: 40vw;
        margin-left: -4.5vw;
    }
	.strategia::before {
        width: 97%;
    }
	.gridSfideProgetto {
        padding: 0 0 8.5vw;
    }
	p.textStrategia {
		width: 23vw;
	}
	img.bigliettiVisitaEmporio {
        bottom: 2vw;
        width: 26vw;
        right: 9vw;
    }
	.containerTextInteervento p {
		width: 32vw;
	}
	.gridInterventoPortfolio.start {
		animation: fadeInZoomIntervento2000 3s linear;
		background-size: 81%;
	}
	.gridCampagne.start {
		animation: fadeInZoomCampagne2000 3s linear;
		background-size: 95%;
	}
	.gridCampagne {
		padding: 6vw 16vw;
	}
	h2.titleCampagne {
        font-size: 4.7vw;
        line-height: 4.3vw;
		margin-bottom: 2.8vw;
		width: 29vw;
    }
	p.textCampagne {
		font-size: 1.4vw;
        line-height: 1.8vw;
		width: 21.5vw;
	}
}
@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/2024/07/heroBrezza1401.webp'), #5392CF;
		}
		.serviziOfferti {
			background: url('/wp-content/uploads/2024/07/illustrazioneBrezza1401.webp');
		}
		.aboutPortfolio {
			border-image-source: url(/wp-content/uploads/2024/07/illustrazioneBottomBrezzaRetina1401.webp);
		}
		.gridAboutPortfolio {
			background-image: url('/wp-content/uploads/2024/07/aboutBrezza1401.webp');
		}
		.gridObiettiviPortfolio {
			background: url('/wp-content/uploads/2024/07/obiettiviBrezza1401.webp');
		}
		.interventoPortfolio{
			border-image-source: url('/wp-content/uploads/2024/07/illustrazioneBottomBrezza1401.webp');
		}
		.gridInterventoPortfolio {
			background: url('/wp-content/uploads/2024/07/interventoBrezza1401.webp'), #5392CF;
		}
		.gridCampagne{
			background-image: url('/wp-content/uploads/2024/07/campagneBrezza1401.webp');
		}
		.col2-sapernePortfolio {
			background-image: url('/wp-content/uploads/2024/07/caseBrezza1401.webp');
			height: calc(100vw /(2000 / 1134));
		}
}
@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/2024/07/heroBrezzaRetina1401.webp'), #5392CF;
		}
		.serviziOfferti {
			background: url('/wp-content/uploads/2024/07/illustrazioneBrezzaretina.webp');
		}
		.gridAboutPortfolio {
			background-image: url('/wp-content/uploads/2024/07/aboutBrezzaRetina1401.webp');
			border-image-source: url(/wp-content/uploads/2024/07/illustrazioneBottomBrezzaRetina1401.webp);
		}
		.gridObiettiviPortfolio {
			background: url('/wp-content/uploads/2024/07/obiettiviBrezzaRetina1401.webp');
		}
		.interventoPortfolio{
			border-image-source: url(/wp-content/uploads/2024/07/illustrazioneBottomBrezzaRetina1401.webp);
		}
		.gridInterventoPortfolio {
			background: url('/wp-content/uploads/2024/07/interventoBrezzaRetina1401.webp'), #5392CF;
		}
		.gridCampagne{
			background-image: url('/wp-content/uploads/2024/07/campagneBrezzaRetina1401.webp');
		}
		.col2-sapernePortfolio {
			background-image: url('/wp-content/uploads/2024/07/caseBrezzaRetina1401.webp');
			height: calc(100vw /(3000 / 1701));
		}
}
@keyframes fadeInZoomAbout1200{
	 0%{opacity:0; background-size: 43%;}
	 75%{opacity:1;}
	 100%{background-size: 47%;}
}
@keyframes fadeInZoomAbout2000{
	 0%{opacity:0; background-size: 40%;}
	 75%{opacity:1;}
	 100%{background-size: 45%;}
}
@keyframes fadeInZoomObiettivi1200{
	0%{opacity:0; background-size: 44%;}
	75%{opacity:1;}
	100%{background-size: 47%;}
}
@keyframes fadeInZoomObiettivi2000{
	0%{opacity:0; background-size: 51%;}
	75%{opacity:1;}
	100%{background-size: 54%;}
}
@keyframes fadeInZoomIntervento1200{
	0%{opacity:0; background-size: 89%;}
	75%{opacity:1;}
	100%{background-size: 93%;}
}
@keyframes fadeInZoomIntervento2000{
	0%{opacity:0; background-size: 77%;}
	75%{opacity:1;}
	100%{background-size: 81%;}
}
@keyframes fadeInZoomCampagne1200{
	0%{opacity:0; background-size: 86%;}
	75%{opacity:1;}
	100%{background-size: 90%;}
}
@keyframes fadeInZoomCampagne2000{
	0%{opacity:0; background-size: 90%;}
	75%{opacity:1;}
	100%{background-size: 95%;}
}