.nav-drill { -webkit-transform: translateX(100%); transform: translateX(100%);}
.nav-is-toggled .nav-drill { -webkit-transform: translateX(0); transform: translateX(0); 
/*start fix margine ois mobile*/
right:0;
/* end fix margine ios mobile*/
}
.nav-is-toggled{overflow: hidden;}

.nav-drill {
  display: flex;
  /*position: fixed; decommentare se si toglie il fix ios mobile*/
/*start fix margine ois mobile*/
  position: absolute;
/* end fix margine ios mobile*/
  z-index: 100;
  top: 0;
  right: -15px;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition: 0.45s;
}
.nav-items {flex: 0 0 100%; margin:0; overflow-y:auto;overflow-x: hidden;}
.nav-item:not(:last-child) {border-bottom: solid 1px #ccc;}
.nav-link {
  display: block;
  padding: 1.2em 1em;
  background-color: #fff;
  color: #000;
  font-size: 1rem;
  line-height: 1.5em;
  font-weight: 300;
  font-family: "Gotham";
  font-weight:500;
  text-transform: uppercase;
  font-size:12px; 
  line-height:100%!important;
  letter-spacing:0!important; 
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
li.rosso > a.nav-link {color:#000!important;}
.nav-link:hover{color:#999!important}
.nav-expand-content {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background-color: #fff;
  transition: 0.3s; 
  visibility: hidden;
}

#ham2 { height: 53px; font-size:14px; display: flex; align-items: center; background-color: #000 !important; color: #fff;}
#ham2::before { content: "\f00d";margin-right: 0.5em;font-family: "FontAwesome";}
.nav-expand-content .nav-item:not(:last-child) { border-bottom: solid 1px #ccc;}
.nav-expand-content .nav-link { background-color: #fff;}
.nav-expand-content .nav-back-link { height: 53px; font-size:14px; display: flex; align-items: center; background-color: #000 !important; color: #fff;}
.nav-expand-content .nav-back-link::before { content: "\f053";margin-right: 0.5em;font-family: "FontAwesome";}
.nav-expand-link { display: flex;justify-content: space-between;}
.nav-expand-link::after { content: "\f054";flex: 0 1 auto;font-family: "FontAwesome";}
.nav-expand.active > .nav-expand-content { -webkit-transform: translateX(0);transform: translateX(0);visibility: visible;}
.nav-expand .nav-expand-content { background-color: #fff;}
.nav-expand .nav-expand-content .nav-link { background-color: #fff;}
.nav-expand .nav-expand-content .nav-expand-content { background-color: #fff;}
.nav-expand .nav-expand-content .nav-expand-content .nav-link { background-color: #fff;}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content { background-color: #fff;}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link { background-color: #fff;}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content { background-color: #fff;}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link { background-color: #fff;}


#ham, .stickUpHolder #ham {  display: inline-block; float: right; clear: both; position: relative; cursor: pointer; padding: 5px 15px; position: relative; color: #fff; cursor: pointer; font-family: "Gotham";font-weight: 500;}
#ham>span, .stickUpHolder #ham>span { display: none;}
#ham:before, .stickUpHolder #ham:before { font-size: 24px; line-height: 1;}
#ham::before, .stickUpHolder #ham::before { font-family: fl-outicons; content: ""; display: inline-block; font-weight: normal; transition: all 0.3s ease-in-out 0s;}
@media (min-width: 992px){ #ham{display: none!important;}}
@media (max-width: 991px){.top_menu{display: none!important;}}