/*
*	MENU
*	menu-desktop (mega menu)
*	menu-mobile
*/


/*	menu-desktop	*/
#menu{
	/*height: 50px;*/
	position:fixed; /*per bloccare l'header nel top della pagina*/
	width:100%;
	z-index:99;
	margin-top:50px;
	/*padding-top:15px;*/
}
#menu > .row.collapse {

}

.top-bar-section ul li{
	float:unset;
	display:inline-block;
	height: 76px;
}
.top-bar-section ul li.bt{
	height:56px;
	margin-left:20px;
}

.logo_large {
	float:left;
	margin-top:-25px;
	width:270px;
}
.top-bar {text-align: center;}
.top-bar-section li:not(.has-form) div.f-dropdown a:hover:not(.button), .top-bar-section li.name:not(.has-form) a:hover:not(.button){background:none !important;}
.top-bar, .top-bar.expanded, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section ul li, .top-bar.expanded .title-area{background:none;}		/*remove foundation background color*/
.top-bar-section li.name:not(.has-form) a:not(.button){padding:0px;}	/* li name (logo roncato) */
.top-bar .name h1, .top-bar .name, .top-bar-section li:not(.has-form) a:not(.button){line-height: unset !important;}
.top-bar-section li:not(.has-form) a:not(.button){
	color:#515469;
	padding:0px 25px;
	font-size:13px;
	font-weight:700;
	text-transform:uppercase;
	display: block;
	height: 76px;
	padding-top: 30px;
	font-family: 'Ubuntu', sans-serif;
}
.top-bar-section ul li > a{
		font-family: 'Ubuntu', sans-serif;
}
.top-bar-section li:not(.has-form) a:not(.button):hover{
	background-color:transparent;
	color: #1c80a5;
}
.top-bar-section li:not(.has-form) a.red:not(.button){
	color:#e7363c;
	/*padding:15px 30px;*/
	font-size:15px;
	font-weight:700;
	text-transform:uppercase;
	font-family: 'Ubuntu', sans-serif;
}

ul.center-buttons {
  display: inline-block;
  margin-top:-7px;
}
ul.center-buttons .f-dropdown a{line-height:20px !important;}
/*	mega menu	*/
.mega-menu{
	/*background-color:#000000;*/
	background-color:transparent;
	top:0;
	position:fixed;
	width:100%;
	height:85px;
	padding-top:3px;
	z-index:9999;/*per sovrapporlo allo zoom della scheda prodotto*/
}

.menu_sfondo_nero{
	background-color: rgba(0,0,0,0.8);
}

.mega-menu .top-bar .top-bar-section li:hover > a {		/* Change tab hover state to same colour as content background */
	/*color: #f65a5f;
	background-color:#000000;
	border-bottom:5px solid #e7363c;*/
	text-decoration: underline;
	background-color:transparent;
}


/*.mega-menu .f-dropdown.content{background:#fafafa none repeat scroll 0 0;}*/
.mega-menu .f-dropdown.content{
	color:#ffffff;
}
.mega-menu .f-dropdown:before, .mega-menu .f-dropdown:after {border-style: none;}	/* Remove Foundation dropdown arrow */
.mega-menu .f-dropdown.large{
	max-width:100%;
	background-color:#ffffff;
	padding:15px 16%;
	border:unset;
	border-bottom:40px solid #000000;
	margin-top:0px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
}

@media only screen and (max-width: 76.032em) {
	.mega-menu .f-dropdown.large{
		padding:15px 0 !important;
	}
}

/*
@media only screen and (min-width: 76.032em) {
	.top-bar-section li:not(.has-form) a:not(.button){
		padding:30px 30px 0px 30px !important;
		height: 88px;
	}
}
*/



.mega-menu .f-dropdown.large .mega-menu-bt,
.mega-menu .f-dropdown.large .mega-menu-bt-nohover{
	text-align:left;
	padding:3px 10px;
	font-size:11px;
}
.mega-menu .f-dropdown.large .mega-menu-bt .title{
	color:#000000;
	font-weight:700;
	font-size:15px;
	text-align:left;
	text-transform:uppercase;
}
.mega-menu .f-dropdown.large .mega-menu-bt .title a{
	padding:0px 0px !important;
}
.mega-menu .f-dropdown.large .mega-menu-bt .title a .best_seller{
	width: 17px;
	margin-top: -4px;
}
.mega-menu .f-dropdown.large .mega-menu-bt .sottocategorie{
	text-align:left;
}
.mega-menu .f-dropdown.large .mega-menu-bt .sottocategorie a{
	color:#000000;
	text-transform:none;
	font-weight:normal;
	padding:0px 0px !important;
}
.mega-menu .f-dropdown.large .mega-menu-bt a{
	color:#000000;
}
.mega-menu .f-dropdown.large .mega-menu-bt a:hover{
	color:#777777;
}


