/* MENU CONTAINER */
.menuzord,
.menuzord *{
box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
}
.menuzord{
position:relative;
width:100%;
padding:0;
margin:0;
float:left;
}
.menuzord a{
-o-transition: color .3s linear, background .3s linear;
-moz-transition: color .3s linear, background .3s linear;
-webkit-transition: color .3s linear, background .3s linear;
transition: color .3s linear, background .3s linear;
}
/* scrollable menu */
.menuzord-menu.scrollable > .scrollable-fix{display: none;}

/* MENU */
.menuzord-menu{
margin: 0;
padding: 0;
list-style: none;
}
/* Right alignment */
.menuzord-menu.menuzord-right{
float: right;
}
/* Menu items */
.menuzord-menu > li{
display: inline-block;
float: left;
}
.menuzord-menu > li.right{ /* Fix elemento fluttuante a destra */
display: inline-block;
float: right;
}

.menuzord-menu > li > a{
/* font-family: 'Mate SC', serif; */
padding:20px;
display: inline-block;
text-decoration: none;
font-size:13px;
font-weight:400;
color: #fff;
outline:0;
line-height: 1.42857143;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
}
/* Active/hover state (Menu items) */
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a{
color: rgba(158,158,158,1);
}

/* DROPDOWN */
.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown{
list-style: none;
margin: 0;
padding: 0;   
display: none;
position: absolute;
z-index: 99;
min-width: 200px;
white-space: nowrap;
}
.menuzord-menu ul.dropdown li ul.dropdown{left: 100%;}

/* Dropdown items */
.menuzord-menu ul.dropdown li{
clear: both;
width: 100%;
border: 0 none;
font-size: 12px;
position: relative;
}
.menuzord-menu ul.dropdown li a{
/* font-family: 'Mate SC', serif; */
width: 100%;
background: #fff;
padding: 15px 25px 15px 22px;
color: #000;
text-decoration: none;
display: inline-block;
float: left;
clear: both;
position: relative;
outline: 0;
-o-transition: all .2s linear;
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
/* Hover state (dropdown items) */
.menuzord-menu ul.dropdown li:hover > a{
padding-left: 28px;
padding-right: 19px;
color: rgba(0,0,0,0.8);
}

/* Dropdown left alignment */
.menuzord-menu ul.dropdown.dropdown-left{left: none;}
.menuzord-menu ul.dropdown li ul.dropdown.dropdown-left{left: -100%;}

/* DROPDOWN/MEGAMENU INDICATORS */
.menuzord-menu li .indicator{
display: inline-block;
margin-left: 5px;
transform: rotate(90deg);
}
.menuzord-menu li ul.dropdown li .indicator{
position: absolute;
top: 8px;
right: 10px;
font-size: 12px;
}

/* SHOW/HIDE BUTTON (MOBILE MODE) */
.menuzord .showhide{
width: 60px;
height: 50px;
padding: 14.5px 0;
display: none;
float: right;
text-decoration: none;
outline: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}

.menuzord .showhide::before{
/* font-family: 'Mate SC', serif; */
content: "MENU";
display: inline-block;
left: 14px;
position: absolute;
color: #fff;
font-weight: 700;
}

/* Show/hide button icon */
.menuzord .showhide em{
width: 24px;
height: 2px;
margin: 2px 20px;
float: right;
background: #fff;
}

/* ICONS (parent menu items) */
.menuzord-menu > li > a > i{
margin: 0 5px 0 0;
font-size: 18px;
float: left;
line-height: 20px;
font-family: 'FontAwesome';
}

/* MOBILE MODE (RESPONSIVE MODE) */
@media (max-width: 1024px){

	/* Responsive menu container */
	.menuzord-responsive.menuzord{padding: 0;}
	
	/* Show/hide button */
	.menuzord-responsive .showhide{margin: 0;}
	
	/* Menu */
	.menuzord-responsive .menuzord-menu{
	width: 100%;
	float: left !important;
	}
	/* scrollable menu*/
	.menuzord-responsive .menuzord-menu.scrollable{
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	}
	.menuzord-responsive .menuzord-menu.scrollable > .scrollable-fix{display: block;}
	
	/* Menu items */
	.menuzord-responsive .menuzord-menu > li{
	width: 100%;
	display: block;
	position: relative;
	}
	.menuzord-responsive .menuzord-menu > li > a{
	width: 100%;
	padding: 17px;
	display: block;
	border-bottom: solid 1px var(--basic);
	}
	.menuzord-responsive .menuzord-menu > li:first-child > a{border-top: solid 1px var(--basic);}
	.menuzord-responsive .menuzord-menu > li:nth-last-child(2) > a{border-bottom: solid 0px var(--basic);}
	
	/* Dropdown */
	.menuzord-responsive .menuzord-menu ul.dropdown,
	.menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown{
	width: 100%;
	left: 0;
	position: static;
	border: none;
	background: #00663a;
	float: left;
	}
	
	/* Dropdown items */
	.menuzord-responsive .menuzord-menu ul.dropdown li{position: relative;}
	.menuzord-responsive .menuzord-menu ul.dropdown li a{border-bottom: solid 1px #f0f0f0;}
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > a{ padding-left: 40px !important; }
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 60px !important; }
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 80px !important; }
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li:hover > a{ padding-left: 50px !important; }
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li:hover > a{ padding-left: 70px !important; }
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li:hover > a{ padding-left: 90px !important; }
	
	/* Dropdown/megamenu indicators */
	.menuzord-responsive .menuzord-menu li .indicator{		
	width: 53px;
	height: 53px;
	position: absolute;
	right: 5px;
	top: 0px;
	font-size: 22px;
	text-align: center;
	line-height: 44px;
	border-bottom: solid 1px var(--basic);
	}
	
	}
	.menuzord-responsive .menuzord-menu li ul.dropdown li .indicator{
	height: 38px;
	right: 0;
	top: 0;
	font-size: 18px;
	line-height: 36px;
	}

}