#barra-menu{background:#fff;z-index:3;width:100%;transition:background .3s;border-bottom:none}
#barra-menu #menu{color:#444;text-transform:uppercase;font-weight:600;letter-spacing:.6px}        
#barra-menu #menu a{text-decoration:none}
#barra-menu #menu #menu-item-offerte {color: #CF234E}
.barra-menu-fixed{position:fixed;top:-80px;transform:translate(0%,100%);background:#fff !important;transition:transform .5s !important;}
 #barra-menu-inner{margin:auto;max-width:1775px;}
#logo-barra-menu img{height:80px;width:auto}
#menu{display:none;position: absolute;top: 50%;transform: translateY(-50%);font-size:1em}
#btn-menu{display:block}
#menu ul{list-style:none}
#barra-menu.barra-menu-fixed #menu .menu-item{color:#444}
#barra-menu.barra-menu-fixed #menu #menu-item-offerte{color:#CF234E}
#menu .menu-item{float:left;padding: 16px 0;}
#menu .menu-item:hover > a{color:#ccc}
.header-fixed #menu .menu-item:hover > a{color:rgba(0, 157, 79,1)}
#menu .dropdown-menu-item > a:hover{color:#F8B715}
#menu .dropdown-menu-item.simple > a:hover{color:#00AEEF} 
#menu .sub-menu{padding-top:32px;padding-left:0}
#menu .sub-menu-item > a:hover{color:#00AEEF}
#menu .dropdown-menu{display:none;position:absolute;background: #fff;top:45px;width:650px;}
#menu .dropdown:hover .dropdown-menu{display:block;animation:fade-in-out .3s ease}
#menu .dropdown-menu-item{color:#444;}
#menu .dropdown-menu-item > a {display:inline-block;padding-bottom:8px}
#menu .dropdown-menu-item.w3-col > a{font-weight:bold;text-decoration:underline}
#menu .sub-menu-item > a{display:inline-block;padding:8px 0}
#menu .dropdown-menu-item.simple{padding:8px 0}
.menu-item .w3-bar-item{padding:8px}

#menu-contacts-small{display:flex;color:#00B0D8;font-weight:600;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);font-size:1.1em;width:auto;text-align:center}
#menu-contacts-small a{text-decoration:none}
#menu-contacts-small a span{display:block}
#menu-contacts-small .las{font-size:24px}


#menu-contacts{color:#00B0D8;font-weight:bold;display:none}
#menu-contacts{position:absolute;top:50%;transform:translateY(-50%);font-size:1.4em;width:auto}
#menu-contacts{left:50%;transform:translateY(-50%) translateX(-50%);}

#menu-contacts button{align-items:end;display:none;}
#menu-contacts a{display:flex;text-decoration:none;background: #fff;color: #00b0d8;align-items:end}
#menu-contacts #scrivi{margin-right:16px;}

#menu-contacts span{margin-left: 8px;display: inline-block;}
#menu-contacts a span{display:none}
#menu-contacts a .las{display:inline-block;font-size:32px}
#menu-contacts .las{font-size:24px}
.btn-open-booking-menu{background: #00b0d8;color: #fff;font-weight: 600;}


@media(min-width:500px){
    #barra-menu{padding:0 30px}
}

@media(min-width:768px){
    #menu-contacts-small{display:none!important}
    .barra-menu-fixed #menu-contacts,#menu-contacts{display:inline-flex}    
    #menu-contacts button{display:flex;margin-right:16px;min-width:230px;}
    #menu-contacts button span{font-size:15px}
    #menu-contacts button .las{font-size:32px}
    #menu-contacts button .las{font-size:24px}
}

@media(min-width:992px){
    #menu-contacts{width:655px;font-size:1em}
    #menu-contacts a{background:#fff;color:#00b0d8}
    #menu-contacts a span{display:inline-block} 
}

@media(min-width:1280px){    
    #menu-contacts{width:655px;font-size:1em}
    #menu-contacts a{background:#fff;color:#00b0d8}
    #menu-contacts a span{display:inline-block} 
}

@media(min-width:1366px){
    #menu{display:block}
    #btn-menu{display:none}    
    #menu-contacts{left:120px;transform:translateY(-50%);font-size:1em}  
    #menu-contacts a span{display:none}
}

@media(min-width:1533px){
    .menu-item .w3-bar-item{padding:8px 16px}   
    #menu{font-size:1em}
    #menu-contacts{left:150px;}

}

@media(min-width:1620px){
    .menu-item .w3-bar-item{padding:8px 16px}
}

@media(min-width:1920px){
    #barra-menu{padding:0 64px;}    
    #barra-menu #menu{font-size: 1em;}
    #menu-contacts a{display:flex}
    #menu-contacts a span{display:inline-block} 
}