.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}
.sf-menu{line-height:1; position:relative;}
.sf-menu ul{position:absolute;top:-999em;width:10em}

/* shows sub-menu instead of superfish */
.sf-menu ul{
	visibility: hidden;
	opacity: 0;
	transform: translateY(-2em);
	
	/*
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	transition-delay: 0.4s;
	***/
	transition: all 0.2s ease-in-out 0.2s, visibility 0.2s linear 0.2s, z-index 0.5s linear 0.01s;
	transition-delay: 0.2s;
	
	/*
	transition: all 0.1s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s;
	transition-delay: 0.2s;
	*/
}
.sf-menu li:hover > .sub-menu {
	visibility: visible; 
	opacity: 1;
	transform: translateY(0%);
	/*transition-delay: 0s, 0s, 0.3s; */
	
	/***transition-delay: 0.4s, 0.4s, 0.7s;***/
	transition: all 0.2s ease-in-out 0.2s, visibility 0.2s linear 0.2s, z-index 0.5s linear 0.01s;
	transition-delay: 0.2s;
}
/* end. shows sub-menu instead of superfish */

.sf-menu>li.menu-item{display:inline-block;float:left;vertical-align:middle;position:relative;padding:0;}
.sf-menu>li.menu-item:first-child{}
.sf-menu>li.menu-item:last-child{}

.sf-menu>li.menu-item>a{display:block;z-index:100;position:relative;letter-spacing:0;}
.sf-menu>li.menu-item:first-child>a{display:block;z-index:100;position:relative;letter-spacing:0;}
.sf-menu>li.menu-item:last-child>a{display:block;z-index:100;position:relative;letter-spacing:0;}


.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit; overflow: visible !important;}
.sf-menu li{position:relative;float:left}
.sf-menu a{position:relative;display:block}
.sf-menu li.sfHover ul,.sf-menu li:hover ul{top:100%;left:0;z-index:99}
ul.sf-menu li.sfHover li ul,ul.sf-menu li:hover li ul{top:-999em}
ul.sf-menu li li.sfHover ul,ul.sf-menu li li:hover ul{top:0;left:100%}
ul.sf-menu li li.sfHover li ul,ul.sf-menu li li:hover li ul{top:-999em}
ul.sf-menu li li li.sfHover ul,ul.sf-menu li li li:hover ul{top:0;left:10em}
.sf-menu a.sf-with-ul{padding-right:2.25em;min-width:1px}
.select-menu,.select-menu option{padding:5px;cursor:pointer}
.sf-sub-indicator{position:absolute;width:10px;content:"\f0d7";font-family:FontAwesome;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;margin-left:5px;margin-top:-1px}
a>.sf-sub-indicator{background-position:0 -100px}
a:active>.sf-sub-indicator,a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator,li:hover>a>.sf-sub-indicator{background-position:-10px -100px}
.sf-menu ul .sf-sub-indicator{background-position:-10px 0}
.sf-menu ul a>.sf-sub-indicator{background-position:0 0}
.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator{background-position:-10px 0}


.nav__primary .sf-menu>.menu-item.current-menu-item>a .sf-sub-indicator,.nav__primary .sf-menu>.menu-item.sfHover>a .sf-sub-indicator,.nav__primary .sf-menu>.menu-item>a:active .sf-sub-indicator,.nav__primary .sf-menu>.menu-item>a:focus .sf-sub-indicator,.nav__primary .sf-menu>.menu-item>a:hover .sf-sub-indicator{background-position:-10px -100px}
.nav__primary{margin:0}

.nav__primary .sf-menu>.menu-item>.sub-menu{
	
	left:0%;
	margin-top:0px;
	top:100%;
	border:none;
	
	border-radius:0;
	z-index:10;
	
	width: auto;
	padding: 10px 10px;
}

.nav__primary .sf-menu>.menu-item>.sub-menu .menu-item{
	text-align:left;
	padding:0;
	border:none;
	border-top:none;
	position:relative;
}

/*.nav__primary .sf-menu>.menu-item>.sub-menu .menu-item:first-child{border:none}*/
.nav__primary .sf-menu>.menu-item>.sub-menu .menu-item>a{
	border:none;
	padding: 20px 10px;
	display:block;
	/*
	-moz-hyphens:auto;
	word-wrap:break-word;
	*/
	white-space: nowrap;
	
	text-transform: uppercase;
	color: #fff !important;
	text-decoration: none !important;
	
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.nav__primary .sf-menu>.menu-item>.sub-menu .current-menu-item>a {
	/*color: var(--primario);*/
	/*color: var(--primario) !important;*/
	color: var(--nero) !important;
	font-weight: bold !important;
		
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

@media (min-width: 1025px) and (max-width: 1279px){
	.nav__primary .sf-menu>.menu-item>.sub-menu .menu-item>a{
		font-size: 14px;
	}
}
@media (min-width: 1280px){
	.nav__primary .sf-menu>.menu-item>.sub-menu .menu-item>a{
		/*font-size: 16px;*/
		font-size: 14px;
	}
}
.nav__primary .sf-menu>.menu-item>.sub-menu .menu-item:not(:last-child)>a {
	border-bottom: 1px solid #fff;
}
.nav__primary .sf-menu>.menu-item>.sub-menu .menu-item>a:hover {
	/*background-color: #fff;*/
	color: var(--primario);
	
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}


.nav__primary .sf-menu>.menu-item>.sub-menu .menu-item>a>.sf-sub-indicator{right:10px;left:auto}
.nav__primary .sf-menu>.menu-item>.sub-menu>.menu-item.current-menu-item>a .sf-sub-indicator,.nav__primary .sf-menu>.menu-item>.sub-menu>.menu-item.sfHover>a .sf-sub-indicator{background-position:-10px 0}
.nav__primary .sf-menu>.menu-item>.sub-menu>.menu-item>.sub-menu{width:170px;border:1px solid #f0f0f0;padding:0;left:auto;right:100%;overflow:hidden;top:-1px;margin-right:2px;margin-left:2px;border-radius:0}
.nav__primary .sf-menu>.menu-item>.sub-menu>.menu-item>.sub-menu .menu-item{z-index:10;padding:0;border:none;border-top:1px solid #f0f0f0;text-align:center;position:relative}
.nav__primary .sf-menu>.menu-item>.sub-menu>.menu-item>.sub-menu .menu-item:first-child{border:none}
.nav__primary .sf-menu>.menu-item>.sub-menu>.menu-item>.sub-menu .menu-item>a{display:block;padding:12px 10px}



ul.sub-menu-commodoriani {
    display: flex;
    flex-direction: row;
    width: 600px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 999 !important;

    box-shadow: 0 5px 79px -38px rgba(84, 98, 147, 0.69) !important;
    background-color: #ffffff !important;
    border: none !important;

}
ul.sub-menu-commodoriani .sub-menu-commodoriani-item {
    flex-direction: row;
}
ul.sub-menu-commodoriani .sub-menu-commodoriani-item li {
    overflow: visible !important;
}
/*
.nav__primary .sf-menu>.submenu-commodoriani:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent transparent transparent;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.nav__primary .sf-menu>.submenu-commodoriani:hover:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent var(--blue) transparent;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
*/