:root{
    --colore-apertura:#f8f9fa;
    --colore-sta-per-chiudere:#aa5500;
    --colore-chiusura:#891b26;
    --bianco-darker: #f8f9fa;
}
#navbar{
    transition: 1s ;
}

#info-orari{
    cursor: pointer;
}
.aperto{
    color: var(--colore-apertura)!important;
}
.staPerChiudere{
    color: var(--colore-sta-per-chiudere)!important;
}
.chiuso{
    color: var(--colore-chiusura)!important;
}
#dropdown-menu-orari{
    z-index:99999;
    background-color: var(--bianco-darker);
    border-radius:0;
    padding:0;
    position: absolute;
    
}
#dropdown-menu-orari li{
    font-weight: 400;
    text-transform: capitalize;
    width:190px;
    padding:0.3rem
}
.intro-banner-vdo-play-btn{
    top:0.4rem;
    height:12px;
    width:12px;
    position:absolute;
    border-radius:100px;
    z-index:1
}

.intro-banner-vdo-play-btn .ripple{
    position:absolute;
    width:160px;
    height:160px;
    z-index:-1;
    left:50%;
    top:50%;
    opacity:0;
    margin:-80px 0 0 -80px;
    border-radius:100px;
    -webkit-animation:ripple 1.8s infinite;
    animation:ripple 1.8s infinite
}

@-webkit-keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(0.2);
        transform:scale(0.2)
    }
}
@keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(0.2);
        transform:scale(0.2)
    }
}
.intro-banner-vdo-play-btn .ripple:nth-child(2){
    animation-delay:.3s;
    -webkit-animation-delay:.3s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3){
    animation-delay:.6s;
    -webkit-animation-delay:.6s
}