@font-face {
    font-family: 'SangBleuKingdom-Light';
    src: url('./fonts/SangBleuKingdom-Light-WebXL.woff2') format('woff2'),
         url('./fonts/SangBleuKingdom-Light-WebXL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SangBleuKingdom-LightItalic';
    src: url('./fonts/SangBleuKingdom-LightItalic-WebXL.woff2') format('woff2'),
         url('./fonts/SangBleuKingdom-LightItalic-WebXL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SangBleuKingdom-Medium';
    src: url('./fonts/SangBleuKingdom-Medium-WebXL.woff2') format('woff2'),
         url('./fonts/SangBleuKingdom-Medium-WebXL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SangBleuKingdom-Regular';
    src: url('./fonts/SangBleuKingdom-Regular-WebXL.woff2') format('woff2'),
         url('./fonts/SangBleuKingdom-Regular-WebXL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SangBleuKingdom-Bold';
    src: url('./fonts/SangBleuKingdom-Bold-WebXL.woff2') format('woff2'),
         url('./fonts/SangBleuKingdom-Bold-WebXL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PP Neue Montreal Bold';
    src: url('./fonts/font-testo-Bold.woff2') format('woff2'),
        url('./fonts/font-testo-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PP Neue Montreal Book';
    src: url('./fonts/font-testo-Book.woff2') format('woff2'),
        url('./fonts/font-testo-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PP Neue Montreal Italic';
    src: url('./fonts/font-testo-Italic.woff2') format('woff2'),
        url('./fonts/font-testo-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'PP Neue Montreal Medium';
    src: url('./fonts/font-testo-Medium.woff2') format('woff2'),
        url('./fonts/font-testo-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PP Neue Montreal Thin';
    src: url('./fonts/font-testo-Thin.woff2') format('woff2'),
        url('./fonts/font-testo-Thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PP Neue Montreal';
    src: url('./fonts/font-testo-SemiBolditalic.woff2') format('woff2'),
        url('./fonts/font-testo-SemiBolditalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
:root{
    --font-text-numbers: normal 200 16px 'SangBleuKingdom-Light', sans-serif;
    --font-testo-bold: normal 400 16px 'PP Neue Montreal Medium', sans-serif;
    --font-testo-regular: normal 400 16px 'PP Neue Montreal Book', sans-serif;
    --font-testo-medium: normal 500 16px 'PP Neue Montreal Medium', sans-serif;
    --font-title-medium: normal 400 16px 'SangBleuKingdom-Regular', sans-serif;
    --font-title-regular: normal 200 16px 'SangBleuKingdom-Medium', sans-serif;
    --font-title-thin: normal 400 16px 'n27thin', sans-serif;
    --padding-content:60px;
    --padding-row: 150px;
    --color-grey: #54565A;
    --color-light-grey: #D9D9D9;
    --color-black: #1e1e1e;
    --color-hover: #1D1D1B;
    --color-footer: #505958;
    --color-white: #FFFFFF;
    --color-white-opacity-50: #ffffff80;
    --color-orange: #006348;
    --color-light-blue: #63CDFF;
    --color-space: #00BCA1;
    --animation-card: 1.2s cubic-bezier(0.25, 1, 0.5, 1);
    --animation-primary: 0.4s cubic-bezier(0.6, 0, 0.4, 1);
    --plyr-color-main: #0062AE;
}
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: var(--font-testo-regular);
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    outline: none !important;
    /* color: var(--color-black); */
    box-sizing: border-box;
}
*:focus{
    outline: none;
}
html{
    scroll-behavior: smooth;
}
.iub__us-widget{
    display: none !important;
}
.grecaptcha-badge{
    visibility: hidden;
}
.f-counter span{
    font: unset;
}
.entry-content, .wpb_content_element{
    margin: 0px !important;
}
a[href^="mailto"][href$="tesi.it"], 
.single-post .single-post .entry-content a,
.contact-page-text a,
.row-storia p strong a{
    text-decoration: underline;
}
.st2,
.st1{
    fill: var(--color-white) !important;
}
h1,h2,h3,h4,h5,h6,
.split-chars h1 div,
.split-chars h2 div,
.split-chars h3 div,
.split-chars h4 div,
.split-chars h5 div,
.split-chars h6 div{
    font: var(--font-title-medium);
    color:var(--color-black);
    margin: 0px;
}
#iubenda-cs-banner [class*=" iub"] strong, #iubenda-cs-banner [class^=iub] strong{
    font-size: 14px !important;
    color: inherit;
}
body.page-id-9269 .split-chars h1 div,
body.page-id-12211 .split-chars h1 div,
body.page-id-12555 .split-chars h1 div{
    color:var(--color-grey);
}
body{
    overflow-x: hidden;
}
body.page,
article.page{
    margin-bottom:0px;
}
.vc_column_container > .vc_column-inner {
    padding: 0px !important;
}
.vc_row{
    display:flex;
}
.vc_row:after, 
.vc_row:before,
.vc_column-inner::after,
.vc_column-inner::before{
    display: none !important;
}
.vc_row .wpb_column{
    float:none;
}
.vc_row.wpb_row,
p,
.widget,
.single-progetto .vc_row{
    margin: 0px;
}
.single-progetto .carosello-progetti{
    margin: 0px !important;
}
.f-counter,
.f-counter span{
    color: var(--color-white);
}
main{
    padding: 0px var(--padding-content);
}
body:not(.home) main{padding-top: 224px;}
section.vc_section{
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
header.site-header{
    position: absolute;
    top: 0px;
    display: flex;
    width: 100vw;
    padding:42px var(--padding-content) 0px;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
}
header.site-header div.hamburger{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap:9px;
    width: 64px;
    height: fit-content;
    padding: 20px;
    padding-right: 0px;
    box-sizing: content-box;
    cursor: pointer;
}
header.site-header div.hamburger span{
    display: block;
    width:100%;
    height:2px;
}
header.site-header div.hamburger span:last-child{
    width: 50%;
}
header.site-header .logo svg,
.site-menu .logo img{
    display: block;
    height: 40px;
}
.site-menu .logo img{
    margin: 10px 0px;
}
body.home header.site-header .logo svg path.circle{
    fill: transparent;
}
body.archive header.site-header div.hamburger span,
body.black-header header.site-header div.hamburger span{
    background-color: var(--color-black);
}
body.white-header header.site-header div.hamburger span{
    background-color: var(--color-white);
}
section.vc_section.header{
    margin: 0px calc(-1 * var(--padding-content));
}
.site-menu nav.main-menu ul.menu > li > ul.sub-menu a.back{
    display: none;
}
.site-menu nav.main-menu ul.menu > li > ul.sub-menu > li a p{
    color: var(--color-white);
    font: var(--font-testo-regular);
    font-size: 21px;
}
body.white-header div.logo svg g path#Vector_12 ~ path {
    fill: var(--color-white);
}
section.vc_section.header div.video-wrapper{
    max-height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
}
div.video-wrapper video{
    display: block;
    width: 100vw;
}
.vc_row.evidenza .video-wrapper video{
    max-width: 100%;
    display: block;
}
.vc_row.evidenza .row.video-title{
    position: static;
    max-width: 100%;
}
.vc_row.full-width,
header.full-width,
.modulo-immagine-interattiva.full-width{
    margin-right: calc( -1  * var(--padding-content) );
    margin-left: calc( -1  * var(--padding-content) );
}
.modulo-immagine-interattiva.full-width{
    width: 100vw;
    position: relative;
}
.vc_row.w-padding{
    padding-left: var(--padding-content);
    padding-right: var(--padding-content);
}
.row-soluzioni{
    padding-top: 90px;
    padding-bottom: 80px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.row-soluzioni .title{
    max-width: 37.5%;
}
.row-soluzioni .text{
    max-width: 45%;
}
.row-soluzioni div + div p{
    max-width: 90%;
}
h1, 
.vc_row h3,
.split-chars h1 div,
.vc_row .split-chars h3 div,
.vc_row h3.split-chars div,
.applicazioni-prodotto h3 a{
    font: var(--font-title-medium);
    font-size: 50px;
    line-height: 1.3;
    font-weight: 500;
    text-transform: uppercase;
}
.applicazioni-prodotto h3 a{
    font-size: clamp(24px, 2.9vw, 50px);
}
symbol[id^=plyr] path{
    fill: var(--color-white);
}
.video-embed-wrapper video{
    display: block;
    width: 100%;
}
.video-embed-wrapper .plyr__poster{
    background-size: cover;
}
.video-embed-wrapper .plyr > button[data-plyr="play"]{
    opacity: 1;
    padding: 30px;
}
body.single-progetto header.full-width{
    height: 56vw;
    max-height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
body.single-progetto article header .under-header{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 60px;
    gap: 60px;
    position: relative;
    z-index: 9;
}
body.single-progetto article header::after{
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-color: var(--color-black);
    opacity: 0.5;
    position: relative;
    top: -100%;
    left: 0px;
}
.row-contenuti h3{
    margin: 0px;
}
.row-contenuti h4{
    margin-top: 15px;
    margin-bottom: 45px;
    font: var(--font-testo-medium);
}
.row-contenuti p,
.row-contenuti .p-bold p{
    font: var(--font-testo-regular);
    font-size: 21px;
    line-height: 1.15;
}
.row-contenuti .p-bold{
    margin-bottom: 0px;
}
.row-contenuti .p-bold p{
    font: var(--font-testo-medium);
    font-size: 21px;
    line-height: 1.15;
}
.vc_row.row-pilastri div.custom-title, .row-progetti div.custom-title, .vc_row.row-contenuti div.custom-title{
    margin-bottom: 90px;
}
.page-id-8470 .vc_row.row-contenuti div.custom-title{
    margin-bottom: 0px;
}
.vc_row.row-pilastri div.custom-title.b-45,
.row-progetti div.custom-title.b-45{
    margin-bottom: 45px;
}
.filter-modale .wrapper section ul li a, .row-storia .wpb_wrapper > p, .row-storia p a, body.single-progetto header .under-header a, .row-soluzioni p, .vc_row.row-pilastri p, .row-progetti p, .accordion .active p, .row.carosello a, .tabs .tab p, .tabs .tabs-navigation .swiper-slide a, .single-post header .row .col.back a, body.single-post .entry-content p, body.single-post div.entry-content a, .single-post .entry-content a em, .single-post li, .single-post p strong, .single-post .entry-content strong, .carosello-testo .content-testo p, .blue.row-contenuti p, section.contatti .row-contenuti p, section.contatti .row-contenuti p a, body.single-progetto .single-post .approfondimento p, .row-contenuti p{
    font: var(--font-testo-regular);
    font-size: 21px !important;
    line-height: 1.25 !important;
    font-weight: 375 !important;
}
body.single-progetto header .under-header a{
    font-size: clamp( 18px, 1.21vw, 21px) !important;
}

.tesi h4::first-letter{
    color: var(--color-orange) !important;
}
body.single-post .entry-content p em{
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}
.row-storia p strong,
.row-storia p strong a,
.row-storia p strong em,
.row-soluzioni p strong,
.vc_row.evidenza p,
.vc_row.row-pilastri p strong, 
.row-progetti p strong, 
.single-post p strong, 
.single-post .entry-content strong, 
.breadcrumb a, .breadcrumb strong, 
.content .row.filter-post a, 
.content .grid-post .row.filter-post span, 
.content .grid-progetto .row.filter-post span, 
.row.grid-wrapper article h3, 
.row.grid-wrapper article h3 a, 
.content .grid-progetto .row.filter-post select, 
body footer .col-7 p{
    font: var(--font-testo-medium);
    font-size: inherit;
    line-height: 1.26;
}
.row-storia p strong em{
    font-style: italic;
}
.vc_row.evidenza p{
    margin: 90px 0px 45px !important;
    font: var(--font-testo-regular);
    font-size: 21px;
}
.vc_row.evidenza p strong{
    font: var(--font-testo-medium);
    font-size: inherit;
    color: inherit;
}
.row-soluzioni p + p,
.vc_row.row-pilastri p + p,
.row-paragraph p + p{
    margin-top: 30px;
}
.row-paragraph + .row-carosello-testo{
    margin-top: 60px;
}
.titoletto,
.blue .white .titoletto,
 .row.carosello a,
.single-post header .row .col.back a{
    font: var(--font-testo-medium);
}
.home .titoletto + .custom-title{
    margin-top: 30px;
}
.row-contenuti .titoletto + .custom-title{
    margin-top: 15px;
}
.titoletto, .blue .white .titoletto{
    font-size: 21px;
    line-height: 1.1;
    width: fit-content;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.titoletto::after,
.blue .white .titoletto::after{
    display: block;
    content: "";
    width: auto;
    height: 1px;
}
.blue .titoletto::after{
    background-color: var(--color-white);
}
.col.titoletto::after{
    display: none;
}
.blocco-moduli{
    display: flex;
    flex-direction: row;
    gap: 30px;
    width: 100%;
    flex-wrap: wrap;
}
.blocco-moduli .modulo{
    position: relative;
    width: calc((100% - 30px) / 2);
    /* aspect-ratio: 1.71; */
    /* aspect-ratio: 1.29; */
}
.blocco-moduli .modulo a.text{
    opacity: 1;
    transition: opacity 150ms ease-out;
}
.blocco-moduli .modulo:hover > a.text{
    /* opacity: 0; */
    transition: opacity 150ms ease-out;
}
.blocco-moduli .modulo > a.picture .foto{
    overflow: hidden;
    /* aspect-ratio: 1.77; */
}
.blocco-moduli .modulo:hover > a.picture .foto::after{
    opacity: 0.55;
    transition: opacity 150ms ease-out;
}
.blocco-moduli .modulo:hover > a.picture .foto::after{
    /* opacity: 0; */
    transition: opacity 150ms ease-out;
}
.blocco-moduli .modulo > a.picture .foto img{
    transform: scale(1);
    transition: transform 300ms ease-out;
    max-width: 100%;
    aspect-ratio: 1.77;
    object-fit: cover;
    filter: grayscale(1);
    background: lightgray 50%;
}
.blocco-moduli .modulo:hover > a.picture .foto img{
    transform: scale(1.3);
    transition: transform 300ms ease-out;
}
.blocco-moduli .modulo img,
.blocco-moduli .modulo picture,
.row.carosello img,
.row.carosello picture,
.certificazione img,
.certificazione figure,
.tabs .tab .image figure,
.tabs .tab .image figure img,
body.single-post .img-news img,
body.single-post .img-news figure,
.single-post .vc_single_image-wrapper,
.single-post aside a,
.single-post aside figure,
.single-post aside img,
.row.grid-wrapper article picture,
.row.grid-wrapper article picture img{
    display: block;
    width: 100%;
    margin: 0px;
}
.blocco-moduli .modulo picture{
    position: relative;
}
.blocco-moduli .modulo:hover .foto::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #006348B2;
    opacity: 0.55;
    top: 0px;
    position: absolute;
}
.blocco-moduli .modulo .content{
    position: absolute;
    top: 24px;
    left: 0px;
    padding: 0px 34px;
    right: 0px;
}
.blocco-moduli .modulo .content::after,
.bottone-link span::after,
.blue .white .bottone-link span::after{
    content: "";
    display: block;
    width: 25px;
    height: 17px;
    background: url(./images/arrow-black.svg) no-repeat;
    margin-left: 0px;
}
.blocco-moduli.opera .modulo div.foto{
    position: relative;
}
.blocco-moduli.opera .modulo div.foto div.content-overlay{
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 30px;
    z-index: 1;
}
.blocco-moduli.opera .modulo div.number{
    font: var(--font-title-regular);
    font-size: 48px;
    color:var(--color-white);
    letter-spacing: -0.24px;
    opacity: 0.5;
    margin-bottom: 45px;
}
.blocco-moduli.opera .modulo > div.content{
    opacity: 0;
}
.blocco-moduli.opera .modulo.with-hover{
    cursor: pointer;
}
.blocco-moduli.opera .modulo.with-hover:hover > div.content{
    opacity: 1;
    background-color: var(--color-black);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10;
    padding: 30px;
}
.blocco-moduli.opera .modulo .content::after{
    content: none;
}
.row-storia .bottone-link{
    margin-top: 30px;
}
.fisarmonica .bottone-link:hover span::after, .bottone-link:hover span::after, .blue .white .bottone-link:hover span::after, .slider .bottone-link:hover span::after{
    background: url(./images/arrow-blue.svg) no-repeat;
}
.blue .bottone-link span::after,
.slider .bottone-link span::after{
    background: url(./images/arrow.svg) no-repeat;
}
.blocco-moduli .modulo .content::after{
    margin-top: 15px;
    background: url(./images/arrow.svg) no-repeat;
}
.blocco-moduli .modulo span{
    font: var(--font-testo-regular);
    font-size: 15px;
    line-height: 1;
    opacity: 0.5;
}
.blocco-moduli .modulo span,
.blocco-moduli .modulo h2,
.carosello-progetti .row.carosello a,
.vc_row.evidenza p,
.blue.row-contenuti p{
    color: var(--color-white);
    height: 100%;
    display: block;
}
.carosello-progetti .row.carosello a span{
    color: var(--color-white);
}
.carosello-progetti .row.carosello picture.image{
    overflow: hidden;
    height: 100%;
}
.carosello-progetti .row.carosello picture.image img{
    display: block;
    object-fit: cover;
    height: 100%;
}

.blocco-spaced-text p{
    text-transform: uppercase;
}
.blocco-moduli .modulo h2,
.tabs .tab h4,
.carosello-testo .swiper-slide h3{
    font: var(--font-title-medium);
    font-size: clamp(24px,1.818vw,40px);
    line-height: 1.15;
    font-weight: 500;
    /* text-transform: capitalize; */
}
.carosello-testo .swiper-slide h3{
    margin-bottom: 30px;
}
.blocco-moduli .modulo h2,
.tabs .tab h4{
    margin: 45px 0px 15px;
    font-size: clamp(22px, 2.7777vw, 48px);
    text-transform: uppercase;
}
.blocco-moduli .modulo p{
    font: var(--font-testo-medium);
    font-size: 24px;
    line-height: 1.25;
    color: var(--color-white);
}
body.grey-body{
    background-color: var(--color-light-grey);
}
body.grey-body .content > .row-title + .img.full-width ~ div{
    margin: 0px -60px;
    background: var(--color-white);
    padding-right: 60px;
    padding-left: 60px;
}
body.grey-body .content > .row-title + .img.full-width ~ div:last-child{
    padding-bottom: 150px;
}
body:not(.single-progetto) .vc_row + .vc_row:not(.blue){
    margin-top: clamp(50px, 8.6vw ,var(--padding-row));
}
body:not(.single-progetto) section.vc_section.content .vc_row:last-child{
    padding-bottom: clamp(90px, 8.6vw ,var(--padding-row));
}
/* body:not(.single-progetto) .vc_row + .vc_row.row-carosello-progetti{
    padding-top: 0px;
}
body:not(.single-progetto) .vc_row + .vc_row.light-grey{
    margin-top: 120px;
} */
.content .vc_row.row-contenuti{
    align-items: center;
}
.content .vc_row.row-contenuti + .vc_row.row-contenuti{
    padding-top: 90px;
}
.vc_row:not(.blue) + .vc_row.blue{
    margin-top: var(--padding-row);
}
.blocco-spaced-text{
    overflow: hidden;
}
.blocco-spaced-text p,
.row-storia .blocco-spaced-text p{
    font: var(--font-title-regular);
    font-size: 100px;
    line-height: 1.1;
}
.blocco-spaced-text + .wpb_text_column.wpb_content_element{
    margin-top: var(--padding-row) !important;
}
.blocco-spaced-text + .wpb_text_column.wpb_content_element p{
    font: var(--font-testo-regular);
    font-weight: 400;
    font-size: 34px;
    line-height: 1.15;
}
.blocco-spaced-text .right p{
    text-align: right;
}
.blocco-spaced-text .left p{
    text-align: left;
}
.vc_row.row-pilastri .col.img,
.row-contenuti .img,
body.single-progetto .approfondimento .row .image{
    width: 66.66666%;
}
body.single-progetto .approfondimento .row .image{
    width: 60%;
}
.vc_row.row-pilastri .col.img figure,
.vc_row.row-pilastri .col.img figure > div,
.vc_row.row-pilastri .col.img figure img{
    max-width: none;
    display: block;
    width: 100%;
}
.vc_row.row-pilastri .col.text,
.vc_row.row-contenuti .col.text,
body.single-progetto .approfondimento .row .text,
.vc_row.row-contenuti .col.p-left{
    padding-left: 110px;
}
.vc_row.row-pilastri .col.text,
.vc_row.row-contenuti .col.text,
body.single-progetto .approfondimento .row .text{
    width: 33.33333%;
}
body.single-progetto .approfondimento .row .text{
    width: 40%;
}
.blue.vc_row.row-contenuti .col.text{
    padding-bottom: 0px;
}
.blue.row-contenuti > :first-child,
.vc_row.row-contenuti > :first-child{
    padding-left: 0px !important;
}
.blue.row-contenuti > div + div{
    padding-left: 110px;
}
.vc_row.row-pilastri .col.text{
    display: flex;
    align-items: center;
}
.blue.row-contenuti + .blue.row-contenuti{
    padding-top: 90px !important;
}
.blue.row-contenuti + .blue.row-contenuti.call{
    padding-top: 150px !important;
}
.vc_row.row-pilastri .col.text .wpb_text_column,
.vc_row.row-progetti .col-1 .wpb_text_column,
.vc_row.row-contenuti .col.text .wpb_text_column,
.vc_row.row-paragraph h3{
    margin-bottom: 45px !important;
}
.vc_row.row-accordion-alar.row-paragraph h3{
    margin-bottom: 0px !important;
}
.vc_row.row-accordion-alar.row-paragraph .row-riga-accordion .content h3{
    font-size: 20px !important;
}
.vc_row.row-accordion-alar.row-paragraph h3
.vc_row.row-accordion-alar .wpb_gallery_slides.wpb_image_grid ul{
    margin-top: 77px;
    margin-bottom: 0px;
    flex-direction: row;
}
.vc_row.row-accordion-alar .wpb_gallery_slides.wpb_image_grid img{
    /* max-width: 17vw !important; */
    /* max-height: 11vw !important; */
}
.vc_row.row-paragraph .titoletto + .custom-title h3{
    margin-top: 60px;
}
.bottone-link, .blue .white .bottone-link{
    width: max-content;
    border: 2px solid var(--color-black);
    cursor: pointer;
}
.bottone-link:hover, .blue .white .bottone-link:hover, .slider .active .bottone-link:hover{
    border: 2px solid var(--color-orange);
}
.blue .bottone-link,
.slider .bottone-link{
    border: 2px solid var(--color-white);
}
.bottone-link a{
    padding: 13px;
    display: block;
}
.bottone-link span,
.blue .white .bottone-link span{
    font: var(--font-testo-medium);
    font-size: 21px;
    line-height: 1.15;
    width: max-content;
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
    color: var(--color-black);
}
.bottone-link.long-text{
    max-width: 100%;
    overflow: hidden;
}
.bottone-link:hover span, .blue .white .bottone-link:hover span, .breadcrumb a, .row-storia h3, .row-storia h3 div, .slider .bottone-link:hover span{
    color: var(--color-orange);
}
.row-storia h3{
    margin-bottom: 30px;
}
.blue .bottone-link span,
.slider .bottone-link span{
    color: white;
}
.vc_row.row-pilastri .col.text .bottone-link + .bottone-link,
.vc_row.row-progetti .bottone-link + .bottone-link{
    margin-top: 15px;
}
.row-multiple-buttons div.wpb_wrapper{
    display: flex;
    gap:15px;
}
.vc_row.row-progetti .row-multiple-buttons .bottone-link + .bottone-link{
    margin-top: 0px;
}
.vc_row.row-paragraph.certificazioni-accordion .bottone-link + .bottone-link{
    margin-top: -15px !important;
}
.vc_row.row-paragraph .wpb_wrapper{
    display: flex;
    flex-direction: column;
    column-gap: 45px;
    flex-wrap: wrap;
}
.vc_row.row-paragraph .wpb_wrapper:has(.row-image-text){
    flex-wrap: wrap;
    flex-direction: row;
}
.row-paragraph div .row-image-text{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: clamp(20px, 2.31vw, 40px);
    width: calc((100% - 45px) / 2);
}
.row-paragraph div .row-image-text .vc_col-sm-4{
    width: auto;
}
.row-paragraph div .row-image-text figure,
.row-paragraph div .row-image-text figure > div,
.row-paragraph div .row-image-text figure img,
.row-riga-accordion .animation-img.mid figure,
.row-riga-accordion .animation-img.mid figure > div,
.row-riga-accordion .animation-img.mid img{
    max-width: none;
    display: block;
    max-width: 400px;
    height: auto;
}
.row-riga-accordion .animation-img.mid img,
.row-paragraph div .row-image-text figure{
    border: var(--color-footer) 1px solid;
    padding: 10px;
}
.row-riga-accordion .animation-img.mid img,
.row-paragraph div .row-image-text figure img{
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
body .row-riga-accordion .text-animation + .animation-img.mid,
body .row-riga-accordion .animation-img.mid + .text-animation,
body .row-riga-accordion .animation-img.mid + .animation-img.mid{
    margin-top: 16px !important;
    margin-bottom: 0px !important;
}
body.page-id-14363 .row-riga-accordion .animation-img.mid{
    display: inline-block;
}
.vc_row.row-paragraph .vc_col-sm-4 .wpb_wrapper{
    display: block;
}
.row-paragraph div .text-animation + .row-image-text,
.row-paragraph div .row-image-text + .row-image-text,
.row-paragraph div .row-image-text + .text-animation{
    margin-top: 32px !important;
}
.row-paragraph div .row-image-text p{
    font-size: clamp(16px, 1.38vw, 24px) !important;
}
.row-paragraph div .row-image-text p strong{
    font-size: inherit !important;
}
.vc_row.row-paragraph .wpb_wrapper .custom-title{
    width: 100%;
}
.vc_row.row-progetti{
    display: flex;
    flex-direction: row;
    gap: 30px;
    padding-bottom: 0px;
}
html[lang=en-US] body.home section.vc_section > .vc_row.row-progetti,
html[lang=fr-FR] body.home section.vc_section > .vc_row.row-progetti{
    padding-bottom: 145px;
}
.vc_row.row-progetti.gg{
    display: grid;
    grid-template-columns: calc(42% - 124px) 58%;
    grid-gap: 124px;
}
.vc_row.row-progetti.gg div.bottone-link{
    margin-top: 45px;
}
.vc_row.row-progetti.gg > div{
    width: unset;
} 
.row-progetti > div img,
.row-progetti figure{
    width: 100%;
    height: auto;
    display: block;
}
.row-progetti .col-1 div.wpb_single_image{
    margin-top: 215px !important;
}
.row-progetti .col-3 div.wpb_single_image{
    margin-top: 547px !important;
}
.row-paragraph .wpb_single_image,
.row-paragraph .wpb_single_image figure,
.row-paragraph .wpb_single_image figure div,
.row-paragraph .wpb_single_image img,
.row-progetti div.wpb_single_image figure, 
.row-progetti div.wpb_single_image figure div.vc_single_image-wrapper,
.row-progetti div.wpb_single_image figure img,
body.single-progetto .approfondimento .row img{
    display: block;
    width: 100%;
    max-width: none;
}
div.wpb_single_image.animation-img figure{
    position: relative;
    overflow: hidden;
}
div.wpb_single_image.animation-img figure:before{
    content: '';
    display: block;
    background-color: var(--color-grey);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    transition: height 1s cubic-bezier(0.16, 1, 0.3, 1);
}
div.wpb_single_image.animation-img.black-bg figure:before{
    background-color: var(--color-black);
}
div.wpb_single_image.animation-img.green-bg figure:before{
    background-color: var(--color-green);
}
div.wpb_single_image.animation-img.salmon-bg figure:before{
    background-color: var(--color-grey);
}
div.wpb_single_image.animation-img.animation-start figure:before{
    height: 0%;
    transition: height 1s cubic-bezier(0.16, 1, 0.3, 1);
}
body.black-footer footer,
body.page-id-9269 footer,
body.page-id-12211 footer,
body.page-id-12555 footer{
    background-color: var(--color-footer) !important;
}
body.salmon-footer footer{
    background-color: var(--color-grey);
}
footer h3,
footer p,
footer span,
footer a,
footer a:visited,
footer a:hover,
.wpcf7-response-output,
footer div{
    color: white;
}
footer .loghi{
    display: flex;
    flex-direction: row;
    gap: 45px;
    align-items: center;
}
footer .loghi img{
    display: block;
    height: 104px;
    width: auto;
}
footer .loghi > img:first-child{
    height: 43px;
}
footer .row-2{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    padding: 0px !important;
}
footer .row-2 .col{
    height: 100%;
    padding: 60px;
}
footer .row-2 .col + .col{
    border-left: 1px solid rgb(255 255 255 / 50%);
}
footer .row-2 .col-5 a[href="mailto:info@ilcev.it"] {
    text-decoration: underline;
}
footer .row-3,
footer .copyright{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
footer .footer-row{
    padding: 60px 60px;
}
footer .footer-row.row-1{
    padding-top: 120px;
}
body.page-id-119 footer .footer-row.row-1,
body.page-id-12265 footer .footer-row.row-1,
body.page-id-12575 footer .footer-row.row-1{
    display: none;
}
body.page-id-119 footer,
body.page-id-12265 footer,
body.page-id-12575 footer,
.vc_row.row-spaced-text .text-animation p{
    padding-top: 120px;
}
body.page-id-119 footer .footer-row.row-2,
body.page-id-12265 footer .footer-row.row-2,
body.page-id-12575 footer .footer-row.row-2{
    border-top: rgba(255,255,255,0.5) 1px solid;
}
footer .footer-row + .footer-row{
    border-top: 1px solid rgb(255 255 255 / 50%);
}
footer h3{
    font: var(--font-title-medium);
    font-size: clamp(18px,1.4vw,24px);
    line-height: 1;
    font-weight: 500;
}
footer .row-1 section.widget + section.widget{
    margin-top: 50px;
}
footer .row-1 .col-1 h3{
    font-size: clamp(28px,2.9vw, 50px) !important;
    max-width: 60%;
    text-transform: uppercase;
}
footer .row-1 .col-1 h3 + p{
    font:var(--font-testo-medium);
    margin-top: 45px;
    max-width: 90%;
}
footer .row-2 h3{
    margin-bottom: 24px;
    text-transform: uppercase;
}
footer p, footer a, footer a:visited, footer div{
    font: var(--font-testo-regular);
    line-height: 1.3;
    transition: color 200ms ease-in-out;
}
body.black-footer footer a:hover{
    /* color:var(--color-orange); */
    transition: opacity 200ms ease-in-out;
    opacity: 0.7;
}
body.blue-footer footer a:hover{
    color: rgba(255,255,255,0.5);
    transition: color 200ms ease-in-out;
}
body.salmon-footer footer a:hover{
    color: var(--color-green);
    transition: color 200ms ease-in-out;
}
.blue .row.carosello time, footer p, footer a, footer a:visited, footer div, .single-post aside .date p, .row.grid-wrapper article span, .row.grid-wrapper article time{
    font-size: 18px !important;
}
.blue .row.carosello time,
.row.grid-wrapper article span,
.row.grid-wrapper article time{
    line-height: 1.15;
}
footer .row-1{
    display: flex;
    flex-direction: row;
}
footer .row-1 .col-1,
footer .row-1 .col-2{
    width: 50%;
}
footer .row-1 .col-2{
    padding-left: 9.4%;
}
.menu-social ul.menu,
section.content .menu-menu-social-container ul{
    margin: 0px;
    list-style: none;
    display: flex;
    flex-direction: row;
    gap: 12px;
}
section.content .menu-menu-social-container ul{
    gap: 24px;
}
.menu-social ul.menu li a,
section.content .menu-menu-social-container ul li a{
    display: flex;
    height: 40px;
    width: 40px;
    background-color: white;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    transition: background-color 200ms ease-in-out;
    opacity: 1;
}
section.content .menu-menu-social-container ul li.yt{
    display: none;
}
body.black-footer .menu-social ul.menu li a:hover,
body.black-footer section.content .menu-menu-social-container ul li a:hover{
    /* background-color: var(--color-orange); */
    transition: opacity 200ms ease-in-out;
    opacity: 0.7;
}
body.blue-footer .menu-social ul.menu li a:hover,
body.blue-footer section.content .menu-menu-social-container ul li a:hover{
    background-color: rgba(255,255,255,0.5);
    transition: background-color 200ms ease-in-out;
}
body.salmon-footer .menu-social ul.menu li a:hover,
body.salmon-footer section.content .menu-menu-social-container ul li a:hover{
    background-color: var(--color-green);
    transition: background-color 200ms ease-in-out;
}
footer .row-2 ul.menu li a i{
    font-size: 20px;
    color: var(--color-footer);
}
.blue-footer footer .row-2 ul.menu li a i, .single-post .entry-content a, .single-post .entry-content a em, .titoletto, .blue .white .titoletto, .tabs .tabs-navigation .swiper-slide.active a, .tabs .tabs-navigation .swiper-slide:hover a, .single-post aside .related h3{
    color: var(--color-orange);
}
.salmon-footer footer .row-2 ul.menu li a i{
    color: var(--color-grey);
}
.page-id-9269 footer .row-2 ul.menu li a i,
.page-id-12211 footer .row-2 ul.menu li a i,
.page-id-12555 footer .row-2 ul.menu li a i,
.row-storia p strong a,
.applicazioni-prodotto h3 a{
    color: var(--color-black);
}
footer .footer-row.copyright{
    padding-top: 82px;
    padding-bottom: 70px;
}
form .row.full-50 .col{
    width: 50%;
}
form .row.full-50 [data-class="wpcf7cf_group"]{
    width: 50%;
}
form .row.full-50 [data-class="wpcf7cf_group"] .col,
form .row.full-100 .col{
    width: 100%;
}
form .row.full-100.file .col p{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
form .row.full-100.file .col br{
    display: none;
}
form .row.full-100.file .col span{
    width: max-content;
}
form .row.full-50{
    display: flex;
    flex-direction: row;
    gap: 15px;
}
form .row p,
form .row span.wpcf7-form-control-wrap,
form .row input,
form .row select{
    width: 100%;
    display: block;
    border: 0px;
}
form input,
form select{
    padding: 0px 0px 18px 0px !important;
    border: 0px;
}
form textarea{
    border: 0px;
    height: 150px;
    resize: none;
}
.row-modal-careers textarea{
    color: var(--color-black) !important;
}
form .row input,
form .row select,
form textarea{
    font:var(--font-testo-medium);
    background: transparent;
    color: var(--color-white) !important;
    font-size: 16px;
}
form input::placeholder, form textarea::placeholder, .blue .carosello-post .row.carosello a, .blue .row.carosello time{
    color: var(--color-white);
}
footer form input::placeholder{
    font-size: 16px;
}
form input,
form select,
form textarea{
    border-bottom: 1px solid var(--color-white) !important;
    border-radius: 0px !important;
}
form{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
form button{
    padding: 13px !important;
    background: transparent;
    color: var(--color-white);
    border-radius: 0px;
    border: 1px solid var(--color-white);
    position: relative;
    display: flex;
    gap: 15px;
}
form .row.recaptcha p,
form .row.recaptcha p a,
footer div.row.recaptcha p,
footer div.row.recaptcha p a{
    font: var(--font-testo-regular);
    font-size: 12px !important;
    line-height: 1.25;
    color: var(--color-white);
}
form .row.recaptcha p a,
footer div.row.recaptcha p a{
    text-decoration: underline;
}
body:not(.single-progetto) .vc_row + .vc_row:not(.blue).row-google-map {
    padding-top: 0px !important;
    margin-top: 0px !important;
}
div.row-modal-careers form .custom-contact-form .row.recaptcha{
    margin-top: 8px !important;
}
div.row-modal-careers form .row.recaptcha p,
div.row-modal-careers form .row.recaptcha p a,
.modal.newsletter form .row.recaptcha p,
.modal.newsletter form .row.recaptcha p a{
    font: var(--font-testo-regular);
    font-size: 12px;
    color: var(--color-black);
}
form button::after{
    content: "";
    display: block;
    background: url(./images/arrow.svg) no-repeat;
    width: 25px;
    height: 17px;
}
form .first.last{
    margin: 0px;
}
form .wpcf7-list-item{
    margin: 0px;
}
form .wpcf7-acceptance label,
form .wpcf7-checkbox label{
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 15px;
    padding: 30px 0px;
}
form .wpcf7-acceptance label span.wpcf7-list-item-label,
form .wpcf7-checkbox label span.wpcf7-list-item-label{
    display: block;
    width: calc(100% - 32px);
}
form .wpcf7-acceptance label span.wpcf7-list-item-label a{
    font-size: inherit !important;
    color: inherit !important;
    text-decoration: underline;
}
form input[type="checkbox"]{
    display: flex;
    height: 24px;
    width: 24px !important;
    appearance: none;
    padding-bottom: 0px !important;
    border: 1px solid var(--color-white);
}
footer span, form span,
.single-post aside .related li span{
    font-size: 16px;
}
footer span, form span{
    font: var(--font-testo-regular);
    line-height: 1.25;
    color: var(--color-white);
}
form select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png);
}
span[data-name="field-state"]::after,
span[data-name="field-country"]::after,
span[data-name="field-ambito"]::after,
html[lang=en-US] span[data-name="field-company"]::after,
html[lang=fr-FR] span[data-name="field-company"]::after{
    content: "";
    display: block;
    background: url(./images/arrow-down.svg) no-repeat;
    width: 15px;
    height: 8.5px;
    position: absolute;
    right: 0px;
    top: 8.22px;
}
span[data-name="field-ambito"]::after{
    background: url(./images/arrow-down-black.svg) no-repeat;
}
footer .footer-row.row-3 section{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
footer .footer-row.row-3 section > h3{
    opacity: 1 !important;
    transform: none !important;
}
html[lang=en-US] footer .footer-row.row-3 section,
html[lang=fr-FR] footer .footer-row.row-3 section{
    justify-content:flex-start;
}
html[lang=en-US] footer .footer-row.row-3 section > h3,
html[lang=fr-FR] footer .footer-row.row-3 section > h3{
    width: 32.6%;
}
html[lang=fr-FR] footer .footer-row.row-3 section > h3{
    width: 31.5%;
}
footer .row-3 .menu-link-utili-container{
    width: 75%;
}
html[lang=en-US] footer .footer-row.row-3 section > div,
html[lang=fr-FR] footer .footer-row.row-3 section > div{
    width: 66.66666%;
}
html[lang=en-US] footer .footer-row.row-3 section > div ul.menu,
html[lang=fr-FR] footer .footer-row.row-3 section > div ul.menu{
    justify-content: flex-start;
}
html[lang=en-US] footer .footer-row.row-3 section > div ul.menu > li,
html[lang=fr-FR] footer .footer-row.row-3 section > div ul.menu > li{
    width: 49.6%;
}
html[lang=fr-FR] footer .footer-row.row-3 section > div ul.menu > li:nth-child(1){
    width: 53%;
}
html[lang=fr-FR] footer .footer-row.row-3 section > div ul.menu > li:nth-child(2){
    width: 47%;
}
footer .row-3 ul.menu{
    margin: 0px;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
footer .footer-row.copyright section{
    width: 100%;
}
footer .footer-row.copyright .row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.wpb-content--blank .wpb-content-wrapper{
    max-width: none !important;
}
.vc_row.img{
    margin-top: 170px;
}
.vc_row.img.no-bottom{
    margin-bottom: 0px !important;
}
.vc_row.video,
.single-progetto .vc_row.row-paragraph{
    margin-top: 150px;
}
.img figure,
.img .vc_single_image-wrapper,
.img img,
.video figure,
.video .vc_single_image-wrapper,
.video img{
    display: block;
    width: 100%;
    margin: 0px;
}
.vc_row.row-paragraph .col.titoletto,
.contatti .vc_row.row-form-contatti .col.titoletto,
div.row.carosello .swiper-navigation{
    width: 30%;
}
.row-paragraph .col.img{
    width: 66.1%;
}
.blue .row.carosello .swiper-navigation,
.carosello-post .row.carosello .swiper-navigation,
.carosello-progetti .row.carosello .swiper-navigation,
.single-progetto #gallery.carosello-progetti .row.carosello .swiper-navigation,
.single-progetto #correlati.carosello-progetti .row.carosello .swiper-navigation,
.carosello-testo.row.carosello .swiper-navigation{
    display: flex;
    align-items: flex-end;
}
.vc_row.row-paragraph .col.titoletto{
    padding-right: 14.7%;
    border: 0px;
}
.vc_row.row-paragraph.inverso{
    justify-content: space-between;
    gap: 6.1%;
    display: flex;
    align-items: center;
}
.vc_row.row-paragraph.inverso .col.titoletto{
    width: 27.7%;
    padding-right: 0px !important;
}
.vc_row.row-paragraph.inverso h3{
    font-size: clamp(24px, 2.89vw, 50px);
}
.vc_row.row-paragraph .col.text,
.vc_row.row-paragraph .col-text,
.contatti .vc_row.row-form-contatti .col.text,
div.row.carosello .swiper{
    width: 70%;
}
.carosello-post .row.carosello .swiper{
    margin-right: 0px !important;
}
.vc_row.row-paragraph p, .row-paragraph .text-animation li, .vc_row.row-paragraph p strong, .vc_row.row-paragraph p a, .vc_row.row-paragraph ul li, section.contatti .row-contenuti .row-content p, section.contatti .row-contenuti .row-content p a, .row-contenuti .row-content a, .single-post .entry-content blockquote p, .single-post .entry-content h1, .single-post .entry-content h1 strong, .single-post .entry-content h3, .single-post .entry-content h2, .single-post .entry-content h2 strong, .single-post .entry-content h2 a, .single-post .entry-content h4, .vc_row.row-spaced-text .text-animation p, .filter-modale .wrapper .wrapper-top header span{
    font: var(--font-testo-regular);
    font-size: 34px !important;
    line-height: 1.15 !important;
    font-weight: 400;
}
section.contatti .row-contenuti .row-content p,
section.contatti .row-contenuti .row-content p a{
    font-size: clamp(20px, 1.96vw, 34px) !important;
}
body.page-template-prodotti .row-riga-accordion p,
body.page-template-prodotti .row-riga-accordion ul li,
body.page-template-prodotti .row-riga-accordion ol li,
body.page-template-prodotti .vc_row.row-paragraph.banner p{
    font-size: clamp(16px, 1.2vw, 21px) !important;
}
body.page-template-prodotti .row-riga-accordion ol{
    margin-left: 1.5em;
    width: 100%;
}
body.page-template-prodotti .row-riga-accordion .list-numbered ul{
    counter-reset: item;
}
body.page-template-prodotti .row-riga-accordion .list-numbered ul li{
    counter-increment: item;
}
body.page-template-prodotti .row-riga-accordion .list-numbered ul li::marker{
    content: counter(item, decimal-leading-zero) " - ";
    font-weight: 700;
}

body.page-template-prodotti #lightbox.lightbox{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0px !important;
    left: 0px !important;;
}
body.page-template-prodotti #lightbox.lightbox .lb-outerContainer{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--color-white) !important;
    padding: 40px;
    box-sizing: content-box;
}
body.page-template-prodotti #lightbox.lightbox .lb-closeContainer{
    position: fixed;
    top: 20px;
    right: 70px;
}
body.page-template-prodotti #lightbox.lightbox .lb-data .lb-close{
    filter: invert(1);
    top: 20px;
}
.carosello-progetti .row.carosello a[data-fancybox],
body.page-template-prodotti .wpb_image_grid .wpb_image_grid_ul a{
    display: block;
    position: relative;
}
.carosello-progetti .row.carosello a[data-fancybox]::after,
body.page-template-prodotti .wpb_image_grid .wpb_image_grid_ul a::after{
    content: '\2b' !important;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-40%);
    width: 30px;
    height: 30px;
    background-color: var(--color-orange);
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    font-size: 16px;
    color: var(--color-white);
    line-height: 30px;
    text-align: center;
    opacity: 0;
    transition: all 250ms ease-in-out;
}
.carosello-progetti .row.carosello a[data-fancybox]:hover::after,
body.page-template-prodotti .wpb_image_grid .wpb_image_grid_ul a:hover::after{
    opacity: 1;
    transform: translate(-50%,-50%);
}
.vc_row.row-paragraph p strong,
.vc_row.row-paragraph ul li strong,
.vc_row.row-paragraph p strong a{
    font: var(--font-testo-bold);
}
.vc_row.row-paragraph p em{
    font-size: inherit;
    font-style: italic;
    color: inherit;
}
.vc_row.row-paragraph ul li strong{
    font-size: 34px !important;
}
.vc_row.row-paragraph p a,
.row-contenuti .row-content a{
    font-size: inherit !important;
}
.vc_row.row-paragraph p a{
    color: var(--color-orange);
    text-decoration: underline;
}
.content-servizi .vc_row.row-paragraph p a{
    color: var(--color-black);
}
.vc_row.row-paragraph ul{
    margin-top: 16px;
}
.single-post .entry-content h3,
.single-post .entry-content h2,
.single-post .entry-content h1{
    line-height: 1 !important;
    margin-bottom: 30px;
}
.vc_row.row-paragraph .bottone-link{
    margin-top: 45px;
}
.vc_row.row-carosello .wpb_wrapper{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.row-paragraph + div .row-carosello-testo{
    margin-top: 60px;
}
.vc_row.blue,
body.blue-footer footer,
.certificazione::before,
.titoletto::after,
.blue .white .titoletto::after,
.single-post aside .related h3::after{
    background-color: var(--color-orange);
}
.certificazione::before{
    background-color: #828285;
}
.vc_row.blue .blocco-spaced-text p, 
.blue .titoletto, 
.vc_row.blue h3,
.vc_row.blue h3.split-chars div,
.vc_row.blue .split-chars h3 div,
.vc_row.blue .split-chars .split-line h3 div,
.blue .accordion.accordion .active h4, 
.blue .accordion .item_accordion:hover h4,
.blue .accordion .active p{
    color: var(--color-white);
    
}
.vc_row.blue .blocco-spaced-text p{
    color: var(--color-space);
}
.vc_row.blue .white{
    background-color: #FFFFFF;
    padding: 45px;
    margin-left: 122px;
    margin-right: 122px;
}
.vc_row.blue .white .col.img{
    width: 55.6%;
    /* position: absolute; */
    /* top: 0px; */
    /* height: calc(100% - 90px); */
    /* left: 50%; */
}
.vc_row.blue .white .col.img figure,
.vc_row.blue .white .col.img .vc_single_image-wrapper,
.vc_row.blue .white .col.img img{
    display: block;
    width: 100%;
}
.vc_row.blue .white .col.fisarmonica,
.content .accordion-dynamic .accordion{
    padding-right: 45px;
    position: sticky;
    bottom: 0px;
}
.content .accordion-dynamic{
    display: flex;
    gap:0px;
}
.content .accordion,
.content .accordion-dynamic .accordion{
    position: sticky;
    width: 100%;
    align-self: flex-start;
    margin-top: max(250px,10vw);
    top: max(50px,5vw);
    padding-bottom: 90px;
}
.content .accordion.static, 
.content .accordion-dynamic .accordion.static{
    position: static !important;
}
.content .accordion-dynamic .accordion,
.content .accordion-dynamic .image-accordion{
    width: 50%;
    bottom: 0px;
}
.vc_row.blue .white .col.fisarmonica > .vc_column-inner{
    position: relative;
}
.vc_row.blue .white .col.fisarmonica .vc_column-inner,
.vc_row.blue .white .col.fisarmonica .wpb_wrapper{
    height: 100%;
}
.vc_row.blue .white .col.fisarmonica .wpb_wrapper{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    position: relative;
    width: 100%;
    /* top: 0px; */
}
.vc_row.blue .white .titoletto,
.row-content .titoletto{
    width: max-content;
}
.vc_row.blue .white .titoletto{
    position: absolute;
    top: 0px;
}
.vc_row.blue .blocco-spaced-text{
    margin: 165px 0px 150px;
    padding: 0px 122px;
}
.content .accordion{
    margin-bottom: 45px;
    position: absolute;
    bottom: 99px;
    height: 70%;
}
.content .row-paragraph .accordion{
    margin-bottom: 0px !important;
}
.content .row-paragraph .accordion.alar{
    position: static !important;
}
.accordion h4{
    color: #a4a4a4;
    font: var(--font-testo-medium);
    font-size: 48px;
    line-height: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.accordion .active p{
    padding-bottom: 15px;
}
.accordion .active p strong,
.accordion .active p a{
    font: inherit;
    color: inherit;
    text-decoration: underline;
    font-size: inherit !important;
}
.accordion .active p strong{
    font-weight: 700;
    text-decoration: none;
}
.vc_row.row-paragraph .accordion .active p strong{
    font-family: var(--font-testo-bold);
    text-decoration: none;
    font-weight: 700;
    font-size: inherit !important;
}
.accordion .active h4, 
.accordion .item_accordion:hover h4, 
.row-contenuti .row-content a, 
body.home .carosello-post .row.carosello h3 a, 
.breadcrumb a, .content .row.filter-post a, 
.tabs .tabs-navigation .swiper-slide a, 
.single-post .entry-content p, 
.row.grid-wrapper article h3 a, 
div.custom-contact-form button, 
.download .content h4, 
.blue .white .accordion .active p, 
.blue .white .accordion.accordion .active h4, 
.blue .white .accordion .item_accordion:hover h4{
    color: var(--color-black);
}
.tabs .tabs-navigation .swiper-slide,
.tabs .tabs-navigation .swiper-slide a{
    display: block;
    width: fit-content;
}
.breadcrumb strong{
    text-align: right;
    text-transform: uppercase;
}
body.page-id-9269 .breadcrumb a.sostenibilita,
body.page-id-9269 .breadcrumb strong,
body.page-id-12211 .breadcrumb a.sostenibilita,
body.page-id-12211 .breadcrumb strong,
body.page-id-12555 .breadcrumb a.sostenibilita,
body.page-id-12555 .breadcrumb strong{
    color:var(--color-grey);
    text-transform: uppercase;
}
.download h4{
    border-top: 1px solid var(--color-black) !important;
    padding-bottom: 0px;
    opacity: 0.4;
}
.download .item_download:hover h4{
    opacity: 1;
}
.download h4::after{
    content: "";
    display: block;
    background: url(./images/download.svg) no-repeat;
    height: 48px;
    width: 31px;
}
.vc_row.img.full-width .vc_single_image-wrapper,
.vc_row.video.full-width .vc_single_image-wrapper{
    overflow: hidden;
}
.vc_row.img.full-width .vc_single_image-wrapper img,
.vc_row.video.full-width .vc_single_image-wrapper img{
    display: block;
    width: 100%;
    min-height: 350px;
    object-fit: cover;
}
.accordion .item_accordion:hover h4,
.accordion .active h4,
.blue .white .accordion .active h4,
.blue .white .accordion .item_accordion:hover h4{
    border-top: 1px solid var(--color-black) !important;
}
.blue .accordion .item_accordion:hover h4,
.blue .accordion .active h4{
    border-top: 1px solid var(--color-white) !important;
}
.blue .accordion .active h4{
    padding-bottom: 65px;
}
.blue .white .accordion h4,
.accordion h4,
.download h4{
    color: #a4a4a4;
    font: var(--font-testo-medium);
    font-size: 48px;
    line-height: 1;
    display: flex;
    justify-content: space-between;
    padding: 30px 0px 15px;
    border-top: 1px solid #a4a4a4;
    display: flex;
    cursor: pointer;
}
.accordion h4{
    padding: 30px 0px;
}
.blue .accordion h4{
    color: hsl(0deg 0% 100% / 40%);
    border-top: 1px solid hsl(0deg 0% 100% / 40%);
    padding: 30px 0px 15px;
}
.certificazioni-accordion .accordion .item_accordion h4{
    padding-bottom: 45px;
}
.certificazioni-accordion .accordion .item_accordion.active h4{
    padding-bottom: 90px;
}
.certificazioni-accordion .accordion .active p{
    padding-bottom: 0px;
}
.accordion.certificazioni-accordion .active p{
    font-size: 34px !important;
}
.accordion.certificazioni-accordion.careers .active p{
    font-size: 24px !important;
}
.accordion.certificazioni-accordion.careers .active h5{
    font: var(--font-testo-regular);
    font-size: 34px;
}
.accordion.careers .active h4{
    padding-bottom: 90px;
}
.row-paragraph .wpb_text_column + .custom-title h4{
    margin-top: 32px;
    margin-bottom: 24px;
}
.row-paragraph h4,
.row-paragraph .split-chars .split-line h4 div,
.row-paragraph .split-chars h4 div{
    font-size: 34px;
}
.accordion h4::after{
    content: "\2b";
    font: var(--fa-font-solid);
    display: block;
    font-size: 20px;
    height: fit-content;
}
.accordion .active h4::after{
    content: "\f068";
}
section.vc_section.contatti .row-contenuti:not(.no-padding-top){
    padding-top: 230px;
}
section.contatti .row-contenuti .col.img{
    position: sticky;
    top:0px;
    align-self: flex-start;
}
.row-contenuti .row-content .col.text{
    padding: 0px !important;
}
.row-contenuti .row-content + .row-content{
    margin-top: 90px !important;
}
.hide{
    display: none !important;
}
.vc_row.row-form-contatti{
    padding-top: var(--padding-row);
    padding-bottom: clamp(90px, 8.6vw, 150px) !important;
    margin-top: 0px !important;
}
.contatti .vc_row.row-form-contatti form{
    margin-top: 120px;
}
section.content > div.vc_row:first-child{
    padding-top: 100px;
}
section.content > div.vc_row:first-child.row-title{
    padding-top: 0px;
}
section.content .menu-menu-social-container i{
    font-size: 40px;
}
section.content .menu-menu-social-container li a{
    height: 80px !important;
    width: 80px !important;
    border: 1px solid var(--color-black);
    background: transparent !important;
}
.carosello-progetti{
    margin-top: 75px;
    /* margin-bottom: 150px !important; */
    width: 100%;
    /* overflow-y: hidden; */
}
.blue .carosello-progetti{
    margin-bottom: 0px !important;
}
.vc_row.grey{
    background-color: var(--color-grey);
}
.vc_row.light-grey{
    background-color: var(--color-light-grey);
}
.vc_row.video + .vc_row.row-paragraph,
.vc_row.grey + .vc_row.row-paragraph,
.vc_row.grey .vc_row.row-paragraph,
.row-carousel-img{
    margin-top: 150px !important;
    margin-bottom: 150px !important;
}
div.row.carosello{
    display: flex;
    flex-direction: row;
}
.carosello-progetti .swiper-slide .content,
.blue .carosello-progetti .row.carosello .swiper-slide .content{
    opacity: 0;
    transition: opacity 300ms ease-out;
    position: absolute;
}
.carosello-post div.row.carosello .swiper{
    width: 100% !important;
}
.carosello-post .row.carosello .swiper-slide{
    display: flex;
    flex-direction: row;
    padding: 45px;
    border: 5px solid var(--color-orange);
    gap: 45px;
}
body.home .carosello-post .row.carosello .swiper-slide{
    gap: unset;
    justify-content: space-between;
}
body.home .carosello-post .row.carosello .swiper-slide .col{
    width: 50%;
}
body.home .carosello-post .row.carosello .swiper-slide .col.sx{
    width: calc(50% - 45px);
}
body.home .carosello-post .row.carosello .swiper-slide .col.dx{
    aspect-ratio: 1.4;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.carosello-post .row.carosello .swiper-slide .col.sx{
    display: flex;
    flex-direction: column;
    width: calc(40% - 45px);
    justify-content: space-between;
}
.carosello-post .row.carosello .swiper-slide .col.sx{
    display: flex;
    flex-direction: column;
    gap: 45px;
}
.carosello-post .row.carosello .swiper-slide .col.dx{
    width: 60%;
}
.blue .row.carosello .swiper-slide .content,
.carosello-post .row.carosello .swiper-slide .content{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.row.carosello .swiper-navigation{
    display: flex;
    align-items: center;
    gap: 30px;
}
.gallery-prodotto .row.carosello .swiper-navigation{
    display: none;
}
.gallery-prodotto .row.carosello .swiper-navigation.show{
    display: flex;
    width: auto;
}
.row.carosello .swiper-button-prev,
.row.carosello .swiper-button-next{
    height: 57px;
    width: 85px;
}
.row.carosello .swiper-button-prev.swiper-button-lock,
.row.carosello .swiper-button-next.swiper-button-lock{
    pointer-events: none;
    opacity: 0;
}

.blue .row.carosello .swiper-button-next:hover svg path,
.blue .row.carosello .swiper-button-prev:hover svg path{
    fill: var(--color-white);
}
.carosello-progetti .swiper-slide{
    position: relative;
    height: auto;
}
.gallery-prodotto .swiper-slide.swiper-slide-active{
    aspect-ratio: calc(112/68) !important;
    height: 100% !important;
}
.gallery-prodotto .swiper-slide{
    aspect-ratio: calc(65/68) !important;
    height: 100% !important;
}
.gallery-prodotto .swiper-wrapper{
    height: clamp(400px ,40vw, 680px);
}
.carosello-progetti .swiper-slide:hover .content,
.carosello-progetti.white-hover .swiper-slide:hover .content{
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
    transition: opacity 300ms ease-in-out !important;
    position: absolute;
    padding-left: 15px;
    padding-right: 15px;
}
:not(.white-hover).carosello-progetti .swiper-slide:hover .content{
    background-color: var(--color-footer);
}
div:not(.white-hover).carosello-progetti .row.carosello .swiper-slide:hover .content h3 a span{
    color: var(--color-white);
}
div:not(.white-hover).carosello-progetti .row.carosello .swiper-slide:hover .content h3 a span::before{
    background-color: var(--color-white);
}
div:not(.white-hover).carosello-progetti .row.carosello .swiper-slide:hover .content h3 a span::after{
    background-image: url(./images/arrow.svg);
    background-size: contain;
}
.carosello-progetti.blue-hover .swiper-slide:hover .content{
    background-color: var(--color-orange);
}
.carosello-progetti .row.carosello .swiper-slide .content h3 a,
.single-progetto #gallery.carosello-progetti .row.carosello .swiper-slide .content h3 a,
.single-progetto #correlati.carosello-progetti .row.carosello .swiper-slide .content h3 a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 1.15;
    overflow: visible;
    gap: 15px;
    width: 100%;
    flex-direction: row;
    height: 100%;
}
.carosello-progetti .row.carosello .swiper-slide .content h3 a span,
.carosello-progetti.white-hover .row.carosello .swiper-slide .content h3 a span{
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    gap:30px;
    font:var(--font-testo-medium);
    font-size: 21px;
    color:var(--color-orange);
    line-height: 1;
    padding-bottom: 15px;
}
.carosello-progetti.blue-hover .row.carosello .swiper-slide .content h3 a span{
    color: var(--color-white);
}
.carosello-progetti .row.carosello .swiper-slide .content h3 a span:before,
.carosello-progetti.white-hover .row.carosello .swiper-slide .content h3 a span:before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    top:unset;
    left:0px;
    background-color: var(--color-orange);
    width:100%;
    height: 1px;
}
.carosello-progetti.blue-hover .row.carosello .swiper-slide .content h3 a span:before{
    background-color: var(--color-white);
}
.carosello-progetti .row.carosello .swiper-slide .content h3 a span:after,
.carosello-progetti.white-hover .row.carosello .swiper-slide .content h3 a span:after{
    content: '';
    display: block;
    background: url(./images/arrow-blue.svg) no-repeat;
    width: 25px;
    height: 17px;
}
.carosello-progetti.blue-hover .row.carosello .swiper-slide .content h3 a span:after{
    background: url(./images/arrow.svg) no-repeat;
}
.blue .carosello-post .row.carosello a.arrow{
    background: url(./images/arrow.svg) no-repeat;
    display: block;
    width: 25px;
    height: 17px;
    margin-top: 15px;
}
.blue .carosello-post article{
    padding: 21px;
    border: 3px solid var(--color-white);
}
.modal.newsletter form button::after, .row-modal-careers form button::after{
    background: url(./images/arrow-black.svg) no-repeat;
}
.carosello-post .row.carosello a.arrow{
    background: url(./images/arrow-black.svg) no-repeat;
    display: block;
    width: 25px;
    /* height: 17px; */
    margin-top: 15px;
}
.carosello-post .row.carosello a.arrow:hover{
    background: url(./images/arrow-blue.svg) no-repeat;
}
.blue .carosello-post .row.carosello a.arrow:hover{
    background: url(./images/arrow.svg) no-repeat;
}
.blue div.row.carosello, .single-progetto #gallery.carosello-progetti .row.carosello, .single-progetto #correlati.carosello-progetti .row.carosello{
    padding-top: 75px;
    padding-bottom: 90px;
    width: 100%;
}
.single-progetto #correlati.carosello-progetti .row.carosello{
    padding-top: 0px;
}
.blue .carosello-progetti div.row.carosello{
    padding-bottom: clamp(80px, 8.6vw, 150px);
}
.blue .carosello-gallery.carosello-progetti div.row.carosello{
    padding-top: 75px !important;
    padding-bottom: 0px !important;
}
.carosello-post{
    margin-top: 0px !important;
}
.vc_row.evidenza.vc_row.full-width.w-padding{
    margin-top: 0px;
    padding-top:150px;
}
.vc_row.evidenza{
    display: grid;
    grid-template-columns: 35% 55%;
    grid-gap: 10%;
    align-items: end;
}
.vc_row.citazione .custom-title h3{
    font-size: 24px;
    text-transform: uppercase;
}
.vc_row.citazione{
    display: flex;
    align-items: flex-end;
    gap:0px;
    position: relative;
    padding-top: 10%;
}
.vc_row.citazione > .wpb_column:nth-child(1){
    width: 50%;
    padding-right: 9%;
}
.vc_row.citazione .custom-title h4{
    font:var(--font-title-medium);
    font-size: 24px;
    color: var(--color-white);
    margin-top: 30px;
}
.vc_row.citazione > .wpb_column:nth-child(2){
    padding-right: 15px;
}
.vc_row.citazione > .wpb_column:nth-child(3){
    padding-left: 15px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.vc_row.citazione > .wpb_column:nth-child(n+2){
    width: 25%;
}
.vc_row.evidenza > div{
    width: auto;
}
.vc_row.evidenza .titoletto{
    margin-bottom: 45px;
}
.vc_row.innovazione-block .wpb_single_image,
.vc_row.innovazione-block .wpb_single_image figure,
.vc_row.innovazione-block .wpb_single_image div.vc_single_image-wrapper,
.vc_row.innovazione-block .wpb_single_image img{
    display: block;
    width: 100%;
    max-width: none;
}
.vc_row.innovazione-block:nth-child(odd) > div.wpb_column:nth-child(2){
    padding-left: 4.16666%;
}
.vc_row.innovazione-block:nth-child(even) > div.wpb_column:nth-child(1){
    padding-right: 4.16666%;
}
.vc_row.innovazione-block .wpb_text_column,
.vc_row.innovazione-block .bottone-link{
    margin-top: 45px !important;
}
.vc_row.innovazione-block .bottone-link + .bottone-link{
    margin-top: 15px !important;
}
.vc_row.innovazione-block .wpb_text_column p{
    font-size: 21px;
}
.vc_row.innovazione-block .wpb_text_column p strong,
.vc_row.innovazione-block .wpb_text_column p em{
    font-size: 21px;
}
.carosello-progetti .row.cta,
.carosello-post .row.cta{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.carosello-progetti .row.cta .split-chars{
    overflow: hidden;
}
.carosello-progetti .row.cta > div:first-child.bottone-link{
    margin-right: 0px;
    margin-left: auto;
    margin-bottom: 50px;
}
.vc_row.row-paragraph .min p{
    font-size: 24px !important;
    margin-top: 60px;
}
.vc_row.row-numeri .blocco-numeri{
    width: 70%;
    margin-left: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.vc_row.row-numeri .blocco-numeri.chi-siamo div.single-numero:nth-child(2){
    width:calc(33.33333% + 1px);
}
.vc_row.row-numeri .blocco-numeri .single-numero{
    position: relative;
    width: 33.33333%;
    display: flex;
    flex-direction: row;
    gap: 50px;
    align-items: center;
    padding: 33px 0px 3px;
}
.vc_row.row-numeri .blocco-numeri .single-numero:before,
.vc_row.row-numeri .blocco-numeri .single-numero:nth-child(n+3):after{
    content: '';
    width: calc(100% + 16px);
    height: 1.5px;
    background-color: var(--color-orange);
    position: absolute;
    top: 0px;
    left: -8px;
}
.vc_row.row-numeri .blocco-numeri .single-numero:nth-child(n+3):after{
    top: unset;
    bottom:0px;
}
.vc_row.row-numeri .blocco-numeri .single-numero div.pilastro{
    position: relative;
    width: 1.5px;
    height: 100%;
    background-color: var(--color-orange);
    min-width: 1px;
}
.vc_row.row-numeri .blocco-numeri .single-numero div.pilastro:before,
.vc_row.row-numeri .blocco-numeri .single-numero div.pilastro:after{
    /* content: ''; */
    position: absolute;
    top:0px;
    width: 17px;
    height: 1px;
    background-color: var(--color-orange);
}
.vc_row.row-numeri .blocco-numeri .single-numero div.content{
    padding:51px 0px 66px;
    width: calc(100% - 2px);
}
.vc_row.row-numeri .blocco-numeri .single-numero div.pilastro:before{
    left:-8px;
}
.vc_row.row-numeri .blocco-numeri .single-numero div.pilastro:after{
    top: unset;
    bottom: 0px;
    left:-8px;
}
.vc_row.row-numeri .blocco-numeri .single-numero:nth-child(2) div.pilastro.sx,
.vc_row.row-numeri .blocco-numeri .single-numero:nth-child(n+4) div.pilastro.sx{
    visibility: hidden;
}
.blocco-numeri .single-numero .numero{
    font: var(--font-text-numbers);
    font-size: 120px;
    line-height: 1.15;
    display: block;
    /* width: 70%; */
    padding-bottom: 27px;
    position: relative;
}
.blocco-numeri .single-numero .numero::after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--color-orange);
    position: absolute;
    bottom: 0px;
}
.blocco-numeri .single-numero p,
.single-post aside .date p,
.row-contenuti.t-green p,
.row-contenuti.t-pink p,
.row-contenuti.t-green p strong,
.row-contenuti.t-pink p strong,
.row-testo-sostenibilita p,
.row-progetto-sostenibilita p{
    font: var(--font-title-regular);
    font-size: 21px;
    line-height: 1.3;
}
.green-body.single-post aside .date p{
    color: rgba(255,255,255,0.7);
}
.row-storia .blocco-numeri .single-numero p{
    display: none;
}
.row-contenuti.t-green p,
.row-contenuti.t-green p strong{
    font:var(--font-title-medium);
    font-size: 24px;
}
.row-testo-sostenibilita,
.row-progetto-sostenibilita{
    padding-right: 120px;
    padding-left: 120px;
}
.row-progetto-sostenibilita{
    padding-top: 20px !important;
}
.row-testo-sostenibilita .text,
.row-progetto-sostenibilita .img{
    padding-left: 75px;
}
.row-progetto-sostenibilita .text > div > .wpb_wrapper{
    max-width: 52%;
}
.row-progetto-sostenibilita .text .sost-arrow.upside img{
    rotate: 180deg;
}
.row-testo-sostenibilita .text .sost-arrow img,
.row-progetto-sostenibilita .text .sost-arrow img{
    width: 20px;
    height: 20px;
    display: block;
}
.row-testo-sostenibilita.t-pink .text .sost-arrow{
    display: flex;
    justify-content: flex-end;
}
.row-testo-sostenibilita.t-pink .text .sost-arrow.no-flex-end{
    justify-content: flex-start;
}
.row-progetto-sostenibilita.t-pink p,
.row-testo-sostenibilita.t-pink p,
.row-testo-sostenibilita.t-pink h3,
.row-testo-sostenibilita.t-pink .split-chars h3 div,
.row-progetto-sostenibilita.t-pink .bottone-link span{
    color: #D05A57;
}
.row-testo-sostenibilita.t-pink p strong{
    font: var(--font-title-bold);
    font-size: inherit;
    color: inherit;
}
.row-progetto-sostenibilita.t-pink .bottone-link {
    margin-top: 45px;
    border-color: #D05A57;
}
.row-testo-sostenibilita.t-green h3,
.row-testo-sostenibilita.t-green p,
.row-testo-sostenibilita.t-green .split-chars h3 div, 
.row-testo-sostenibilita.t-green div.bottone-link span{
    color:#296761;
}
.row-testo-sostenibilita.t-pink div.bottone-link span{
    color:#D05A57;
}
.row-testo-sostenibilita.t-green p strong{
    font: var(--font-title-medium);
    font-size: inherit;
    color: inherit;
}
.row-testo-sostenibilita.t-pink h3,
.row-testo-sostenibilita.t-green h3{
    max-width: 70%;
}
.row-testo-sostenibilita.t-green div.bottone-link{
    margin-top: 45px;
    border-color: #296761;
}
.row-testo-sostenibilita.t-pink div.bottone-link{
    margin-top: 45px;
    border-color: #D05A57;
}
.text .wpb_wrapper > .sost-arrow:first-child{
    margin-bottom: 33px !important;
}
.text .wpb_wrapper > .sost-arrow:last-child{
    margin-top: 33px !important;
}
.blocco-numeri .single-numero p{
    display: block;
    line-height: 1;
    margin-top: 51px;
    color: var(--color-orange);
    font-weight: 500;
}
.blocco-numeri .single-numero p,
.blocco-numeri .single-numero .numero,
.blocco-spaced-text .center p{
    text-align: center;
}
.grey .blocco-spaced-text p{
    color: #FFFFFF;
}
section.content > .vc_row.grey:last-child{
    margin-bottom: 0px;
    padding-bottom: 90px;
}
section.content > .vc_row + .vc_row.grey{
    margin-top: 150px;
}
.blocco-numeri p,
.blocco-numeri span,
.breadcrumb strong{
    color: var(--color-orange);
}
.titoletto + .certificazione{
    margin-top: 117px !important;
    width: 100%;
}
.certificazione::before{
    content: "";
    display: block;
    width: 290px;
    display: block;
    height: 1px;
    margin-bottom: 15px;
}
.certificazioni-accordion figure{
    display: block;
    margin: 0px;
}
.certificazione img,
.certificazioni-accordion img{
    max-width: 115px !important;
}
.certificazione.veneta img{
    max-width: 240px !important;
}
.page-id-11224 .certificazioni-accordion img,
.page-id-12153 .certificazioni-accordion img,
.page-id-12428 .certificazioni-accordion img{
    max-width: 600px !important;
}
.certificazioni-accordion img{
    width: 100%;
}
.tabs{
    margin-bottom: 150px;
    position: relative;
}
.tabs .navigation{
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: -9px;
}
.tabs .navigation .button-prev::after,
.tabs .navigation .button-next::after{
    content: "";
    display: block;
    height: 45px;
    width: 45px;
    background: url(./images/freccia-prev-tabs.svg) no-repeat;
}
.tabs .navigation .button-next::after{
    background: url(./images/freccia-tabs.svg) no-repeat;
}
.tabs .navigation .button-prev:hover::after{
    background: url(./images/freccia-prev-tabs-hover.svg) no-repeat;
}
.tabs .navigation .button-next:hover::after{
    background: url(./images/freccia-tabs-hover.svg) no-repeat;
}
.tabs .tabs-navigation{
    padding: 0px 0px;
    margin: 0px 165px 117px;
    width: auto;
}
.tabs .tabs-navigation ul{
    display: flex;
    margin: 0px;
    list-style: none;
    width: 100%;
    justify-content: space-between;
    gap: 60px;
}
.tabs .tab{
    width: 100%;
    padding: 0px 167px;
    display: none;
    grid-template-columns: calc(44% - 45px) 56%;
    grid-gap: 45px;
}
.tabs .tab.active{
    display: grid;
}
.slider h1,
.slider h2,
.slider h3,
.slider p,
.slider span,
.slider a{
    color: var(--color-white);
}
.slider .swiper-navigation{
    display: none;
}
.slider .slides-wrapper{
    height: 100dvh;
    overflow: hidden;
    position: relative;
}
.slider .slides-wrapper video{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.carosello-hero .slider-hero .swiper-slide::before{
    content: "";
    display: block;
    position: absolute;
    width: 100vw;
    height: 100%;
    top:0px;
    left: 0px;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.50) 80%);
}
.slider .slide{
    position: relative;
    width: 100%;
    background-size: cover !important;
    aspect-ratio: calc(1920 / 1080);
}
.slider .slide .top h1{
    font: var(--font-title-medium);
    max-width: 85px;
    font-size: 150px;
    line-height: 1;
    text-transform: uppercase;
}
.slider .slide .top h2{
    font: var(--font-title-medium);
    position: absolute;
    top: 150px;
    left: 300px;
    /* max-width: 352px; */
    font-size: 40px;
    line-height: 1.1;
    text-transform: uppercase;
}
.slider .slides-navigation .navigation-wrapper{
    display: flex;
    flex-direction: row;
}
.slider .slides-navigation .navigation-slide{
    width: 33.3%;
    border-top: 1px solid #FFFFFF80;
    padding: 50px 50px 0px 50px;
    opacity: 0.5;
    position: relative;
}
.slider .slides-navigation .navigation-slide.active{
    opacity: 1;
}
.slider .slides-navigation .navigation-slide + .navigation-slide{
    border-left: 1px solid #FFFFFF80;
}
.slider .slides-navigation .swiper-slide a{
    display: flex;
    gap: 24px;
    align-items: center;
}
.slider .slides-navigation .navigation-slide span.number-slide{
    font: var(--font-title-medium);
    font-size: 50px;
    line-height: 1;
}
.slider .slides-navigation .navigation-slide a .text{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.slider h1 br{
    display: block;
}
body.home .carosello-hero{
    position: relative;
}
body.home .carosello-hero .slides-navigation{
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 50px;
    z-index: 1;
}
.slider .slides-navigation .navigation-slide a h3{
    font: var(--font-title-medium);
    text-transform: uppercase;
}
.slider .slides-navigation .navigation-slide::before{
    display: block;
    content: "";
    height: 2px;
    background-color: var(--color-white);
    top: 0px;
    position: absolute;
    left: 0px;
    transition-property: width;
    width: 0%;
    transition: width 1s ease-in-out;
}
.slider .slides-navigation .navigation-slide.active::before{
    width: 100%;
    transition: width 10s ease-in-out;
}

.slider .slide picture,
.slider .slide img{
    width: 100%;
    display: block;
}
.slider .slide .wrapper-content{
    position: absolute;
    width: calc(100% - 120px);
    top: 50%;
    left: var(--padding-content);
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    padding-bottom: 50px;
    justify-content: space-between;
}
.slider .slide .content{
    display: flex;
    flex-direction: column;
    gap: clamp(32px,7vw,150px);
}
.slider .slide .content .top{
    position: relative;
}
.slider .slide .content .bottom{
    max-width: 426px;
    display: flex;
    flex-direction: column;
    gap: 44px;
}
.slider .slide .content .bottom p{
    font-size: 21px;
}
.tab h4{
    margin: 0px !important;
    margin-bottom: 15px !important;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.tab h4::before{
    content: "";
    display: block;
    background: var(--color-black);
    width: 100%;
    height: 1px;
}
.row-carousel-img .wpb_image_grid_ul{
    display: flex;
    height: auto !important;
    list-style: none;
    grid-auto-columns: auto auto auto auto;
    /* justify-items: center; */
    position: static !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0px 16px;
}
.row-carousel-img .wpb_image_grid_ul li{
    position: initial !important;
    display: flex;
    margin: 0px !important;
    width: calc((100% - 75px ) / 4) !important;
    height: 143px;
    float: unset !important;
    box-sizing: border-box;
    padding: 0px 32px 23px 32px !important;
    border-bottom: 1px solid #828285;
    align-items: center;
    margin-top: 45px !important;
    justify-content: center;
}
body:not(.page-id-274) .wpb_image_grid .wpb_image_grid_ul img{
    display: block !important;
    margin: 0px;
    height: fit-content !important;
    max-height: 130px;
    box-sizing: border-box;
    max-width: 260px !important;
}
.wpb_image_grid .wpb_image_grid_ul img{
    width: 100%;
}
.page-id-274 .row-carousel-img .wpb_image_grid_ul li{
    width: calc((100% - 90px ) / 4) !important;
}

/* Single post */
body.single-post, body.page-id-299, body.archive.category{
    background-color: var(--color-light-grey);
}
body.archive .row-title + .vc_row{
    padding-top: 0px !important;
}
body.single-post span,
body.page-id-299 span,
body.archive.category span,
body.single-post h3 a,
body.page-id-299 h3 a,
body.archive.category h3 a,
body.single-post time,
body.page-id-299 time,
body.archive.category time,
body.single-post .content .grid-post .row.filter-post ul.categories li a,
body.page-id-299 .content .grid-post .row.filter-post ul.categories li a,
body.archive.category .content .grid-post .row.filter-post ul.categories li a,
body.single-post .content .grid-post .row.filter-post a,
body.page-id-299 .content .grid-post .row.filter-post  a,
body.archive.category .content .grid-post .row.filter-post a,
body.single-post p,
body.page-id-299 p,
body.archive.category p,
body.single-post h1 div,
body.page-id-299 h1 div,
body.archive.category h1 div{
    /* color: var(--color-white); */
}
body.single-post .content .grid-post .row.filter-post ul.categories li a,
body.page-id-299 .content .grid-post .row.filter-post ul.categories li a,
body.archive.category .content .grid-post .row.filter-post ul.categories li a{
    border: 1px solid var(--color-orange);
}
body.single-post .content .grid-post .row.filter-post ul.categories li.active a,
body.page-id-299 .content .grid-post .row.filter-post ul.categories li.active a,
body.archive.category .content .grid-post .row.filter-post ul.categories li.active a,
body.single-post .content .grid-post .row.filter-post ul.categories li:hover a,
body.page-id-299 .content .grid-post .row.filter-post ul.categories li:hover a,
body.archive.category .content .grid-post .row.filter-post ul.categories li:hover a{
    background: var(--color-orange);
}
body.pink-body{
    background-color: var(--color-pink);
}
body.green-body{
    background-color: var(--color-green);
}
body.single-post header .row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
body.single-post header .row .col.back a{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    color: var(--color-black);
}
body.single-post.green-body header .row .col.back a{
    color: var(--color-white);
}
body.single-post header .row .col.back a svg{
    height: 90px;
    width: 90px;
}
body.single-post.green-body header .row .col.back a svg path{
    fill:var(--color-white);
}
body.single-post.green-body header .row .col.back a svg circle{
    stroke:var(--color-white);
}
body.single-post.pink-body header .row .col.back a:hover{
    color: var(--color-pink-body);
}
body.single-post.green-body header .row .col.back a:hover{
    color: rgba(255,255,255,0.7);
}
body.single-post.pink-body header .row .col.back a:hover svg path{
    fill:var(--color-pink-body);
    stroke:var(--color-pink-body);
}
body.single-post.pink-body header .row .col.back a:hover svg circle{
    stroke:var(--color-pink-body);
}
body.single-post.green-body header .row .col.back a:hover svg path{
    fill:rgba(255,255,255,0.7);
    stroke:rgba(255,255,255,0.7);
}
body.single-post.green-body header .row .col.back a:hover svg circle{
    stroke:rgba(255,255,255,0.7);
}
body.single-post header .row .col.back a:hover{
    color: var(--color-orange);
}
body.single-post header .row .col.back a:hover svg path{
    fill:var(--color-orange);
    stroke:var(--color-orange);
}
body.single-post header .row .col.back a:hover svg circle{
    stroke:var(--color-orange);
}
body.single-post h1{
    margin-top: 30px;
}
body.single-post.pink-body h1{
    color:var(--color-pink-body);
}
body.single-post.green-body h1{
    color:var(--color-white);
}
body.single-post.pink-body .breadcrumb a{
    color: var(--color-black);
}
body.single-post.green-body .breadcrumb a{
    color: var(--color-white);
}
body.single-post.pink-body .breadcrumb a.sostenibilita,
body.single-post.pink-body .breadcrumb strong{
    color:var(--color-pink-body);
}
body.single-post.green-body .breadcrumb strong{
    color:var(--color-white);
}
body.single-post.pink-body aside .related h3{
    font:var(--font-title-medium);
    font-size: 24px;
    color:var(--color-pink-body);
    text-transform: uppercase;
}
body.single-post.green-body aside .related h3{
    font:var(--font-title-medium);
    font-size: 24px;
    color:var(--color-white);
    text-transform: uppercase;
}
body.single-post.pink-body aside .related h3::after{
    background-color:var(--color-pink-body);
}
body.single-post.green-body aside .related h3::after{
    background-color:var(--color-white);
}
body.single-post.pink-body aside .related li span{
    font:var(--font-title-regular);
    font-size: 18px;
    color:var(--color-green)
}
body.single-post.green-body aside .related li span{
    font:var(--font-title-regular);
    font-size: 18px;
    color:var(--color-white)
}
body.single-post.pink-body .entry-content h2,
body.single-post.pink-body .entry-content h3{
    font:var(--font-title-regular);
    font-size: 34px;
    color:var(--color-black);
}
body.single-post.green-body .entry-content h2,
body.single-post.green-body .entry-content h3{
    font:var(--font-title-regular);
    font-size: 34px;
    color:var(--color-white);
}
body.single-post.pink-body .entry-content h3{
    font:var(--font-title-medium);
    font-size: 34px;
}
body.single-post.green-body .entry-content h3{
    font:var(--font-title-medium);
    font-size: 34px;
}
body.single-post main{
    padding-top: 264px !important;
}
body.single-progetto main{
    padding-top: 0px !important;
}
body.single-progetto div.section-wrapper{
    display: flex;
    flex-direction: column;
    gap: 150px;
    margin-bottom: 150px;
}
body.single-post section.single-post{
    margin-top: 155px;
    display: grid;
    grid-template-columns: calc(35% - 315px) 65%;
    grid-gap: 315px;
}
body.single-post section.single-post aside{
    position: sticky;
    top: 32px;
    height: fit-content;
    margin-bottom: 150px;
}
body.single-post blockquote{
    margin: 0px;
}
body.single-post .img-news{
    margin: 90px 0px;
}
/* body.single-post p img{
    margin: 90px auto 0px auto !important;
} */
.single-post .entry-content ul{
    margin-left: 30px;
    list-style: square;
}
.single-post .entry-content .wpb_text_column + div h3,
.single-post .entry-content p + h3,
.single-post .entry-content ul + h3,
.single-post .entry-content h2,
.single-post .entry-content h1,
.single-post .entry-content .wpb_text_column + div h4{
    margin-top: 90px;
}
body.single-post .entry-content p + p{
    margin-top: 32px;
}
.single-post article.post{
    margin: 0px;
}
.single-post .single-post .entry-content{
    margin-bottom: 150px !important;
}
.single-post aside .related{
    margin-top: 120px;
}
.single-post aside .related h3{
    font: var(--font-testo-regular);
    line-height: 1.1;
    font-size: 21px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 11px;
}
.single-post aside .related h3::after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
}
.single-post aside .related ul{
    list-style: none;
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 15px
}
.single-post aside .related ul li a{
    display: flex;
    display: grid;
    grid-template-columns: 59% 26%;
    grid-gap: 15%;
}
.single-post aside .related ul li + li{
    border-top: 1px solid var(--color-black);
    padding-top: 15px;
}
.single-post.green-body aside .related ul li + li{
    border-top: 1px solid var(--color-white);
}
.single-post.pink-body aside .related ul li + li{
    border-top: 1px solid var(--color-pink-body);
}
.single-post aside .related li span{
    font: var(--font-testo-regular);
    line-height: 1.15;
    text-wrap: balance;
    display: block;
}
body.single-post div.entry-content .wpb_single_image:not(.full){
    max-width: 945px;
    width: 76%;
    margin: 32px 0px !important;
    float: unset;
    display: block;
}
body.single-post div.entry-content .wpb_single_image:not(.full) figure,
body.single-post div.entry-content .wpb_single_image:not(.full) figure > div.vc_single_image-wrapper,
body.single-post div.entry-content .wpb_single_image:not(.full) img{
    display: block;
    width: 100%;
}
body.single-post div.entry-content .wpb_single_image.full img{
    max-width: none;
    width: 100%;
    margin: 32px 0px;
    float: unset;
    display: block;
}
body.single-post.pink-body .video-youtube-wrapper,
body.single-post.green-body .video-youtube-wrapper,
body.single-post div.entry-content .wpb_single_image.full{
    margin-bottom: 32px !important;
}
body.single-post.pink-body .video-youtube-wrapper,
body.single-post.green-body .video-youtube-wrapper{
    margin-top: 32px !important;
}
body.single-post.pink-body div.entry-content p,
body.single-post.green-body div.entry-content p,
body.single-post.pink-body div.entry-content li,
body.single-post.green-body div.entry-content li,
body.single-post.pink-body div.entry-content li strong,
body.single-post.green-body div.entry-content li strong{
    font: var(--font-title-medium);
}
body.single-post.pink-body div.entry-content li strong,
body.single-post.green-body div.entry-content li strong{
    font-weight: 700 !important;
}
body.single-post.green-body div.entry-content p,
body.single-post.green-body div.entry-content p strong,
body.single-post.green-body div.entry-content p em,
body.single-post.green-body div.entry-content p a,
body.single-post.green-body div.entry-content li{
    color:rgba(255,255,255,0.7);
}
body.single-post.green-body div.entry-content li strong,
body.single-post.green-body div.entry-content p strong{
    font:inherit;
    font-size: inherit;
    color:var(--color-white);
}
body.single-post.pink-body div.entry-content p em,
body.single-post.green-body div.entry-content p em{
    font:inherit;
    font-style: italic;
    font-size: inherit;
}
body.single-post.pink-body div.entry-content blockquote,
body.single-post.green-body div.entry-content blockquote{
    font: var(--font-title-regular);
    font-size: 34px;
    color:var(--color-pink-body);
    text-transform: uppercase;
    border-left:1px solid var(--color-pink-body);
    padding-left: 30px;
    margin-left: min(100px,8%);
    margin-top: 32px;
    margin-bottom: 32px;
}
body.single-post.green-body div.entry-content blockquote{
    color:var(--color-green);
    border-left:1px solid var(--color-green);
}
body.single-post.pink-body div.entry-content blockquote p,
body.single-post.green-body div.entry-content blockquote p{
    font: var(--font-title-regular);
    font-size: 34px;
    color:var(--color-pink-body);
    text-transform: uppercase;
}
body.single-post.green-body div.entry-content blockquote p{
    color:var(--color-green);
}
body.single-post.pink-body .carosello-progetti .swiper-navigation .swiper-button-prev svg path,
body.single-post.pink-body .carosello-progetti .swiper-navigation .swiper-button-next svg path{
    fill: var(--color-pink-body);
    opacity: 0.4;
    transition: opacity 300ms ease-in-out;
}
body.single-post.green-body .carosello-progetti .swiper-navigation .swiper-button-prev svg path,
body.single-post.green-body .carosello-progetti .swiper-navigation .swiper-button-next svg path,
.blue .carosello-progetti .swiper-navigation .swiper-button-prev svg path,
.blue .carosello-progetti .swiper-navigation .swiper-button-next svg path{
    fill: var(--color-white);
    opacity: 0.4;
    transition: opacity 300ms ease-in-out;
}
body.single-post.pink-body .carosello-progetti .swiper-navigation .swiper-button-prev:hover svg path,
body.single-post.pink-body .carosello-progetti .swiper-navigation .swiper-button-next:hover svg path,
body.single-post.green-body .carosello-progetti .swiper-navigation .swiper-button-prev:hover svg path,
body.single-post.green-body .carosello-progetti .swiper-navigation .swiper-button-next:hover svg path,
.blue .carosello-progetti .swiper-navigation .swiper-button-prev:hover svg path,
.blue .carosello-progetti .swiper-navigation .swiper-button-next:hover svg path{
    opacity: 1;
    transition: opacity 300ms ease-in-out;
}
body.single-post .gallery-single-post div.row.carosello .swiper article{
    overflow: hidden;
    aspect-ratio: 0.88;
}
body.single-post .gallery-single-post div.row.carosello .swiper-navigation .swiper-button-prev svg path,
body.single-post .gallery-single-post div.row.carosello .swiper-navigation .swiper-button-next svg path{
    fill: #777777;
}
body.single-post .gallery-single-post div.row.carosello .swiper-navigation .swiper-button-prev:hover svg path,
body.single-post .gallery-single-post div.row.carosello .swiper-navigation .swiper-button-next:hover svg path{
    fill: var(--color-orange);
}
body.single-post .gallery-single-post div.row.carosello .swiper article img{
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 0.88;
}
.breadcrumb{
    /* text-align: end; */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 21px;
}
.breadcrumb .page{
    margin: 0px !important;
}
/* .row-title + .vc_row{
    padding-top: 170px;
} */
.content .grid-post, .content .grid-progetto{
    margin-top: 130px;
    margin-bottom: 150px;
}
.content .grid-progetto{
    margin-top: 0px;
    margin-bottom: 0px;
}
.content .grid-post .row.filter-post,
.content .grid-progetto .row.filter-post{
    margin-bottom: 85px;
    display: flex;
    justify-content: space-between;
}
.content .grid-post .row.filter-post .col,
.content .grid-progetto .row.filter-post .col{
    display: flex;
    gap: 60px;
    align-items: center;
}
.content .grid-post .row.filter-post ul.categories,
.content .grid-progetto .row.filter-post ul.categories{
    list-style: none;
    margin: 0px;
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.content .grid-post .row.filter-post ul.categories li a,
.content .grid-progetto .row.filter-post select{
    padding: 15px;
    display: block;
}
.content .grid-post .row.filter-post ul.categories li:hover,
.content .grid-post .row.filter-post ul.categories li.active{
    background-color: var(--color-black);
}
.content .grid-post .row.filter-post ul.categories li a{
    border: 1px solid var(--color-black);
}
.content .grid-post .row.filter-post ul.categories li:hover a,
.content .grid-post .row.filter-post ul.categories li.active a{
    color: var(--color-white);
}
.content .grid-progetto .row.filter-post select{
    border: 0px;
    border-bottom: 1px solid var(--color-black);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 45px;
    align-items: center;
}
.content .grid-progetto .row.filter-post select::after{
    /* content: ""; */
    display: block;
    background: url(./images/arrow-down-black.svg) no-repeat;
    width: 17px;
    height: 10px;
}
.content .grid-post .row.grid-row,
.content .grid-progetto .row.grid-row{
    display: flex;
    flex-direction: column;
    gap: 90px;
}
.grid-post .row.grid-wrapper article{
    padding: 21px;
    border: 3px solid var(--color-black);
}
.grid-post .row.grid-wrapper article picture{
    height: 453px;
}
.row.grid-wrapper article picture a,
.row.grid-wrapper article picture a img{
    height: 100%;
    display: block;
    object-fit: cover;
}
.row.grid-wrapper article .content{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
    justify-content: space-between;
}
.row.grid-wrapper article .content a.arrow{
    background: url(./images/arrow-black.svg) no-repeat;
    width: 25px;
    height: 17px;
    margin-top: 15px;
}
.grid-progetto .grid-wrapper{
    display: grid;
    grid-template: repeat(6, auto ) / repeat(10, calc(10% - 27px));
    width: 100%;
    gap: 60px 30px;
}
.grid-progetto .row.grid-wrapper article picture{
    height: 680px;
}
.grid-progetto .row.grid-wrapper article{
    height: 100%;
    max-height: 100%;
}
.grid-progetto article:nth-child(10n + 1) {
    grid-column: 1 / 4;
}
.grid-progetto article:nth-child(10n + 2) {
    grid-column: 4 / 11;
}
.grid-progetto article:nth-child(10n + 3) {
    grid-column: 1 / 3;
}
.grid-progetto article:nth-child(10n + 4) {
    grid-column: 3 / 7;
}
.grid-progetto article:nth-child(10n + 5) {
    grid-column: 7 / 11;
}
.grid-progetto article:nth-child(10n + 6) {
    grid-column: 1 / 8;
}
.grid-progetto article:nth-child(10n + 7) {
    grid-column: 8 / 11;
}
.grid-progetto article:nth-child(10n + 8) {
    grid-column: 1 / 5;
}
.grid-progetto article:nth-child(10n + 9) {
    grid-column: 5 / 9;
}
.grid-progetto article:nth-child(10n + 10) {
    grid-column: 9 / 11;
}
.carosello-testo{
    width: calc(100vw - 60px);
}
.carosello-testo .swiper-slide{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    border: 3px solid var(--color-black);
    aspect-ratio: 0.93;
}
.carosello-testo .swiper-slide img{
    display: block;
    width: 43px;
}
.carosello-testo.sostenibilita div.content-testo{
    margin-bottom: 64px;
}
.carosello-testo.sostenibilita .swiper-slide{
    padding:20px
}
.carosello-testo.sostenibilita .swiper-slide img{
    width: 100%;
}
.carosello-testo.sostenibilita .swiper-slide{
    border-color: #296761;
}
.carosello-testo.sostenibilita .swiper-slide h3,
.carosello-testo.sostenibilita .swiper-slide p{
    color: #296761;
}
.carosello-testo.sostenibilita .swiper-slide h3{
    font: var(--font-title-medium);
    text-transform: uppercase;
    font-size: 24px;
}
div.modal.newsletter{
    display: none;
}
div.modal.newsletter.show, .row-modal-careers.show{
    display: block;
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgb(30 30 30 / 80%);
    z-index: 999;
    margin: 0px !important;
}
div.modal.newsletter div.modal-wrapper, div.row-modal-careers div.wpb_wrapper{
    margin: auto;
    background: #fff;
    max-width: 100%;
    padding: 44px;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 60%;
}
div.modal.newsletter div.modal-wrapper div.custom-contact-form .wpcf7-form-control-wrap input[type="checkbox"]{
    border: var(--color-black) 1px solid;
    padding-bottom: 0px !important;
    display: flex;
}
div.modal.newsletter div.modal-wrapper div.custom-contact-form .wpcf7-form-control-wrap input[type="checkbox"]:checked:before{
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
    width:10px;
    height: 10px;
    margin:auto;
    background: black;
}
div.row-modal-careers .custom-contact-form select::placeholder,
div.row-modal-careers .custom-contact-form select option{
    font: var(--font-testo-regular);
    font-size: 21px;
    color: var(--color-black);
    font-weight: 300;
}
div.modal.newsletter .custom-contact-form{
    display: flex;
    flex-direction: column;
    gap: 23px;
}
div.custom-contact-form p,
div.custom-contact-form label,
div.custom-contact-form span{
    font: var(--font-testo-regular);
    font-size: 16px;
    line-height: 1.43;
    color: var(--color-black);
}
div.custom-contact-form span a{
    font-size: inherit;
    color: inherit;
}
div.custom-contact-form label{
    padding: 0px;
}
div.custom-contact-form input,
div.custom-contact-form textarea{
    padding: 0px !important;
    margin: 5px 0 40px;
    border: 0px;
    border-bottom: 1px solid rgb(0 0 0 / 50%) !important;
    color: var(--color-black) !important;
}
div.custom-contact-form input::placeholder,
div.custom-contact-form textarea::placeholder{
    color: var(--color-black);
}
div.custom-contact-form div.form-title{
    margin-bottom: 32px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
div.custom-contact-form div.form-title h3{
    text-transform: uppercase;
    font-size: 50px;
    line-height: 1.2;
}
div.custom-contact-form .wpcf7-form-control-wrap input{
    margin: 0px;
}
div.row-modal-careers .custom-contact-form input,
div.modal.newsletter .custom-contact-form input{
    padding-bottom: 20px !important;
}
div.row-modal-careers .custom-contact-form .row + .row{
    margin-top: 45px !important;
}
div.row-modal-careers .custom-contact-form .row select{
    color: var(--color-black) !important;
    padding-bottom: 13px !important;
    border-bottom: 1px solid rgb(0 0 0 / 50%) !important;
}
div.row-modal-careers .custom-contact-form .row.file .col p{
    display: flex;
    flex-direction: row;
    align-items: center;
}
div.row-modal-careers .custom-contact-form .row.privacy{
    margin-top: 60px !important;
}
div.custom-contact-form input::placeholder,
div.custom-contact-form textarea::placeholder{
    font: var(--font-testo-regular);
    font-size: 21px;
}
div.row-modal-careers .custom-contact-form .row input,
div.row-modal-careers .custom-contact-form .row textarea{
    font: var(--font-testo-bold);
}
div.row-modal-careers .custom-contact-form .row textarea{
    margin: 0px;
}
div.row-modal-careers .custom-contact-form span[data-name="field-file"] input{
    padding-bottom: 0px !important;
    border-bottom: 0px !important;
    font: var(--font-testo-regular);
}
div.row-modal-careers .custom-contact-form .row span,
div.row-modal-careers .custom-contact-form .row select,
div.row-modal-careers .custom-contact-form .row input,
div.row-modal-careers .custom-contact-form .row textarea{
    font-size: 21px;
}
div.row-modal-careers .custom-contact-form .row span.wpcf7-not-valid-tip{
    color:#F00;
    font-size: 14px;
}
div.row-modal-careers .custom-contact-form .row input[type="checkbox"]{
    border-radius: 0px !important;
    border: var(--color-black) 1px solid;
    display: flex;
    appearance: none;
    padding: 0px !important;
}
div.row-modal-careers .custom-contact-form .row input[type="checkbox"]:checked:before{
    content: '';
    display: block;
    width:10px;
    height: 10px;
    margin:auto;
    background: black;
}
div.row-modal-careers .custom-contact-form .row.file p > span:first-child{
    opacity: 0.5;
}
div.row-modal-careers .custom-contact-form .row.privacy span,
div.row-modal-careers .custom-contact-form .row.gdpr span{
    font-size: 15px;
    display: block;
    width: calc(100% - 32px);
}
div.row-modal-careers .custom-contact-form .row.gdpr{
    margin-top: 15px !important;
}
div.custom-contact-form .wpcf7-spinner{
    background-color: transparent;
}
.wpcf7-spinner::before{
    background-color: var(--color-black);
}
div.modal.newsletter .row.full-100.send .col p{
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
}
div.custom-contact-form .form-title p{
    font: var(--font-title-regular);
    text-transform: uppercase;
    font-size: 50px;
}
div.custom-contact-form button{
    border: 1px solid var(--color-black);
}
div.custom-contact-form div.close{
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    justify-content: center;
    transform: rotate(45deg);
    cursor: pointer;
    width: 30px;
    height: 30px;
    color: black;
    margin-left: auto;
    margin-bottom: 32px;
    cursor: pointer;
}
div.custom-contact-form div.close::before,
div.custom-contact-form div.close::after{
    content: '';
    display: block;
    background-color: var(--color-black);
    width: 36px;
    height: 2px;
}
div.custom-contact-form div.close::after{
    position:absolute;
    width: 2px;
    height: 36px;
}
footer .row-2 .col-7 p{
    padding: 10px 0px;
    border-bottom: 1px solid var(--color-white);
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    cursor: pointer;
    font-size: 21px !important;
}
footer .row-2 .col-7 p::after{
    content: "";
    display: block;
    background: url(./images/arrow.svg) no-repeat;
    width: 25px;
    height: 17px;
}
footer .row-2 .col-7 h3{
    margin-bottom: 16px;
}
div.back-to-top{
    position: fixed;
    bottom: 148px;
    right: 60px;
    width: 60px;
    height: 60px;
    background-color: #DDDDDD;
    border-radius: 50%;
    z-index: 21474836;
    opacity: 0;
}
div.back-to-top.show{
    display: block;
    opacity: 1;
}
div.back-to-top > a{
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}
div.back-to-top:hover{
    background-color: var(--color-orange);
}
div.back-to-top a svg path{
    fill: var(--color-grey);
}
div.back-to-top:hover a svg path{
    fill: var(--color-white);
}
div.chat-widget{
    position: fixed;
    bottom: 72px;
    right: 60px;
    width: 60px;
    height: 60px;
    background-color: #000;
    border-radius: 50%;
    z-index: 21474836;
}
div.chat-widget:hover{
    background-color:var(--color-orange);
}
div.chat-widget a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
div.chat-widget.light:hover svg path.dot,
div.chat-widget svg path.dot{
    fill: var(--color-white);
}
div.chat-widget svg path.line,
div.chat-widget.light:hover svg path.line{
    stroke: var(--color-white);
}
footer .footer-row.copyright .col-4 a svg path{
    fill: transparent;
}
header .logo-mobile{
    display: none;
}
header .logo-mobile img{
    width: 100%;
    display: block;
    height: 67px;
}
.black-header header .logo-mobile{
    display: none;
}
.black-header header .logo-mobile-black img{
    width: 100%;
    display: block;
    height: 67px;
}
.carosello-post .row.carosello .swiper-slide .content h3, 
.carosello-progetti .swiper-slide .content h3{
    height: 100%;
    width: 100%;
    font-size: unset;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
.carosello-post .row.carosello .swiper-slide .content h3 a{
    font: var(--font-title-medium);
    display: block;
    font-size: 48px !important;
    font-weight: 500 !important;
    line-height: 1;
}
.carosello-post .row.carosello .swiper-slide .content p,
.carosello-post .row.carosello .swiper-slide .content > time{
    font: var(--font-testo-regular);
    font-size: 21px;
    color: var(--color-black);
}
.carosello-post .row.carosello .swiper-slide .content > time{
    font: var(--font-testo-medium);
    font-size: 18px;
    color: var(--color-black);
}
.carosello-post .row.carosello .swiper-slide .content > h3{
    margin:0px;
}
.carosello-post .row.carosello .swiper-slide .content > h3 + p,
.carosello-post .row.carosello .swiper-slide .content > p + time,
.carosello-post .row.carosello .swiper-slide .content > time + a.arrow{
    margin-top: 45px;
}
.row-contenuti .row-content .col.img{
    padding-left: 0px !important;
}
.row-title + .row-contenuti{
    margin-top: 0px !important;
}
.row-title + .row-contenuti.pink-contenitore{
    padding-top: 60px !important;
}
.load-more{
    margin: auto;
}
.content-info-window h3{
    font-weight: 700;
    font-size: 24px;
    color: var(--color-orange);
}
.content-info-window a{
    font: var(--font-testo-regular);
    font-size: 16px;
    display: block;
    margin-top: 4px;
    color: var(--color-black);
}
.gm-style .gm-style-iw-c{
    display: flex;
    flex-direction: row;
    padding: 15px 0px !important;
}
.carosello-progetti .swiper-navigation .swiper-button-prev svg path, 
.carosello-progetti .swiper-navigation .swiper-button-next svg path, 
.carosello-post .swiper-navigation .swiper-button-prev svg path, 
.carosello-post .swiper-navigation .swiper-button-next svg path, 
.carosello-testo .swiper-navigation .swiper-button-prev svg path, 
.carosello-testo .swiper-navigation .swiper-button-next svg path{
    fill: var(--color-grey);
}
.carosello-progetti .swiper-navigation .swiper-button-prev:hover svg path, 
.carosello-progetti .swiper-navigation .swiper-button-next:hover svg path, 
.carosello-post .swiper-navigation .swiper-button-prev:hover svg path, 
.carosello-post .swiper-navigation .swiper-button-next:hover svg path, 
.carosello-testo .swiper-navigation .swiper-button-prev:hover svg path, 
.carosello-testo .swiper-navigation .swiper-button-next:hover svg path{
    fill: var(--color-orange);
}
.carosello-testo.sostenibilita .swiper-navigation .swiper-button-prev:hover svg path, 
.carosello-testo.sostenibilita .swiper-navigation .swiper-button-next:hover svg path{
    fill: var(--color-green);
}
.carosello-post article{
    height: auto;
}
.carosello-post article picture{
    overflow: hidden;
}
.carosello-post article picture img{
    aspect-ratio: calc(450 / 380);
    object-fit: cover;
    display: block;
    transform: scale(1);
    transition: transform 300ms ease-in-out;
}
.salmon-footer .carosello-post article picture img{
    filter: grayscale(1);
}
.carosello-post article picture a:hover img{
    transform: scale(1.1);
    transition: transform 300ms ease-in-out;
}
.libreria-gallery .wpb_image_grid .wpb_image_grid_ul img{
    max-width: none !important;
    max-height: none !important;
    /* width: auto; */
    height: 100%;
    object-fit: cover;
}
.libreria-gallery::after,
.libreria-gallery::before{
    display: none !important;
}
.libreria-gallery ul{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    height: auto !important;
    justify-content: space-between;
    align-items: stretch;
}
.libreria-gallery ul li{
    display: flex;
    position: static !important;
    width: calc(38% - 20px);
    margin: 0px !important;
    align-items: center;
    justify-content: center;
    background: #f2f2f2;
}
.libreria-gallery ul li:first-child{
    width: calc(24% - 20px);
}
.certificazioni-accordion .accordion,
.certificazioni-accordion.accordion{
    position: static;
    width: 100%;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px;
}
.careers.certificazioni-accordion.accordion h3.none{
    color: #a4a4a4;
    font: var(--font-testo-medium);
    font-size: 48px;
    line-height: 1;
    text-transform: math-auto;
    margin-bottom: 0px !important;
}
.vc_row.row-paragraph.certificazioni-accordion .bottone-link{
    margin-top: 0px;
    border: 1px solid var(--color-black);
}
.vc_row.row-paragraph.certificazioni-accordion .bottone-link:hover{
    margin-top: 0px;
    border: 1px solid var(--color-orange);
}
.row-paragraph .bottone-link + .wpb_content_element.wpb_single_image,
.row-paragraph .wpb_text_column + .wpb_content_element.wpb_single_image,
.row-accordion-alar .wpb_single_image.wpb_content_element.mid + .text-animation.mid{
    margin-top: 60px !important;
    width: 100%;
}
.accordion-alar .text-animation.mid p{
    font-size: 24px;
}
.row-paragraph .bottone-link + .wpb_content_element.wpb_single_image figure,
.row-paragraph .wpb_text_column + .wpb_content_element.wpb_single_image figure{
    width: auto;
}
.download{
    display: flex;
    gap: 45px;
    flex-direction: column;
    width: 100%;
}
.page-id-8586 .row-title + .vc_row,
.page-id-12162 .row-title + .vc_row,
.page-id-12446 .row-title + .vc_row{
    margin-bottom: 120px !important;
}
footer .row-1 .col-2 form h3{
    font: var(--font-testo-medium);
    font-size: 21px;
    text-transform: none;
    line-height: 1.25;
}
footer .row-1 .col-2 form .wpcf7-checkbox{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-white);
}
footer .row-1 .col-2 form .wpcf7-checkbox > span label{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 15px;
}
form .row.full-100.marketing .wpcf7-acceptance > span label{
    padding-top: 0px;
}
form .row.full-100.gdpr:has( + .marketing ) span label{
    padding-bottom: 0px;
}
footer .row-1 .col-2 form .col.oggetti-bim .wpcf7-checkbox > span label{
    padding:7px 0px;
}
footer .row-1 .col-2 form input[type="checkbox"]{
    border: 1px solid var(--color-white);
    /* accent-color: var(--color-orange); */
}
form input[type="checkbox"]::after,
footer .row-1 .col-2 form .wpcf7-checkbox input[type="checkbox"]::after,
footer .row-1 .col-2 form input[type="checkbox"]::after{
    content: "";
    height: 100%;
    width: 100%;
    background-color: var(--color-footer);
    display: block;
    border: 1px solid var(--color-white);
}
form input[type="checkbox"]::after{
    background-color: transparent;
}
body.blue-footer footer .row-1 .col-2 form input[type="checkbox"]::after{
    background-color: var(--color-orange);
}
footer .row-1 .col-2 form  input[type=checkbox]:checked::after {
    display: none;
}
.blue.row-contenuti,
body.single-progetto .approfondimento .row{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 150px;
    padding-bottom: 0px !important;
}
body.single-progetto .approfondimento .row{
    padding-top: 0px !important;
}
.blue.row-contenuti .col.text{
    padding-top: 0px;
}
.page-id-8673 footer .row-1,
.page-id-12210 footer .row-1,
.page-id-12553 footer .row-1,
.page-id-9238 footer .row-1,
.page-id-12209 footer .row-1,
.page-id-12551 footer .row-1,
.page-id-12555 footer .row-1,
body.page-id-9269 footer .row-1,
body.page-id-9269 .salmone.w-padding,
body.page-id-12211 footer .row-1,
body.page-id-12211 .salmone.w-padding,
body.page-id-12555 footer .row-1,
body.page-id-12555 .salmone.w-padding{
    display: none;
}
.vc_row.salmone{
    background-color: var(--color-grey);
}
.row-sostenibilita .bottone-link{
    border: 2px solid var(--color-green);
}
.row-sostenibilita .bottone-link:hover span{
    color:var(--color-green);
}
.row-sostenibilita .bottone-link:hover span::after{
    background: url(./images/arrow-green.svg) no-repeat;
}
.salmone .carosello-post .row.carosello a.arrow,
.salmone .bottone-link span::after,
.t-green .bottone-link span::after{
    background: url(./images/arrow-green.svg) no-repeat;
}
.t-pink .bottone-link span::after{
    background: url(./images/arrow-pink.svg) no-repeat;
}
.salmone .carosello-post .swiper-navigation .swiper-button-prev svg path,
.salmone .carosello-post .swiper-navigation .swiper-button-next svg path{
    fill: var(--color-green);
    opacity: 0.4;
}
.salmone .carosello-post .swiper-navigation .swiper-button-prev:hover svg path,
.salmone .carosello-post .swiper-navigation .swiper-button-next:hover svg path{
    opacity: 1;
}
body.page-id-8673 main,
body.page-id-12210 main,
body.page-id-12553 main,
body.page-id-9238 main,
body.page-id-12209 main,
body.page-id-12551 main,
body.page-id-9269 main,
body.page-id-12211 main,
body.page-id-12555 main{
    padding-top: 0px;
}
body.page-id-9238 main .vc_row.img,
body.page-id-9238 main .vc_row.video,
body.page-id-12209 main .vc_row.img,
body.page-id-12209 main .vc_row.video,
body.page-id-12551 main .vc_row.img,
body.page-id-12551 main .vc_row.video,
body.page-id-9269 main .vc_row.img,
body.page-id-9269 main .vc_row.video,
body.page-id-12211 main .vc_row.img,
body.page-id-12211 main .vc_row.video,
body.page-id-12555 main .vc_row.img,
body.page-id-12555 main .vc_row.video{
    margin-top: 0px;
    margin-bottom: 0px !important;
}
body.page-id-9238 main .vc_row.img .video-wrapper::before,
body.page-id-12209 main .vc_row.img .video-wrapper::before,
body.page-id-12551 main .vc_row.img .video-wrapper::before{
    content: none;
}
body.page-id-8673 main .vc_row.img,
body.page-id-8673 main .vc_row.video,
body.page-id-12210 main .vc_row.img,
body.page-id-12210 main .vc_row.video,
body.page-id-12553 main .vc_row.img,
body.page-id-12553 main .vc_row.video,
body.page-id-9269 main .vc_row.img,
body.page-id-9269 main .vc_row.video,
body.page-id-12211 main .vc_row.img,
body.page-id-12211 main .vc_row.video
body.page-id-12555 main .vc_row.img,
body.page-id-12555 main .vc_row.video{
    max-height: 100vh;
    overflow: hidden;
}
body.page-id-8673 .vc_row.img,
body.page-id-12210 .vc_row.img,
body.page-id-12553 .vc_row.img{
    margin-top: 0px;
}
body.page-id-8673 .vc_row.img .wpb_single_image::after,
body.page-id-12210 .vc_row.img .wpb_single_image::after,
body.page-id-12553 .vc_row.img .wpb_single_image::after{
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-color: var(--color-black);
    opacity: 0.2;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
}
body.parent-pageid-9238 .vc_row.img.full-width .row-title,
body.parent-pageid-12209 .vc_row.img.full-width .row-title,
body.parent-pageid-12551 .vc_row.img.full-width .row-title{
    position: absolute;
    bottom: 60px;
    left: 60px;
    right: 60px;
    z-index: 10;
}
body.page-id-8673 .vc_row.img.full-width .row-title h1 div,
body.page-id-8673 .vc_row.img.full-width .row-title strong,
body.page-id-8673 .vc_row.img.full-width .row-title a,
body.page-id-12210 .vc_row.img.full-width .row-title h1 div,
body.page-id-12210 .vc_row.img.full-width .row-title strong,
body.page-id-12210 .vc_row.img.full-width .row-title a,
body.page-id-12553 .vc_row.img.full-width .row-title h1 div,
body.page-id-12553 .vc_row.img.full-width .row-title strong,
body.page-id-12553 .vc_row.img.full-width .row-title a{
    color: var(--color-white);
}
body.page-id-8673 .vc_row.img.full-width .row-title strong,
body.page-id-12210 .vc_row.img.full-width .row-title strong,
body.page-id-12553 .vc_row.img.full-width .row-title strong{
    text-transform: uppercase;
}
body.page-id-9269 .row-title .breadcrumb a.home,
body.page-id-12211 .row-title .breadcrumb a.home,
body.page-id-12555 .row-title .breadcrumb a.home{
    color: white;
}
.row-sostenibilita > div > .wpb_wrapper{
    display: flex;
    flex-direction: column;
    gap: 45px;
}
.row-sostenibilita h1{
    font: var(--font-title-regular);
    font-size: 50px;
    text-transform: uppercase;
}
.row-sostenibilita h1,
.row-sostenibilita p,
.row-sostenibilita span{
    color: var(--color-green);
}
.row-sostenibilita p, 
.row-sostenibilita p strong,
.row-sostenibilita p em, 
.pink-content p, 
.pink-content p strong, 
.vc_row.row-storia h3,
.vc_row.row-storia h3 div{
    font: var(--font-title-medium);
    line-height: 1.15;
    font-size: 24px;
}
.row-sostenibilita p strong{
    color: var(--color-green);
}
.row-sostenibilita p em{
    font-style: italic;
    color: var(--color-green);
}
.row-sostenibilita p strong, .pink-content p strong, .vc_row.row-pilastri p strong, .vc_row.row-progetti p strong, .row-contenuti p strong{
    font: inherit;
    font-weight: 600;
    font-size: inherit;
    line-height: 1.25;
}
.row-spaced-text .titoletto{
    margin: auto;
    margin-bottom: 60px;
}
.row-pilastri p a, .row-progetti p a,  .row-contenuti p a{
    font-size: inherit;
    font-family: inherit;
    color: var(--color-orange);
    text-decoration: underline;
}
.row-sostenibilita{
    max-width: 65%;
}
.blocco-numeri.sostenibilita .single-numero div.pilastro:before,
.blocco-numeri.sostenibilita .single-numero div.pilastro:after,
.blocco-numeri.sostenibilita .single-numero:before,
.blocco-numeri.sostenibilita .single-numero:nth-child(n+3):after,
.blocco-numeri.sostenibilita .single-numero div.pilastro,
.blocco-numeri.sostenibilita .single-numero .numero::after{
    background-color: var(--color-green) !important;
}
.blocco-numeri.sostenibilita p, .blocco-numeri.sostenibilita span,
.blocco-numeri.sostenibilita .single-numero p{
    color: var(--color-green);
}
body.single-progetto header .under-header span,
body.single-progetto header .under-header p,
body.single-progetto header .under-header h1,
body.single-progetto header .under-header a,
body.single-progetto header .under-header div{
    color: white;
}
body.single-progetto .info-progetto a,
body.single-progetto section.info a{
    text-decoration: underline;
    text-decoration-thickness: from-font;
}
body.single-progetto header .row.back svg path{
    fill: white;
}
body.single-progetto header .row.back .col.back a{
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    width: fit-content;
}
body.single-progetto header .row.back .col.back a:hover{
    color: var(--color-white-opacity-50);
}
body.single-progetto header .row.back .col.back a:hover svg path{
    fill: var(--color-white-opacity-50);
}
body.single-progetto header .row.back .col.back a:hover svg circle{
    stroke: var(--color-white-opacity-50);
}
body.single-progetto header .row.title{
    margin-bottom: 43px;
}
body.single-progetto .info-progetto,
body.single-progetto section.info{
    display: flex;
    flex-direction: row;
    column-gap: 30px;
    flex-wrap: wrap;
}
body.single-progetto section.info{
    display: none;
}
body.single-progetto .info-progetto > div,
body.single-progetto section.info > div {
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-size: 21px;
    line-height: 1.25;
    min-width: 140px;
}
body.single-progetto header .under-header span{
    text-transform: uppercase;
}
body.single-progetto .info-progetto .info,
body.single-progetto section.info .info{
    width: 100%;
    padding-bottom: 28px;
    margin-bottom: 45px;
    border-bottom: 1px solid var(--color-white);
    position: relative;
}
body.single-progetto .info-progetto .info::after,
body.single-progetto section.info .info::after{
    content: "";
    display: block;
    width: 15.6%;
    height: 3px;
    background-color: var(--color-white);
    position: absolute;
    bottom: -1.5px;
}
.row-call{
    display: flex;
    flex-direction: row;
    gap: 60px;
}
.row-call .call-to{
    padding: 25px 60px;
    border: 1px solid var(--color-white);
}
.row-call .call-to h3{
    margin-top: 0px;
    margin-bottom: 0px;
}
.row-call .call-to > div{
    height: 100%;
}
.row-call .call-to div > .wpb_wrapper{
    display: flex;
    flex-direction: column;
    gap: 45px;
    justify-content: space-between;
    height: 100%;
}
.row-modal-careers{
    display: none;
}
.row-modal-careers.candidatura-spontanea.show{
    display: block;
    left: 0px;
    top: 0px;
}
.row-modal-careers.show > div,
.row-modal-careers.show > div > div{
    width: 100%;
    height: 100%;
}
.salmon-footer .t-pink div,
.salmon-footer .t-pink div.titoletto,
.salmon-footer .t-pink h3,
.salmon-footer .t-pink h4,
.salmon-footer .t-pink span,
.salmon-footer .t-pink p,
.salmon-footer .t-pink strong{
    color: var(--color-grey);
}
.salmon-footer .t-pink .titoletto::after{
    background-color: var(--color-grey);
}
.salmon-footer .t-pink .bottone-link{
    border: 1px solid var(--color-grey);
    margin-top: 45px;
}
.page-id-9238 .t-pink .pink-content .bottone-link,
.page-id-12209 .t-pink .pink-content .bottone-link,
.page-id-12551 .t-pink .pink-content .bottone-link{
    background-color: var(--color-grey);
}
.page-id-9238 .t-pink .pink-content .bottone-link span,
.page-id-12209 .t-pink .pink-content .bottone-link span,
.page-id-12551 .t-pink .pink-content .bottone-link span{
    color: var(--color-green);
}
.page-id-9238 .t-pink .pink-content .bottone-link span::after,
.page-id-12209 .t-pink .pink-content .bottone-link span::after,
.page-id-12551 .t-pink .pink-content .bottone-link span::after{
    background: url(./images/arrow-green.svg) no-repeat;
}
.salmon-footer .s-pink{
    background-color: var(--color-grey);
}
.salmon-footer .t-green div,
.salmon-footer .t-green div.titoletto,
.salmon-footer .t-green h3,
.salmon-footer .t-pink h4,
.salmon-footer .t-green span,
.salmon-footer .t-green p,
.salmon-footer .t-green strong{
    color: var(--color-green);
}
.salmon-footer .t-green .titoletto::after{
    background-color: var(--color-green);
}
.salmon-footer .t-green .bottone-link{
    border: 1px solid var(--color-green);
    margin-top: 45px;
}
.pink-content h3{
    font-size: 120px !important;
    line-height: 1;
}
.numerato .pink-content{
    top: 30px;
    left: 24px;
}
.numerato .pink-content h3{
    margin: 0px !important;
    color: var(--color-white);
}
.pink-contenitore{
    position: relative;
    margin-top: 0px !important;
    padding: 60px 60px !important;
    padding-top: 60px !important;
    height: 1080px;
    align-items: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
}
.pink-contenitore.numerato{
    margin-top: 150px !important;
    align-items: flex-start;
    height: 645px;
    padding: 30px 0px 0px 24px !important;
}
.pink-content{
    /* position: absolute; */
    bottom: 90px;
    left: 60px;
    right: 60px;
    max-width: 60%;
}
.salmon-footer .s-pink.row-title{
    padding: 220px var(--padding-content);
}
.pink-contenitore figure,
.pink-contenitore figure div,
.pink-contenitore img{
    width: 100%;
    display: block;
    object-fit: cover;
}
.row-testo-sostenibilita{
    margin-top: 60px !important;
    margin-bottom: 110px !important;
}
.row-storia{
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}
.row-storia > div{
    width: 25%;
}
.row-storia > div.col-50{
    width: 50%;
}
.row-storia > div.col-75{
    width: 75%;
}
.row-storia.centered > div{
    margin: auto;
}
.row-storia + .row-storia{
    margin-top: 150px;
}
section.content > .row-storia:last-child{
    margin-bottom: 150px;
}
.vc_row.row-numeri.row-storia .blocco-numeri{
    margin-left: 0%;
    width: 100%;
}
.row-storia.vc_row.row-numeri .blocco-numeri .single-numero:before{
    display: none;
}
.row-storia.vc_row.row-numeri .blocco-numeri .single-numero{
    width: 100%;
    padding-top: 0px;
    gap: 60px;
}
body.page-id-10537 section.content > .row-storia:last-child{
    margin-bottom: 150px;
}
.row-storia > div figure,
.row-storia > div figure div,
.row-storia > div figure img{
    display: block;
    width: 100%;
    height: auto;
}
.vc_row.wpb_row.vc_row-fluid.t-pink.row-contenuti.full-width.pink-contenitore.vc_custom_1729242447610{
    display: flex;
    justify-content: flex-end;
}
.filter-modale{
    display: none;
}
.filter-modale.show{
    display: flex;
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0px;
    background-color: var(--color-white);
    z-index: 2147483650;
    left: 0px;
    padding: 42px 0px 0px;
}
.filter-modale .close{
    cursor: pointer;
    height: 31px;
    width: 31px;
    background: url(./images/close.svg) no-repeat;
    background-position: center;
    background-size: cover;
}
.filter-modale .wrapper{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.filter-modale .wrapper header{
    padding: 0px 22px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-black);
}
.filter-modale .wrapper section{
    padding: 0px 22px;
}
.filter-modale .wrapper section{
    margin-top: 24px;
}
.filter-modale .wrapper section + section{
    margin-top: 24px;
}
.filter-modale .wrapper section ul{
    list-style: none;
    margin: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 9px;
}
.filter-modale .wrapper section ul li{
    padding: 0px;
    border: 1px solid var(--color-grey);
    cursor: pointer;
}
.filter-modale .wrapper section ul li:hover,
.filter-modale .wrapper section ul li.active{
    border: 1px solid var(--color-black);
}
.filter-modale .wrapper section ul li a{
    color: var(--color-grey);
    font-weight: 500 !important;
    font-size: 18px !important;
    padding: 10px 10px;
    display: block;
}
.filter-modale .wrapper section ul li.active a,
.filter-modale .wrapper section ul li:hover a{
    color: var(--color-black);
}
.filter-modale .wrapper .wrapper-top header span{
    line-height: 1 !important;
}
.filter-modale .wrapper section h3{
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--color-black);
    font: var(--font-testo-medium);
    font-weight: 500;
    font-size: 18px;
}
body.black-footer footer.footer-filter-modale,
footer.footer-filter-modale{
    padding: 20px;
    background-color: unset !important;
    border-top: 1px solid var(--color-black);
}
footer.footer-filter-modale button{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: var(--color-black);
    color: var(--color-white);
    padding: 15px;
    border: 0px;
    font: var(--font-testo-regular);
    font-weight: 500;
    font-size: 18px;
    border-radius: 0px;
    cursor: pointer;
}
footer.footer-filter-modale button.loading:before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--color-white);
    border-radius: 50%;
    transform: scale(1);
    animation: pulse 1s infinite;
}
footer.footer-filter-modale button.loading{
    color: var(--color-black);
}
@keyframes pulse {
    0% {
        transform: scale(0.5);
    }
    70% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.5);
    }
}
footer.footer-filter-modale button::after{
    display: block;
    content: "";
    height: 17px;
    width: 25px;
    background-image: url(./images/arrow.svg);
}
footer.footer-filter-modale button:hover{
    background-color: var(--color-white);
    color: var(--color-black);
    border: 1px solid var(--color-black);
    padding: 14px 15px;
}
footer.footer-filter-modale button:hover::after{
    background-image: url(./images/arrow-black.svg);
}
form input[type="checkbox"]:checked,
footer.site-footer form input[type="checkbox"]:checked{
    display: flex;
    align-items: center;
    justify-content: center;
}
form input[type="checkbox"]:checked:before,
footer.site-footer form input[type="checkbox"]:checked:before{
    content: '';
    display: block;
    width:10px;
    height: 10px;
    margin:auto;
    background-color: var(--color-white);
}
form input[type="checkbox"]:checked::after{
    content: none;
}
body.black-footer footer.site-footer form input[type="checkbox"]:checked:before,
body.blue-footer footer.site-footer form input[type="checkbox"]:checked:before{
    background-color: var(--color-white);
}
body.salmon-footer footer.site-footer form input[type="checkbox"]:checked:before{
    background-color: var(--color-green);
}
.vc_row.blue .wpcf7-not-valid-tip,
body.blue-footer .wpcf7-not-valid-tip,
body.black-footer .wpcf7-not-valid-tip{
    color: white;
    background-color: rgba(0,0,0,0.2);
    padding: 5px;
}
.wpcf7 form .wpcf7-response-output{
    background-color: white;
    color: var(--color-black);
}
.wpcf7 form.invalid .wpcf7-response-output{
    background-color: red !important;
    font-size: 16px !important;
    color: white !important;
    border: none !important;
    padding: 12px !important;
    margin-left: 0px;
}
.wpcf7 form.sent .wpcf7-response-output{
    background-color: #46b450 !important;
    font-size: 16px !important;
    color: white !important;
    border: none !important;
    padding: 12px !important;
    margin-left: 0px;
}
/* Privacy e cookie */ 
body.page-id-12007 .custom-title h3,
body.page-id-12814 .custom-title h3,
body.page-id-12815 .custom-title h3,
body.page-id-12024 .custom-title h3,
body.page-id-12816 .custom-title h3,
body.page-id-12817 .custom-title h3{
    text-transform: uppercase;
    font-size: 25px;
}
body.page-id-12007 div + div.custom-title,
body.page-id-12814 div + div.custom-title,
body.page-id-12815 div + div.custom-title,
body.page-id-12024 div + div.custom-title,
body.page-id-12816 div + div.custom-title,
body.page-id-12817 div + div.custom-title{
    margin-top:10px;
    margin-bottom: 10px;
}
body.page-id-12007 .wpb_content_element a,
body.page-id-12814 .wpb_content_element a,
body.page-id-12815 .wpb_content_element a,
body.page-id-12024 .wpb_content_element a,
body.page-id-12816 .wpb_content_element a,
body.page-id-12817 .wpb_content_element a{
    color: var(--color-black);
}
body.page-id-12007 .wpb_content_element ul,
body.page-id-12814 .wpb_content_element ul,
body.page-id-12815 .wpb_content_element ul,
body.page-id-12024 .wpb_content_element ul,
body.page-id-12816 .wpb_content_element ul,
body.page-id-12817 .wpb_content_element ul{
    margin-bottom: 10px;
}
body.page-id-12007 .wpb_content_element p + p,
body.page-id-12814 .wpb_content_element p + p,
body.page-id-12815 .wpb_content_element p + p,
body.page-id-12024 .wpb_content_element p + p,
body.page-id-12816 .wpb_content_element p + p,
body.page-id-12817 .wpb_content_element p + p{
    margin-top: 4px;
} 

html.overflow,
html.overflow body{
    overflow: hidden;
}
.otgs-development-site-front-end{
    display: none;
}
.carosello-progetti .swiper-navigation .swiper-button-prev,
.carosello-progetti .swiper-navigation .swiper-button-next,
.carosello-post .swiper-navigation .swiper-button-prev,
.carosello-post .swiper-navigation .swiper-button-next,
.carosello-testo .swiper-navigation .swiper-button-prev,
.carosello-testo .swiper-navigation .swiper-button-next{
    position: initial;
    display: block;
    cursor: pointer;
}
.carosello-progetti .swiper-navigation .swiper-button-prev:after,
.carosello-progetti .swiper-navigation .swiper-button-next:after,
.carosello-post .swiper-navigation .swiper-button-prev:after,
.carosello-post .swiper-navigation .swiper-button-next:after,
.carosello-testo .swiper-navigation .swiper-button-prev:after,
.carosello-testo .swiper-navigation .swiper-button-next:after{
    content: none;
}
.carosello-testo .content-testo ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.carosello-testo .content-testo ul li {
    display: grid;
    grid-template-columns: 20px auto;
    grid-gap: 8px;
}
.carosello-testo .content-testo ul li::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: var(--color-black);
    margin-top: 10px;
}
.start-body-bg-animation.reverse div.bottone-link{
    border-color: var(--color-white);
}
.start-body-bg-animation.reverse.blue div.bottone-link{
    border-color: var(--color-orange);
}
.start-body-bg-animation.reverse div.bottone-link span{
    color: var(--color-white);
}
.start-body-bg-animation.reverse.blue div.bottone-link span{
    color: var(--color-orange);
}
.start-body-bg-animation.reverse div.bottone-link span:after{
    background: url(./images/arrow.svg) no-repeat;
}
.start-body-bg-animation.reverse.blue div.bottone-link span:after{
    background: url(./images/arrow-blue.svg) no-repeat;
}
.start-body-bg-animation.reverse .carosello-progetti .swiper-navigation .swiper-button-prev svg path,
.start-body-bg-animation.reverse .carosello-progetti .swiper-navigation .swiper-button-next svg path{
    fill: var(--color-white);
}
.start-body-bg-animation.reverse .carosello-progetti .swiper-navigation .swiper-button-prev:hover svg path,
.start-body-bg-animation.reverse .carosello-progetti .swiper-navigation .swiper-button-next:hover svg path{
    fill: var(--color-grey);
}
.start-body-bg-animation.reverse .carosello-progetti.blue-hover .swiper-slide:hover .content{
    background-color: var(--color-white);
}
.start-body-bg-animation.reverse .carosello-progetti.blue-hover .row.carosello .swiper-slide .content h3 a span{
    color: var(--color-orange);
}
.start-body-bg-animation.reverse .carosello-progetti.blue-hover .row.carosello .swiper-slide .content h3 a span:before{
    background-color: var(--color-orange);
}
.start-body-bg-animation.reverse .carosello-progetti.blue-hover .row.carosello .swiper-slide .content h3 a span:after{
    background: url(./images/arrow-blue.svg) no-repeat;
}
a.arrow{
    display: block;
    width: 85px;
    height: 57px;
}
a.arrow.white:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(./images/arrow.svg);
    background-repeat: no-repeat;
    background-size: 85px 57px;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
}
a.arrow.black:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(./images/arrow-black.svg);
    background-repeat: no-repeat;
    background-size: 85px 57px;
}
section.vc_section.header div.video-wrapper{
    position: relative;
}
.row.video-title{
    position: absolute;
    top:50%;
    left: 0px;
    width: 100vw;
    transform: translateY(-50%);
    display: flex;
    gap: 32px;
    z-index: 10;
}
.row.video-title .col{
    width: calc((100% - 32px) / 2);
    /* border: 1px solid white; */
    height: 204px;
}
.row.video-title div.swiper{
    width: 100%;
    height: 100%;
}
.row.video-title div.swiper-wrapper{
    list-style: none;
    margin: 0px;
}
.row.video-title div.swiper-wrapper div.swiper-slide{
    font:var(--font-testo-regular);
    font-size: min(180px,8.85vw);
    color:var(--color-white);
    line-height: 1;
    /* white-space: nowrap; */
}
.row.video-title .col-1 div.swiper-wrapper div.swiper-slide{
    text-align: right;
}
.carosello-ambiti{
    background-color: black;
    aspect-ratio: 1.77777;
    overflow: hidden;
}
.carosello-ambiti .swiper.ambiti .swiper-slide > picture{
    display: block;
    position: relative;
    width: 100%;
}
.carosello-ambiti .swiper.ambiti .swiper-slide > picture:before{
    content: '';
    display: block;
    position: absolute;
    top:0px;
    left: 0px;
    background-color: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
}
.carosello-ambiti .swiper.ambiti .swiper-slide > picture img{
    width: 100%;
    max-width: none;
    display: block;
}
.carosello-ambiti .flickity .item a{
    font:var(--font-testo-regular);
    font-size: 200px;
    color:var(--color-white);
    transition: color 150ms ease-in-out;
}
.carosello-ambiti .flickity .item a:hover{
    color: var(--color-orange);
    transition: color 150ms ease-in-out;
}
.carosello-ambiti .flickity .item{
    margin-left: 90px;
}
.carosello-ambiti .content-ambiti{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.carosello-ambiti .content-ambiti h3{
    font:var(--font-testo-medium);
    font-size: 21px;
    color: var(--color-white);
    line-height: 1.15;
    padding: 15px;
    border-bottom: var(--color-white) 1px solid;
    margin-bottom: 19px;
    position: absolute;
    top: 0px;
    z-index: 9999;
    width: 100%;
    transform: translateY(calc(-100% - 19px));
}
.carosello-ambiti .content-ambiti picture{
    position: relative;
    display: block;
    width: 544px;
    height: 800px;
    overflow: hidden;
}
.carosello-ambiti .content-ambiti picture img{
    display: block;
    margin-left: calc(-1 * (100vw - 544px) / 2);
    margin-right: calc(-1 * (100vw - 544px) / 2);
    margin-top: calc(-1 * (56.25vw - 800px) / 2);
    margin-bottom: calc(-1 * (56.25vw - 800px) / 2);
    width: 100vw;
    height: 56.25vw;
    max-width: none;
}
.carosello-ambiti .flickity{
    position: absolute;
    width: 100vw;
    top: 30%;
    z-index: 1;
}
.row-modulo-progetti-home{
    position: relative;
    overflow: hidden;
}
.row-modulo-progetti-home section.section-progetto{
    height: 100vh;
    width: 100%;
}
.row-modulo-progetti-home section.first,
.row-modulo-progetti-home section.second{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0px;
    height: 100vh;
}
.row-modulo-progetti-home section.first{
    height: 100vh;
    overflow: hidden;
}
.row-modulo-progetti-home section.second{
    height: 100vh;
    justify-content: center;
}
.row-modulo-progetti-home section.first div.custom-title{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
}
.row-modulo-progetti-home section.first h3{
    font:var(--font-testo-medium);
    font-size: max(27.5vw,330px);
    color: var(--color-black);
    line-height: 1;
    /* transform-origin: 87.5% 50%; */
    text-align: center;
}
.row-modulo-progetti-home section.second h4{
    text-transform: uppercase;
    font-size: max(48px,calc((60 * 100vw) / 2560));
    font-weight: 400;
    line-height: 1;
    text-align: center;
}
.row-modulo-progetti-home section.progetto{
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
.row-modulo-progetti-home section.progetto:before{
    content: '';
    position: absolute;
    background-color: var(--color-black);
    opacity: 0.5;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.row-modulo-progetti-home section.progetto div.content{
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(50vw,800px);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    width: 100%;
}
.row-modulo-progetti-home div.content h3{
    line-height: 1;
}
.row-modulo-progetti-home div.content h3 + p,
.row-modulo-progetti-home div.content p + a{
    margin-top: 50px;
}
.row-modulo-progetti-home div.content h3 a{
    font:var(--font-title-regular);
    text-transform: uppercase;
    font-size: 60px;
    line-height: 1;
    color: var(--color-white);
    display: block;
    width: 100%;
}
.row-modulo-progetti-home div.content h3 a:hover{
    opacity: 0.6;
}
.row-modulo-progetti-home div.content p{
    font:var(--font-testo-regular);
    font-size: 21px;
    color: var(--color-white);
    text-align: center;
    width: min(900px,calc(100% - 60px));
    margin-left: auto;
    margin-right: auto;
}
.row-modulo-progetti-home a.arrow.white{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.row-modulo-progetti-home a.arrow.white:before{
    width:85px;
    height:57px;
}
.row-modulo-progetti-home a.arrow.white:hover:before{
    /* background-image: url(./images/arrow-blue.svg); */
    background-repeat: no-repeat;
    background-size: 85px 57px;
    opacity: 0.6;
}
#map_magnetti{
    height: 1000px;
}
.site-menu{
    position: fixed;
    background-color: var(--color-orange);
    width: 100vw;
    min-height: 100vh;
    top: 0px;
    left: 0px;
    padding:42px var(--padding-content);
    z-index: 998;
    display: none;
}
body.open-menu .site-menu{
    display: flex;
}
.site-menu .close{
    position: absolute;
    right: var(--padding-content);
    top: 42px;
    cursor: pointer;
    filter: invert(1);
    mix-blend-mode: difference;
}
.site-menu .close-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
}
.site-menu .close span{
    display: block;
    background-color: var(--color-black);
    width: 56px;
    height: 2px;
    transform: rotate(45deg);
}
.site-menu .close span:nth-child(2){
    width: 2px;
    height: 56px;
    position: absolute;
}
.site-menu .content{
    width: 66.66666%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 90px;
}
.site-menu .content .logo.open-menu{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.site-menu .content .logo-mobile{
    display: none;
}
.site-menu .image{
    width: calc(33.33333% + var(--padding-content));
    margin: -42px calc(-1* var(--padding-content));
    margin-left: 0px;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.site-menu .image img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.site-menu .content .logo svg{
    display: block;
    width: 200px;
}
.site-menu .content .logo:not(.open-menu) svg path{
    fill: var(--color-white) !important;
}
.site-menu nav ul{
    position: relative;
    list-style: none;
    margin: 0px;
}
.site-menu nav ul.sub-menu{
    position: absolute;
    display: none;
    width:50%;
    top: 0px;
    left: 50%;
}
.site-menu nav li#menu-item-263 > ul.sub-menu > li > ul.sub-menu{
    display: none;
}
.site-menu nav.main-menu{
    border-top: var(--color-white) 1px solid;
    border-bottom: var(--color-white) 1px solid;
    padding: 20px 0px;
}
.site-menu nav.main-menu ul.menu:before{
    content: '';
    position: absolute;
    width: 1px;
    display: block;
    left: 50%;
    background: var(--color-white);
    top: -20px;
    bottom: -20px;
}
.site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu{
    display: flex;
    height: 100%;
    flex-direction: column;
}
.site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu.fixed-ul > li:hover{
    display: block;
}
.site-menu nav.main-menu ul.menu ul.sub-menu li:hover ul.sub-menu{
    display: flex;
    height: 100%;
    flex-direction: column;
    width: 100%;
    top: 0px;
    right: 0px;
    position: absolute;
}
.site-menu nav.main-menu ul.menu ul.sub-menu li.show ul.sub-menu.fixed,
.site-menu nav.main-menu ul.menu ul.sub-menu li:hover ul.sub-menu.fixed{
    position: absolute;
    left: 1px;
    right: unset;
    width: 100%;
    background-color: var(--color-orange);
    z-index:1;
    display: block !important;
}
.site-menu nav.main-menu ul.menu > li#menu-item-263 > ul.sub-menu li.menu-item-has-children > a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}
.site-menu nav.main-menu ul.menu > li#menu-item-263 > ul.sub-menu li.menu-item-has-children > a::after,
.site-menu nav.main-menu ul.menu ul.sub-menu li:hover ul.sub-menu.fixed li.menu-return a::before,
.site-menu nav.main-menu ul.menu ul.sub-menu li.show ul.sub-menu.fixed li.menu-return a::before{
    content: '';
    display: block;
    width: 25px;
    height: 17px;
    background: url(./images/arrow-right.svg) no-repeat;
    margin-left: 0px;
}
.site-menu nav.main-menu ul.menu > li#menu-item-263 > ul.sub-menu li.menu-item-has-children > a::after{
    rotate: 180deg;
}
.site-menu nav.main-menu ul.menu ul.sub-menu li:hover ul.sub-menu.fixed li.menu-return a,
.site-menu nav.main-menu ul.menu ul.sub-menu li.show ul.sub-menu.fixed li.menu-return a{
    display: flex;
    align-items: center;
    gap: 8px;
}
.site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu > li,
.site-menu nav.main-menu ul.menu ul.sub-menu.fixed > li{
    padding:21px 0px;
    position: relative;
}
.site-menu nav.main-menu ul.menu ul.sub-menu.fixed > li > a{
    color: var(--color-white) !important;
}
.site-menu nav.main-menu ul.menu ul.sub-menu.fixed > li > a:hover{
    color: var(--color-space) !important;
}
.site-menu nav.main-menu ul.menu ul.sub-menu.fixed > li + li:before,
.site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu > li + li:before{
    content: '';
    width: calc(100% - 180px);
    height: 1px;
    background-color: #FFF;
    display: block;
    margin-left: 90px;
    position: absolute;
    top: 0px;
}
.site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu > li a{
    padding-left: 90px;
    padding-right: 90px;
    display: block;
}
.site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu > li a p.menu-item-description{
    font: var(--font-testo-regular);
    font-size: 19px;
    color: #FFF;
    margin-top: 5px;
}
.site-menu nav.main-menu ul.menu > li,
.site-menu nav.main-menu ul.menu > li > a{
    display: block;
}
.site-menu nav.main-menu ul.menu > li:hover a,
.site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu > li:hover a,
.site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu > li:hover a p.menu-item-description{
    color: var(--color-space);
}
.site-menu nav.main-menu ul.menu > li:has(ul.sub-menu):hover > a:after{
    content: url(./images/freccia-menu-verde.svg);
    display: block;
    width: 91px;
    height: 8px;
    position: absolute;
    top: 0%;
    right: 30px;
}
.site-menu nav.main-menu ul.menu > li{
    width: 50%;
}
.site-menu nav.main-menu ul.menu > li > a{
    font: var(--font-testo-regular);
    font-size: 32px;
    width: 100%;
    font-size: 48px;
    color: var(--color-white);
    padding-left: 90px;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    /* font-weight: 400; */
}
.site-menu nav.main-menu ul.menu > li > ul.sub-menu li a{
    font: var(--font-testo-regular);
    font-size: 32px;
    color: var(--color-white);
    font-weight: 400;
}
.site-menu nav.main-menu ul.menu > li#menu-item-263 > ul.sub-menu li,
/* .site-menu nav.main-menu ul.menu > li#menu-item-263 > ul.sub-menu li, */
.site-menu nav.main-menu ul.menu > li#menu-item-12919 > ul.sub-menu li,
.site-menu nav.main-menu ul.menu > li#menu-item-12960 > ul.sub-menu li,
.site-menu nav.main-menu ul.menu > li#menu-item-13129 > ul.sub-menu li,
.site-menu nav.main-menu ul.menu > li#menu-item-13147 > ul.sub-menu li{
    padding: 16px 0px;
}
.site-menu nav.main-menu ul.menu > li#menu-item-12960 > ul.sub-menu li,
.site-menu nav.main-menu ul.menu > li#menu-item-13147 > ul.sub-menu li{
    padding: 12px 0px;
}
.site-menu nav.main-menu ul.menu > li#menu-item-263 > ul.sub-menu li a,
/* .site-menu nav.main-menu ul.menu > li#menu-item-263 > ul.sub-menu li a, */
.site-menu nav.main-menu ul.menu > li#menu-item-12919 > ul.sub-menu li a,
.site-menu nav.main-menu ul.menu > li#menu-item-12960 > ul.sub-menu li a,
.site-menu nav.main-menu ul.menu > li#menu-item-13129 > ul.sub-menu li a,
.site-menu nav.main-menu ul.menu > li#menu-item-13147 > ul.sub-menu li a{
    font-size: 20px;
}
.site-menu nav.main-menu li#menu-item-14942 > ul.sub-menu li a{
        font-size: 18px !important;
    }
.site-menu nav.main-menu li#menu-item-14942 > ul.sub-menu li{
    padding: 8px 0px !important;
}
.site-menu nav.second-menu{
    display: flex;
    justify-content: space-between;
}
.site-menu nav.second-menu > div:nth-child(1){
    width: calc(100% - 19.53%);
}
.site-menu nav.second-menu > div:nth-child(2){
    width: 19.53%;
}
html[lang=en-US] .site-menu nav.second-menu > div:nth-child(1),
html[lang=fr-FR] .site-menu nav.second-menu > div:nth-child(1){
    width:70%;
}
html[lang=en-US] .site-menu nav.second-menu > div:nth-child(2),
html[lang=fr-FR] .site-menu nav.second-menu > div:nth-child(2){
    width:30%
}

.site-menu nav.second-menu > div:nth-child(2) ul{
    justify-content: flex-end;
}
.site-menu nav.second-menu > div:nth-child(2) ul > li{
    display: flex;
    gap: 10px;
    font: var(--font-testo-medium);
    font-size: 18px;
    color: var(--color-white);
    text-transform: uppercase;
}
.site-menu nav.second-menu > div:nth-child(2) ul li + li:before{
    content: "|";
    display: block;
    padding-left: 10px;
}
.site-menu nav.second-menu > div:nth-child(2) ul li a,
.site-menu nav.second-menu > div:nth-child(2) ul li a span{
    font: var(--font-testo-medium);
    font-size: 18px;
    color: var(--color-white);
    text-transform: uppercase;
}
.site-menu nav.second-menu > div:nth-child(2) ul li a{
    opacity: 0.5;
    transition: opacity 300ms ease-in-out;
}
.site-menu nav.second-menu > div:nth-child(2) ul li a:hover,
.site-menu nav.second-menu > div:nth-child(2) ul li.wpml-ls-current-language a{
    opacity: 1;
    transition: opacity 300ms ease-in-out;
}
.site-menu nav.second-menu ul{
    display: flex;
    justify-content: space-between;
}
.site-menu nav.second-menu ul li a{
    font:var(--font-testo-medium);
    font-size: 18px;
    color: var(--color-white);
    text-transform: uppercase;
}
.site-menu nav.second-menu ul li:hover a{
    color: var(--color-space);
}
.grid-post .grid-wrapper{
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    grid-gap: 60px 30px;
}
.grid-progetto .load-more svg,
.grid-post .load-more svg{
    display: block;
    margin:0px auto;
    cursor: pointer;
}
.grid-progetto .load-more svg path,
.grid-post .load-more svg path{
    transition: opacity 300ms ease-in-out;
    opacity: 0.4;
}
.grid-progetto .load-more svg:hover path,
.grid-post .load-more svg:hover path{
    transition: opacity 300ms ease-in-out;
    fill: var(--color-orange);
    opacity: 1;
}
.grid-progetto .load-more svg.disabled,
.grid-post .load-more svg.disabled{
    cursor: default;
    opacity: 0.4;
    pointer-events: none;
}
.grid-progetto .row.grid-wrapper article picture a{
    overflow: hidden;
}
.grid-progetto .row.grid-wrapper article picture a img{
    display: block;
    transition: transform 300ms ease-in-out;
    transform: scale(1);
}
.grid-progetto .row.grid-wrapper article picture a:hover img{
    transition: transform 900ms ease-in-out;
    transform: scale(1.2);
}
.grid-progetto .row.grid-wrapper article h3 a:hover{
    color:var(--color-orange);
}
.vc_row.wpb_row.blocchi-sostenibilita{
    margin-top: 150px;
    margin-bottom: 150px;
    display: block;
}
.vc_row.wpb_row.blocchi-sostenibilita .riga-sostenibilita{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    row-gap: 45px;
}
.vc_row.wpb_row.blocchi-sostenibilita .riga-sostenibilita + .riga-sostenibilita{
    margin-top: 45px;
}
.vc_row.wpb_row.blocchi-sostenibilita .riga-sostenibilita:nth-child(1) .blocco-sostenibilita,
.vc_row.wpb_row.blocchi-sostenibilita .riga-sostenibilita:last-child .blocco-sostenibilita{
    aspect-ratio: 2;
}
.riga-sostenibilita .blocco-sostenibilita{
    width:calc((100% - 90px) / 4);
    aspect-ratio: 1;
}
.riga-sostenibilita .blocco-sostenibilita + .blocco-sostenibilita{
    margin-left: 30px;
}
.riga-sostenibilita .blocco-sostenibilita[data-width="2"]{
    width:calc(30px + (100% - 90px) / 2);
}
.riga-sostenibilita .blocco-sostenibilita.title{
    display: flex;
    align-items: center;
    justify-content: center;
}
.riga-sostenibilita .blocco-sostenibilita.title h3{
    font-size: 48px;
    color: #1E1E1E;
    padding: 30px;
    width: 100%;
    text-align: center;
}
.riga-sostenibilita .blocco-sostenibilita.text{
    padding: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.riga-sostenibilita .blocco-sostenibilita.text p{
    font: var(--font-title-regular);
    font-size: 21px;
    font-weight: 400;
}
.riga-sostenibilita .blocco-sostenibilita.text p strong{
    font: var(--font-title-medium);
    font-size: inherit
}
.riga-sostenibilita .blocco-sostenibilita.image{
    overflow: hidden;
}
.riga-sostenibilita .blocco-sostenibilita.image picture,
.riga-sostenibilita .blocco-sostenibilita.image picture img{
    display: block;
}
.riga-sostenibilita .blocco-sostenibilita.image picture{
    width: 100%;
    height: 100%;
}
.riga-sostenibilita .blocco-sostenibilita.image picture img{
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1;
}
.riga-sostenibilita .blocco-sostenibilita.image[data-width="2"] picture img{
    aspect-ratio: 2;
}

.fisarmonica-block,
.fisarmonica-dynamic-block{
    box-sizing: border-box;
    position: relative !important;
}
.fisarmonica-block .bottone-link,
.fisarmonica-dynamic-block .bottone-link{
    position: absolute;
    bottom: 0px;
}
.fisarmonica-dynamic-block .wpb_wrapper{
    position: relative;
}
.fisarmonica-dynamic-block div.image-accordion picture{
    display: block;
    position: relative;
    position: sticky;
    top:0px;
}
.fisarmonica-dynamic-block div.image-accordion picture:after{
    content: '';
    display: block;
    position: absolute;
    background-color: var(--color-orange);
    opacity: 0;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: opacity 300ms ease-in-out;
}
.fisarmonica-dynamic-block div.image-accordion picture.loading:after{
    opacity: 0.5;
    transition: opacity 300ms ease-in-out;
}
.fisarmonica-dynamic-block div.image-accordion picture img{
    display: block;
    width: 100%;
    aspect-ratio: 0.74;
    object-fit: cover;
}
.content .accordion .item_accordion .content{
    display: grid !important;
    grid-template-rows: 0fr;
    transition: 300ms grid-template-rows ease;
    height: 0px;
}
.content .accordion .item_accordion.active .content{
    grid-template-rows: 1fr;
    height: auto;
}
.content .accordion .item_accordion .content .wrapper{
    overflow: hidden;
}
.certificazioni-accordion .accordion .item_accordion .content .wrapper, .certificazioni-accordion.accordion .item_accordion .content .wrapper{
    margin-left: 33.3333%;
    display: flex;
    flex-direction: column;
    gap: 45px;
    margin-bottom: 45px;
}
.split-chars h1,
.split-chars h2,
.split-chars h3,
.split-chars h4,
.split-chars h5,
.split-chars h6,
.split-chars h1 > div,
.split-chars h2 > div,
.split-chars h3 > div,
.split-chars h4 > div,
.split-chars h5 > div,
.split-chars h6 > div{
    line-height: 0;
}
.split-chars h1 > div,
.split-chars h2 > div,
.split-chars h3 > div,
.split-chars h4 > div,
.split-chars h5 > div,
.split-chars h6 > div{
    overflow: hidden;
}
.split-chars h1 > div > div,
.split-chars h2 > div > div,
.split-chars h3 > div > div,
.split-chars h4 > div > div,
.split-chars h5 > div > div,
.split-chars h6 > div > div{
    line-height: 1.3;
}
/* div.custom-title.split-chars{
    width: min(900px,100%);
} */
div.video-wrapper.no-autoplay,
div.video-youtube-wrapper{
    position: relative;
    overflow: hidden;
}
div.video-wrapper.no-autoplay:hover,
div.video-youtube-wrapper:hover{
    cursor: pointer;
}
div.video-wrapper.no-autoplay video,
div.video-youtube-wrapper img{
    transform: scale(1);
    transition: transform 300ms ease-in-out;
}
div.video-youtube-wrapper picture,
div.video-youtube-wrapper img{
    display: block;
    max-width: none;
    width: 100%;
}
div.video-youtube-wrapper img{
    min-height: 350px;
    object-fit: cover;
}
div.video-wrapper.no-autoplay:hover video,
div.video-youtube-wrapper:hover img{
    transform: scale(1.05);
    transform-origin: 50% 50%;
    transition: transform 300ms ease-in-out;
}
div.video-wrapper::before,
div.video-youtube-wrapper:before{
    content: '';
    background-color: #1E1E1E;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    opacity: 0.3;
    mix-blend-mode: multiply;
    z-index: 1;
}
div.video-wrapper.no-autoplay:after,
div.video-youtube-wrapper:after{
    content: '';
    display: block;
    width: 134px;
    height: 134px;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    background: url(./images/play.svg) no-repeat;
    background-size: cover;
}
div.video-youtube-wrapper div.modal-youtube{
    display: none;
    position: fixed;
    top:0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.6);
    z-index: 2147483647;
}
div.video-youtube-wrapper.show div.modal-youtube{
    display: block;
}
div.video-youtube-wrapper div.modal-youtube div.wrapper-frame{
    position: absolute;
    width: 1200px;
    height: 675px;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
div.video-youtube-wrapper div.modal-youtube div.close{
    position: absolute;
    top: 15px;
    right: 30px;
    transform: none;
    font: var(--font-testo-medium);
    font-size: 25px;
    color: var(--color-white);
    text-transform: uppercase;
    background: var(--color-orange);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
div.video-youtube-wrapper div.modal-youtube div.close:hover{
    background: var(--color-white);
}
div.video-youtube-wrapper div.modal-youtube div.close:hover i{
    color: var(--color-orange);
}
div.video-youtube-wrapper div.modal-youtube div.close i{
    font-size: 25px;
    color: var(--color-white);
    line-height: 1;
}
div.video-youtube-wrapper div.modal-youtube iframe{
    border: none;
    width: 100%;
    height: 100%;
}
div.chat-widget.light{
    background-color: var(--color-white);
}
div.chat-widget.light:hover{
    background-color: var(--color-orange);
}
div.chat-widget.light svg path.dot{
    fill: var(--color-black);
}
div.chat-widget.light svg path.line{
    stroke: var(--color-black);
}
body.single-progetto .carosello-progetti .row.cta{
    margin-bottom: 85px;
}
body.single-progetto .carosello-progetti .row.cta h3 div{
    text-transform: uppercase;
}
body.single-progetto .carosello-progetti .row.cta h3 > div{
    overflow: hidden;
}
/* Press category */
body.tax-press-category .content .grid-post .row.filter-post .col.all{
    gap:16px;
    justify-content: space-between;
}
body.tax-press-category .content .grid-post .row.filter-post .col.all select{
    position: relative;
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M201.4%20374.6c12.5%2012.5%2032.8%2012.5%2045.3%200l160-160c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L224%20306.7%2086.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l160%20160z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    background-size: 12px;
    font: var(--font-testo-medium);
    font-size: 16px;
    color: var(--color-black);
    border:#000000 1px solid;
    padding: 15px 30px 15px 15px;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}
body.tax-press-category .content .grid-post .row.filter-post .col.all div.orders{
    display: flex;
    gap: 0px;
}
body.tax-press-category .content .grid-post .row.filter-post .col.all div.orders a{
    display: block;
    opacity: 0.35;
    transition: opacity 300ms ease-in-out;
}
body.tax-press-category .content .grid-post .row.filter-post .col.all div.orders a:hover,
body.tax-press-category .content .grid-post .row.filter-post .col.all div.orders a.active{
    opacity: 1;
    transition: opacity 300ms ease-in-out;
}
body.tax-press-category .content .grid-post .row.filter-post .col.all div.orders a svg{
    display: block;
    width: 26px;
}
body.tax-press-category .content .grid-post .row.filter-post .col.all a{
    display: flex;
    align-items: center;
    gap:12px;
}
body.tax-press-category .content .grid-post .row.filter-post .col.all a span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    font-size: 21px;
    border:#000000 1px solid;
    border-radius: 50%;
}
body.tax-press-category article.single-post div.categories span{
    font:var(--font-title-medium);
    font-size: 18px;
}
body.tax-press-category article.single-post h3 a{
    font-size: 21px;
}
body.tax-press-category article.single-post time{
    font-size: 18px;
}
.vc_row.row-paragraph .elementi p{
    font: var(--font-testo-regular) !important;
    font-size: 21px !important;
    line-height: 1.25;
}
.vc_row.row-paragraph .elementi p strong{
    font: var(--font-testo-medium);
    font-size: inherit !important;
}
.blocco-spaced-text + .sistemi-copertura{
    margin-top: 120px;
}
.swiper.copertura .swiper-wrapper{
    display: flex;
    column-gap: 30px;
    row-gap: 85px;
    flex-wrap: wrap;
}
.page-id-12617 .swiper.copertura .swiper-wrapper{
    column-gap: 0px;
    justify-content: space-between;
}
.swiper.copertura .swiper-slide{
    display: flex;
    flex-direction: column;
    width: calc((100% - 120px) / 5);
    gap: 30px;
}
.swiper.copertura .swiper-slide a.picture{
    height: 364px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
}
.swiper.copertura .swiper-slide a.picture img{
    margin: auto;
    display: block;
    max-width: unset;
    /* width: 100%; */
}
.swiper.copertura .content-sistemi{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.swiper.copertura .content-sistemi h3{
    font: var(--font-testo-regular);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.15;
    color: #ffffff;
    margin-bottom: 0px !important;
}
.swiper.copertura a.arrow{
    width: 25px;
    height: 17px;
    background: url(./images/arrow.svg);
    display: block;
}
.wpb_gallery_slides.wpb_image_grid,
.wpb_gallery_slides.wpb_image_grid ul,
.wpb_gallery_slides.wpb_image_grid li{
    position: static !important;
}
.wpb_gallery_slides.wpb_image_grid ul{
    height: unset !important;
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
}
.gallery-prodotto .wpb_gallery_slides.wpb_image_grid ul{
    display: grid;
    grid-template-columns: 1.723fr 1fr;
}
.row-gallery .wpb_image_grid ul{
    margin: 0px !important;
}
body:not(.page-id-274) .wpb_gallery_slides.wpb_image_grid ul img{
    max-height: unset !important;
    max-width: unset !important;
    aspect-ratio: 1;
}
.row-coperture-alar{
    margin-top: 90px;
    width: calc(100vw - 120px);
    margin-left: -33%;
}
.row-coperture-alar .swiper.copertura .swiper-slide a.picture{
    background-color: unset;
    height: unset;
}
.page-id-12617 .row-coperture-alar .swiper.copertura .swiper-slide{
    width: calc((100% - 90px) / 4);
}
.row-coperture-alar .swiper.copertura .content-sistemi h3{
    color: var(--color-black);
    font: var(--font-testo-bold);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.15;
}
.row-coperture-alar .swiper.copertura a.arrow{
    background-image: url(./images/arrow-black.svg);
}
.row-paragraph + .modulo-immagine-interattiva{
    margin-top: 90px;
}
.modulo-immagine-interattiva{
    display: flex;
    flex-direction: row;
    gap: 50px;
    width: 100%;
}
.modulo-immagine-interattiva .foto{
    position: relative;
    width: 70%;
}
.modulo-immagine-interattiva .number{
    position: absolute;
    height: 50px;
    width: 50px;
    z-index: 99;
    transform: translate(-50%,-50%);
    transition: opacity 150ms ease-in-out;
}
.modulo-immagine-interattiva .number.disabled{
    opacity: 0.7;
    transition: opacity 150ms ease-in-out;
}
.modulo-immagine-interattiva .number span{
    position: absolute;
    background-color: var(--color-black);
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: block;
    font: var(--font-text-numbers);
    font-size: 27px;
    font-weight: 500;
    line-height: 46px;
    color: var(--color-white);
    text-align: center;
}
.modulo-immagine-interattiva .number span:hover{
    background-color: var(--color-orange);
    cursor: pointer;
}
.modulo-immagine-interattiva picture{
    display: block;
}
.modulo-immagine-interattiva img{
    width: 100%;
    max-width: none;
}
.modulo-immagine-interattiva .description{
    position: absolute;
    right: 60px !important;
    opacity: 0;
    font: var(--font-testo-medium);
    font-size: 21px;
    font-weight: 530;
    line-height: 1.25;
    padding: 12px 0px;
    border-bottom: 1px solid var(--color-black);
    padding-left: 35px;
}
.modulo-immagine-interattiva .description.show{
    opacity: 1;
    z-index: 999;
}
.modulo-immagine-interattiva .description h4{
    font: var(--font-testo-regular);
    font-size: 21px;
}
.bottone-indietro-link{
    margin-bottom: 20px;
}
.bottone-indietro-link a{
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
}
.bottone-indietro-link a svg{
    width: 90px;
    height: 90px;
}
.bottone-indietro-link a svg path{
    fill: var(--color-black);
}
.bottone-indietro-link a svg circle{
    stroke: var(--color-black);
}
.bottone-indietro-link a:hover svg path{
    fill: var(--color-orange);
}
.bottone-indietro-link a:hover svg circle{
    stroke: var(--color-orange);
}
.bottone-indietro-link a span{
    font: var(--font-testo-medium);
    font-weight: 530;
    line-height: 1.25;
    color: var(--color-black);
}
.bottone-indietro-link a:hover span{
    color: var(--color-orange);
}

.lb-data .lb-details{
    display: none;
}
.lightbox .lb-image{
    position: relative !important;
    max-width: 800px !important;
}
.lb-nav a.lb-next,
.lb-nav a.lb-prev{
    position: absolute;
    width: 40px !important;
    height: 40px !important;
    background: url(./images/arrow-next.svg) no-repeat center !important;
    transition: none !important;
    opacity: 1 !important;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.7 !important;
}
.lb-nav a.lb-prev{
    rotate: 180deg;
    transform: translateY(50%);
}
.lb-data .lb-close{
    position: absolute;
    top: 0px;
    background: url(./images/close.svg) center no-repeat !important;
    width: 40px !important;
    height: 40px !important;
}
.lb-outerContainer{
    position: relative;
}
.lightbox .lb-image,
.lb-outerContainer{
    border: 0px !important;
    border-radius: 0px !important;
    background-color: transparent !important;
}
.row-accordion-alar{
    margin-left: auto !important;
}
.row-accordion-alar .text-animation + .text-animation{
    margin-top: 60px !important;
}
.row-accordion-alar .vc_row + .vc_row{
    margin-top: clamp(20px, 4.3vw, 75px) !important;
}
.row-accordion-alar .vc_row div.custom-title.split-chars,
.row-accordion-alar .vc_row h3{
    width: 100%;
}
.row-accordion-alar .vc_row div.custom-title.split-chars{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: clamp(16px, 1.7vw , 30px);
    border-top: 1px solid var(--color-black);
    cursor: pointer;
}
.row-accordion-alar .vc_row.active div.custom-title.split-chars{
    margin-bottom: clamp(30px, 4.3vw , 75px);
}
.row-accordion-alar .vc_row div.custom-title.split-chars::after{
    content: "+";
    display: block;
    font-size: 44px;
    line-height: 1;
}
.row-accordion-alar .min p,
.row-accordion-alar .grafico p{
    font: var(--font-testo-regular);
    font-size: 21px;
    line-height: 1.25;
}
.row-accordion-alar p{
    font: var(--font-testo-regular);
    font-size: 24px;
    line-height: 1.1;
}
body.page-template-prodotti .row-accordion-alar .mid p{
    font-size: clamp(19px, 1.4vw, 24px) !important;
}
.row.grid-wrapper article h3 a{
    font-size:16px !important;
    text-transform: initial;
}
.row-accordion-alar .mid h3 + p{
    margin-top: 20px;
}
.row-accordion-alar p + p{
    margin-top: 30px;
}
.row-accordion-alar.vc_row.row-paragraph p strong{
    font: var(--font-testo-medium);
    font-size: inherit !important;
}
.row-accordion-alar .wpb_single_image.wpb_content_element{
    margin-top: 45px !important;
    margin-bottom: 60px !important;
}
.row-accordion-alar .wpb_single_image.wpb_content_element.mid,
.row-accordion-alar .wpb_single_image.wpb_content_element.mid + .text-animation.mid{
    width: calc((100% - 45px) / 2);
}
.row-accordion-alar .row-image-text .wpb_single_image.wpb_content_element.mid{
    width: 100%;
}
.row-accordion-alar .mid .wpb_wrapper .wrapper-content{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 45px;
}
.row-accordion-alar .grafico{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 40px;
    margin-top: 30px;
}
.grafico .image figure,
.grafico .image img{
    display: block;
    margin: 0px;
    width: 100%;
}
.row-accordion-alar .grafico .image{
    width: 54%;
}
.row-accordion-alar .grafico .legende{
    width: calc(46% - 40px);
}
.row-accordion-alar .grafico .legende .item_grafico + .item_grafico{
    margin-top: 35px;
}
.row-accordion-alar .grafico .legende .item_grafico{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.row-accordion-alar .grafico .legende .item_grafico span.color{
    display: block;
    width: 92px;
    height: 5px;
}
.table-trasmittanza{
    width: 100%;
    max-width: 100%;
    margin-top: clamp(14px, 2.6vw, 45px) !important;
    overflow-x: scroll;
}
.table-trasmittanza table{
    width: 100% !important;
}
table caption{
    margin-bottom: 15px;
}
.wpb_raw_code + .wpb_text_column.wpb_content_element{
    margin-top: 90px !important;
}
.table-trasmittanza table,
.table-trasmittanza table th,
.table-trasmittanza table td{
    border: 1px solid var(--color-black);
    text-align: center;
}
.table-trasmittanza table th,
.table-trasmittanza table td{
    font: var(--font-testo-regular);
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.table-trasmittanza table td strong{
    font: var(--font-testo-bold);
    font-size: 16px;
}
.table-trasmittanza table{
    margin: 0px;
    width: 100%;
    border-collapse: collapse;
}
.table-trasmittanza table,
.table-trasmittanza table td:first-child,
.table-trasmittanza table th:first-child{
    border-left: 0px;
}
.table-trasmittanza thead tr th{
    background-color: var(--color-orange);
    color: white;
}
.table-trasmittanza thead tr:first-child th strong{
    color: var(--color-white);
}
.table-trasmittanza.head-full table th{
    border: 0px !important;
    color: white;
}
.table-trasmittanza.head-full thead tr:nth-child(2):not(:nth-last-child) th{
    padding-bottom: 0px;
}
.table-trasmittanza.head-full thead tr:nth-child(3) th{
    padding-top: 7px;
    padding-bottom: 0px;
}
table sup{
    color: inherit !important
}
.table-trasmittanza.head-full th.fixed{
    border-bottom: 1px solid var(--color-black) !important;
}
.table-trasmittanza table,
.table-trasmittanza table td:last-child,
.table-trasmittanza table th:last-child{
    border-right: 0px;
}
.table-trasmittanza table tr.spacer td{
    padding: 0px;
    height: 15px;
}
.table-trasmittanza td.year{
    text-align: left;
    padding-left: 7px;
}
.vc_row.row-paragraph .table-trasmittanza + .min p{
    margin-top: 30px !important;
    font: var(--font-testo-regular);
    font-weight: 375;
    font-size: 21px !important;
    line-height: 1.25;
}
.row-accordion-alar .row-riga-accordion{
    width: 100%;
    padding-bottom: 0px !important;
}
.row-accordion-alar .row-riga-accordion.active div.custom-title.split-chars::after{
    display: none;
}
.row-accordion-alar .row-riga-accordion.active div.custom-title.split-chars::before{
    content: "-";
    display: block;
    font-size: 44px;
    line-height: 1;
}
.row-accordion-alar .vc_row.active div.custom-title.split-chars{
    flex-direction: row-reverse;
}
.row-accordion-alar .vc_row.row-riga-accordion div.content{
    display: grid !important;
    grid-template-rows: 0fr;
    transition: .3s grid-template-rows ease;
    height: 0;
    overflow: hidden;
}
.row-accordion-alar .vc_row.row-riga-accordion div.wrapper-content{
    overflow: hidden;
}
.row-accordion-alar .vc_row.row-riga-accordion.active div.content{
    grid-template-rows: 1fr;
    height: auto;
    width: 100%;
}
.titoletto + .wpb_text_column{
    margin-top: 45px !important;
}
.row-modal-careers.candidatura-spontanea{
    display: none;
}

/* Accordion home */
.accordion-home{
    position: sticky;
    padding: clamp(54px, 5.2vw, 90px) clamp( 84px, 8.1vw, 140px);
}
.accordion-home .wrapper{
    position: relative;
}
.accordion-home button.close{
    position: absolute;
    right: 0px;
    top: 0px;
    appearance: none;
    background-color: transparent;
    border-radius: 0px;
    border: var(--color-white) 1px solid;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    z-index: 1;
}
.accordion-home button.close:before{
    content: '';
    display: block;
    background-color: var(--color-white);
    width: 25px;
    height: 2px;
}
.accordion-home button.close.plus:after{
    content: '';
    display: block;
    background-color: var(--color-white);
    width: 2px;
    height: 25px;
    position: absolute;
}
.accordion-home.active button.close.plus:after{
    content: none;
}
.accordion-home .row{
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-gap:80px;
}
.accordion-home .row .col-1{
    font:var(--font-title-regular);
    font-size: clamp( 60px, 5.78vw, 100px);
    color: var(--color-white);
}
.accordion-home .row .col-2 h3{
    font-size: 34px;
    color: var(--color-white);
    line-height: 1.15;
}
.accordion-home .row .col-2 p.intro{
    font-size: 21px;
    color: var(--color-white);
    margin-top: clamp(24px, 2.31vw, 40px);
}
.accordion-home .row .col-2 div.description{
    margin-top: clamp(40px, 4.62vw, 80px);
}
.accordion-home .row .col-2 div.description *{
    font: var(--font-testo-regular);
    font-size: clamp(18px, 1.62vw, 28px);
    color: var(--color-white);
}
.accordion-home .row .col-2 div.descriptin p{
    margin: 0px;
}
.accordion-home .row .col-2 div.description a{
    display: block;
    padding: 10px 0px;
}
.accordion-home .row .col-2 div.description a{
    display: block;
    border-bottom: var(--color-white-opacity-50) 1px solid;
}
.accordion-home .row .col-2 div.description br{
    display: none;
}
.accordion-home .row .col-3{
    position: relative;
}
.accordion-home .row .col-3 picture{
    display: block;
    position: absolute;
    top: 0px;
    aspect-ratio: 1;
    overflow: hidden;
}
.accordion-home .row .col-3 picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.accordion-home:not(.active){
    padding: 47px 140px;
}
.accordion-home:not(.active) .row{
    align-items: center;
}
.accordion-home:not(.active) button.close{
    top: 50%;
    transform: translateY(-50%);
}
.accordion-home:not(.active) p.intro,
.accordion-home:not(.active) div.description,
.accordion-home:not(.active) .row .col-3 picture{
    display: none;
}
.accordion-home.active .row{
    min-height: 700px;
}
.accordion-home:not(.active):hover{
    cursor: pointer;
}
.blocco-moduli .modulo,
.blocco-moduli .modulo a,
.blocco-moduli .modulo a .foto,
.blocco-moduli .modulo picture,
.blocco-moduli .modulo img{
    height: 100%;
    display: block;
}
.blocco-moduli .modulo img{
    object-fit: cover;
}
.gallery-prodotto picture,
.gallery-prodotto picture img{
    object-fit: cover;
    height: 100%;
    display: block;
}
.gallery-prodotto .swiper-slide{
    width: auto !important;
    height: 100% !important;
}
.gallery-prodotto .swiper-slide-next{
}
.gallery-prodotto .swiper.gallery{
    width: 100% !important;
    margin-bottom: 0px;
}
.gallery-prodotto .swiper-wrapper{
    /* height: auto !important; */
}
.gallery-prodotto div.row.carosello{
    display: flex;
    flex-direction: column-reverse;
    gap: 60px;
    align-items: flex-end;
}
.gallery-prodotto .swiper-button-next,
.gallery-prodotto.swiper-button-prev{
    margin-top: 0px !important;
}
body.page-id-274 div.row.carosello .swiper-navigation{
    display: none;
}
body.page-id-274 div.row.carosello .swiper{
    width: 100% !important;
}
body.page-id-274 .carosello-testo{
    width: calc(100vw - 120px);
}
.content .grid-progetto .row.filter-post{
    display: none;
}
.single-progetto iframe{
    margin-top: 64px;
}
.single-progetto iframe div,
.player.right-content-area-supported{
    width: 100% !important;
    max-width: unset !important;
}
.single-progetto .wpb_text_column + .wpb_raw_html,
.single-progetto .wpb_raw_html + .wpb_text_column{
    margin-top: clamp(32px, 3.47vw, 60px) !important;
}
.single-progetto .wpb_raw_html table{
    text-align: left;
}
.single-progetto .wpb_raw_html table th{
    font: var(--font-testo-bold);
}
.single-progetto .wpb_raw_html table td,
.single-progetto .wpb_raw_html table th{
    padding: 10px 5px;
    border-top: var(--color-black) 1px solid;
    font-size: 18px;
    color: var(--color-black);
}
.single-post .wpb_text_column + .bottone-link{
    margin-top: clamp(32px, 3.47vw, 60px) !important;
}
.single-post .bottone-link a{
    text-decoration: none !important;
}
.applicazioni-prodotto picture,
.applicazioni-prodotto picture a{
    display: block;
}
.applicazioni-prodotto picture{
    overflow: hidden;
}
.applicazioni-prodotto picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 300ms ease-in-out;
}
.applicazioni-prodotto picture:hover img{
    transform: scale(1.05);
    transition: transform 300ms ease-in-out;
}
.swiper.applicazioni-prodotto{
    width: 100% !important;
}
/* Responsive */
@media (max-width:2200px){
    .riga-sostenibilita .blocco-sostenibilita.text p{
        font-size: 17px;
    }
    .accordion-home.active .row{
        min-height: 600px;
    }
}

@media (max-width:1920px){
    .pink-content{
        max-width: 80%;
    }
    .row-contenuti.t-green .col.text,
    .row-contenuti.t-pink .col.text{
        padding-top: 40px;
        padding-bottom: 50px;
    }
    footer .loghi img{
        height: 80px;
    }
    footer .loghi{
        gap: 38px;
    }
    .grid-post .grid-wrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .tabs .tabs-navigation{
        margin-right: 150px;
        margin-left: 150px;
    }
    body.single-progetto .approfondimento .row .image{
        width: 66.6666%;
    }
    body.single-progetto .approfondimento .row .text{
        width: 33.3333%;
    }
    .vc_row.blue .white .col.fisarmonica{
        width: 50%;
        min-height: 90vh;
    }
    .vc_row.blue .white .col.img{
        width: 50%;
    }
    .accordion h4{
        font-size: 36px !important;
    }
    .riga-sostenibilita .blocco-sostenibilita.title h3{
        font-size: 42px;
    }
    .riga-sostenibilita .blocco-sostenibilita{
        width:calc((100% - 60px) / 3);
    }
    .riga-sostenibilita .blocco-sostenibilita[data-width="2"]{
        width:calc((100% - 60px) / 3);
    }
    .riga-sostenibilita .blocco-sostenibilita.image[data-width="2"] picture img{
        height: 100%;
    }
    .vc_row.wpb_row.blocchi-sostenibilita .riga-sostenibilita:nth-child(1) .blocco-sostenibilita, 
    .vc_row.wpb_row.blocchi-sostenibilita .riga-sostenibilita:last-child .blocco-sostenibilita{
        aspect-ratio: 1;
    }
    .riga-sostenibilita .blocco-sostenibilita.empty{
        display: none;
    }
    .riga-sostenibilita .blocco-sostenibilita.empty + .blocco-sostenibilita{
        margin-left: 0px;
    }
}
@media (max-width:1800px){
    .swiper.copertura .swiper-slide{
        width: calc((100% - 90px) / 4);
    }
    .modulo-immagine-interattiva .foto{
        width: 100%;
    }
    .modulo-immagine-interattiva .number{
        width: 40px;
        height: 40px;
    }
    .modulo-immagine-interattiva .number span{
        width: 40px;
        height: 40px;
        font-size: 19px;
        line-height: 38px;
    }
    .modulo-immagine-interattiva .description{
        background: var(--color-black);
        color: var(--color-white);
        padding: 8px;
        font-size: 16px;
        border-bottom: none;
        transform: translate(-50%, 25px);
        right: unset !important;
        text-align: center;
    }
    .row-storia.vc_row.row-numeri .blocco-numeri .single-numero{
        gap: 40px;
    }
    .row-contenuti.t-green .col.text,
    .row-contenuti.t-pink .col.text{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .vc_row.blue .white.fisarmonica-block .col.fisarmonica{
        width: 60%;
    }
    .vc_row.blue .white.fisarmonica-block .col.img{
        width: 60%;
    }
    .vc_row h3, .split-chars h1 div, .vc_row .split-chars h3 div, .vc_row h3.split-chars div, .row-sostenibilita h1{
        font-size: 45px;
    }
    .blocco-spaced-text p,
    .row-storia .blocco-spaced-text p{
        font-size: clamp(26px, 4.6vw, 80px) !important;
    }
    footer .row-2{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    footer .row-2 .col{
        width: 25%;
    }
    footer .row-2 .col:last-child{
        width: 100%;
        border-left: 0px;
        border-top: 1px solid rgb(255 255 255 / 50%);
    }
    footer .row-2 .col-7 p{
        max-width: 60%;
    }

    .vc_row.row-pilastri .col.img, .row-contenuti .img,
    body.single-progetto .approfondimento .row .image{
        width: 60%;
    }
    .vc_row.row-pilastri .col.text,
    .vc_row.row-contenuti .col.text,
    body.single-progetto .approfondimento .row .text{
        width: 40%;
    }
    .vc_row.row-pilastri .col.text, .vc_row.row-contenuti .col.text, .blue.row-contenuti > div + div,
    body.single-progetto .approfondimento .row .text,
    .vc_row.row-contenuti .col.p-left{
        padding-left: 90px;
    }
    .tabs .tabs-navigation{
        margin-right: 100px;
        margin-left: 100px;
    }
    body.single-progetto header .row.title{
        margin-bottom: 40px;
    }
    div.custom-contact-form div.form-title h3{
        font-size: 42px;
    }
    div.row-modal-careers .custom-contact-form .row select,
    div.row-modal-careers .custom-contact-form .row input, 
    div.row-modal-careers .custom-contact-form .row input::placeholder,
    div.row-modal-careers .custom-contact-form .row textarea,
    div.row-modal-careers .custom-contact-form .row textarea::placeholder{
        font-size: 18px;
    }
    .row-storia.centered div.col-50{
        width: 60%;
    }
    .site-menu nav.main-menu ul.menu > li > a{
        padding-left: 60px;
    }
    .site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu > li a{
        padding-left: 60px;
        padding-right: 60px;
    }
    .site-menu nav.main-menu ul.menu ul.sub-menu.fixed > li + li:before,
    .site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu > li + li:before{
        width: calc(100% - 120px);
        margin-left: 60px;
    }
    .site-menu nav.main-menu ul.menu > li > a{
        font-size:32px;
    }
    .site-menu nav.main-menu ul.menu > li > ul.sub-menu li a{
        font-size:24px;
    }
    .site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu > li a p.menu-item-description{
        font-size: 14px;
    }
    .site-menu nav.second-menu ul li a,
    .site-menu nav.second-menu > div:nth-child(2) ul li a span{
        font-size: 15px;
    }
    .carosello-ambiti .content-ambiti picture{
        width:470px;
        height: 691px;
    }
    .carosello-ambiti .content-ambiti picture img{
        margin-left: calc(-1*(100vw - 470px) / 2);
        margin-right: calc(-1*(100vw - 470px) / 2);
        margin-top: calc(-1*(56.25vw - 691px) / 2);
        margin-bottom: calc(-1*(56.25vw - 691px) / 2);
    }
    .vc_row.row-paragraph.inverso .col.img{
        width: 60%;
    }
    .vc_row.row-paragraph.inverso .col.titoletto{
        width: 33.9%;
    }
    .accordion-home .row{
        grid-gap: 20px;
        grid-template-columns: 200px calc(100% - 490px) 250px;
    }
    .accordion-home .row .col-3 picture{
        right: 0px;
        max-width: 200px;
    }
}
@media (max-width:1700px){
    h1, 
    .vc_row h3,
    .split-chars h1 div,
    .vc_row .split-chars h3 div,
    .vc_row h3.split-chars div{
        font-size: 42px;
    }
    .vc_row.row-pilastri .col.img, .row-contenuti .img,
    body.single-progetto .approfondimento .row .image{
        width: 55%;
    }
    .vc_row.blue .white .col.img,
    .vc_row.row-pilastri .col.text,
    .vc_row.row-contenuti .col.text,
    body.single-progetto .approfondimento .row .text{
        width: 45%;
    }
    .vc_row.blue .white .col.img,
    .vc_row.row-pilastri .col.text,
    .vc_row.row-contenuti .col.text,
    body.single-progetto .approfondimento .row .text,
    .blue.row-contenuti > div + div,
    .vc_row.row-contenuti .col.p-left{
        padding-left: 80px;
    }
    .vc_row.blue .white.fisarmonica-block .col.img{
        width: 50%;
        padding-left: 0px;
    }
    .vc_row.row-numeri .blocco-numeri{
        width: 80%;
    }
    .tabs .tab{
        padding: 0px 50px;
    }
    .accordion h4{
        font-size: 30px !important;
    }
    .content .accordion .item_accordion .content p{
        font-size: 12px;
    }
    .tabs .tabs-navigation{
        margin-right: 70px;
        margin-left: 70px;
    }
    .vc_row.row-pilastri div.custom-title, .row-progetti div.custom-title, .vc_row.row-contenuti div.custom-title{
        margin-bottom: 70px;
    }
    body.single-progetto header .row.title{
        margin-bottom: 35px;
    }
    .row-progetto-sostenibilita .text > div > .wpb_wrapper{
        max-width: 70%;
    }
    .row-testo-sostenibilita, .row-progetto-sostenibilita{
        padding-right: 100px;
        padding-left: 100px;
    }
    .row-storia.vc_row.row-numeri .blocco-numeri .single-numero{
        gap: 35px;
    }
    .row-storia{
        flex-wrap: wrap;
        row-gap: 70px;
        justify-content: center;
    }
    .row-storia > div{
        width: 48%;
    }
    .row-storia.centered div.col-50,
    .row-storia div.col-50{
        width: 75%;
    }
    .row-storia .col-empty{
        display: none;
    }
    .vc_row.row-numeri.row-storia .blocco-numeri{
        max-width: 450px;
        margin: auto;
    }
    body.single-progetto .carosello-progetti .row.cta{
        margin-bottom: 64px !important;
    }
    .carosello-ambiti .flickity .item a{
        font-size: max(100px,10vw);
    }
    .carosello-ambiti .content-ambiti picture{
        width:400px;
        height: 588px;
    }
    .carosello-ambiti .content-ambiti picture img{
        margin-left: calc(-1*(100vw - 400px) / 2);
        margin-right: calc(-1*(100vw - 400px) / 2);
        margin-top: calc(-1*(56.25vw - 588px) / 2);
        margin-bottom: calc(-1*(56.25vw - 588px) / 2);
    }
    html[lang=en-US] .site-menu nav.main-menu ul.menu > li:has(ul.sub-menu):hover > a:after,
    html[lang=fr-FR] .site-menu nav.main-menu ul.menu > li:has(ul.sub-menu):hover > a:after{
        content: url(./images/freccia-menu-small.svg);
        width: 6px;
        height: 8px;
        top: 0px;
    }
    .slider .slide .content .bottom p{
        font-size: 19px;
    }
    .slider .slide .top h1{
        font-size: 120px;
    }
    .slider .slide .top h2{
        font-size: 31px;
        top: 127px;
        left: 248px;
    }
    .vc_row.row-paragraph.inverso{
        gap: 64px;
    }
    .vc_row.row-paragraph.inverso .col.titoletto,
    .vc_row.row-paragraph.inverso .col.img{
        width: calc((100% - 64px) / 2);
    }
    footer .loghi{
        gap: 24px;
    }
    footer .loghi > img:first-child{
        height:34px;
    }
}
@media (max-width:1600px){
    .row-testo-sostenibilita, .row-progetto-sostenibilita{
        padding-right: 80px;
        padding-left: 80px;
    }
    .row-progetto-sostenibilita .text > div > .wpb_wrapper{
        max-width: 80%;
    }
    .accordion.certificazioni-accordion .active p{
        font-size: 30px !important;
    }
    h1, .vc_row h3, .split-chars h1 div, .vc_row .split-chars h3 div, .vc_row h3.split-chars div, .row-sostenibilita h1{
        font-size: 42px;
    }
    body.single-post section.single-post{
        grid-template-columns: calc(35% - 250px) 65%;
        grid-gap: 250px;
    }
    .vc_row.evidenza{
        grid-template-columns: 35% 55%;
        grid-gap: 10%;
    }
    .vc_row.row-progetti.gg{
        grid-template-columns: calc(42% - 100px) 58%;
        grid-gap: 100px;
    }
    .vc_row.blue .white .col.img{
        width: 40%;
    }
    .blocco-numeri .single-numero .numero,
    .pink-content h3{
        font-size: 100px !important;
    }
    .vc_row.blue .white{
        margin: 0px;
    }
    .vc_row.blue .blocco-spaced-text{
        padding: 0px;
    }
    div.row.carosello .swiper{
        margin: 0px;
        width: 80%;
    }
    .tabs .tabs-navigation{
        /* overflow: scroll; */
        margin-bottom: 100px;
    }
    .tabs .tab{
        grid-template-columns: calc(50% - 45px) 50%;
        padding: 0px;
    }
    .certificazione img{
        max-width: 90px !important;
    }
    .certificazione::before{
        width: 240px;
    }
    .titoletto + .certificazione{
        margin-top: 90px !important;
    }
    body.single-post main {
        padding-top: 250px !important;
    }
    .vc_row.evidenza.vc_row.full-width.w-padding{
        margin-top: 0px;
        padding-top: 145px;
    }
    body.single-progetto div.section-wrapper{
        gap: 145px;
    }
    .blue.row-contenuti + .blue.row-contenuti.call{
        padding-top: 145px !important;
    }
    .vc_row.blue .blocco-spaced-text{
        margin-top: clamp(60px, 9vw, 155px) !important;
        margin-bottom: clamp(90px, 8.4vw, 145px) !important;
    }
    .pink-contenitore.numerato,
    .vc_row.video + .vc_row.row-paragraph,
    .vc_row.grey + .vc_row.row-paragraph,
    .vc_row.grey .vc_row.row-paragraph,
    .row-carousel-img{
        margin-top: 145px !important;
    }
    .content .grid-post, .content .grid-progetto{
        margin-top: 125px;
    }
    /* ! */
    body.single-post .img-news,
    .single-post .entry-content .wpb_text_column + div h3, .single-post .entry-content p + h3, .single-post .entry-content ul + h3, .single-post .entry-content h2, .single-post .entry-content h1, .single-post .entry-content .wpb_text_column + div h4{
        margin-top: 80px;
    }
    body.single-post .img-news{
        margin-bottom: 80px;
    }
    .certificazioni-accordion .accordion .item_accordion.active h4{
        padding-bottom: 70px;
    }
    .vc_row.evidenza p{
        margin: 80px 0px 45px !important;
    }
    .blocco-moduli .modulo p{
        font-size: 20px;
    }
    .vc_row.row-pilastri div.custom-title, .row-progetti div.custom-title, .vc_row.row-contenuti div.custom-title{
        margin-bottom: 50px;
    }
    .blue.row-contenuti p, section.contatti .row-contenuti p, section.contatti .row-contenuti p a, .row-soluzioni p, .vc_row.row-pilastri p, .vc_row.row-pilastri p strong, .row-progetti p, .vc_row.row-paragraph .accordion .active p, .accordion .active p, .row.carosello a, .tabs .tab p, .tabs .tabs-navigation ul li a, .single-post header .row .col.back a, body.single-post .entry-content p, body.single-post div.entry-content a, .single-post .entry-content a em, .single-post li, .single-post p strong, .single-post .entry-content strong, .carosello-testo .content-testo p, .vc_row.row-pilastri p strong, section.contatti .row-contenuti p a{
        font-size: 19px !important;
    }
    div.row-modal-careers .custom-contact-form .row span,
    div.row-modal-careers .custom-contact-form .row select,
    div.row-modal-careers .custom-contact-form .row input,
    div.row-modal-careers .custom-contact-form .row textarea,
    div.custom-contact-form input::placeholder,
    div.custom-contact-form textarea::placeholder,
    .blocco-numeri .single-numero p,
    .single-post aside .date p,
    .blue .bottone-link span,
    .bottone-link span,
    .blue .white .bottone-link span,
    body.single-progetto header .row.info-progetto > div{
        font-size: 19px;
    }
    body.single-progetto .single-post .approfondimento p,
    body.single-progetto header .under-header .info-progetto a{
        font-size: 19px !important;
    }
    .vc_row.row-numeri .blocco-numeri{
        width: 100%;
        margin-left: 0px;
    }
    body.single-progetto header .row.title{
        margin-bottom: 30px;
    }
    .accordion.careers .active h4{
        padding-bottom: 70px;
    }
    .pink-content{
        max-width: 90%;
    }
    div.custom-contact-form div.form-title h3, div.custom-contact-form .form-title p{
        font-size: 42px;
    }
    div.row-modal-careers div.wpb_wrapper{
        width:70%;
    }
    .pink-contenitore{
        height: 900px;
    }
    .vc_row.innovazione-block > .wpb_column:nth-child(1),
    .vc_row.innovazione-block:nth-child(even) > div.wpb_column:nth-child(2){
        width: 55%;
    }
    .vc_row.innovazione-block > .wpb_column:nth-child(2),
    .vc_row.innovazione-block:nth-child(even) > div.wpb_column:nth-child(1){
        width: 45%;
    }
    .blocco-moduli.opera .modulo div.number{
        font-size: 36px;
    }
    .blocco-moduli .modulo h2{
        margin-top: 30px;
        height: fit-content;
    }
    .blocco-moduli.opera .modulo div.number{
        margin-bottom: 30px;
    }
    .careers.certificazioni-accordion.accordion h3.none{
        font-size: 42px;
    }
    .site-menu nav.main-menu ul.menu > li > a{
        padding-left: 30px;
    }
    .site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu > li a{
        padding-left: 30px;
        padding-right: 30px;
    }
    .site-menu nav.main-menu ul.menu ul.sub-menu.fixed > li + li:before,
    .site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu > li + li:before{
        width: calc(100% - 60px);
        margin-left: 30px;
    }
    .site-menu nav.main-menu ul.menu > li:has(ul.sub-menu):hover > a:after{
        content: url(./images/freccia-menu-small.svg) !important;
        width: 6px !important;
        height: 8px !important;
        top: 0px;
    }
    .site-menu nav.main-menu ul.menu > li > a{
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu > li{
        padding: 14px 0px;
    }
    /* .site-menu nav.main-menu ul.menu > li#menu-item-263 > ul.sub-menu li, */
    .site-menu nav.main-menu ul.menu > li#menu-item-12919 > ul.sub-menu li,
    .site-menu nav.main-menu ul.menu > li#menu-item-12960 > ul.sub-menu li,
    .site-menu nav.main-menu ul.menu > li#menu-item-13129 > ul.sub-menu li,
    .site-menu nav.main-menu ul.menu > li#menu-item-13147 > ul.sub-menu li{
        padding: 10px 0px;
    }
    .table-trasmittanza table th, .table-trasmittanza table td{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .slider .slides-navigation .navigation-slide{
        padding: 30px 30px 0px 30px;
    }
    body.home .carosello-hero .slides-navigation{
        bottom: 10px;
    }
}
@media (max-width:1500px){
    .accordion h4{
        font-size: 28px !important;
    }
    .row-testo-sostenibilita, .row-progetto-sostenibilita{
        padding-right: 40px;
        padding-left: 40px;
    }
    .row-progetto-sostenibilita .text > div > .wpb_wrapper{
        max-width: 90%;
    }
    .pink-content{
        max-width: 100%;
    }
    body.single-progetto article header .under-header{
        gap: 55px;
    }
    h1, .vc_row h3, .split-chars h1 div, .vc_row .split-chars h3 div, .vc_row h3.split-chars div, .row-sostenibilita h1{
        font-size: 40px;
    }
    body.single-post section.single-post{
        grid-template-columns: calc(35% - 200px) 65%;
        grid-gap: 200px;
    }
    .vc_row.row-progetti.gg{
        grid-template-columns: calc(42% - 80px) 58%;
        grid-gap: 80px;
    }
    .grid-post .grid-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    body.single-post .img-news,
    .single-post .entry-content .wpb_text_column + div h3, .single-post .entry-content p + h3, .single-post .entry-content ul + h3, .single-post .entry-content h2, .single-post .entry-content h1, .single-post .entry-content .wpb_text_column + div h4{
        margin-top: 70px;
    }
    body.single-post .img-news{
        margin-bottom: 70px;
    }
    body.single-post main {
        padding-top: 240px !important;
    }
    .vc_row.row-pilastri div.custom-title, 
    .row-progetti div.custom-title{
        margin-bottom: 40px;
    }
    body.single-progetto header .row.back .col.back a svg{
        width: 80px;
        height: 80px;
    }
    body.single-progetto header .row.title{
        margin-bottom: 28px;
    }
    .accordion.careers .active h4{
        padding-bottom: 60px;
    }
    .pink-contenitore{
        height: 800px;
    }
}
@media (max-width:1440px){
    .content .accordion, .content .accordion-dynamic .accordion{
        position: static;
    }
    div.row-modal-careers .custom-contact-form .row.privacy{
        margin-top: 40px !important;
    }
    .accordion.certificazioni-accordion.careers .active p{
        font-size: 21px !important;
    }
    .row-sostenibilita{
        max-width: 80%;
    }
    body.single-progetto article header .under-header{
        gap: 50px;
    }
    .row.carosello .swiper-button-prev, .row.carosello .swiper-button-next{
        width: 50px;
        height: 50px;
    }
    h1, .vc_row h3, .split-chars h1 div, .vc_row .split-chars h3 div, .vc_row h3.split-chars div, .row-sostenibilita h1{
        font-size: 38px;
    }
    .content .accordion,
    .vc_row.blue .white .col.fisarmonica .wpb_wrapper,
    .vc_row.blue .white .col.fisarmonica > .vc_column-inner{
        position: static;
        height: auto;
        /* overflow: visible; */
    }
    .fisarmonica-block .bottone-link{
        position: static !important;
    }
    body.single-post section.single-post{
        grid-template-columns: calc(35% - 150px) 65%;
        grid-gap: 150px;
    }
    .vc_row.row-progetti.gg{
        grid-template-columns: calc(42% - 60px) 58%;
        grid-gap: 60px;
    }
    .vc_row.row-pilastri .col.text .wpb_text_column, 
    .vc_row.row-progetti .col-1 .wpb_text_column, 
    .vc_row.row-contenuti .col.text .wpb_text_column,
    .vc_row.row-paragraph h3{
        margin-bottom: 30px !important;
    }
    .accordion h4{
        padding: 30px 0px !important;
    }
    footer .row-2{
        align-items: stretch;
    }
    footer .row-2 .col{
        width: 50%;
        height: inherit;
    }
    .footer .row-2 .col, .vc_row.row-pilastri .col.text, .vc_row.row-contenuti .col.text,
    body.single-progetto .approfondimento .row .text,
    .vc_row.row-contenuti .col.p-left{
        padding-left: 70px;
    }
    .vc_row.row-pilastri .col.img,
    .footer .row-2 .col, .vc_row.row-pilastri .col.text, .vc_row.row-contenuti .col.text,
    body.single-progetto .approfondimento .row .text{
        width: 50%;
    }
    div.row-modal-careers .custom-contact-form .row span,
    div.row-modal-careers .custom-contact-form .row select,
    div.row-modal-careers .custom-contact-form .row input,
    div.row-modal-careers .custom-contact-form .row textarea,
    div.custom-contact-form input::placeholder,
    div.custom-contact-form textarea::placeholder,
    .blocco-numeri .single-numero p, .single-post aside .date p, .blue .bottone-link span, .bottone-link span, .blue .white .bottone-link span, body.single-progetto header .row.info-progetto > div{
        font-size: 18px;
    }
    body.single-progetto .single-post .approfondimento p,
    body.single-progetto header .under-header .info-progetto a{
        font-size: 18px !important;
    }
    footer .row-2 .col:nth-child(odd){
        border-left: 0px;
    }
    footer .row-2 .col:nth-child(n+3){
        border-top: 1px solid rgb(255 255 255 / 50%);
    }
    .vc_row.blue .white{
        flex-direction: column-reverse;
        position: relative;
        padding-top: 154px;
    }
    .vc_row.blue .white .col.fisarmonica{
        width: 100%;
        position: initial;
        padding-right: 0px;
    }
    .content .accordion-dynamic{
        flex-direction: column-reverse;
        padding-top: 154px;
    }
    .content .accordion-dynamic .accordion{
        width:100%;
        padding-right: 0px;
    }
    .fisarmonica-dynamic-block {
        padding-top: 0px !important;
    }
    .fisarmonica-dynamic-block .wpb_wrapper{
        position: initial !important;
    }
    .vc_row.blue .white.fisarmonica-block .col.fisarmonica{
        width: 100%;
        min-height: auto;
    }
    .vc_row.blue .white .col.img,
    .vc_row.blue .white.fisarmonica-block .col.img,
    .content .accordion-dynamic .image-accordion{
        width: min(100%, 600px);
        padding-left: 0px;
        /* position: static; */
    }
    .vc_row.blue .white .titoletto{
        padding-right: 45px;
        top: 43px;
    }
    .vc_row.blue .white .accordion{
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .blocco-numeri .single-numero .numero,
    .pink-content h3{
        font-size: 90px !important;
    }
    .accordion.certificazioni-accordion .active p,
    .vc_row.row-paragraph p, .row-paragraph .text-animation li, .vc_row.row-paragraph p strong, .vc_row.row-paragraph ul li,
    .vc_row.row-paragraph ul li strong,
    .row-contenuti .row-content p, .single-post .entry-content blockquote p, .single-post .entry-content h1, .single-post .entry-content h1 strong, .single-post .entry-content h3, .single-post .entry-content h2, .single-post .entry-content h2 strong, .single-post .entry-content h2 a, .single-post .entry-content h4,
    .vc_row.row-spaced-text .text-animation p,
    .accordion.certificazioni-accordion.careers .active h5,
    .accordion-home .row .col-2 h3{
        font-size: 30px !important;
    }
    .vc_row.row-paragraph.row-accordion-alar .text-animation.mid p{
        font-size: 20px !important;
    }
    .vc_row.row-paragraph.row-accordion-alar .text-animation.mid p strong{
        font-size: inherit !important;
    }
    .tabs .tab{
        grid-template-columns: calc(60% - 45px) 40%;
    }
    .certificazione::before{
        width: 200px;
    }
    .titoletto + .certificazione{
        margin-top: 70px !important;
    }
    /* spaziatura */
    body:not(.single-progetto) .vc_row + .vc_row:not(.blue){
        /* margin-top: 140px; */
    }
    body:not(.single-progetto) section.vc_section.content .vc_row:last-child{
        /* padding-bottom: 140px; */
    }
    .row-storia + .row-storia,
    .row-storia + .row-storia.vc_row.row-numeri{
        margin-top: 120px;
    }
    .vc_row.evidenza.vc_row.full-width.w-padding{
        margin-top: 0px;
        padding-top:140px;
    }
    body.single-progetto div.section-wrapper{
        gap: 140px;
    }
    section.content > .row-storia:last-child,
    body.page-id-10537 section.content > .row-storia:last-child,
    .carosello-testo, .carosello-progetti, .tabs, .content .grid-post, .content .grid-progetto, .vc_row.blue .blocco-spaced-text, .vc_row.row-download,
    .page-child .content .row-paragraph:last-child,
    body.single-progetto div.section-wrapper{
        /* margin-bottom: 140px; */
    }
    .blue.row-contenuti + .blue.row-contenuti.call{
        padding-top: 140px !important;
    }
    .vc_row.blue .blocco-spaced-text{
        /* margin-top: 150px; */
    }
    .pink-contenitore.numerato,
    .vc_row.grey + .vc_row.row-paragraph,
    .vc_row.video + .vc_row.row-paragraph,
    .vc_row.grey .vc_row.row-paragraph,
    .row-carousel-img{
        margin-top: 140px !important;
    }
    .content .grid-post, .content .grid-progetto{
        margin-top: 120px;
    }
    /* ! */
    .wpb_image_grid .wpb_image_grid_ul img{
        max-height: 100px;
    }
    .row-carousel-img .wpb_image_grid_ul li{
        height: 130px !important;
        padding: 0px 28px 23px 28px !important;
        margin-top: 40px !important;
    }
    section.content .menu-menu-social-container li a {
        height: 70px !important;
        width: 70px !important;
    }
    section.content .menu-menu-social-container i {
        font-size: 35px;
    }
    div.modal.newsletter div.modal-wrapper{
        width: 70%;
    }
    body.single-post .img-news,
    .single-post .entry-content .wpb_text_column + div h3, .single-post .entry-content p + h3, .single-post .entry-content ul + h3, .single-post .entry-content h2, .single-post .entry-content h1, .single-post .entry-content .wpb_text_column + div h4{
        margin-top: 60px;
    }
    body.single-post .img-news{
        margin-bottom: 60px;
    }
    body.single-post header .row .col.back a svg{
        height: 70px;
        width: 70px;
    }
    body.single-post main {
        padding-top: 226px !important;
    }
    .vc_row h3 br{
        display: none;
    }
    .certificazioni-accordion .accordion .item_accordion.active h4{
        padding-bottom: 60px !important;
    }
    .vc_row.evidenza p{
        margin: 70px 0px 45px !important;
    }
    .blue .carosello-post article{
        padding:16px;
    }
    .vc_row.row-pilastri div.custom-title, .row-progetti div.custom-title, .vc_row.row-contenuti div.custom-title{
        margin-bottom: 32px;
    }
    footer .row-1 .col-2{
        padding-left: 0px;
    }
    body.single-progetto header .row.back .col.back a svg{
        width: 70px;
        height: 70px;
    }
    .row-progetto-sostenibilita{
        padding-top: 0px !important;
    }
    .pink-contenitore{
        height: 700px;
    }
    .pink-contenitore.numerato{
        height: 500px;
    }
    .blocco-moduli{
        gap:20px;
    }
    .blocco-moduli .modulo h2{
        margin-top: 21px;
    }
    .blocco-moduli .modulo p{
        font-size: 18px;
    }
    .blocco-moduli.opera .modulo.with-hover:hover > div.content,
    .blocco-moduli.opera .modulo div.foto div.content-overlay{
        padding:20px;
    }
    .vc_row.row-paragraph .col.titoletto{
        padding-right: 8%;
    }
    .carosello-ambiti{
        aspect-ratio: 1.3 !important;
    }
    .carosello-ambiti .swiper.ambiti{
        height: 100%;
    }
    .carosello-ambiti .swiper.ambiti .swiper-slide > picture{
        width: auto !important;
        height: 100%;
    }
    .carosello-ambiti .swiper.ambiti .swiper-slide > picture img{
        width: auto !important;
        height: 100%;
        object-fit: cover;
    }
    .row-modulo-progetti-home section.progetto div.content{
        padding-left: 30px;
        padding-right: 30px;
    }
    .row-modulo-progetti-home div.content h3 a{
        font-size: 48px !important;
    }
    .row-modulo-progetti-home div.content p{
        margin-top: 32px !important;
        font-size: 18px !important;
    }
    .row-modulo-progetti-home a.arrow.white:before{
        width:60px !important;
        height: 40px !important;
        background-size: 60px 40px !important;
    }
    .table-trasmittanza table th, .table-trasmittanza table td{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .site-menu nav.main-menu ul.menu > li > ul.sub-menu li a{
        font-size:22px;
    }
    .accordion-home.active .row{
        grid-template-columns: 0.5fr 2fr 1fr;
    }
    .slider .slide .top h1{
        font-size: 120px;
    }
    .row-paragraph div .row-image-text{
        width: 100%;
    }
    .table-trasmittanza table th,
    .table-trasmittanza table td,
    .table-trasmittanza table td strong{
        font-size: 15px;
    }
    .applicazioni-prodotto h3 a{
        display: block;
        height: 2lh;
    }
}
@media (max-width:1400px){
    .accordion-home .row{
        grid-gap: 50px;
    }
    .swiper.copertura .swiper-slide{
        width: calc((100% - 60px) / 3);
    }
    .row-storia + .row-storia,
    .row-storia + .row-storia.vc_row.row-numeri{
        margin-top: 90px;
    }
    .row-testo-sostenibilita, .row-progetto-sostenibilita{
        padding-right: 0px;
        padding-left: 0px;
    }
    body.single-progetto header .row.title{
        margin-bottom: 24px;
    }
    body.single-progetto article header .under-header{
        gap: 45px;
    }
    .libreria-gallery ul li{
        width: calc(50% - 15px) !important;
    }
    .libreria-gallery ul li:last-child{
        width: 100% !important;
    }
    .tabs .tab.active{
        display: flex !important;
        flex-direction: column;
    }
    .blocco-numeri .single-numero .numero,
    .pink-content h3{
        font-size: 80px !important;
    }
    .accordion.certificazioni-accordion .active p,
    .vc_row.row-paragraph p, .row-paragraph .text-animation li, .vc_row.row-paragraph p strong,
    .vc_row.row-paragraph ul li,
    .vc_row.row-paragraph ul li strong,
     .row-contenuti .row-content p, .single-post .entry-content blockquote p, .single-post .entry-content h1, .single-post .entry-content h1 strong, .single-post .entry-content h3, .single-post .entry-content h2, .single-post .entry-content h2 strong, .single-post .entry-content h2 a, .single-post .entry-content h4,
     .vc_row.row-spaced-text .text-animation p,
     .accordion.certificazioni-accordion.careers .active h5,
     .accordion-home .row .col-2 h3{
        font-size: 28px !important;
    }
    .vc_row.row-paragraph.row-accordion-alar .text-animation.mid p{
        font-size: 18px !important;
    }
    .row.carosello .swiper-button-prev, .row.carosello .swiper-button-next{
        width: 50px;
        height: 50px;
    }
    footer .row-1 .col-1 h3{
        /* font-size: 45px; */
    }
    div.row-modal-careers .custom-contact-form .row span,
    div.row-modal-careers .custom-contact-form .row select,
    div.row-modal-careers .custom-contact-form .row input,
    div.row-modal-careers .custom-contact-form .row textarea,
    div.custom-contact-form input::placeholder,
    div.custom-contact-form textarea::placeholder,
    .blocco-numeri .single-numero p, .single-post aside .date p, .blue .bottone-link span, .bottone-link span, .blue .white .bottone-link span, body.single-progetto header .row.info-progetto > div{
        font-size: 16px;
    }
    body.single-progetto .single-post .approfondimento p,
    body.single-progetto header .under-header .info-progetto a{
        font-size: 16px !important;
    }
    .certificazione::before{
        width: 150px;
    }
    .titoletto + .certificazione{
        margin-top: 50px !important;
    }
    .vc_row.evidenza.vc_row.full-width.w-padding{
        margin-top: 0px;
        padding-top:130px;
    }
    body.single-progetto div.section-wrapper{
        gap: 130px;
    }
    .blue.row-contenuti + .blue.row-contenuti.call{
        padding-top: 130px !important;
    }
    .pink-contenitore.numerato,
    .vc_row.grey + .vc_row.row-paragraph,
    .vc_row.video + .vc_row.row-paragraph,
    .vc_row.grey .vc_row.row-paragraph,
    .row-carousel-img{
        margin-top: 130px !important;
    }
    .content .grid-post, .content .grid-progetto{
        margin-top: 110px;
    }
    /* ! */
    .row-carousel-img .wpb_image_grid_ul li{
        width: calc((100% - 50px ) / 3) !important;
        margin-top: 35px !important;
    }
    section.content .menu-menu-social-container li a {
        height: 60px !important;
        width: 60px !important;
    }
    section.content .menu-menu-social-container i {
        font-size: 30px;
    }
    .row-contenuti h3{
        margin: 50px 0px;
    }
    .contatti .vc_row.row-form-contatti form{
        margin-top: 110px;
    }
    body.single-post .img-news,
    .single-post .entry-content .wpb_text_column + div h3, .single-post .entry-content p + h3, .single-post .entry-content ul + h3, .single-post .entry-content h2, .single-post .entry-content h1, .single-post .entry-content .wpb_text_column + div h4{
        margin-top: 50px;
    }
    body.single-post .img-news{
        margin-bottom: 50px;
    }
    .grid-progetto .grid-wrapper{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .grid-progetto article{
        width: calc((100% - 30px) / 2);
    }
    .vc_row.evidenza p{
        margin: 60px 0px 45px !important;
    }
    body.single-progetto header .row.back .col.back a svg{
        width: 60px;
        height: 60px;
    }
    body.single-progetto header .row.info-progetto > div{
        min-width: 120px;
    }
    .row-storia.centered div.col-50, .row-storia div.col-50, .row-storia > div.col-75{
        width: 100%;
    }
    .certificazioni-accordion .accordion .item_accordion .content .wrapper, .certificazioni-accordion.accordion .item_accordion .content .wrapper{
        margin-left: 0px !important;
    }
    div.row-modal-careers div.wpb_wrapper{
        width: 80%;
    }
    .vc_row.citazione{
        flex-wrap: wrap;
        padding-top: 0px;
    }
    .vc_row.citazione > .wpb_column:nth-child(1){
        width: 100%;
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .vc_row.citazione > .wpb_column:nth-child(2),
    .vc_row.citazione > .wpb_column:nth-child(3){
        width: 40%;
    }
    .vc_row.citazione > .wpb_column:nth-child(2){
        transform: translateY(-45px);
    }
    .vc_row.citazione > .wpb_column:nth-child(3){
        position: static;
        margin-top: 45px;
    }
    body.single-progetto .carosello-progetti .row.cta{
        margin-bottom: 45px !important;
    }
    .slider .slide .top h1{
        font-size: 110px;
    }
}
@media (max-width:1280px){
    .row-contenuti.t-green p,
    .row-contenuti.t-green p strong,
    .row-sostenibilita p,
    .row-contenuti.t-pink p{
        font-size: 20px;
    }
    div.row-modal-careers .custom-contact-form .row.privacy{
        margin-top: 20px !important;
    }
    div.row-modal-careers div.wpb_wrapper{
        top: 50% !important;
        transform: translate(-50%,-50%) !important;
    }
    div.row-modal-careers div.wpb_wrapper{
        width: 80%;
    }
    div.modal.newsletter div.modal-wrapper, div.row-modal-careers div.wpb_wrapper{
        padding: 30px;
    }
    div.custom-contact-form div.form-title h3, div.custom-contact-form .form-title p{
        font-size: 34px;
    }
    .row-sostenibilita{
        max-width: 100%;
    }
    .row-progetto-sostenibilita .text > div > .wpb_wrapper{
        max-width: 100%;
    }
    .pink-content h3{
        font-size: 60px !important;
    }
    body.single-progetto header .row.info-progetto > div{
        min-width: 100px;
    }
    body.single-progetto header .row.title{
        margin-bottom: 20px;
    }
    body.single-progetto article header .under-header{
        gap: 40px;
    }
    body.single-progetto header .row.back .col.back a svg{
        width: 50px;
        height: 50px;
    }
    h1, 
    .vc_row h3,
    .split-chars h1 div,
    .vc_row .split-chars h3 div,
    .vc_row h3.split-chars div{
        font-size: 36px;
    }
    body.single-post section.single-post{
        grid-template-columns: calc(35% - 100px) 65%;
        grid-gap: 100px;
    }
    .blue.row-contenuti p, section.contatti .row-contenuti p, section.contatti .row-contenuti p a, .row-soluzioni p, .vc_row.row-pilastri p, .vc_row.row-pilastri p strong, .row-progetti p, .accordion .active p, .row.carosello a, .tabs .tab p, .tabs .tabs-navigation ul li a, .single-post header .row .col.back a, body.single-post .entry-content p, body.single-post div.entry-content a, .single-post .entry-content a em, .single-post li, .single-post p strong, .single-post .entry-content strong, .carosello-testo .content-testo p{
        font-size: 17px !important;
    }
    .blocco-spaced-text p,
    .row-storia .blocco-spaced-text p{
        /* font-size: 70px; */
    }
    footer .footer-row.copyright .row,
    .light-grey .vc_row.row-paragraph{
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .light-grey .vc_row.row-paragraph > div{
        width: 100%;
    }
    footer .footer-row.copyright .row .col.col-4{
        display: none;
    }
    .row.carosello .swiper-button-prev, .row.carosello .swiper-button-next{
        width: 55px;
        height: 55px;
    }
    .titoletto + .certificazione{
        margin-top: 40px !important;
    }
    body:not(.single-progetto) section.vc_section.content .vc_row:last-child{
        padding-bottom: clamp(90px, 8.6vw ,var(--padding-row));
    }
   .vc_row.evidenza.vc_row.full-width.w-padding{
        margin-top: 0px;
        padding-top: 120px;
   }
   body.single-progetto div.section-wrapper{
    gap: 120px;
    }
   .blue.row-contenuti + .blue.row-contenuti.call{
    padding-top: 120px !important;
    }
   .vc_row.grey + .vc_row.row-paragraph,
   .vc_row.video + .vc_row.row-paragraph,
   .vc_row.grey .vc_row.row-paragraph,
   .row-carousel-img,
   .pink-contenitore.numerato{
       margin-top: 120px !important;
   }
   .content .grid-post, .content .grid-progetto{
       margin-top: 100px;
   }
   /* ! */
   .row-carousel-img .wpb_image_grid_ul li{
    height: 115px !important;
    padding: 0px 20px 23px 20px !important;
    margin-top: 30px !important;
    }
    .row-contenuti h3{
        margin: 45px 0px;
    }
    .wpb_image_grid .wpb_image_grid_ul img{
        max-height: 100px !important;
        max-width: 200px !important;
    }
    .tabs .tabs-navigation {
        margin-bottom: 90px;
    }
    body.single-post .img-news,
    .single-post .entry-content .wpb_text_column + div h3, .single-post .entry-content p + h3, .single-post .entry-content ul + h3, .single-post .entry-content h2, .single-post .entry-content h1, .single-post .entry-content .wpb_text_column + div h4{
        margin-top: 40px;
    }
    body.single-post .img-news{
        margin-bottom: 40px;
    }
    body.single-post header .row .col.back a svg{
        height: 60px;
        width: 60px;
    }
    body.single-post main {
        padding-top: 206px !important;
    }
    .content .grid-post .row.filter-post .col, .content .grid-progetto .row.filter-post .col{
        gap: 40px;
    }
    .certificazioni-accordion .accordion .item_accordion.active h4{
        padding-bottom: 50px !important;
    }
    .vc_row.row-pilastri div.custom-title, 
    .row-progetti div.custom-title{
        margin-bottom: 42px;
    }
    .vc_row.row-contenuti .col.text{
        padding-top: 0px;
    }
    .vc_row.blue.row-contenuti .col.text{
        padding-top: 0px;
    }
    .accordion.careers .active h4{
        padding-bottom: 45px;
    }
    .pink-contenitore.numerato{
        height: 400px;
    }
    .site-menu nav.main-menu ul.menu > li > a{
        font-size: 28px !important;
        padding-left: 20px !important;
    }
    .site-menu nav.main-menu ul.menu > li > ul.sub-menu li a{
        font-size: 21px !important;
    }
    .site-menu nav.main-menu ul.menu > li > ul.sub-menu li a p.menu-item-description{
        font-size: 14px;
    }
    .site-menu nav.main-menu ul.menu > li > ul.sub-menu > li{
        padding:8px 0px !important;
    }
    .riga-sostenibilita .blocco-sostenibilita:not(.empty) + .blocco-sostenibilita{
        margin-left: 15px!important;
    }
    .riga-sostenibilita .blocco-sostenibilita{
        width:calc((100% - 30px) / 3) !important;
    }
    .vc_row.wpb_row.blocchi-sostenibilita .riga-sostenibilita + .riga-sostenibilita{
        margin-top:15px !important;
    }
    .riga-sostenibilita .blocco-sostenibilita.text p{
        font-size: 16px !important;
    }
    .riga-sostenibilita .blocco-sostenibilita.title h3{
        font-size: 36px !important;
    }
    div.video-wrapper{
        overflow: hidden;
        display: flex;
        justify-content: center;
    }
    div.video-wrapper video{
        min-height: 700px;
        height: 700px;
        width: 100%;
        object-fit: cover;
        max-width: none;
    }
    .row-soluzioni .title,
    .row-soluzioni .text{
        max-width: 45%;
    }
    .vc_row.row-progetti{
        flex-wrap: wrap !important;
    }
    .vc_row.row-progetti > .wpb_column{
        width: calc((100% - 30px) / 2) !important;
    }
    .vc_row.row-progetti.gg > .wpb_column{
        width: auto !important;
    }
    .vc_row.row-progetti > .wpb_column.col-1{
        width: 100% !important;
    }
    .row-progetti .col-1 div.wpb_single_image{
        margin-top: 100px !important;
    }
    .row-progetti .col-3 div.wpb_single_image{
        margin-top: 0px !important;
    }
    .row-testo-sostenibilita.t-pink h3,
    .row-testo-sostenibilita.t-green h3{
        max-width: none;
    }
    .careers.certificazioni-accordion.accordion h3.none{
        font-size: 36px;
    }
    header.site-header div.hamburger{
        width:48px;
        gap:7px;
    }
    .site-menu .close-btn{
        width:42px;
        height: 42px;
    }
    .site-menu .close span{
        width:42px;
    }
    .site-menu .close span:nth-child(2){
        height: 42px;
    }
    div.video-wrapper.no-autoplay:after, 
    div.video-youtube-wrapper:after{
        width: 96px;
        height: 96px;
    }
    div.video-youtube-wrapper div.modal-youtube div.close{
        right: 15px;
    }
    div.video-youtube-wrapper div.modal-youtube div.wrapper-frame{
        width: calc(100vw - 60px);
        height: auto;
        aspect-ratio: calc(1000 / 562);
    }
    .row-coperture-alar{
        margin-left: 0px;
    }
    .page-id-12617 .row-coperture-alar .swiper.copertura .swiper-slide{
        width: calc((100% - 30px) / 2);
    }
    .accordion-home:not(.active),
    .accordion-home{
        padding-left: 100px;
        padding-right: 100px;
    }
    .slider .slides-navigation .navigation-slide span.number-slide{
        font-size: 48px;
    }
    .slider .slide .top h1{
        font-size: 100px;
    }
    .slider .slide .top h2{
        font-size: 32px;
        left: 181px;
        top: 93px;
    }
}
@media (max-width:1200px){
    .carosello-testo{
        width: 100%;
    }
    .div:not(.blue) carosello-progetti .row.carosello .swiper-navigation{
        bottom: 0px;
        top: unset !important;
    }
    .row-contenuti.t-green p,
    .row-contenuti.t-green p strong,
    .row-sostenibilita p,
    .row-contenuti.t-pink p{
        font-size: 16px;
    }
    .page-id-8723 .swiper-slide,
    .page-id-12192 .swiper-slide,
    .page-id-12545 .swiper-slide{
        height: unset !important;
    }
    div.modal.newsletter div.modal-wrapper, div.row-modal-careers div.wpb_wrapper{
        padding: 30px 20px;
    }
    .page-id-9078 .certificazioni-accordion.accordion .item_accordion .content .wrapper,
    .page-id-12282 .certificazioni-accordion.accordion .item_accordion .content .wrapper,
    .page-id-12819 .certificazioni-accordion.accordion .item_accordion .content .wrapper{
        gap: 24px;
    }
    .pink-content h3{
        font-size: 40px !important;
    }
    .carosello-testo .row.carosello{
        padding-top: 54px;
    }
    .vc_row.row-numeri .blocco-numeri .single-numero{
        padding-left: 15px;
        padding-right: 15px;
    }
    .blocco-spaced-text p,
    .row-storia .blocco-spaced-text p{
        /* font-size: 60px; */
    }
    .accordion.certificazioni-accordion .active p,
    .vc_row.row-paragraph p, .row-paragraph .text-animation li, .vc_row.row-paragraph p strong,
    .vc_row.row-paragraph ul li,
    .vc_row.row-paragraph ul li strong,
    .row-contenuti .row-content p, .single-post .entry-content blockquote p, .single-post .entry-content h1, .single-post .entry-content h1 strong, .single-post .entry-content h3, .single-post .entry-content h2, .single-post .entry-content h2 strong, .single-post .entry-content h2 a, .single-post .entry-content h4,
    .vc_row.row-spaced-text .text-animation p,
    .accordion.certificazioni-accordion.careers .active h5,
    .accordion-home .row .col-2 h3{
        font-size: 26px !important;
    }
    .vc_row.row-paragraph.row-accordion-alar .text-animation.mid p{
        font-size: 16px !important;
    }
    .blue div.row.carosello, .carosello-post div.row.carosello,
    .single-progetto #gallery.carosello-progetti .row.carosello,
    .single-progetto #correlati.carosello-progetti .row.carosello,
    .row-testo-sostenibilita,
    .row-progetto-sostenibilita{
        flex-direction: column;
    }
    .row-testo-sostenibilita .text, .row-progetto-sostenibilita .img{
        padding-left: 0px;
    }
    .blue div.row.carosello{
        padding-top: 70px;
    }
    div.row.carosello .swiper,
    .row-testo-sostenibilita > div,
    .row-progetto-sostenibilita > div{
        width: 100%;
    }
    .carosello-post, .blue .carosello-progetti,
    .single-progetto #gallery.carosello-progetti,
    body.single-post .gallery-single-post #gallery,
    .single-progetto #correlati.carosello-progetti{
        position: relative;
    }
    body.single-post .gallery-single-post #gallery{
        padding-top: 75px;
        margin-top: 0px;
    }   
    .carosello-post .bottone-link, .row-carosello .bottone-link, .blue .carosello-progetti .bottone-link,
    .single-progetto #gallery.carosello-progetti .row.carosello .bottone-link,
    .single-progetto #correlati.carosello-progetti .row.cta .bottone-link{
        position: absolute;
        bottom: 10px;
        left: 0px;
    }
    .carosello-post div.row.carosello,
    .blue .carosello-progetti div.row.carosello,
    .single-progetto #correlati.carosello-progetti .row.carosello{
        /* padding-bottom: 156px; */
    }
    body.single-post .gallery-single-post div.row.carosello,
    .single-progetto #gallery.carosello-progetti .row.carosello{
        padding-bottom: 0px;
    }
    .blue .row.carosello .swiper-navigation, .carosello-post .row.carosello .swiper-navigation,
    .carosello-progetti .row.carosello .swiper-navigation,
    .carosello-testo .row.carosello .swiper-navigation,
    body.single-post .gallery-single-post div.row.carosello .swiper-navigation,
    .single-progetto #gallery.carosello-progetti .row.carosello .swiper-navigation,
    .single-progetto #correlati.carosello-progetti .row.carosello .swiper-navigation{
        position: absolute;
        top: -12px;
        right: 0px;
        gap: 20px;
        justify-content: end;
    }

    .row-testo-sostenibilita,
    .row-progetto-sostenibilita{
        gap: 45px;
    }
    .tabs .tabs-navigation {
        margin-bottom: 70px;
    }
    /* spaziatura */
    body:not(.single-progetto) .vc_row + .vc_row:not(.blue){
        /* margin-top: 110px; */
    }
    body:not(.single-progetto) section.vc_section.content .vc_row:last-child{
        /* padding-bottom: 110px; */
    }
    .vc_row.evidenza.vc_row.full-width.w-padding{
        margin-top: 0px;
        padding-top:110px;
    }
   section.content > .row-storia:last-child,
   body.page-id-10537 section.content > .row-storia:last-child,
   .carosello-testo, .carosello-progetti, .tabs, .content .grid-post, .content .grid-progetto, .vc_row.blue .blocco-spaced-text, .vc_row.row-download,
   .page-child .content .row-paragraph:last-child,
   body.single-progetto div.section-wrapper{
       /* margin-bottom: 110px; */
   }
   body.single-progetto div.section-wrapper{
    gap: 110px;
    }
   .blue.row-contenuti + .blue.row-contenuti.call{
    padding-top: 110px !important;
    }
   .vc_row.blue .blocco-spaced-text{
       /* margin-top: 120px; */
   }
   .pink-contenitore.numerato,
   .vc_row.grey + .vc_row.row-paragraph,
   .vc_row.video + .vc_row.row-paragraph,
   .vc_row.grey .vc_row.row-paragraph,
   .row-carousel-img{
       margin-top: 110px !important;
   }
   .content .grid-post, .content .grid-progetto{
       margin-top: 100px;
   }
   /* ! */
   .row-carousel-img .wpb_image_grid_ul li{
    height: 100px !important;
    padding: 0px 15px 20px 15px !important;
    }
    .vc_row.row-progetti{
        flex-wrap: wrap;
    }
    .row-progetti .col-1 div.wpb_single_image{
        margin-top: 100px !important;
    }
    .vc_row.row-progetti div.vc_col-sm-4{
        width: calc((100% - 30px) / 2);
    }
    .vc_row.row-progetti div.col-1{
        width: 100%;
    }
    .vc_row.row-progetti .col-3 div.wpb_single_image{
        margin-top: 0px !important;
    }
    .row-contenuti h3{
        margin: 42px 0px;
    }
    .contatti .vc_row.row-form-contatti form{
        margin-top: 100px;
    }
    .grid-post .grid-wrapper{
        gap: 45px !important;
    }
    .content .grid-post .row.filter-post, .content .grid-progetto .row.filter-post{
        margin-bottom: 70px;
    }
    .grid-progetto .grid-wrapper{
        row-gap: 45px;
    }
    .vc_row.evidenza p {
        margin: 50px 0px 45px !important;
    }
    .single-progetto .approfondimento + .carosello-post .row.carosello{
        padding-bottom: 90px;
    }
    .row.carosello .swiper-button-prev, .row.carosello .swiper-button-next{
        /* width: inherit; */
        /* height: inherit; */
        margin-top: 0px;
    }
    .site-menu .image{
        display: none !important;
    }
    .site-menu .close{
        filter: none !important;
        mix-blend-mode: unset !important;
    }
    .site-menu .close span{
        background-color: var(--color-white) !important;
    }
    .site-menu .content{
        width: 100% !important;
        padding-right: 0px !important;
    }
    body.open-menu div.chat-widget{
        display: none;
    }
    .blocco-moduli{
        flex-wrap: wrap;
        justify-content: center;
    }
    .vc_row.evidenza{
        grid-template-columns:40% 55%;
        grid-gap:5%;
    }
    .riga-sostenibilita .blocco-sostenibilita{
        width:calc((100% - 15px) / 2) !important;
    }
    .riga-sostenibilita .blocco-sostenibilita.empty{
        display: block !important;
    }
    .riga-sostenibilita .blocco-sostenibilita.empty + .blocco-sostenibilita{
        margin-left: 15px !important;
    }
    .riga-sostenibilita .blocco-sostenibilita[data-width="2"]{
        width:100% !important;
        aspect-ratio: 2 !important;
    }
    .riga-sostenibilita:nth-child(4) .blocco-sostenibilita.image{
        width:calc((100% - 15px) / 2) !important;
        aspect-ratio: 1 !important;
    }
    .vc_row.wpb_row.blocchi-sostenibilita .riga-sostenibilita{
        row-gap: 15px !important;
    }
    .blocchi-sostenibilita .riga-sostenibilita .blocco-sostenibilita:nth-child(2n+1){
        margin-left: 0px !important;
    }
    .row-call{
        gap:30px;
    }
    .accordion-home .row{
        grid-gap: 40px;
    }
    .accordion-home:not(.active),
    .accordion-home{
        padding-left: 80px;
        padding-right: 80px;
    }
    .row-spaced-text .titoletto{
        margin-bottom: 40px;
    }
}
@media (max-width:1100px){
    .accordion-home.active .row,
    .accordion-home .row{
        grid-template-columns: 2fr 1fr;
    }
    .accordion-home .row .col-1{
        display: none;
    }
    .swiper.copertura .swiper-slide{
        width: calc((100% - 30px) / 2);
    }
    div.custom-contact-form div.form-title h3, div.custom-contact-form .form-title p{
        font-size: 30px;
    }
    .accordion.certificazioni-accordion.careers .active p{
        font-size: 19px !important;
    }
    .accordion.certificazioni-accordion.careers .active h5,
    .accordion-home .row .col-2 h3{
        font-size: 22px !important;
    }
    .pink-content h3{
        font-size: 36px !important;
    }
    .vc_row.row-numeri .blocco-numeri .single-numero:last-child div.pilastro.sx{
       visibility: visible;
    }
    .vc_row.row-numeri .blocco-numeri .single-numero:last-child::before{
        visibility: hidden;
    }
    
    .blue.vc_row.row-contenuti .col.text{
        padding-bottom: 0px;
    }
    section.contatti .row-contenuti, .blue.row-contenuti,
    body.single-progetto .approfondimento .row,
    .row-contenuti.t-green,
    .row-contenuti.t-pink,
    .content .vc_row.row-contenuti{
        flex-direction: column;
        gap: 45px;
    }
    .vc_row.row-contenuti.t-pink .col.text,
    .vc_row.row-contenuti.t-green .col.text{
        padding-bottom: 0px !important;
    }
    .blue.row-contenuti.reverse{
        flex-direction: column-reverse;
    }
    .vc_row.row-contenuti .col.text, .row-contenuti .img,
    body.single-progetto .approfondimento .row > div{
        width: 100% !important;
    }
    .vc_row.row-contenuti .col.text, .row-contenuti .img, .blue.row-contenuti .img,
    body.single-progetto .approfondimento .row > div{
        padding-left: 0px !important;
    }
    footer .footer-row.copyright .col-4{
        display: none;
    }
    .vc_row.row-numeri .blocco-numeri .single-numero,
    .vc_row.row-numeri .blocco-numeri.chi-siamo div.single-numero:nth-child(2){
        width: 50%;
    }
    .vc_row.row-numeri .blocco-numeri .single-numero:last-child{
        border-top: 0px;
    }
    .row-contenuti h3{
        margin: 40px 0px;
    }
    .blue.row-contenuti h3{
        margin-top: 0px;
    }
    .page-id-9078 .blue.row-contenuti h3,
    .page-id-12282 .blue.row-contenuti h3,
    .page-id-12819 .blue.row-contenuti h3{
        margin-top: 40px;
    }
    .tabs .tabs-navigation {
        margin-bottom: 60px;
    }
    body.single-post section.single-post{
        display: flex;
        flex-direction: column-reverse;
        grid-gap: 0px;
        position: relative;
    }
    .vc_row.row-progetti.gg{
        display: flex;
        flex-direction: column;
        grid-gap: 42px;
    }
    .vc_row.row-pilastri div.custom-title, 
    .row-progetti div.custom-title{
        margin-bottom: 38px;
    }
    .vc_row.evidenza{
        display: flex;
        flex-direction: column;
        grid-gap: 32px;
    }
    body.single-post aside .date{
        position: absolute;
        top: -50px;
        width: 100%;
    }
    body.single-post aside .date p br{
        display: none;
    }
    .single-post aside .related{
        margin-top: 0px;
        margin-bottom: 90px;
    }
    .single-post aside .related ul li a{
        grid-template-columns: auto 135px;
        grid-gap: 40px;
    }
    .content .grid-post .row.filter-post .col, .content .grid-progetto .row.filter-post .col{
        gap: 30px;
    }
    .grid-progetto article{
        width: 100%;
    }
    .certificazioni-accordion .accordion .item_accordion.active h4{
        padding-bottom: 45px !important;
    }
    .blocco-numeri .single-numero .numero{
        font-size: 60px !important;
    }
    .vc_row.innovazione-block{
        flex-direction: column;
    }
    .vc_row.innovazione-block:nth-child(even){
        flex-direction: column-reverse;
    }
    .vc_row.innovazione-block > .wpb_column:nth-child(2),
    .vc_row.innovazione-block:nth-child(even) > div.wpb_column:nth-child(1){
        width: 100%;
        padding-left: 0px !important;
        padding-top: 30px;
    }
    .vc_row.innovazione-block:nth-child(even) > .wpb_column:nth-child(2){
        padding-top: 0px;
    }
    .vc_row.innovazione-block .wpb_text_column{
        margin-top:15px !important;
    }
    .vc_row.innovazione-block > .wpb_column:nth-child(1), 
    .vc_row.innovazione-block:nth-child(even) > div.wpb_column:nth-child(2){
        width:min(100%,500px);
    }
    section.contatti .row-contenuti .col.img{
        position: static;
    }
    .carosello-ambiti{
        aspect-ratio: 0.8 !important;
    }
    .carosello-ambiti .content-ambiti picture img{
        width: auto !important;
        height: 100% !important;
        object-fit: cover;
        object-position: center;
        margin: 0px calc(-1*(100vw - 400px) / 2) !important;
    }
    body.tax-press-category .row.filter-post{
        flex-direction: column;
        gap: 15px;
    }
    body.tax-press-category .row.filter-post > .col{
        width: 100%;
    }
    body.tax-press-category .row.filter-post .col.all{
        justify-content: flex-start;
    }
    body.tax-press-category .content .grid-post .row.filter-post span{
        display: block !important;
    }
    body.single-post section.single-post{
        margin-top: 15px;
    }
    .blocco-moduli .modulo{
        aspect-ratio: 1.29;
    }
    .slider .slide .top h1{
        font-size: 90px;
    }
    .slider .slide .top h2{
        font-size: 30px;
        top: 86px;
        left: 172px;
    }
    .blocco-moduli .modulo .content{
        padding: 0px 30px;
        top: 20px;
    }
    .single-progetto .wpb_raw_html{
        overflow-x: auto;
    }
    .single-progetto .wpb_raw_html table td,
    .single-progetto .wpb_raw_html table th{
        font-size: 16px;   
    }
    .single-progetto .wpb_raw_html table{
        min-width: 600px;
    }
    .vc_row.row-paragraph.inverso{
        flex-direction: column;
    }
    .vc_row.row-paragraph.inverso .col.titoletto, 
    .vc_row.row-paragraph.inverso .col.img{
        width: 100%;
    }
}
@media (max-width:1024px){
    .riga-sostenibilita .blocco-sostenibilita,
    .riga-sostenibilita .blocco-sostenibilita[data-width="2"]{
        width:100%;
    }
    .riga-sostenibilita .blocco-sostenibilita + .blocco-sostenibilita{
        margin-left: 0px;
    }
    .slider .slide .top h1{
        font-size: 80px;
    }
    .slider .slide .top h2{
        font-size: 28px;
        top: 78px;
        left: 152px;
    }
}
@media (max-width:1000px){
    .pink-contenitore figure{
        height: 600px;
    }
    .pink-contenitore figure div, .pink-contenitore img{
        height: 100% !important;
    }
    .slider .slide .top h1{
        font-size: 72px;
    }
}
@media (max-width:991px){
    .vc_row.row-paragraph .titoletto + .custom-title h3{
        margin-top: 32px;
        margin-bottom: 24px !important;
    }
    .vc_row.row-paragraph .wpb_image_grid ul{
        margin-left: 0px ;
    }
    .accordion-home .row .col-2 h3{
        font-size: 20px !important;
    }
    .accordion-home:not(.active),
    .accordion-home{
        padding-left: 60px;
        padding-right: 60px;
    }
    .row-accordion-alar{
        width: 100%;
        margin: 0px;
    }
    .page-id-274 .row-carousel-img .wpb_image_grid_ul li{
        width: calc((100% - 75px ) / 3) !important;
    }
    .row-call{
        flex-direction: column;
    }
    .row-call .call-to{
        width: 100%;
        padding: 25px;
    }
    .salmon-footer .s-pink.row-title{
        padding: 100px 60px;
    }
    .row-storia > div{
        width: 100%;
    }
    .vc_row.row-numeri.row-storia .blocco-numeri{
        max-width: 80%;
    }
    .row-paragraph h4,
    .row-paragraph .split-chars .split-line h4 div{
        font-size: 28px;
    }
    body.single-progetto article header .under-header .row.back{
        position: absolute;
        bottom: 20px;
    }
    body.single-progetto article header .under-header .row.title,
    body.single-progetto article header .under-header .row.info-progetto{
        display: none;
        /* top: -100%; */
    }
    body.single-progetto section.info{
        display: flex;
        width: 100%;
        padding-top: 32px;
        /* flex-direction: row; */
    }
    body.single-progetto section.info .info{
        width: 100%;
    }
    body.single-progetto .info-progetto > div{
        width: 48%;
    }
    body.single-progetto section.info > div{
    flex-wrap: wrap;
    flex-direction: row;
    row-gap: 29px;
    column-gap: 14px;
    }
    body.single-progetto .info-progetto a, body.single-progetto section.info a{
        color: black;
    }
    body.single-progetto section.info p,
    body.single-progetto section.info a,
    body.single-progetto section.info span,
    body.single-progetto section.info div{
        font: var(--font-testo-medium);
        font-size: 16px;
        line-height: 1.26;
    }
    .grid-post .grid-wrapper{
        gap: 20px !important;
    }
    body.single-progetto section.info span{
        text-transform: uppercase;
    }
    body.single-progetto .info-progetto .info::after, body.single-progetto section.info .info::after{
        background-color: var(--color-black);
        width: 54%;
    }
    body.single-progetto .info-progetto .info, body.single-progetto section.info .info{
        border-bottom: 1px solid var(--color-black);
    }
    .blue.row-contenuti p, section.contatti .row-contenuti p, section.contatti .row-contenuti p a, .blocco-moduli .modulo p, .row-soluzioni p, .vc_row.row-pilastri p, .vc_row.row-pilastri p strong, .row-progetti p, .accordion .active p, .row.carosello a, .tabs .tab p, .tabs .tabs-navigation ul li a, .single-post header .row .col.back a, body.single-post .entry-content p, body.single-post div.entry-content a, .single-post .entry-content a em, .single-post li, .single-post p strong, .single-post .entry-content strong, .carosello-testo .content-testo p{
        font-size: 16px !important;
    }
    .blue div.row.carosello{
        padding-top: 50px;
    }
    footer .row-1{
        flex-direction: column;
        gap: 38px;
    }
    .row-paragraph,
    .row-soluzioni{
        flex-direction: column;
        gap: 32px !important;
    }
    .row-paragraph > div{
        width: 100% !important;
    }
    .vc_row.row-pilastri div.custom-title, 
    .row-progetti div.custom-title{
        margin-bottom: 32px;
    }
    .row-soluzioni .title,
    .row-soluzioni .text{
        max-width: 100%;
    }
    footer .row-1 .col-1, footer .row-1 .col-2,
    .vc_row.row-paragraph .col.text,
    .vc_row.row-paragraph .col.titoletto,
    .row-soluzioni .title,
    .row-soluzioni .text{
        padding: 0px;
        width: 100%;
    }
    .accordion.certificazioni-accordion .active p, .vc_row.row-paragraph p, .row-paragraph .text-animation li, .vc_row.row-paragraph p strong, .vc_row.row-paragraph ul li, .vc_row.row-paragraph ul li strong, .row-contenuti .row-content p, .single-post .entry-content blockquote p, .single-post .entry-content h1, .single-post .entry-content h1 strong, .single-post .entry-content h3, .single-post .entry-content h2, .single-post .entry-content h2 strong, .single-post .entry-content h2 a, .single-post .entry-content h4, .vc_row.row-spaced-text .text-animation p{
        font-size: 24px !important;
    }
    .vc_row.row-paragraph.row-accordion-alar .text-animation.mid p{
        font-size: 14px !important;
    }
    .blue .row.carosello .swiper-navigation, .carosello-post .row.carosello .swiper-navigation, .carosello-testo .row.carosello .swiper-navigation{
        gap: 11px;
    }
    .blocco-spaced-text p,
    .row-storia .blocco-spaced-text p{
        /* font-size: 55px; */
    }
    .tabs .tab h4, h1, .vc_row h3, .accordion .item_accordion h4, footer .row-1 .col-1 h3, .row-sostenibilita h1{
        font-size: 34px;
    }
    body.single-post div.entry-content img{
        width: 85%;
    }
   /* spaziatura */
   body:not(.single-progetto) .vc_row + .vc_row:not(.blue){
        /* margin-top: 100px; */
    }
    body:not(.single-progetto) section.vc_section.content .vc_row:last-child{
        /* padding-bottom: 100px; */
    }
    body.single-progetto div.section-wrapper{
        gap: 100px;
    }
   section.content > .row-storia:last-child,
   body.page-id-10537 section.content > .row-storia:last-child,
   .carosello-testo, .carosello-progetti, .tabs, .content .grid-post, .content .grid-progetto, .vc_row.blue .blocco-spaced-text, .vc_row.row-download,
   .page-child .content .row-paragraph:last-child,
   body.single-progetto div.section-wrapper{
       /* margin-bottom: 100px; */
   }
   .blue.row-contenuti + .blue.row-contenuti.call{
    padding-top: 100px !important;
    }
   .vc_row.blue .blocco-spaced-text{
       margin-top: 110px;
   }
   .vc_row.grey + .vc_row.row-paragraph,
   .vc_row.video + .vc_row.row-paragraph,
   .vc_row.grey .vc_row.row-paragraph,
   .row-carousel-img{
       margin-top: 100px !important;
   }
   .content .grid-post, .content .grid-progetto{
       margin-top: 90px;
   }
   /* ! */
   .contatti .vc_row.row-form-contatti form{
    margin-top: 90px;
   }
   body.single-post .img-news,
   .single-post .entry-content .wpb_text_column + div h3, .single-post .entry-content p + h3, .single-post .entry-content ul + h3, .single-post .entry-content h2, .single-post .entry-content h1, .single-post .entry-content .wpb_text_column + div h4{
       margin-top: 30px;
   }
   body.single-post .img-news{
       margin-bottom: 30px;
   }
   .single-post aside .related ul li a{
    grid-template-columns: auto 130px;
    grid-gap: 35px;
    }
    body.single-post header .row .col.back a svg{
        height: 50px;
        width: 50px;
    }
    .content .grid-post .row.filter-post .col, .content .grid-progetto .row.filter-post .col{
        gap: 20px;
    }
    .content .grid-post .row.filter-post, .content .grid-progetto .row.filter-post{
        margin-bottom: 60px;
    }
    .row-soluzioni p + p,
    .vc_row.row-pilastri p + p,
    .row-paragraph p + p{
        margin-top: 24px;
    }
    .certificazioni-accordion .accordion .item_accordion.active h4{
        padding-bottom: 40px !important;
    }
    .vc_row.evidenza p {
        margin: 45px 0px 45px !important;
    }
    .vc_row.row-numeri .blocco-numeri .single-numero div.content{
        padding: 65px 0px 25px;
    }
    .vc_row.row-numeri .blocco-numeri .single-numero{
        gap: 35px;
    }
    .accordion.careers .active h4{
        padding-bottom: 30px;
    }
    div.row-modal-careers .custom-contact-form .row.file .col p{
        flex-direction: column;
    }
    form .row.full-100.file .col span{
        width: 100%;
    }
    .page-id-8556 form .wpcf7-checkbox label,
    .page-id-12269 form .wpcf7-checkbox label,
    .page-id-12581 form .wpcf7-checkbox label{
        padding: 15px;
    }
    .vc_row.row-paragraph ul{
        margin-left: 16px;
    }
    body.single-progetto .info-progetto > div{
        gap: 5px;
    }
    .vc_row.row-pilastri{
        flex-direction: column;
    }
    .vc_row.row-pilastri > .col{
        width: 100% !important;
        padding-left: 0px !important;
    }
    .vc_row.row-pilastri > .col.text{
        margin-top: 30px;
    }
    .carosello-post div.row.carosello{
        padding-top: 32px;
    }
    .row-progetti .col-1 div.wpb_single_image{
        margin-top: 32px !important;
    }
    body.single-progetto .carosello-progetti .row.cta{
        margin-bottom: 30px !important;
    }
    body.single-progetto .info-progetto .info{
        margin-bottom: 0px !important;
    }
    body.single-progetto div.section-wrapper > section.row-paragraph{
        margin-top: 50px;
    }
    body.page-id-12007 .custom-title h3,
    body.page-id-12814 .custom-title h3,
    body.page-id-12815 .custom-title h3,
    body.page-id-12024 .custom-title h3,
    body.page-id-12816 .custom-title h3,
    body.page-id-12817 .custom-title h3{
        font-size: 21px;
    }
    .video-embed-wrapper .plyr > button[data-plyr="play"]{
        padding:20px;
    }
    .slider .slides-navigation .navigation-slide span.number-slide{
        font-size: 44px;
    }
    .slider .slide .top h1{
        font-size: 76px;
    }
    .slider .slide .top h2{
        font-size: 26px;
        top: 74px;
        left: 148px;
    }
    .row-spaced-text .titoletto{
        margin-bottom: 35px;
    }
    .blocco-moduli .modulo .content{
        padding: 0px 25px;
        top: 15px;
    }
}
@media (max-width:900px){
    .accordion-home .row .col-2 h3,
    .accordion-home .row .col-2 p.intro{
        font-size: 18px !important;
    }
    .page-id-8556 form .wpcf7-checkbox label,
    .page-id-12269 form .wpcf7-checkbox label,
    .page-id-12581 form .wpcf7-checkbox label{
        padding: 10px;
    }
    .libreria-gallery ul li{
        width: 100% !important;
    }
    footer .footer-row.row-3 section{
        flex-direction: column;
        gap: 40px;
    }
    footer .row-3 .menu-link-utili-container{
        width: 100%;
    }
    footer .footer-row.copyright .row{
        flex-direction: column;
        align-items: flex-start;
    }
    .carosello-post .row.cta{
        flex-direction: column;
        align-content: flex-start;
        flex-wrap: wrap;
        gap: 23px;
        align-items: baseline;
    }
    footer .footer-row.copyright{
        padding-top: 60px;
    }
    .tabs .tab h4, h1, .vc_row h3, .accordion .item_accordion h4, footer .row-1 .col-1 h3, .row-sostenibilita h1{
        font-size: 32px;
    }
    .vc_row.row-paragraph .bottone-link{
        margin-top: 30px;
    }
    body.single-progetto div.section-wrapper{
        gap: 90px;
    }
   .blue.row-contenuti + .blue.row-contenuti.call{
    padding-top: 90px !important;
    }
   .pink-contenitore.numerato,
   .vc_row.grey + .vc_row.row-paragraph,
   .vc_row.video + .vc_row.row-paragraph,
   .vc_row.grey .vc_row.row-paragraph,
   .row-carousel-img{
       margin-top: 90px !important;
   }
   .content .grid-post, .content .grid-progetto{
       margin-top: 90px;
   }
   .row-title + .vc_row,
   .vc_row.img{
       margin-top: 90px;
   }
   .row-title + .vc_row.row-contenuti{ /* ok */
        padding-top: 90px !important;
   }
   .row-title + .vc_row.row-contenuti.pink-contenitore{
        margin-top: 0px !important;
   }
   /* ! */
    .vc_row.row-progetti div.vc_col-sm-4,
    .vc_row.row-contenuti .col.text,
    .row-contenuti .img{
        width: 100%;
    }
    .row-contenuti h3{
        margin: 35px 0px;
    }
    .single-post aside .related ul li a{
        grid-template-columns: auto 120px;
        grid-gap: 30px;
    }
    .row-contenuti .row-content + .row-content{
        margin-top: 70px;
    }
    .certificazioni-accordion .accordion .item_accordion.active h4{
        padding-bottom: 30px !important;
    }
    body.open-menu .site-menu{
        padding:21px 30px !important;
        overflow-y: auto;
        height: 100vh;
    }
    .site-menu .close{
        top: 32px !important;
        right: 30px !important;
    }
    .site-menu .content{
        gap:55px;
        justify-content: flex-start !important;
    }
    .site-menu nav.main-menu{
        border-top:none !important;
        border-bottom: none !important;
        padding:0px !important;
    }
    .site-menu nav.main-menu ul.menu > li > a{
        padding-left: 0px !important;
    }
    .site-menu nav.main-menu ul.menu:before{
        content: none !important;
    }
    .site-menu nav.main-menu ul.menu > li{
        width: 100% !important;
    }
    .site-menu nav.main-menu ul.menu > li:has(ul.sub-menu):hover > a:after{
        content: url(./images/freccia-menu.svg) !important;
        width: 91px !important;
        height: 8px !important;
    }
    nav.second-menu.menu-items{
        border-top:1px solid var(--color-white);
        margin-left:-30px;
        margin-right:-30px;
        padding: 45px 30px 90px;
    }
    footer p,
    footer a,
    footer .row-2 .col-7 p,
    footer div{
        font-size: 16px !important;
    }
    footer .row-2 ul.menu li a i{
        font-size: 18px !important;
    }
    .site-menu nav.second-menu ul{
        flex-direction: column;
        gap:5px;
    }
    .site-menu nav.second-menu ul li a{
        display: block;
        padding:6px 0px;
    }
    .site-menu nav.second-menu ul li a{
        font-size: 18px !important;
    }
    .site-menu nav.main-menu ul.menu > li > a{
        font-size: 30px !important;
    }
    .site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu{
        display: none !important;
    }
    .site-menu nav.main-menu ul.menu > li > ul.sub-menu a.back{
        display: flex;
        align-items: center;
        gap: 15px;
        font: var(--font-testo-medium);
        font-size: 21px;
        color: var(--color-white);
        margin-bottom: 30px;
    }
    .site-menu nav.main-menu ul.menu > li > ul.sub-menu a.back:before{
        content: '';
        display: block;
        background:url(./images/arrow-right.svg) center center no-repeat;
        background-size: 26px auto;
        width:50px;
        height: 50px;
        border: var(--color-white) 1px solid;
        border-radius: 50%;
    }
    .site-menu nav.main-menu ul.menu > li > ul.sub-menu.open{
        display: none !important;
    }
    .site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu > li a{
        padding-left:0px;
    }
    .site-menu nav.main-menu ul.menu > li > ul.sub-menu.open > li a{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .site-menu nav.main-menu ul.menu > li > ul.sub-menu.open > li{
        position: relative;
    }
    .site-menu nav.main-menu ul.menu > li > ul.sub-menu.open > li + li:before{
        content: '' !important;
        margin-left:0px !important;
        width: 100%;
        height: 1px;
        background-color: #FFF;
        display: block;
        margin-left: 90px;
        position: absolute;
        top: 0px;
    }
    .vc_row.citazione > .wpb_column:nth-child(2), 
    .vc_row.citazione > .wpb_column:nth-child(3){
        width: 50%;
    }
    .vc_row.citazione > .wpb_column:nth-child(2){
        padding-right: 5px;
    }
    .vc_row.citazione > .wpb_column:nth-child(3){
        padding-left: 5px;
    }
    .blocchi-sostenibilita{
        width: min(400px,100%);
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .blocchi-sostenibilita .riga-sostenibilita .blocco-sostenibilita,
    .riga-sostenibilita:nth-child(4) .blocco-sostenibilita.image{
        width: 100% !important;
    }
    .blocchi-sostenibilita .riga-sostenibilita .blocco-sostenibilita,
    .blocchi-sostenibilita .riga-sostenibilita .blocco-sostenibilita + .blocco-sostenibilita{
        margin-left: 0px !important;
    }
    .blocchi-sostenibilita .riga-sostenibilita .blocco-sostenibilita.empty{
        display: none !important;
    }
    .riga-sostenibilita .blocco-sostenibilita[data-width="2"]{
        aspect-ratio: 1 !important;
    }
    .libreria-gallery .wpb_image_grid{
        width: min(400px,100%);
        margin: auto;
    }
    .site-menu nav.main-menu ul.menu ul.sub-menu.fixed > li + li:before,
    .site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu > li + li:before{
        width: 100% !important;
    }
    div.row-modal-careers .custom-contact-form input,
    div.modal.newsletter .custom-contact-form input{
        padding-bottom: 10px !important;
    }
    .grid-post .row.grid-wrapper article picture{
        height: auto;
        aspect-ratio: 1.186;
        background-color: rgba(0,0,0,0.2);
    }
    .row-sostenibilita > div > .wpb_wrapper{
        gap:30px;
    }
    .salmon-footer .t-green .bottone-link{
        margin-top: 30px;
    }
    .site-menu nav.second-menu{
        display: block !important;
    }
    .site-menu nav.second-menu > div:nth-child(1),
    .site-menu nav.second-menu > div:nth-child(2){
        width: 100% !important;
    }
    .site-menu nav.second-menu > div:nth-child(2){
        margin-top: 32px;
    }
    .site-menu nav.second-menu > div:nth-child(2) ul{
        flex-direction: row;
        justify-content: flex-start !important;
        align-items: flex-start;
    }
    .site-menu nav.second-menu > div:nth-child(2) ul li a{
        padding: 0px !important;
    }
    .site-menu nav.second-menu > div:nth-child(2) ul li.wpml-ls-current-language a{
        padding: 0px !important;
    }
    html[lang=en-US] footer .footer-row.row-3 section > h3, 
    html[lang=fr-FR] footer .footer-row.row-3 section > h3,
    html[lang=en-US] footer .footer-row.row-3 section > div, 
    html[lang=fr-FR] footer .footer-row.row-3 section > div{
        width: 100%;
    }
    html[lang=en-US] footer .footer-row.row-3 section > div ul.menu, 
    html[lang=fr-FR] footer .footer-row.row-3 section > div ul.menu{
        justify-content: space-between;
    }
    html[lang=en-US] footer .footer-row.row-3 section > div ul.menu > li, 
    html[lang=fr-FR] footer .footer-row.row-3 section > div ul.menu > li{
        width: auto;
    }
    .slider .slides-navigation .navigation-slide span.number-slide{
        font-size: 42px;
    }
    .slider .slide .top h1{
        font-size: 74px;
    }
    .slider .slide .top h2{
        font-size: 24px;
        top: 73px;
        left: 145px;
    }
    .lightbox .lb-image{
        max-width: 700px !important;
    }
    .site-menu nav.main-menu{
        height: fit-content !important;
    }
    .site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu{
        display: block !important;
        position: relative;
        left: 0px;
        width: 100%;
        margin-bottom: 32px;
    }
    .site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu > li + li:before{
        content: none !important;
    }
    .site-menu nav li#menu-item-263:hover > ul.sub-menu > li:hover > ul.sub-menu{
        display: block;
        height: fit-content !important;
        width: 100%;
        position: initial;
    }
    .site-menu nav.main-menu ul.menu > li > ul.sub-menu a.back{
        display: none !important;
    }
    .site-menu nav.main-menu ul.menu > li:hover > ul.sub-menu > li a{
        padding-right: 0px;
    }
    .site-menu nav.main-menu ul.menu > li.menu-item-has-children > a{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .site-menu nav.main-menu ul.menu > li#menu-item-263 > ul.sub-menu li.menu-item-has-children > a{
        color: var(--color-white) !important;
    }
    .site-menu nav.main-menu ul.menu > li:has(ul.sub-menu):hover > a:after,
    .site-menu nav.main-menu ul.menu > li.menu-item-has-children > a::after,
    .site-menu nav.main-menu ul.menu > li#menu-item-263 > ul.sub-menu li.menu-item-has-children > a::after{
        content: '' !important;
        display: block;
        width: 18px !important;
        height: 12px !important;
        background: url(./images/arrow-right.svg) no-repeat;
        background-size: contain;
        margin-left: 0px;
        rotate: -90deg;
        position: initial;
    }
    .site-menu nav li#menu-item-263:hover > ul.sub-menu > li:hover > ul.sub-menu{
        margin-top: 16px;
        margin-bottom: 24px;
    }
    .site-menu nav.main-menu ul.menu > li > ul.sub-menu > li a{
        padding: 6px 0px !important;
    }
    .site-menu nav.main-menu ul.menu > li#menu-item-263 > ul.sub-menu li, 
    .site-menu nav.main-menu ul.menu > li#menu-item-12919 > ul.sub-menu li, 
    .site-menu nav.main-menu ul.menu > li#menu-item-12960 > ul.sub-menu li, 
    .site-menu nav.main-menu ul.menu > li#menu-item-13129 > ul.sub-menu li, 
    .site-menu nav.main-menu ul.menu > li#menu-item-13147 > ul.sub-menu li{
        padding: 0px !important;
    }
}
@media (max-height:1000px){
    div.row-modal-careers.show{
        overflow: scroll;
    }
    div.row-modal-careers div.wpb_wrapper{
        position: absolute;
        top: 100px;
        transform: translate(-50%, 0px);
    }
    .slider .slides-navigation .navigation-slide span.number-slide{
        font-size: 40px;
    }
    .lightbox .lb-image{
        max-width: 600px !important;
    }
}
@media (max-width:876px){
    .row-accordion-alar .wpb_single_image.wpb_content_element.mid,
    .row-accordion-alar .wpb_single_image.wpb_content_element.mid + .text-animation.mid{
        width: 100%;
        margin-top: 32px !important;
    }
    .row-accordion-alar .wpb_single_image.wpb_content_element.mid + .text-animation.mid{
        margin-top: 0px !important;
    }
    .carosello-testo .swiper-slide h3{
        margin-bottom: 24px;
    }
    body.page-id-274 .carosello-testo{
        width: calc(100vw - 100px);
    }
    .slider .slide .top h1{
        font-size: 70px;
    }
    .slider .slide .top h2{
        font-size: 20px;
        top: 71px;
        left: 137px;
    }
    .row-accordion-alar .grafico{
        flex-direction: column;
    }
    .row-accordion-alar .grafico > div{
        width: 100% !important;
    }
    div.row-modal-careers .custom-contact-form .row + .row{
        margin-top: 15px !important;
    }
    div.row-modal-careers .custom-contact-form .row.message{
        margin-top: 25px !important;
    }
    body.single-post div.entry-content img{
        width: 90%;
    }
    .blue div.row.carosello{
        padding-top: 35px;
    }
    form .row.full-50{
        flex-direction: column;
    }
    form .row.full-50 [data-class="wpcf7cf_group"],
    form .row.full-50 .col{
        width: 100%;
    }
    .blocco-spaced-text p,
    .row-storia .blocco-spaced-text p{
        /* font-size: 35px; */
    }
    .carosello-post .row.cta h3{
        max-width: 60%;
    }
    .tabs .tab h4, h1, .vc_row h3, .accordion .item_accordion h4{
        font-size: 24px;
    }
    h1, .vc_row h3, .split-chars h1 div, .vc_row .split-chars h3 div, .vc_row h3.split-chars div, .row-sostenibilita h1{
        font-size: 28px;
    }
    .breadcrumb a, .breadcrumb strong{
        font-size: 18px !important;
    }
    .titoletto, .blue .white .titoletto{
        font-size: 16px;
    }
    .accordion .item_accordion h4{
        font-size: 26px !important;
    }
       /* spaziatura */
    body:not(.single-progetto) .vc_row + .vc_row:not(.blue){
        /* margin-top: 80px; */
    }
    body:not(.single-progetto) section.vc_section.content .vc_row:last-child{
        /* padding-bottom: 80px; */
    }
    .vc_row.blue .blocco-spaced-text{
        /* margin-top: 80px; */
    }
   footer .footer-row.row-1,
   .vc_row.row-spaced-text .text-animation p,
   section.content > div.vc_row:first-child{
        padding-top: 80px;
   }
   .row-title + .vc_row,
   .vc_row.img,
   .page-child .content .row-paragraph:last-child{
       margin-top: 70px;
   }
   /* ! */
   .slider .slides-navigation .navigation-wrapper{
    gap: 10px
   }
   .slider .slides-navigation .navigation-slide + .navigation-slide{
    border-left: 0px;
   }
    /* margin */
    .row-coperture-alar{
        width: calc(100vw - 100px);
    }
    .accordion-home:not(.active),
    .accordion-home{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .slider .slide .wrapper-content{
        width: calc(100% - 100px);
        bottom: 60px;
        top: unset;
        transform: translateY(0px);
    }
    .slider .slide .wrapper-content{
        left: 50px;
        padding-bottom: 0px;
    }
    .accordion-home:not(.active),
    .accordion-home,
    main,
    header.site-header,
    .vc_row.w-padding,
    footer .row-2 .col,
    footer .footer-row,
    body.home .carosello-hero .slides-navigation{
        padding-right: 50px;
        padding-left: 50px;
    }
    .vc_row.full-width,
    header.full-width,
    section.vc_section.header,
    .modulo-immagine-interattiva.full-width{
        margin-right: -50px;
        margin-left: -50px;
    }
    div.chat-widget,
    div.back-to-top{
        right: 50px;
    }
    /* ! */
    header.site-header{
        padding-top: 40px;
    }
    .page-id-274  .row-carousel-img .wpb_image_grid_ul li {
        width: calc((100% - 30px) / 2) !important;
        padding: 0px 40px 20px !important;
    }
    .row-contenuti h3{
        margin: 32px 0px;
    }
    div.modal.newsletter div.modal-wrapper{
        width: 80%;
    }
    .accordion.certificazioni-accordion .active p, .vc_row.row-paragraph p, .row-paragraph .text-animation li, .vc_row.row-paragraph ul li, .vc_row.row-paragraph ul li strong, .vc_row.row-paragraph p strong, .row-contenuti .row-content p, .single-post .entry-content blockquote p, .single-post .entry-content h1, .single-post .entry-content h1 strong, .single-post .entry-content h3, .single-post .entry-content h2, .single-post .entry-content h2 strong, .single-post .entry-content h2 a, .single-post .entry-content h4, .vc_row.row-spaced-text .text-animation p{
        font-size: 21px !important;
    }
    .download h4::after{
        height: 30px;
        width: 20px;
        background-size: contain;
    }
    .tabs .tabs-navigation{
        margin-bottom: 45px;
    }
    .fisarmonica-dynamic-block{
        padding: 0px 30px 30px !important;
    }
    body.page-id-9238 div.video-wrapper video,
    body.page-id-12209 div.video-wrapper video,
    body.page-id-12551 div.video-wrapper video{
        height: 500px;
        min-height: fit-content;
    }
    .careers.certificazioni-accordion.accordion h3.none{
        font-size: 28px;
    }
    .modulo-immagine-interattiva .number{
        width: 30px;
        height: 30px;
    }
    .modulo-immagine-interattiva .number span{
        width: 30px;
        height: 30px;
        font-size: 17px;
        line-height: 28px;
    }
    .modulo-immagine-interattiva .description.show{
        top: unset !important;
        bottom: 0px;
        left: 0px !important;
        transform: none;
        width: 100%;
    }
    .blocco-moduli .modulo{
        width: 100%;
    }
    .slider .slides-navigation .navigation-slide{
        padding: 0px;
    }
    .slider .slides-navigation .navigation-slide a{
        display: none;
    }
    .row-spaced-text .titoletto{
        margin-bottom: 30px;
    }
    .blocco-moduli .modulo .content{
        padding: 0px 20px;
        top: 12px;
    }
    .slider .slide{
        aspect-ratio: auto;
        max-height: 100vh;
    }
    .carosello-testo .swiper-slide{
        aspect-ratio: 0.85;
    }
    .table-trasmittanza table th, .table-trasmittanza table td{
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width:800px){
    .carosello-testo .swiper-slide{
        aspect-ratio: 1.2;
    }
}
@media (max-width:768px){
    footer .row-1 .col-1 h3{
        width: 100%;
    }
    .vc_row.row-accordion-alar .wpb_gallery_slides.wpb_image_grid ul{
        flex-wrap: wrap;
    }
    .vc_row.row-accordion-alar .wpb_gallery_slides.wpb_image_grid ul li{
        width: 40%
    }
    .breadcrumb strong{
        text-align: left;
    }
    .slider .slide .top h1{
        font-size: 68px;
    }
    .slider .slide .top h2{
        font-size: 18px;
        top: 69px;
        left: 134px;
    }
    body.home .carosello-hero .slides-navigation{
        bottom: 20px;
    }
    .accordion-home button{
        width: 47px !important;
        height: 47px !important;
    }
    .accordion-home .row .col-2 h3{
        margin-right: 47px;
    }
    .accordion-home .row .col-3{
        position: static;
    }
    .accordion-home.active .row{
        /* grid-template-columns: 1fr; */
        display: flex;
        flex-direction: column;
        gap: 26px;
    }
    .accordion-home .row .col-3 picture{
        display: none;
    }
    .swiper.copertura .swiper-slide{
        width: 100%;
    }
    .content .grid-progetto .row.filter-post span{
        padding-bottom: 15px;
        border-bottom: 1px solid var(--color-black);
    }
    .content .grid-progetto .row.filter-post span:hover{
        color: var(--color-orange);
        border-bottom: 1px solid var(--color-orange);
        cursor: pointer;
    }
    .vc_row.row-numeri .blocco-numeri .single-numero:nth-child(3):after{
        visibility: hidden;
    }
    .vc_row.row-numeri .blocco-numeri .single-numero:nth-child(2) div.pilastro.sx, .vc_row.row-numeri .blocco-numeri .single-numero:nth-child(n+4) div.pilastro.sx{
        visibility: visible;
    }
    .row-contenuti h3 br{
        display: none;
    }
    body.single-post div.entry-content img{
        width: 100%;
    }
    .grid-post .grid-wrapper{
        gap: 35px !important;
    }
    form textarea{
        height: 130px;
    }
    .vc_row.row-contenuti .col.text{
        padding-top: 60px;
        padding-bottom: 0px;
    }
    .contatti .vc_row.row-contenuti .col.text{
        padding-top: 0px !important;
    }
    footer .row-2 .col-7 p{
        max-width: 100%;
    }
    header .logo {
    }
    .vc_row.row-content{
        flex-direction: column;
    }
    footer .row-2 .col,
    .vc_row.row-pilastri .col.text,
    .vc_row.row-pilastri .col.img,
    .row-contenuti .img,
    .vc_row.row-paragraph .col.text,
    .contatti .vc_row.row-form-contatti .col.text,
    div.row.carosello .swiper{
        width: 100%;
    }
    .vc_row.row-pilastri .col.text,
    .vc_row.row-contenuti .col.text,
    .vc_row.row-pilastri .col.img,
    .row-contenuti .img,
    .blue.row-contenuti .img{
        padding-left: 0px;
    }
    footer .row-2 .col + .col{
        border-left: 0px;
        border-top: 1px solid rgb(255 255 255 / 50%);
    }
    footer .row-3 .menu-link-utili-container ul.menu{
        flex-direction: column;
        gap: 20px;
    }

    .row-title{
        flex-direction: column-reverse;
        gap: 30px;
    }
    .breadcrumb{
        align-items: flex-start;
    }
    .row-title > div{
        width: 100%;
    }
    .vc_row.row-numeri .blocco-numeri .single-numero,
    .vc_row.row-numeri .blocco-numeri.chi-siamo div.single-numero:nth-child(2){
        width: 100%;
    }
    .vc_row.row-numeri .blocco-numeri.sostenibilita .single-numero:last-child{
        border-top: var(--color-green) 1px solid;
    }
    .vc_row.row-numeri .blocco-numeri .single-numero:nth-child(n+3){
        border-bottom: 0px;
    }
    .vc_row.row-numeri .blocco-numeri .single-numero{
        padding: 16px 0px;
    }
    
    footer .footer-row.row-1,
    .vc_row.row-spaced-text .text-animation p,
    section.content > div.vc_row:first-child{
        padding-top: 70px;
    }
    body.single-progetto .carosello-progetti .row.cta{
        margin-bottom: 70px;
    }
    .row-title + .vc_row,
    .vc_row.img,
    .page-child .content .row-paragraph:last-child{
       margin-top: 50px;
    }
   /* ! */
   header.site-header{
    padding-top: 35px;
   }
   .row-contenuti .row-content .titoletto{
    margin-bottom: 32px;
   }
   .row-contenuti h3{
    margin: 30px 0px;
    }
    .contatti .vc_row.row-form-contatti .col.titoletto{
        margin-bottom: 50px;
    }
    .single-post aside .related ul li a{
        grid-template-columns: auto 100px;
        grid-gap: 20px;
    }
    .accordion.certificazioni-accordion .active p,
    .vc_row.row-paragraph p, .row-paragraph .text-animation li, .vc_row.row-paragraph p strong,
    .vc_row.row-paragraph ul li,
    .vc_row.row-paragraph ul li strong,
    .row-storia .wpb_wrapper > p,
    .row-storia .wpb_wrapper > p strong,
    .row-storia .wpb_wrapper > p strong a,
    .vc_row.evidenza p,
    .row-contenuti .row-content p, 
    .single-post .entry-content blockquote p, 
    .single-post .entry-content h1, 
    .single-post .entry-content h1 strong, 
    .single-post .entry-content h3, 
    .single-post .entry-content h2, 
    .single-post .entry-content h2 strong, 
    .single-post .entry-content h2 a, 
    .single-post .entry-content h4,
    .vc_row.row-spaced-text .text-animation p,
    .vc_row.innovazione-block .wpb_text_column p,
    .vc_row.innovazione-block .wpb_text_column p strong,
    .vc_row.innovazione-block .wpb_text_column p em,
    .row-progetto-sostenibilita p,
    .row-testo-sostenibilita.t-pink p,
    .row-testo-sostenibilita.t-green p,
    .slider .slide .content .bottom p{
        font-size: 18px !important;
    }
    .content .grid-progetto .row.filter-post .col.all,
    .content .grid-progetto .row.filter-post select{
        display: none;
    }
    footer .row-2 .col:nth-child(n+3){
        border-top: 0px;
    }
    footer .row-2 .col{
        padding-top: 25px;
        padding-bottom: 25px;
    }
    footer .row-2 .col.col-3{
        padding-top: 0px;
        padding-bottom: 60px;
    }
    footer .row-2 .col.col-4{
        padding-top: 60px;
    }
    footer .row-2 .col.col-7{
        padding-bottom: 60px;
    }
    footer .row-2{
        padding-top: 60px !important;
    }
    .vc_row.evidenza p {
        margin: 40px 0px 45px !important;
    }
    .row.video-title{
        flex-direction: column;
        gap:0px !important
    }
    .row.video-title .col{
        width:100% !important;
        height: 50px !important;
    }
    .row.video-title .col-1 div.swiper-wrapper div.swiper-slide,
    .row.video-title .col-2 div.swiper-wrapper div.swiper-slide{
        padding-left: 30px;
        padding-right: 30px;
        text-align: center !important;
    }
    .row.video-title div.swiper-wrapper div.swiper-slide{
        font-size: 44px !important;
    }
    .row-modulo-progetti-home div.content h3 a{
        font-size: 36px !important;
    }
    .row-modulo-progetti-home div.content p{
        margin-top:16px !important;
    }
    .row-modulo-progetti-home a.arrow.white:before{
        width: 50px !important;
        height: 34px !important;
        background-size: 50px 34px !important;
    }
    .row-modulo-progetti-home div.content p + a{
        margin-top: 32px !important;
    }
    div.modal.newsletter,
    div.row-modal-careers{
        overflow-y: auto;
    }
    div.modal.newsletter div.modal-wrapper,
    div.row-modal-careers div.wpb_wrapper{
        top: 100px !important;
        left: 10%;
        transform: translate(0px, 0px) !important;
        margin-bottom: 64px;
    }
    div.modal.newsletter .custom-contact-form{
        gap: 15px;
    }
    div.modal.newsletter div.custom-contact-form div.form-title{
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    div.modal.newsletter .custom-contact-form .row input,
    div.modal.newsletter .custom-contact-form .row input::placeholder,
    div.row-modal-careers .custom-contact-form .row input,
    div.row-modal-careers .custom-contact-form .row input::placeholder{
        font-size: 16px;
    }
    div.modal.newsletter div.custom-contact-form .form-title p,
    div.row-modal-careers div.custom-contact-form div.form-title h3{
        font-size: 26px;
        margin-top: 16px;
        text-align: left;
    }
    div.row-modal-careers .custom-contact-form .row span:not(.wpcf7-list-item-label){
        display: block !important;
        width: 100% !important;
    }
    div.row-modal-careers .custom-contact-form .row.file p > span:first-child{
        font-size: 15px;
    }
    div.row-modal-careers .custom-contact-form .row span.wpcf7-list-item-label{
        font-size: 13px;
    }
    div.custom-contact-form div.close{
        margin-bottom: 0px;
    }
    body.single-post .breadcrumb{
        align-items: flex-end;
    }
    html[lang=en-US] footer .footer-row.row-3 section > div ul.menu, 
    html[lang=fr-FR] footer .footer-row.row-3 section > div ul.menu{
        flex-direction: column;
        gap: 20px;
    }
    div.video-wrapper.no-autoplay:after, 
    div.video-youtube-wrapper:after{
        width: 64px;
        height: 64px;
    }
    div.video-youtube-wrapper div.modal-youtube div.wrapper-frame{
        width:calc(100vw - 30px);
    }
    .table-trasmittanza table th, .table-trasmittanza table td{
        padding-left: 16px;
        padding-right: 16px;
    }
    h1, .vc_row h3, .split-chars h1 div, .vc_row .split-chars h3 div, .vc_row h3.split-chars div, .row-sostenibilita h1{
        font-size: 24px;
    }
    .lightbox .lb-image{
        max-width: 500px !important;
    }
    .row-carousel-img .wpb_image_grid .wpb_image_grid_ul img{
        max-width: 220px !important;
    }
}
@media (max-width:678px){
    body.page-id-274 .carosello-testo{
        width: calc(100vw - 60px);
    }
    .slider .slide .top h1{
        font-size: 64px;
    }
    .slider .slide .top h2{
        font-size: 16px;
        left: 125px;
        top: 63px;
    }
    .page-id-12617 .row-coperture-alar .swiper.copertura .swiper-slide{
        width: 100%;
    }
    .vc_row.row-pilastri div.custom-title, 
    .row-progetti div.custom-title{
        margin-bottom: 16px !important;
    }
    .parent-pageid-9238 section.content > div:first-child img,
    .parent-pageid-12209 section.content > div:first-child img,
    .parent-pageid-12551 section.content > div:first-child img{
        height: 600px;
        object-fit: cover;
    }
    .row-paragraph h4,
    .row-paragraph .split-chars .split-line h4 div{
        font-size: 24px;
    }
    .blue div.row.carosello{
        padding-top: 24px;
    }
    .vc_row.row-contenuti .col.text{
        padding-top: 50px;
    }
    .tabs .tab h4, .vc_row h3, .accordion .item_accordion h4{
        font-size: 22px;
    }
    .accordion .item_accordion h4{
        font-size: 24px !important;
    }
    .row.carosello .swiper-button-prev, .row.carosello .swiper-button-next{
        width: 26px;
    }
    .blue .white .bottone-link{
        width: 100%;
    }
    .bottone-link span, .blue .white .bottone-link span,
    .vc_row.blue .white .titoletto, .row-content .titoletto{
        width: auto;
    }
    .vc_row.row-paragraph .bottone-link{
        width: 100%;
    }
    .vc_row.row-paragraph .bottone-link span{
        width: 100%;
        justify-content: space-between;
    }
    .vc_row.row-paragraph .bottone-link + .bottone-link{
        margin-top: 15px;
    }
   /* spaziatura */
   body:not(.single-progetto) .vc_row + .vc_row:not(.blue){
        /* margin-top: 60px; */
    }
    body:not(.single-progetto) section.vc_section.content .vc_row:last-child{
        /* padding-bottom: 60px; */
    }
   footer .footer-row.row-1,
   .vc_row.row-spaced-text .text-animation p,
   section.content > div.vc_row:first-child{
        padding-top: 60px;
   }
   body.single-progetto .carosello-progetti .row.cta{
    margin-bottom: 60px;
    }
   .vc_row.blue .blocco-spaced-text{
    /* margin-top: 60px; */
    }
    .row-title + .vc_row,
    .vc_row.img{
        margin-top: 45px;
    }
    /* ! */
    /* margin */
    .row-coperture-alar{
        width: calc(100vw - 60px);
    }
    .slider .slide .wrapper-content{
        width: calc(100% - 60px);
    }
    .pink-contenitore{
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .accordion-home:not(.active),
    .accordion-home,
    main,
    header.site-header,
    .vc_row.w-padding,
    footer .row-2 .col,
    footer .footer-row,
    body.home .carosello-hero .slides-navigation{
        padding-right: 30px;
        padding-left: 30px;
    }
    .slider .slide .wrapper-content{
        left: 30px;
    }
    .vc_row.full-width,
    header.full-width,
    section.vc_section.header,
    .modulo-immagine-interattiva.full-width{
        margin-right: -30px;
        margin-left: -30px;
    }
    .salmon-footer .t-green.w-padding{
        padding-left: 30px;
        padding-right: 30px;
    }
    div.chat-widget,
    div.back-to-top{
        right: 30px;
    }
    /* ! */
    header.site-header{
        padding-top: 30px;
    }
    div.modal.newsletter div.modal-wrapper{
        padding: 30px;
    }
    footer .row-2 .col{
        padding-top: 22.5px;
        padding-bottom: 22.5px;
    }
    footer .row-2 .col-4{
        padding-top: 45px !important;
    }
    .row-contenuti .row-content + .row-content{
        margin-top: 60px;
    }
    .vc_row.evidenza p {
        margin: 30px 0px 45px !important;
    }
    .footer-row.row-3 h3{
        font-size: 18px !important;
    }
    .footer-row.copyright div, .footer-row.copyright div a,
    .footer-row.copyright div p{
        font-size: 15px !important;
    }
    footer .row-1 .col-1 h3{
        /* font-size: 28px; */
    }
    .site-menu .content .logo-mobile{
        display: block !important;
    }
    .site-menu .content .logo-mobile svg path{
        fill: var(--color-white);
    }
    form .wpcf7-acceptance label, 
    form .wpcf7-checkbox label{
        flex-wrap: wrap;
        gap:8px;
    }
    form .wpcf7-acceptance label span.wpcf7-list-item-label, 
    form .wpcf7-checkbox label span.wpcf7-list-item-label{
        width: calc(100% - 32px);
        font-size: 14px;
        line-height: 1;
    }
    .blocco-moduli .modulo{
        width: min(440px,100%);
    }
    .vc_row.citazione .custom-title h3,
    .vc_row.citazione .custom-title h4{
        font-size: 20px;
    }
    .vc_row.citazione > .wpb_column:nth-child(2), 
    .vc_row.citazione > .wpb_column:nth-child(3){
        width: min(400px,100%);
        margin-left: auto;
    }
    .vc_row.citazione > .wpb_column:nth-child(2){
        transform: none;
    }
    .vc_row.citazione > .wpb_column:nth-child(3){
        margin-top: 30px;
        margin-left: 0px;
    }
    .carosello-ambiti{
        aspect-ratio: 0.6 !important;
    }
    .vc_row.row-progetti{
        gap:15px;
    }
    .vc_row.row-progetti div.vc_col-sm-4{
        width:calc((100% - 15px) / 2) !important;
    }
    .bottone-link.long-text span{
        text-wrap: balance;
    }
    .grid-post .grid-wrapper{
        gap: 15px !important;
    }
    .grid-post .row.grid-wrapper article{
        padding:10px;
    }
    .row.grid-wrapper article span,
    .row.grid-wrapper article time,
    body.tax-press-category article.single-post div.categories span,
    body.tax-press-category article.single-post time,
    .slider .slide .content .bottom p{
        font-size: 14px !important;
    }
    .grid-post .row.grid-wrapper article h3 a,
    body.tax-press-category article.single-post h3 a{
        font-size: 18px !important;
        line-height: 1.2;
    }
    .row-modulo-progetti-home div.content p{
        width: 100% !important;
    }
    footer.site-footer form input[type="checkbox"]{
        width: 20px !important;
        height: 20px;
    }
    body.parent-pageid-9238 .vc_row.img.full-width .row-title,
    body.parent-pageid-12209 .vc_row.img.full-width .row-title,
    body.parent-pageid-12551 .vc_row.img.full-width .row-title{
        bottom: 30px;
        left: 30px;
    }
    .row-progetto-sostenibilita.t-pink .bottone-link{
        width: 100%;
    }
    body.single-progetto header.full-width,
    .row-modulo-progetti-home section.progetto{
        background-attachment: initial !important;
    }
    .row-modulo-progetti-home section.first h3{
        font-size: 200px !important;
    }
    .row-modulo-progetti-home section.second h4{
        font-size: 32px !important;
    }
    nav.second-menu.menu-items{
        padding: 45px 30px 120px;
    }
    .site-menu nav.main-menu ul.menu > li > ul.sub-menu a.back{
        margin-bottom: 16px;
    }
    .site-menu nav.main-menu ul.menu > li > ul.sub-menu li a{
        font-size: 18px !important;
    }
    .site-menu nav.main-menu ul.menu > li > ul.sub-menu > li{
        padding:5px 0px !important
    }
    .blocco-moduli .modulo{
        width: 100%;
    }
    .titoletto, .blue .white .titoletto{
        width: 100%;
    }
    .blocco-moduli .modulo .content{
        padding: 0px 15px;
    }
    .lightbox .lb-image{
        max-width: 400px !important;
    }
    .single-progetto .vc_row.row-paragraph .wpb_wrapper{
        display: block;
    }
    .row-paragraph div .row-image-text{
        flex-direction: column;
        align-items: flex-start;
    }
    .table-trasmittanza table th,
    .table-trasmittanza table td,
    .table-trasmittanza table td strong{
        font-size: 14px;
    }
    body.single-progetto header .row.back .col.back a svg{
        width: 40px;
        height: 40px;
    }
    .single-post aside .date p{
        font-size: 16px !important;
    }
}
@media (max-width: 600px){
    .vc_row.row-progetti div.vc_col-sm-4{
        width: 100% !important;
    }
    .slider .slide .top h1{
        font-size: 60px;
    }
    .carosello-progetti .row.cta, .carosello-post .row.cta{
        max-width: 80%;
    }
    .salmon-footer .s-pink.row-title{
        padding: 90px 30px;
    }
    .pink-contenitore{
        height: fit-content;
    }
    .vc_row.row-numeri.row-storia .blocco-numeri{
        max-width: 100%;
    }
    .accordion .item_accordion h4{
        font-size: 21px !important;
    }
    .content .grid-post .row.filter-post, .content .grid-progetto .row.filter-post{
        margin-bottom: 50px;
    }
    /* spaziatura */
    body:not(.single-progetto) .vc_row + .vc_row:not(.blue){
        /* margin-top: 50px; */
    }
    body:not(.single-progetto) section.vc_section.content .vc_row:last-child{
        /* padding-bottom: 50px; */
    }
    section.content > div.vc_row:first-child{
        padding-top: 50px;
    }
    body.single-progetto .carosello-progetti .row.cta{
        margin-bottom: 45px;
        max-width: 80%;
    }
    footer .footer-row.row-1{
        padding-top: 50px;
       }
   /* ! */
   header.site-header{
    padding-top: 21px;
   }
   .vc_row.row-contenuti .col.text,
   .vc_row.row-spaced-text .text-animation p{
    padding-top: 45px;
    }
    footer .footer-row.copyright .row{
        gap: 16px;
    }
    .page-id-274  .row-carousel-img .wpb_image_grid_ul li {
        width: 100% !important;
    }
    .wpb_image_grid .wpb_image_grid_ul img{
        max-width: 100% !important;
    }
    div.modal.newsletter div.modal-wrapper{
        padding: 20px;
        width: calc(100% - 30px);
        left: 15px;
        top:60px !important;
    }
    div.row-modal-careers div.wpb_wrapper{
        width: calc(100% - 30px);
        left: 15px;
        top:60px !important;
    }
    .fisarmonica-block,
    .fisarmonica-dynamic-block{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .single-post aside .related ul li a{
        grid-template-columns: auto 90px;
        grid-gap: 15px;
    }
    .titoletto, .blue .white .titoletto{
        gap: 15px;
    }
    section.content .menu-menu-social-container ul{
        gap: 22px;
    }
    .grid-post .grid-wrapper{
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    .content .grid-post .row.filter-post,
    .content .grid-post .row.filter-post .col,
    body.tax-press-category .content .grid-post .row.filter-post .col{
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    .content .grid-post .row.filter-post .col{
        width: 100%;
    }
    .content .grid-post .row.filter-post{
        row-gap: 5px !important;
    }
    .content .grid-post .row.filter-post ul.categories,
    body.tax-press-category .content .grid-post .row.filter-post ul.categories{
        flex-direction: column;
        gap: 5px;
        width: 100%;
    }
    .content .grid-post .row.filter-post ul.categories,
    .content .grid-post .row.filter-post ul.categories li{
        width: 100%;
    }
    .content .grid-post .row.filter-post ul.categories li a,
    body.tax-press-category .content .grid-post .row.filter-post ul.categories li a{
        padding: 10px;
    }
    body.tax-press-category .content .grid-post .row.filter-post .col.all{
        flex-direction: row;
        align-items: center;
    }
    body.tax-press-category .content .grid-post .row.filter-post .col.all select{
        padding: 10px 20px 10px 10px !important;
        background-position: calc(100% - 6px) center !important;
    }
    body.page-id-9238 div.video-wrapper video,
    body.page-id-12209 div.video-wrapper video,
    body.page-id-12551 div.video-wrapper video{
        height: 300px;
        min-height: unset;
    }
    body.single-post header.entry-header .row{
        flex-direction: column-reverse;
        gap:10px;
    }
    body.single-post .breadcrumb{
        align-items: flex-start;
    }
    .modulo-immagine-interattiva .number{
        background-color: var(--color-black);
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }
    .modulo-immagine-interattiva .number:hover{
        width: 30px;
        height: 30px;
    }
    .modulo-immagine-interattiva .number span{
        display: none;
    }
    .modulo-immagine-interattiva .number:hover span{
        display: block;
        width: 30px;
        height: 30px;
        font-size: 17px;
        line-height: 28px;
    }
    .site-menu .logo img,
    .site-menu .content .logo svg,
    header.site-header div.logo svg{
        width:170px;
    }
    .carosello-testo .swiper-slide{
        aspect-ratio: 0.93;
    }
}
@media (max-width: 500px){
    .lightbox .lb-image{
        max-width: 80vw !important;
    }
    .vc_row.row-accordion-alar .wpb_gallery_slides.wpb_image_grid ul li{
        width: 80% !important;
        height: 70vw;
    }
    .vc_row.row-accordion-alar .wpb_gallery_slides.wpb_image_grid ul li a,
    .vc_row.row-accordion-alar .wpb_gallery_slides.wpb_image_grid ul li img{
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }
    body.page-id-274 .carosello-testo{
        width: calc(100vw - 42px);
    }
    .site-menu nav.second-menu ul li a{
        font-size: 15px !important;
    }
    body.open-menu .site-menu{
        padding:21px !important
    }
    nav.second-menu.menu-items{
        margin-left: -21px;
        margin-right: -21px;
    }
    div.video-wrapper video{
        min-height: 600px;
        height: 600px;
    }
    .carosello-ambiti{
        aspect-ratio: 0.5 !important;
    }
    .carosello-ambiti .content-ambiti h3{
        font-size: 18px !important;
        padding:10px !important;
    }
    .carosello-ambiti .content-ambiti picture{
        width: 300px !important;
        height: 441px !important;
    }
    .carosello-ambiti .content-ambiti picture img{
        margin: 0px calc(-1*(100vw - 300px) / 2) !important;
    }
    .row-modulo-progetti-home div.content h3 a{
        font-size: 32px !important;
    }
    .content .grid-post .row.filter-post{
        flex-direction: column;
        row-gap: 20px;
    }
    /* margin */
    .slider .slide .wrapper-content{
        width: calc(100% - 42px);
    }
    .row-coperture-alar{
        width: calc(100vw - 42px);
        margin-left: calc(-1*(25% + 42px));
    }
    .accordion-home:not(.active), .accordion-home, main, header.site-header, .vc_row.w-padding, footer .footer-row, body.home .carosello-hero .slides-navigation, .vc_row.w-padding, footer .footer-row, footer .row-2{
        padding-right: 21px !important;
        padding-left: 21px !important;
    }
    .slider .slide .wrapper-content{
        left: 21px;
    }
    footer .row-2 .col.col-4{
        margin-left: -21px;
        margin-right: -21px;
        padding-right: 21px !important;
        padding-left: 21px !important;
        width: 100vw;
    }
    .vc_row.full-width,
    header.full-width,
    section.vc_section.header,
    .modulo-immagine-interattiva.full-width{
        margin-right: -21px !important;
        margin-left: -21px !important;
    }
    div.chat-widget,
    div.back-to-top{
        right: 21px;
        bottom: 21px;
    }
    div.chat-widget,
    div.back-to-top,
    div.back-to-top>a{
        width: 50px;
        height: 50px;
    }
    div.chat-widget svg{
        width: 30px;
    }
    div.back-to-top{
        bottom: 79px;
    }
    .salmon-footer .s-pink.row-title{
        padding: 90px 21px;
    }
    .pink-contenitore{
        padding-left: 21px !important;
        padding-right: 21px !important;
    }
    footer .footer-row.row-1{
        padding-top: 45px;
       }
    section.content .menu-menu-social-container ul{
        gap: 20px;
    }
    footer .row-2 .col{
        padding: 20px 0px;
    }
    footer .footer-row.row-3 section{
        gap: 20px;
    }
    body.parent-pageid-9238 .vc_row.img.full-width .row-title,
    body.parent-pageid-12209 .vc_row.img.full-width .row-title,
    body.parent-pageid-12551 .vc_row.img.full-width .row-title{
        bottom: 21px;
        left: 21px;
    }
}
@media (max-width: 450px){
    footer .loghi{
        flex-direction: column;
        align-items: flex-start;
    }
}

/** Height media query **/
@media (max-height:1000px){
    .site-menu .content{
        justify-content: flex-start;
        gap: 48px;
    }
    .site-menu nav.main-menu{
        height: calc(100vh - 60px - 48px - 152px);
    }
    .site-menu nav.second-menu{
        margin-top: auto;
    }
    .site-menu nav.main-menu ul.menu:before{
        bottom: unset;
        height: calc(100vh - 60px - 48px - 152px - 1px);
    }
    .site-menu nav li#menu-item-263 > ul.sub-menu > li > ul.sub-menu{
        height: calc(100vh - 60px - 48px - 193px) !important;
    }
    .slider .slide .content{
        gap: clamp(32px,2.5vw,100px);
    }
    .slider .slide .content .bottom{
        gap: 32px;
        max-width: 600px;
    }
}
@media (max-height:800px){
    .slider .slide .content .bottom{
        gap: 16px;
    }
}
@media (max-height:910px) and (min-width: 1600px){
    .slider .slide .top h1{
        font-size: 120px;
    }
    .slider .slide .top h2{
        font-size: 36px;
        top: 113px;
        left: 226px;
    }
}
/* @media (max-height:910px) and (min-width: 1400px){
    .slider .slides-navigation .navigation-slide a{
        display: none;
    }
    .slider .slides-navigation .navigation-slide + .navigation-slide{
        border-left: none;
    }
} */