html {
    scroll-behavior: smooth;
    /*overflow-x: hidden;*/
    scroll-padding-top: 95px; /* l'altezza del tuo header */
    overflow-x: hidden;
    background: #F1E6D6;
}



::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F1E6D6;
}

::-webkit-scrollbar {
    width: 8px;
    background-color: #F1E6D6;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #009640;
}

.smooth {
    transition-duration: 500ms;
}


.MenuPrincipale {
    display: none;
}



*, *::before, *::after {
    box-sizing: border-box;
    text-wrap: balance;
}

a{
    cursor:pointer;
}

.spazio {
    height: 95px;
}

    .spazio.blu {
        background: #222B31;
    }

.grecaptcha-badge {
    display: none;
}

.weight300 {
    font-weight: 300;
}

.weight400 {
    font-weight: 400;
}
.weight500 {
    font-weight: 500;
}

.weight600 {
    font-weight: 600;
}

html body button.iubenda-tp-btn.iubenda-cs-preferences-link,
html body button[data-tp-icon][data-tp-float],
html body .iubenda-tp-btn[data-iub-enabled="1"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}
html body a.iubenda-tp-alert-btn.iubenda-tp-btn--warning[data-tp-icon][data-tp-float="bottom-right"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}



.lingua {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

    .lingua .contenitorelinguascelta {
        display: flex;
        align-items: center;
    }

.contenitorelingua {
    display: none;
    position: absolute;
    top: 64px;
    width: 75px;
    left: -34px;
    background-color: white;
    border-radius: 9px;
    z-index: 1;
}

    .contenitorelingua.vedi {
        display: block;
    }

    .contenitorelingua a {
        display: flex;
        color: #161615;
        padding: 5px 10px;
        border-radius: 9px;
    }

        .contenitorelingua a:hover {
            background-color: #efefed;
        }



div.SnippetBreadCrumbs {
    position: relative;
    /* width: 100%; */
    text-align: center;
    margin: 50px 30px;
}

    div.SnippetBreadCrumbs ol {
        list-style: none;
        margin: 0px;
        padding: 0px;
        display: flex;
        justify-content: center;
        gap: 10px;
        align-items: center;
        flex-flow: wrap;
    }

        div.SnippetBreadCrumbs ol li {
            display: inline-block;
        }

    div.SnippetBreadCrumbs a {
        color: #000;
        text-align: center;
            font-family: 'Standerd', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }



body {
    margin: 0px;
    font-size: 14px;
    font-family: "Outfit", sans-serif;
    animation: fadeIn 2s both;
    overflow-x: hidden;
    background: #F1E6D6;
}

h1, h2, h3, h4, h5 {
    margin: 0px;
}

a {
    text-decoration: none;
}

.mascheramenu {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100dvh;
    background-color: #26262663;
    z-index: 3;
    transition: all 0.3s linear;
}

.maxwidth1200 {
    max-width: 1200px;
}
.maxwidth1400 {
    max-width: 1400px;
}
.maxwidth1500 {
    max-width: 1500px;
}
.margintop {
    margin-top: 20px;
}

.nomargin{
    margin:0px;
}

.nomargintop {
    margin-top: 0px;
}
.nomarginbottom {
    margin-bottom: 0px;
}

.margintopauto{
    margin-top:auto;
}

.textindent4 {
    text-indent: 4rem;
}

.section.nomargintop {
    margin-top: 0px;
}

.section.nomarginbottom {
    margin-bottom: 0px;
}

.section.ridotta {
    margin: 50px auto;
}

.sectiongrey.ridotta {
    padding: 4% 0px;
}

.sectiongrey.padding40 {
    padding:40px;
}

.sectiongrey.ridotta.paddingaggiuntivo40 {
    padding: 3% 0px;
    padding-bottom: calc(3% + 40px);
}

.none {
    display: none;
}


.splidesection, .splide__track, .splide__slide__container {
    height: 100%;
    width: 100%;
}

.container {
    margin: auto;
    padding: 0px 30px;
    box-sizing: border-box;
    width: 100%;
    /*max-width: 2000px;*/
}

    .container.padding100 {
        padding: 0px 100px;
    }
    .container.padding40 {
        padding: 0px 40px;
    }

.padding40 {
    padding-left: 40px;
    padding-right: 40px;
}


.immaginefull img.bollinocentrale {
    position: absolute;
    width: 100px;
    object-fit: contain;
    top: -50px;
    height: auto;
}


.logo img.none {
    display: none;
}

.logo img {
    display: block;
    height: 30px;
    /* margin: 30px 0px; */
}

.prenota {
    display: flex;
    margin-left: auto;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 102;
    gap: 30px;
    height: 95px;
}

#MenuPrincipaleResponsivo {
    display: none;
}

