#menu_sup {
  	background: transparent; 
 	height: 30px; 
 	position: relative; 
	font-family: 'Montserrat', sans-serif;font-weight:500;  	font-size: 12px;
   	max-width:450;
	margin: 0px auto; 
	position: relative;
}

#menu_sup ul {
	list-style: none; margin: 0px; padding: 0px;  height:  22px; 
}
#menu_sup > ul {
	display: flex;
    justify-content: space-evenly;
flex-wrap: wrap;	
	/*background: #FFFFFF; width: 100%; height: 22px; bottom: 0px; display: block; position: relative; z-index: 500;*/
}
#menu_sup > ul > li {
	margin: 0px; padding: 0px; float: left; display: block; position: relative;
}
#menu_sup > ul > #menu-button {
	display: none;
}
#menu_sup ul li a {
	margin: 0px auto; height: auto; text-decoration: none; display: block;
}

#menu_sup > ul > li > a {
	padding: 5px 10px 5px 10px;
	height: 22; 
 	/*  text-transform: uppercase;*/
	-webkit-transition: color 0.25s ease-out;
	-moz-transition: color 0.25s ease-out;
	-ms-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
 }

#menu_sup > ul > li > a span {
	/*line-height: 22px;*/
}
#menu_sup > ul > li > a div {
text-align: center;  
}
#menu_sup > ul > li.has-sub > a {
	padding-right: 14px;
}
#menu_sup > ul > li:hover > a {
	color: #ffffff;
}
#menu_sup li.has-sub::after {
	width: 0px; height: 0px; display: block; position: absolute; content: "";
}
#menu_sup > ul > li.has-sub::after {
	border-width: 5px; border-style: solid; border-color:  #7a8189 transparent transparent; border-image: none; top: 16px; right: 1px;
}

#menu_sup > ul > li:hover::after {
  border-top-color: #ffffff;
}
#indicatorContainer {
	width: 100%; height: 5px; bottom: 0px; overflow: hidden; position: absolute; z-index: -1;
}
 #pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
 /* border-top-color: #2b2f3a;*/
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}

#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
 /* border-top-color: #2b2f3a;*/
  top: -12px;
  right: 100%;
  z-index: -2;
}

#menu_sup ul ul {
  position: absolute;
  left: -9999px;
  top: 270px;
  height: auto;
  
   opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}


#menu_sup ul ul ul {
	top: 37px; padding-left: 5px;
}
#menu_sup ul ul {
  	 background: #CCCCCC;
}
#menu_sup ul ul li {
	  
height: 100%; position: relative;
}
#menu_sup > ul > li:hover > ul {
	left: auto; top: 27px; opacity: 1;
}
#menu_sup ul ul li:hover > ul {
	/*left: 170px; top: 0px; opacity: 1;*/
	left: 170px; top: 20px; opacity: 1;
}
#menu_sup ul ul li a {
width: 170px;
 /* width: auto;*/
  /*border: 1px solid #C03;*/
 padding: 10px 10px;
  border-bottom: 1px solid #eee;
 	height:auto;
  /* font-size: 12px;
  color: #9ea2a5;
  background: #fff;*/
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}


 
#menu_sup ul ul li:hover > a {
  background: #f6f6f6;
  color: #8c9195;
}

 .submenuArrow {
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #fff;
  position: absolute;
  top: -12px;
}

#menu_sup ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}

#menu_sup ul ul li.has-sub:hover::after {
  border-left-color: #fff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#menu_sup > ul > li.has-sub_finestra > a {
	padding-right: 32px;
}
#menu_sup > ul > li:hover > a {
  color: #ffffff;
}
#menu_sup li.has-sub_finestra::after {
	width: 0px; height: 0px; display: block; position: absolute; content: "";
}
 #menu_sup > ul > li.has-sub_finestra::after {
  right: 10px;
   top: 23px;
  border: 5px solid transparent;
  border-top-color: #7a8189;
}
 
 #menu_sup .claer {
	clear: both;
}

#menu_sup > #menu-button {
    display: none;
  }

/* ------------ MENU SUPERIORE -------------------------*/
#menu_sup > ul {color:#424237;background-color: transparent;} 
#menu_sup > ul > li > a {color:#444444;background-color: transparent;}
#menu_sup > ul > li:hover > a {color:#E81D1D;background-color:;}
#menu_sup > ul > li:hover::after {border-top-color:#E81D1D;}


#menu_sup ul ul li a {color:#444444;background-color:#FFFFFF;}
#menu_sup ul ul li:hover > a {color:#E81D1D;background-color:;}
#menu_sup > ul > li#attivo > a {color:#E81D1D;background-color:;}

#menu_sup ul ul {background-color: #FFFFFF;}

 

@media (min-width:0px) and (max-width: 0px) {
 
	
#menu_sup ul {
	width: 100vw;
	height: auto;
  	background-color: ;
}
	
 #menu_sup > ul > li {
    display: none;
	 float:none;
}
	
#menu_sup > ul > li> ul {
    display: block;
	 float:none;
}

 
#menu_sup > #menu-button {
    text-align:right;
  	display: block;
    height: 30px;
    cursor: pointer;
  }
  #menu_sup #menu-button > a {
	  padding:0;
  }
	
  #menu_sup > ul.openmenu > li {
    display: block;
  }

	
#menu_sup > ul.openmenu {
   -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
	
	 
	#menu_sup #menu-button > a{
		
		
		
	}
#menu_sup > ul > #menu-button {
	width:100%;
	display: block;
	height: 40px;

	cursor: pointer;
}



  #menu_sup > ul.openmenu > li#menu-button > a {
 	color: #DC013B;
   
  }
  #menu_sup #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 4px;
    width: 30px;
    border-top: 4px solid #7a8189;
    border-bottom: 4px solid #7a8189;
    right: 10px;
    top: 9px;
  }
  #menu_sup #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 2px;
    width: 30px;
    border-top: 4px solid #7a8189;
   right: 10px;
    top: 0px;
  }
  #menu_sup ul.openmenu #menu-button::after,
  #menu_sup ul.openmenu #menu-button::before {
    border-color: #DC013B;
  } 	
	
	
	}