/** Mobile **/
@media(min-width:991px) {
    .bordo-sinistro-desktop {
        border-left: 1px solid #000000;
    }
}
@media(max-width:991px){
    .h-img-mobile {
        height: 400px
    }

}
.whatsapp { background-color: #25D366;}
.cookie {
    position: fixed;
    bottom: 10px;
    left: 10px;
    font-size: 27px;
    color: #797979;
}

a{text-decoration:none}

/* Palette colori */

.color-title {
    color: #8BA6C2;
}
.color-title-page {
    color: #311F5A;
}
.color-desc {
    color: #311F5A;
    font-weight: lighter;
}

.bg-default {
    background-color: #311f5ae3;
}
/* PAlette colori */

.absolute-navbar {
    position: absolute;
    z-index: 3;
}
@media(min-width:991px) {

    .fixed-navbar {
        top: 0px !important;
        position: fixed !important;
        z-index: 3 !important;
    }
}

    .menu-absolute {
        z-index: 2;
        position: fixed;
    }

    .menu {
        height: 100vh;
        background-color: white;
        z-index: 2;
        position: fixed;
        top: 0;
    }

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

    .img-fluid-cover-slide {
        max-width: 100%;
        height: 100vh;
        object-fit: cover;
    }

    .img-fluid-contain {
        max-width: 100%;
        /*height: 100%;*/
        height: 100vh;
        object-fit: contain;
    }

    .youtubeVideo {
        max-width: 100%;
        height: 100vh;
        width: 100vw;
    }


    .border-left {
        border-left: 5px solid #311f5a;
    }

    .border-bottom-page {
        border-bottom: 5px solid #311f5a;
    }

    .border-top-footer {
        border-top: 3px solid #311f5a;
    }

    .border-bottom-footer {
        border-bottom: 3px solid #311f5a;
    }

    #ctl00_buttonMenu i {
        color: #fff;
        font-size: 2em;
    }

    .velo-slide {
        position: absolute;
        z-index: 2;
        height: 100%;
        /*background-color: #000000e6 !important;*/
        background-color: rgba(0, 0, 0, 0.40);
    }

    .velo-img-menu {
        position: absolute;
        z-index: 2;
        height: 100%;
        /*background-color: #000000e6 !important;*/
        background-color: rgba(0, 0, 0, 0.70);
    }

    .dropdown-menu-top {
        /*display: flex;*/
        width: 100vw;
        left: 0px;
        position: fixed;
        top: 90px;
    }

    .mappa {
        height: 300px
    }

    .mouse {
        height: 60px;
        width: 38px;
        border-radius: 22px;
        transform: none;
        border: 3px solid #fff;
        margin: 0 auto;
        margin-left: auto;
        position: absolute;
        z-index: 1;
        left: 50%;
        margin-left: -19px;
        bottom: 15%;
    }

    .wheel {
        height: 8px;
        width: 8px;
        display: block;
        margin: 13px auto;
        background: #f6f6f6;
        border-radius: 50%;
        position: relative;
        webkit-animation: mouse-wheel 1.2s ease infinite;
        -moz-animation: mouse-wheel 1.2s ease infinite;
        animation: mouse-wheel 1.2s ease infinite;
    }


    @media(min-width:991px) {

        .gallery {
            column-count: 4;
            gap: 0;
        }

        .gallerypagine {
            column-count: 3;
            gap: 0;
        }
    }

    @keyframes mouse-wheel {
        0% {
            top: 0px;
        }

        25% {
            top: 5px;
        }

        50% {
            top: 10px;
        }

        100% {
            top: 15px;
            opacity: 0.1;
        }
    }

    .barra-menu-1 {
        width: 40px;
        height: 2px;
        background-color: #ffffff;
        margin: 6px 0;
        transition: 0.4s;
    }

    .barra-menu-2 {
        width: 40px;
        height: 2px;
        background-color: #ffffff;
        margin: 6px 0;
        transition: 0.4s;
    }

    .barra-menu-3 {
        width: 40px;
        height: 2px;
        background-color: #ffffff;
        margin: 6px 0;
        transition: 0.4s;
    }

    .change .barra-menu-1 {
        -webkit-transform: rotate(-45deg) translate(0px, 6px);
        transform: rotate(-45deg) translate(0px, 6px);
        background-color: #ffffff;
    }

    .change .barra-menu-2 {
        opacity: 0;
    }

    .change .barra-menu-3 {
        -webkit-transform: rotate(45deg) translate(0px, -8px);
        transform: rotate(45deg) translate(0px, -8px);
        background-color: #ffffff;
    }

    .c-pointer {
        cursor: pointer;
    }

    .desc-pagine {
        color: #9B9FA7;
        line-height: 1.8em;
        min-height: 400px
    }

    .pointer {
        cursor: pointer;
    }

    #backregister {
        color: black !important;
    }

    #btnLog {
        color: white !important;
    }

    #mySidenavreg input::placeholder {
        color: #cfcfcf;
        opacity: 1;
    }

    #mySidenavreg input::-webkit-input-placeholder {
        color: #cfcfcf;
    }

    #mySidenavreg input::-moz-placeholder {
        color: #cfcfcf;
    }

    #mySidenavreg input:-ms-input-placeholder {
        color: #cfcfcf;
    }

    #mySidenavreg input:-moz-placeholder {
        color: #cfcfcf;
    }

    .title-home {
        color: #311f5a;
        text-transform: uppercase;
        font-size: 3em;
    }

    .title-home-pagine {
        color: #870F27;
        text-transform: capitalize;
        font-family: Playfair Display;
        font-size: 3.75em;
    }

    .sez-home-pizza {
        background-color: #94B479;
        color: white;
    }

    .sez-home-cucina {
        background-color: #EB8A00;
        color: white;
    }


    #ctl00_divContattiFooter a {
        color: #000
    }

    #ctl00_Contatti .form-control::placeholder {
        color: unset;
    }

    #ctl00_Contatti .form-control:focus {
        box-shadow: unset
    }

    .boxPrivacy a {
        color: #9B9FA7;
        text-decoration: underline;
    }

    .linea-menu {
        position: absolute;
        border-left: 1px solid #fff;
        z-index: 2;
        /*height: 100vh;
    top: 85%;*/
        height: 80vh;
        top: 20vh;
        left: 12.5%;
    }

    .linea-menu-mobile {
        position: absolute;
        border-left: 1px solid #fff;
        z-index: 2;
        /*height: 60vh;
    top: 40vh;*/
        height: 55vh;
        top: 30vh;
        left: 50%;
    }


    .button-menu-mobile {
        position: absolute;
        z-index: 3;
        top: 5%;
        right: 5%;
    }

    .btn-sali-su {
        position: fixed;
        bottom: 5%;
        right: 5%;
        z-index: 1099;
        color: #000000;
    }


    .btn-outline-custom {
        color: #870F27;
        border-color: #870F27;
    }

    .datiAziendaFooter {
        line-height: 3.5em
    }

    .logo-on-slide {
        position: absolute;
        z-index: 1;
    }

    /*** Fade Prima Sinistra ***/
    .fadeInSxFirst {
        -moz-transition: all 1s ease-in-out;
        -moz-transform: translate(0px,0);
        -webkit-transition: all 1s ease-in-out;
        -webkit-transform: translate(0px,0);
    }

    .fadeOutSxFirst {
        -moz-transition: all 1s ease-in-out;
        -moz-transform: translate(-1000px,0);
        -webkit-transition: all 1s ease-in-out;
        -webkit-transform: translate(-1000px,0);
    }

    /*** Fade Basso ***/

    /*.fadeInDownFirst {
    -moz-transition: all 1s ease-in-out;
    -moz-transform: translate(500px,-200px);
    -webkit-transition: all 1s ease-in-out;
    -webkit-transform: translate(500px,-200px);
}

.fadeOutDownFirst {
    -moz-transition: all 1s ease-in-out;
    -moz-transform: translate(0,-1000px);
    -webkit-transition: all 1s ease-in-out;
    -webkit-transform: translate(0,-1000px);

}*/

    /*** Fade Seconda Sinistra ***/

    .fadeInSx2nd {
        -moz-transition: all 1s ease-in-out;
        -moz-transform: translate(0px,0);
        -webkit-transition: all 1s ease-in-out;
        -webkit-transform: translate(0px,0);
    }

    .fadeOutSx2nd {
        -moz-transition: all 1s ease-in-out;
        -moz-transform: translate(-1000px,0);
        -webkit-transition: all 1s ease-in-out;
        -webkit-transform: translate(-1000px,0);
    }


    /*** Fade Seconda Terza ***/

    .fadeInSx3rd {
        -moz-transition: all 1s ease-in-out;
        -moz-transform: translate(0px,0);
        -webkit-transition: all 1s ease-in-out;
        -webkit-transform: translate(0px,0);
    }

    .fadeOutSx3rd {
        -moz-transition: all 1s ease-in-out;
        -moz-transform: translate(-1000px,0);
        -webkit-transition: all 1s ease-in-out;
        -webkit-transform: translate(-1000px,0);
    }

    /*** Fade Destra ***/

    .fadeInDx {
        -moz-transition: all 1s ease-in-out;
        -moz-transform: translate(0px,0);
        -webkit-transition: all 1s ease-in-out;
        -webkit-transform: translate(0px,0);
    }

    .fadeOutDx {
        -moz-transition: all 1s ease-in-out;
        -moz-transform: translate(1000px,0);
        -webkit-transition: all 1s ease-in-out;
        -webkit-transform: translate(1000px,0);
    }

    .h-img {
        height: 800px
    }


    .bordo-form-contatti {
        border: 1px solid #870F27;
    }

    .title-form-contatti {
        color: #311F5A;
    }

    .btn-form-contatti {
        background-color: #547da7;
        color: #fff;
    }

    .tastoNewsletter {
        background-color: #547da7;
        color: #fff;
    }

    .icon-social-custom i {
        color: #870F27;
    }


    .bg-contatti {
        background-color: #E5E3E31A;
    }


    /*.dropdown-toggle::after{
    content: unset;
}*/

    .row-social-slide {
        position: absolute;
        bottom: 0;
        z-index: 1;
    }

    .dropdown-toggle::after {
        content: unset;
    }

    .title-background-absolute {
        position: absolute;
        opacity: 0.05;
        font-size: 10rem;
        letter-spacing: 10px;
        overflow: hidden;
        color: #000000;
    }

    .sidenav {
        height: 100%;
        position: fixed;
        z-index: 20000000;
        top: 0;
        right: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.1s;
        background-color: white;
    }

    .logopen {
        width: 25%
    }

    @media(max-width:991px) {


        .logopen {
            width: 100%
        }
    }

    .logclose {
        width: 0px;
    }

    .sidenav a {
        padding: 8px 8px 8px 20px;
        text-decoration: none;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

        .sidenav a:hover {
            color: #f1f1f1;
        }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    .dropdown-menu-top.show {
        display: flex !important;
        top: 89px !important;
    }

    .margin-top-modulistica {
        margin-top: 110px;
    }

    .box {
        box-shadow: 1px 0px 20px #0000001A;
        border-radius: 15px;
    }