.containermenu {
    /* padding: 8% 40px; */
    width: 100%;
    /* max-width: 1800px; */
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    /* padding-top: 95px; */
    flex-flow: wrap;
}

    .padding30 {
        padding: 0px 30px;
    }

.margintop50 {
    margin-top: 50px;
}


.padding50sx {
    padding-left: 50px;
}

.padding50dx {
    padding-right: 50px;
}

.padding40 {
    padding: 40px;
}

.padding40dx {
    padding-right: 40px;
}

.padding40sx {
    padding-left: 40px;
}

.margintop100 {
    margin-top: 100px;
}
.paddingtop100 {
    padding-top: 100px;
}

.marginleft50perc{
    margin-left:50%;
}

.margintop30 {
    margin-top: 30px;
}

.margintop20 {
    margin-top: 20px;
}

.marginbottom20 {
    margin-bottom: 20px;
}
.marginbottom30 {
    margin-bottom: 30px;
}

.pointer{
    cursor:pointer;
}


.flexdettaglioprinciaple{

}


.hp-wrap {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


.closepopup {
    color: #fff;
    border: none;
    padding: 20px 20px;
    border-radius: 40px;
    cursor: pointer;
    font-size: 28px;
    position: absolute;
    right: 0;
}

.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 999;
    overflow-y: auto;
}

.popup-container {
    overflow: hidden;
    width: 30em;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.3s ease-in-out;
    overflow-y: auto;
    position: absolute;
    top: 10%;
/*    height: fit-content;*/
}


.popup-card {
    padding: 40px;
    text-align: center;
    background: #222221;
    border-radius: 40px;
}

    .popup-card img {
        width: 100%;
        display: block;
        max-height: 30vh;
        object-fit: cover;
    }



    .popup-card .splide__arrows img {
        width: initial;
    }


.popup-card .pulsante {
    margin: auto;
    margin-top: 20px;
}

#popup-popupinternoform {
    width: 50em;
}


.popup-card h3 {
    color: #222B31;
    text-align: center;
    font-family: Quatro;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
}

.popup-card p {
        font-family: 'Standerd', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
}

#close-popup {
    background-color: #fff;
    color: black;
    border: none;
    padding: 10px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 28px;
    position: absolute;
    right: 0;
}

.bloccogrigio {
    background-color: #f4f4f4;
    border-radius: 40px;
}

    .bloccogrigio .containerIntDescElenco {
        text-align: center;
        display: flex;
        flex-flow: column;
        align-items: center;
    }


.header {
    position: fixed;
    z-index: 101;
    display: block;
    width: 100%;
    display: flex;
    /* justify-content: center; */
    background: #f1e6d6;
    transition: all 1500ms;
    opacity: 1;
    /* mix-blend-mode: difference; */
    height: 95px;
    top: 0px;
    padding: 0px 40px;
    align-items: center;
    padding-top: env(safe-area-inset-top);
}

    .header.headerWhite .menu a {
        color: #000;
    }

/*.MenuPrincipale {
    display: flex;
    align-items: center;
    position: fixed;
    left: 0px;
}
*/
.flexmenu {
    display: flex;
    /*width: 100%;*/
    z-index: 101;
    justify-content: center;
    /* position: fixed; */
    align-items: center;
}

.menu a.menuinterno {
    display: block;

}
    .menu a.menuinterno.MenuSelezionato,
    .menu a.menuinterno:hover {
        text-decoration:underline;

    }

.menu a.menuinterno.visibilemobile {
    display: none;
}


.menuinterno .barrasottolineata::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 3px;
    background-color: #222B31;
    scale: 0 1;
    transform-origin: left;
    transition: scale 0.3s;
}

.menuinterno.MenuSelezionato .barrasottolineata::before,
.menuinterno:hover .barrasottolineata::before {
    scale: 1;
}


