/* inline CSS */

/* BASE */
:root {
  --animate-delay: 2s;
}

.ucfirst {
    text-transform: lowercase;
}
.ucfirst:first-letter {
    text-transform: uppercase;
}
span.euro {
    font-family:"Arial"!important;
    font-weight:inherit!improtant;
    font-size:inherit!important;
}
h1.gotham {
    font-family: "Gotham";
    font-weight:900;
}
p.gotham {
    font-family: "Gotham";
    font-weight:400;
}
.over-animation {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.over-animation:hover {
    transform: translate(0px, 6px);
}
button[type=submit] {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
button[type=submit]:hover {
    transform: translate(0px, 3px);
}

/*
.grecaptcha-badge {
    display:none;
}
*/
@media only screen and (min-width: 0px) {
    body {
        background-color:#FFF;
        background-image:url(/2025/assets/images/bg.jpg);
        background-repeat: repeat-y;
        background-position: top center;
        background-size: contain;
    }
    body.white {
        background-image:none;
    }
    .btn {
        color:#fff!important;
        font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }
    .ham-menu {
        position: fixed;
        float: right;
        right: 20px;
        top: 25px;
        border: 0px;
        background-color: #e0e0e0;
        border-radius:3px;
    }
    .ham-menu.dropdown-toggle::after {
        display:none!important;
    }
    .main-section {
        /* min-height:calc(100vh - 200px); */
    }
    .modal-btn-close {
        float:right;
    }
    .banner {
        z-index: 9;
        position:fixed;
        width:100vw;
        height:70px;
        background: #FFF;
        box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.19);
    }
    .banner .social {
        transform: scale(0.8);
        margin-top: 5px;
    }
    .main-section.mt130 {
        padding-top:85px;
    }
    #bannerone {
        
    }
    #bannerone .bg {
        display:flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        width:100vw;
        aspect-ratio: 1396 / 932;
        overflow:hidden;
        background-position: 0px 30px;
        background-size: cover;
    }
    #bannerone .curvatura {
        background-color: #fff;
        width: 110vw;
        height: calc(100vw / 10);
        border-radius: 0px;
        margin-bottom:  calc(calc((100vw / 10) / 2* -1) + 0px);
        box-shadow: 0px -3px 34px rgba(0, 0, 0, 0.19);
    }
    #bannerone .curvatura.giallo {
        background-color:#F2D231;
    }
    .main-section.giallo {
        background-color:#F2D231;
    }
    .titolone {
        font-size:30px;
    }
    .testo-grande {
        font-size:20px    
    }
    .testo24 {
        font-size:18px;
    }
    .box-info-super {
        
        padding:10px 10px;
        
        text-align:center;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-evenly;
        
        margin-top:40px;
        margin-bottom:40px;
        border-radius:20px;
        min-height:420px;
        background-image:url(/2025/assets/images/bg_vincilaspesa.png);
        background-size: cover;
        background-repeat:no-repeat;
        background-position: center;
    }
    .box-info-super p {
        color: #27337F;
        text-align: center;
        font-family: Gotham;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 1.2em;
    }
    .box-info-super p a {
        color: #E72382;
        font-family: Gotham;
        font-style: normal;
        font-weight: 800;
        line-height: normal;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        text-transform: uppercase;
    }
    .box-info-super p.strong {
        font-weight:900;
    }
    .item-faq {
        min-height:197px;
        width:100%;
        border-radius:10px;
        margin-bottom:60px;
        /* padding:50px; */
        padding:10px;
        box-shadow: 0px 0px 18px -9px #000;
        background-color:#fff;
    }
    .item-faq .answer {
        color:#27337F;
        font-style:italic;
        font-size:20px;
        line-height:28px;
        padding-top:40px;
    }
    .item-faq h2 {
        max-width:calc(100% - 32px);
        font-size:20px;
    }
}

/* SM */
@media only screen and (min-width: 576px) {}

/* MD */
@media only screen and (min-width: 768px) {
    .banner {
        height:130px;
    }
    .banner .social {
        transform: scale(1);
        margin-top: 0px;
    }
    .main-section.mt130 {
        padding-top:145px;
    }
    #bannerone .bg {
        aspect-ratio: 1396 / 800;
    }
    #bannerone .curvatura {
        height: calc(100vw / 10);
        border-radius: 100vw / 140px;
    }
    #bannerone .bg {
        background-position:  0px -30px;
    }
    .box-info-super p {
        padding:10px 90px;
        font-size: 25px;
    }
    .titolone {
        font-size:50px;
    }
    .testo-grande {
        font-size:30px    
    }
    .testo24 {
        font-size:24px;
    }
    .item-faq {
        min-height:197px;
        width:100%;
        border-radius:10px;
        margin-bottom:60px;
        padding:50px;
        box-shadow: 0px 0px 18px -9px #000;
        background-color:#fff;
    }
    .item-faq h2 {
        max-width:90%;
        font-size:28px;
    }
    .item-faq .answer {
        color:#27337F;
        font-style:italic;
        font-size:25px;
        padding-top:40px;
    }
}

/* LG */
@media only screen and (min-width: 992px) {}

/* XL */
@media only screen and (min-width: 1200px) {
    .hero {
        /* background-image:url(/assets/hero/desktop.png); */
        background-repeat: no-repeat;
        background-size: cover;
    }
    .hero .payoff-column {
        min-height: calc(100vh - 88px);
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .col-form-registrazione {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
    }
}

/* XXL */
@media only screen and (min-width: 1400px)  {}