.mega-menu .open {	/* Remove content top border, align to left */
	border-top: none;
	border-color: #f5f5f5;
	left: 0 !important; /* <!-- !important overwrites inline style applied via Foundation JS */
}
.mega-menu .content ul li {float: none;}
.mega-menu .top-bar .content[class*="content"] a {/* Change content link colour background to same as content background */
	padding: 0;
	color: #ffffff;
	font-weight: lighter;
	background: none;
}
/*.mega-menu .content[class*=\"content\"] a:hover {
	background: none;
	text-decoration: underline;
}*/
/*ul.center-buttons li .f-dropdown .mega-menu-bt:hover{
	background-color: #fafafa !important;
}*/
.mega-menu .spacer {width: 200px;}

/*logo desktop*/
.top-bar-section > #logo-bott-pos{
	top:-53px;
	z-index:999;
	position:absolute;
	left:0px;
}
/*logo tablet*/
#logo-top-pos{
	position: absolute;
	top: -50px;
	left: 0;
	z-index: 99999;
}








	/*	menu-mobile	*/
	/*.tab-bar .menu-icon span:after{*/
	.tab-bar .menu-icon{
		width: 65px;
		height: 65px;
		/*background-color: #000000;*/
		/*background-color:  rgba(0,0,0,0.8);*/
		margin: 0;
	}

	.tab-bar .menu-icon span:after{
		background-color:#515469;
		box-shadow:0 0 0 1px #515469,0 8px 0 1px #515469,0 16px 0 1px #515469;
		content:"";
		display:block;
		height:0px;
		left:50%;
		margin-top:-9px;
		position:absolute;
		top:50%;
		width:25px;
		margin-left:-10px;
	}
	.tab-bar .menu-icon span:before{
		background-color:#515469;
		box-shadow:0 0 0 1px #515469,0 8px 0 1px #515469,0 16px 0 1px #515469;
		content:"";
		display:block;
		height:0px;
		left:50%;
		margin-top:-9px;
		position:absolute;
		top:50%;
		width:25px;
		margin-left:-10px;
	}
	.tab-bar .menu-icon.open span:after{
			box-shadow:0 0 0 0px #515469,0 8px 0 1px #515469,0 16px 0 0px #515469;
		  -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -o-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
			margin-left:-18px;
	}
	.tab-bar .menu-icon.open span:before{
			box-shadow:0 0 0 0px #515469,0 8px 0 1px #515469,0 16px 0 0px #515469;
		  -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
			margin-left:-8px;
	}





	#menu-main-small nav.tab-bar{
		background-color:#fafafa;
		/*background-color:transparent;*/
		height:80px;
		position:fixed;
		width:100%;
		z-index:9999;
		top:0px;
		padding:15px;
	}
	#menu-main-small section.left-small{border-right: 0px;}


	/* menu a scomparsa */
	#menu-small{
		display:none;
		position: fixed;
		/*position: relative;*/
		width: 30vw;
		padding:0;
		background-color: unset;
		color:#333333;
		top:65px;
		z-index:999;
		height:100%;
		text-align: left;
		overflow: hidden;
	}
	#menu-small > ul > li{
		padding: 0px;
	    text-transform: uppercase;
	    font-size: 22px;
	    list-style: none;
	    padding:0;
	    background:unset;
	    display: block;
	}
	#menu-small > ul > li > a{
		color:#333333;
		left:0;
		right:0;
		padding:0px 20px 0px;
		font-family: 'Ubuntu', sans-serif;
		/*display: inline-block;*/
		display: block;
	}
	#menu-small > ul > li > a:hover{
		color:#999999;
		text-shadow:0 0 2px #fff;
	}



.left-side-menu{
	float: right;
	margin-top: -15px !important;
}



.close_menu_small img{
	height: 20px;
	margin: 22px 0px 0 22px;
}