.menu > div {
    display: flex;
}

    .menu > div.widthVar {
        left: 0;
    }


.menulink {

}

    .menulink .closemenu {
        position: absolute;
        top: 40px;
        display: flex;
        align-items: center;
        gap: 10px;
        color: #222B31;
            font-family: 'Standerd', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        cursor: pointer;
        left: 40px;
    }

.menulink .closemenu img{
    width:60px;
}

.menulink.flexnone {
    flex: none;
    border-left: none;
}

.menulinkinterno {
    display: flex;
    flex-flow: wrap;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

        .menulinkinterno.end {
            justify-content: end;
            gap: 20px;
        }

.relative {
    position: relative;
    /*z-index: 2;*/
}


.flexVendite {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    /* align-items: center; */
    position: relative;
}



.containerimmobile {
    width: 25%;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.bloccoimmobile {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    text-decoration: none;
}

    .bloccoimmobile > img {
        display: block;
        max-width: 100%;
        width: 100%;
        object-fit: contain;
        transition: all 0.3s linear;
        aspect-ratio: 51 / 121;
        max-height: 60dvh;
    }

.bloccoimmobileDesc {
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    text-decoration: none;
}



.bloccoimmaginidettaglio {
    display: flex;
    flex-flow: wrap;
    grid-gap: 20px;
}

    .bloccoimmaginidettaglio img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
    }

.containerdettaglio.visualizzazionedetA {
    width: calc(100%);
    aspect-ratio: 16 / 9;
}
.containerdettaglio.visualizzazionedetB {
    width: calc(50% - 10px);
    aspect-ratio: 4 / 5;
}


.logoezona {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    /* margin-left: 40px; */
    padding: 21px 0px;
    position: fixed;
    z-index: 101;
    left: 50%;
    transform: translateX(-50%);
    top:0px;
}

    .logoezona img {
        width: 100%;
        display: block;
        height: 52px;
        object-fit: contain;
       /* mix-blend-mode: difference;*/
    }

.LabelMenuPrincipale {
    cursor: pointer;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

    .LabelMenuPrincipale .material-icons-outlined {
        font-size: 40px;
        line-height: inherit;
    }



.border1 {
    border: 1px solid black;
}


.bloccocontatti {
    display: flex;
    align-items: center;
}

    .bloccocontatti.baseline {
        align-items: baseline;
    }

.bloccocontattiridotto {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    gap: 40px;
}


.section {
    margin: 8% auto;
}

    .section.nomargin {
        margin: 0px;
    }

.sectionprincipale {
    margin: 10% auto;
}

.flex {
    display:flex;
}




    .immaginefull {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .immaginefull.height100 {
            height: 100dvh;
        }

        .immaginefull img {
            width: 100%;
            height: 100%;
            object-fit:cover;
        }

        .sectiongrey.padding8 {
            padding: 8% 100px;
        }


.sectiongrey {
    padding: 8% 0px;
/*    background: #B5A288;
*/}

    

.sectionCentrale {
    margin: auto;
    text-align: center;
    align-items: center;
    display: flex;
    flex-flow: column;
}

        .sectionCentrale.left {
            text-align: left;
            align-items: baseline;
        }

        .sectionCentrale.full {
            max-width: initial;
        }

        .sectionCentrale.flextitoli {
            flex-flow: wrap;
            justify-content: space-between;
            align-items: end;
        }





        .sectionCentrale h2.sectionCentraledesc {
            color: #222221;
            font-family: 'Standerd', sans-serif;
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            line-height: 120%; /* 21.6px */
            text-transform: uppercase;
            letter-spacing: normal;
        }


    .sectionCentrale a {
        color: initial;
    }

.maxwidth900 {
    max-width: 900px;
}

.lineaorizzontale {
    height: 1px;
    background-color: #1D1D1B;
    width: 100%;
}




.tabella {
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    position: relative;
}

    .tabella.center {
        align-items: center;
    }

.tabella.column{
    flex-flow:column;
}

    .tabella.column .containerIntElenco {
        width: calc(100%);
    }


.sectiona3blocchi {
    display: flex;
    width: 100%;
    gap: 40px;
}

    .sectiona3blocchi .sx {
        flex: 1;
        display: flex;
        flex-flow: column;
        justify-content: end
    }

.container.maxwidth900 {
    flex: 0 1 900px;
}

.sectiona3blocchi > div:last-child {
    flex: 1;
}


.sezioneafter::after {
    content: '';
    position: absolute;
    width: calc(100%);
    height: calc(100% + 150px);
    z-index: -1;
}

.sezioneafter.backgroundafter1::after {
    background: #B5AE88;
}
.sezioneafter.backgroundafter2::after {
    background: #B58888;
}
.sezioneafter.backgroundafter3::after {
    background: #B5A288;
}
.sezioneafter.backgroundafter4::after {
    background: #88A2B5;
}

    .sticky {
        position: sticky;
        top: 50vh;
        height: fit-content;
    }


.tabellaNews {
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    /* align-items: center;*/
}

    .tabellaNews > div {
        width: 50%;
    }

        .tabellaNews > div.width45 {
            width: 45%;
        }

        .tabellaNews > div.width55 {
            width: 55%;
        }

.containerIntElenco {
    width: calc(50% - 0.5px);
    z-index: 1;
    position: relative;
    display: flex;
  
}

.containerIntElenco.padding100{
    padding: 0px 100px;
}


.containerIntElenco.width60 {
    width: calc(60% - 0.5px);
}
    .containerIntElenco.width40 {
        width: calc(40% - 0.5px);
    }

    .containerIntElenco.primacolonna {
        width: 350px;
        padding: 50px 30px;
        padding-left:0px;
    }

.containerIntDescElenco {
    position: relative;
    text-align: left;
    width: 100%;
}

.fleximmaginipiccolasx {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    top: -200px;
    left: -10%;
}

.fleximmaginipiccoladx {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    top: -200px;
    right: -10%;
}

.flexend {
    justify-content: flex-end;
}

.fleximmaginipiccolasx img,
.fleximmaginipiccoladx img {
    max-width: 250px;
    aspect-ratio: 10 / 10;
    object-fit: cover;
}

.fleximmaginipiccolacx {
    display: flex;
    justify-content: center;
}

    .fleximmaginipiccolacx img {
        max-width: 40%;
        aspect-ratio: 4.5 / 3;
    }

.fleximmaginigrandedx img{
    aspect-ratio: 9 / 11;
}


.containerIntElencoImmagine {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}

    .containerIntElencoImmagine.contain {
        object-fit: contain;
    }


.splide__track {
    justify-content: center;
}


.containerIntElencoImmagineDettaglio {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 8 / 19;
    max-height: 75dvh;
}

    .containerIntElencoImmagineDettaglio.contain {
        object-fit: contain;
    }
.centersimbolo {
    display: flex;
    align-items: center;
}

.simbolodettaglio {
    position: absolute;
    /* top: 0px; */
    opacity: 0.3;
    z-index: -1;
    stroke-width: 2px;
    width: 100%;
    padding: 10%;
}


.padding100{
    padding:100px;
}

.nopaddingleft {
    padding-left: 0px;
}
.nopaddingright {
    padding-right: 0px;
}
.nopaddingtop{
    padding-top:0px;
}

.padding40.nopaddingleft {
    padding-left: 0px;
}
.padding40.nopaddingright {
    padding-right: 0px;
}

.containerIntElenco.dx.nopaddingleft {
    padding-left: 0px;
}

.visibilemobile{
    display:none;
}



.maxwidth1200 .containerIntElenco.dx {
    padding: 100px 30px;
}

.maxwidth1200 .containerIntElenco.sx {
    padding: 100px 30px;
}


.underline {
    text-decoration: underline;
}



.pulsante1 {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    padding: 14px 20px;
    border-radius: 30px;
    height: fit-content;
    margin: auto;
}

.logofooter {
    max-width: 200px;
    width: 100%;
    display: block;
}




.pulsante {
    display: flex;
    text-decoration: none;
    transition: all 0.3s linear;
    width: fit-content;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 14px 20px;
    border-radius: 30px;
    outline: none;
    border: none;
}


    .pulsante.border1 {
        border: 1px solid black;
    }

.pulsante:hover {
        background-color: #009640;
        color: #fff;
        border-color:transparent;
    }

    .pulsante.background2:hover,
    .pulsante1.background2:hover {
        background-color: #1D1D1B;
        color: #fff;
        border-color: transparent;
    }


.immaginirealizzazioni {
    display: flex;
    flex-flow: wrap;
    transition: all .5s linear;
    gap: 50px;
    justify-content: center;
}










.containerIntDescElenco p a {
    color: #161615;
    text-decoration: underline;
}



.immaginirealizzazioniImg {
    overflow: hidden;
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.splide__pagination__page.is-active {
    background: #1d1d1b;
}

.splide__pagination__page {
    background: #1d1d1b;
}


.bloccoverde1 {
    background: rgba(0, 150, 64, 0.90);
    mix-blend-mode: multiply;
    width: 10%;
    aspect-ratio: 160 / 219;
    position: absolute;
    top: -5%;
    left: 10%;
}

.bloccoverde2 {
    background: rgba(0, 150, 64, 0.90);
    mix-blend-mode: multiply;
    width: 15%;
    aspect-ratio: 296 / 225;
    position: absolute;
    top: 20%;
    right: 10%;
}
.bloccoverde3 {
    background: rgba(0, 150, 64, 0.90);
    mix-blend-mode: multiply;
    width: 10%;
    aspect-ratio: 160 / 219;
    position: absolute;
    bottom: -5%;
    left: 30%;
}
.bloccoverde4 {
    background: rgba(0, 150, 64, 0.90);
    mix-blend-mode: multiply;
    width: 10%;
    aspect-ratio: 160 / 219;
    position: absolute;
    bottom: -5%;
    right: 30%;
}

.footer {
    z-index: 1;
    position: relative;
}

  

.footer2 {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 50px;
}

    .footer2 > div {
        display: flex;
        flex-flow: wrap;
        gap: 20px;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .footerflex {
        display: flex;
        flex-flow: wrap;
        align-items: center;
        gap: 30px;
    }



.containerFooter {
    padding: 0px 40px;
    /* max-width: 2000px; */
    margin: auto;
    display: flex;
    flex-flow: wrap;
}

.tabellafooter {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    gap: 50px;
}

    .tabellafooter > div {
        width: calc(25% - 40px);
    }

.footerbloccocolumn {
    display: flex;
    flex-flow: column;
    gap: 10px;
}

    .footerbloccocolumn a:hover {
        opacity: 1;
    }

    .containerFooter.padding100 {
        padding: 100px 100px;
    }




.containerFooter h3 {
    margin-bottom: 20px;
    font: normal normal normal 30px/33px Inter;
    letter-spacing: 0px;
    color: #161615;
}


.upper {
    text-transform: uppercase;
}


/*.splide__list {
    transition: all .4s linear;
}*/
/*
.splide__list{
    height:70vh;
}*/


.splide__arrow {
    background-color: #222221;
    height: 3em;
    width: 3em;
}

.splide__arrow--prev {
    left: -1em;
}

.splide__arrow--next {
    right: -1em;
}

.splide__pagination {
    bottom: -2.5em;
}

    .splide__arrow svg {
        fill: #fff;
    }


.splide__slide img,
.splide__slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

    .splide__slide img.contain {
        object-fit: contain;
    }








.traslateup {
    transition: transform 400ms ease-in-out,opacity 400ms ease-out;
    opacity: 0;
    transform: translateY(50px);
}

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

.traslateopacity {
    transition: transform 800ms ease-in-out,opacity 800ms ease-out;
    opacity: 0;
}

    .traslateopacity.visibile {
        opacity: 1;
    }

.traslaterigth {
    transition: transform 1000ms ease-in-out,opacity 1000ms ease-out;
    opacity: 0;
    transform: translateX(100%);
}

    .traslaterigth.visibile {
        transform: translateX(0);
        opacity: 1;
    }

.traslateleft {
    transition: transform 1000ms ease-in-out,opacity 1000ms ease-out;
    opacity: 0;
    transform: translateX(-100%);
}

    .traslateleft.visibile {
        transform: translateX(0);
        opacity: 1;
    }

.immaginetopbottom {
    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    will-change: transform;
    -webkit-transition: -webkit-clip-path 1.2s ease,-webkit-transform 1s ease-out;
    transition: -webkit-clip-path 1.2s ease,-webkit-transform 1s ease-out;
    -o-transition: clip-path 1.2s ease,transform 1s ease-out;
    transition: clip-path 1.2s ease,transform 1s ease-out;
    transition: clip-path 1.2s ease,transform 1s ease-out,-webkit-clip-path 1.2s ease,-webkit-transform 1s ease-out;
}

    .immaginetopbottom.visibile {
        clip-path: inset(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

.immagineleftright {
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    will-change: transform;
    -webkit-transition: -webkit-clip-path 1.2s ease,-webkit-transform 1s ease-out;
    transition: -webkit-clip-path 1.2s ease,-webkit-transform 1s ease-out;
    -o-transition: clip-path 1.2s ease,transform 1s ease-out;
    transition: clip-path 1.2s ease,transform 1s ease-out;
    transition: clip-path 1.2s ease,transform 1s ease-out,-webkit-clip-path 1.2s ease,-webkit-transform 1s ease-out;
}

    .immagineleftright.visibile {
        clip-path: inset(0 0 0 0);
        -webkit-clip-path: inset(0 0 0 0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

.transitionleft {
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    clip-path: inset(0 100% -5px 0);
    -webkit-clip-path: inset(0 100% -5px 0);
    -webkit-transition: -webkit-clip-path 1s ease,-webkit-transform .8s ease-out;
    transition: -webkit-clip-path 1s ease,-webkit-transform .8s ease-out;
    -o-transition: clip-path 1s ease,transform .8s ease-out;
    transition: clip-path 1s ease,transform .8s ease-out;
    transition: clip-path 1s ease,transform .8s ease-out,-webkit-clip-path 1s ease,-webkit-transform .8s ease-out;
    will-change: transform;
}

    .transitionleft.visibile {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        clip-path: inset(0 0 -5px 0);
        -webkit-clip-path: inset(0 0 -5px 0);
    }


.transitiontop {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    clip-path: inset(100% 0 -5px 0);
    -webkit-clip-path: inset(100% 0 -5px 0);
    -webkit-transition: -webkit-clip-path 1s ease,-webkit-transform .8s ease-out;
    transition: -webkit-clip-path 1s ease,-webkit-transform .8s ease-out;
    -o-transition: clip-path 1s ease,transform .8s ease-out;
    transition: clip-path 1s ease,transform .8s ease-out;
    transition: clip-path 1s ease,transform .8s ease-out,-webkit-clip-path 1s ease,-webkit-transform .8s ease-out;
    will-change: transform;
}

    .transitiontop.visibile {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        clip-path: inset(0 0 -5px 0);
        -webkit-clip-path: inset(0 0 -5px 0);
    }

.transitionbottom {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    clip-path: inset(0 0 100% 0);
    -webkit-clip-path: inset(0 0 100% 0);
    -webkit-transition: -webkit-clip-path 1s ease,-webkit-transform .8s ease-out;
    transition: -webkit-clip-path 1s ease,-webkit-transform .8s ease-out;
    -o-transition: clip-path 1s ease,transform .8s ease-out;
    transition: clip-path 1s ease,transform .8s ease-out;
    transition: clip-path 1s ease,transform .8s ease-out,-webkit-clip-path 1s ease,-webkit-transform .8s ease-out;
    will-change: transform;
}

    .transitionbottom.visibile {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        clip-path: inset(0 0 -5px 0);
        -webkit-clip-path: inset(0 0 -5px 0);
    }



.hero-headline {
    animation: fade-in-hero 1s ease-out 0.3s 1 forwards;
    transform: translateY(50px);
    opacity: 0;
}

@keyframes fade-in-hero {
    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes animate-btn-line {
    0% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    100% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes animate-btn-line {
    0% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    100% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}





@media screen and (min-width: 988px) and (max-width: 1199px) {

    .fleximmaginipiccolasx img, .fleximmaginipiccoladx img {
        max-width: 150px;
    }

    .fleximmaginipiccolasx {
        top: -100px;
        left: -5%;
    }
    .fleximmaginipiccoladx {
        top: -100px;
        right: -5%;
    }

    .containerIntElenco.padding100 {
        padding: 0px 50px;
    }

    .spaziomobile {
        height: 94px;
    }

    .marginleft50perc {
        margin-left: 25%;
    }

    .fleximmaginipiccolacx img {
        max-width: 60%;
    }
    .immaginirealizzazioni {
        gap: 25px;
    }


}



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

        .menu a.menuinterno.visibilemobile {
            display: block;
        }

        html {
            scroll-padding-top: 70px; /* l'altezza del tuo header */
        }

        .padding40.nopaddingmobile{
            padding:0px;
        }

        .sectiongrey.padding30mobile {
            padding: 30px;
        }

        .height50mobile {
            height: 50px;
        }

        .sectiona3blocchi {
            flex-direction: column;
        }

        .container.maxwidth900 {
            order: 1;
            padding: 0px 0px;
            flex: 0 1 0px;
        }

        .container.maxwidth1500 {
            padding: 0px;
        }


        .sectiona3blocchi .margintop50 {
            margin-top: 0px;
        }

        .sx {
            order: 2;
        }

        .sectiona3blocchi > div:last-child {
            order: 3;
        }


        .MenuPrincipale {
            display: block;
        }

        .paddingtop100 {
            padding-top: 50px;
        }

        #popup-popupinternoform, #popup-popupinternoforminterno {
            width: 100%;
        }

        .popup-card {
            border-radius: 20px;
            padding: 20px;
        }

        .menu > div {
            min-width: 100%;
        }

        .padding40sx {
            padding-left: 30px;
        }

        .padding40dx {
           padding-right: 30px;
        }

        .pulsante1{
            display:none;
        }


        .contenitorelingua {
            top: 50px;
        }

        .prenota {
            height: 70px;
        }

        .logoezona img {
            height: 35px;
        }

        .header {
            height: 70px;
            padding: 0px 0px;
        }

        .spaziomobile{
            height:70px;
        }


        .immaginefull img.bollinocentrale {
            width: 70px;
            top: -25px;
        }


        .menu > div {
            position: fixed;
            width: 30%;
            height: 100%;
            position: fixed;
            background: #F1E6D6;
            left: -100%;
            top: 0px;
            transition-duration: 320ms;
            overflow-y: auto;
            display: flex;
            z-index: 100;
            display: flex;
        }

        .menulink {
            display: flex;
            flex-flow: column;
            justify-content: center;
            width: 100%;
        }

        .menulinkinterno {
            display: flex;
            flex-flow: column;
            justify-content: center;
        }

        .menu a.menuinterno {
            font-size: clamp(3.1rem, 3.4vw + 1.7rem, 6rem);
        }

        .container.padding40 {
            padding: 0px 30px;
        }
        .containermenu {
            padding: 8% 30px;
            padding-top: 82px;
        }

        .sectiongrey.ridotta {
            padding: 50px 0px;
        }

        .containerIntElencoImmagine {
            height: inherit;
        }

        .containerIntElenco.sx.width60, .containerIntElenco.dx.width40 {
            width: 100%;
        }

        .containerIntElenco.dx {
            padding: 0px 30px;
            width: 100%;
        }

        .sezioneafter::after {
            height: calc(100% + 60px);
            top: -30px;
        }

        .containerimmobile {
            width: 50%;
            padding: 0px;
        }


        .fleximmaginipiccolasx {
            justify-content: flex-end;
            top: -50px;
            left: 0%;
            right: -20px;
        }

        .containerIntElenco.sx {
            padding: 0px 30px;
            width: 100%;
        }

        .margintop100 {
            margin-top: 50px;
        }

        .container.padding40 {
            padding: 0px 30px;
        }

        .tabella {
            flex-flow: column;
            align-items: center;
            row-gap: 30px;
        }

        .containerIntElenco.width60 {
            width: 100%;
        }

        .padding50dx {
            padding-right: 0px;
        }


        .marginleft50perc {
            margin-left: 50px;
        }

        .fleximmaginipiccoladx {
            justify-content: flex-end;
            top: -50px;
            left: 0%;
            right: -20px;
        }

        .fleximmaginipiccoladx img {
            max-width: 100px;
        }


        .fleximmaginipiccolasx img {
            max-width: 100px;
        }

        .fleximmaginipiccolacx img {
            max-width: 60%;
        }

        .bloccocontatti {
            gap: 30px;
            flex-flow: column;
        }
            .bloccocontatti.bloccocontatti.baseline {
                align-items: center;
            }

            .bloccocontatti .sticky {
                position: relative;
                top: 0px;
                height: fit-content;
            }

        .section {
            margin: 50px auto;
        }

        /*.sectionCentrale {
            gap: 30px;
        }*/

        .immaginirealizzazioni {
            gap: 30px;
        }

        .sectiongrey {
            padding: 50px 0px;
        }

   

        .containerFooter {
            padding: 0px 30px;
        }

        .tabellafooter {
            flex-flow: column;
            text-align: left;
        }

            .tabellafooter > div {
                width: 100%;
            }

        .bloccocontattiridotto {
            gap: 10px;
        }

        /*.sezioneafter.notop::after{
            top:0px;
        }*/

        .footerbloccocolumn {
            text-align: left;
        }

        .logofooter {
            max-width: 150px;
        }

   

        .spazio {
            height: 82px;
        }

        .tipologia-item {
            padding: 20px 0px;
        }

        .flexdettagliinterno {
            flex-flow: column;
            gap: 10px;
            align-items: baseline;
        }

        .flexdettagli {
            gap: 30px;
        }

        .immaginefull.height100 {
            height: 50dvh;
        }

        .containerdettaglio.visualizzazionedetB {
            width: 100%;
        }

        .tabella.reverse {
            flex-flow: column-reverse;
        }

        .padding40 {
            padding: 30px;
        }

    }






    /*###################  AREA RISERVATA #######################*/
    .contenitoreArea {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        /*    background: linear-gradient(135deg, #cfd9df 0%, #e2ebf0 100%);
*/ background-color: #fdc300;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100dvh;
        margin: 0;
    }

        .contenitoreArea:before, .contenitoreArea:after {
            -webkit-box-flex: 1;
            box-flex: 1;
            -webkit-flex-grow: 1;
            flex-grow: 1;
            content: '';
            display: block;
            height: 24px;
        }

    .internoArea {
        text-align: center;
        background: white;
        padding: 30px;
        border-radius: 15px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        max-width: 400px;
        width: 100%;
        margin: 0px 20px;
        z-index: 1;
    }

        .internoArea img {
            height: 30px;
            display: block;
        }

    .accedi {
        font-size: 24px;
        color: #1c1c1e;
    }

    .utilizza {
        padding-bottom: 3px;
        padding-top: 1px;
    }

    .accesso {
        padding: 30px 0px 0px 0px;
    }

    .inputBot {
        width: 100%;
        padding: 12px;
        border: 1px solid #d1d1d6;
        border-radius: 10px;
        font-size: 14px;
        color: #1c1c1e;
        box-sizing: border-box;
        transition: border-color 0.3s;
        padding-right: 50px;
        outline: none;
    }

    .accessonegato {
        font-size: 12px;
    }

    .contenitoreNega {
        height: 20px;
    }

    .contenitoreaccedi {
        margin-top: 30px;
    }

    .accessoform {
        -webkit-user-select: none;
        -webkit-transition: background .2s .1s;
        transition: background .2s .1s;
        border: 0;
        -webkit-border-radius: 3px;
        border-radius: 10px;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        min-width: 4em;
        outline: none;
        overflow: hidden;
        position: relative;
        text-align: center;
        -webkit-tap-highlight-color: transparent;
        z-index: 0;
        background: #3498db;
        color: #fff;
        padding: 12px;
        /* float: right; */
        width: 100%;
        font-size: 14px;
    }



    /*########    SPINNER     ############*/
    /* Overlay */
    .modal {
        position: fixed;
        inset: 0;
        background: rgba(15, 23, 42, 0.45); /* slate-900/45 */
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        backdrop-filter: blur(2px);
    }

        .modal.is-active {
            display: flex;
        }

    body.noscroll {
        overflow: hidden;
    }

    /* Spinner */
    .circle-container {
        width: 96px;
        height: 96px;
    }

    .circle-svg {
        width: 100%;
        height: 100%;
        transform-origin: 50% 50%;
        animation: spin 1.2s linear infinite;
    }

    .circle {
        stroke: #fff;
        stroke-width: 8;
        stroke-linecap: round;
        fill: none;
        stroke-dasharray: 240;
        stroke-dashoffset: 60;
        animation: dash 1.2s ease-in-out infinite;
        opacity: .95;
    }

    /* Animazioni */
    @keyframes spin {
        to {
            transform: rotate(360deg);
        }
    }

    @keyframes dash {
        0% {
            stroke-dashoffset: 240;
        }

        50% {
            stroke-dashoffset: 60;
        }

        100% {
            stroke-dashoffset: 240;
        }
    }