/**Top menu**/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul
{
	margin:0; padding:0;
	background: var(--header-background-color, #242424);
	min-height:27px;
	width:100%;
	list-style:none;
	font-size:11px;
	display: flex;
	justify-content: center;
	margin: auto;
	/*font-size:90%*/
}

#horizontal-multilevel-menu
{

}

/*Links*/
#horizontal-multilevel-menu a
{
	display:block;
	padding:5px 10px;
	/*padding:0.3em 0.8em;*/
	text-decoration:none;
	text-align:center;
}

#horizontal-multilevel-menu li
{
	flex: 1 1 auto;
}

/*Root items*/
#horizontal-multilevel-menu li a.root-item,
#horizontal-multilevel-menu li a.root-item-selected
{
	color: var(--header-font-color,#ccc);
	font-weight:normal;
	padding:7px 12px;
	font-size: 17px;
	text-transform: uppercase;
	font-family: "MazzardHM";
}

/*Root menu selected*/
#horizontal-multilevel-menu li a.root-item-selected
{
	background-color: var(--header-background-hover-color,#454545);
	color:var(--header-font-hover-color,#fff);
}

/*Root items: hover*/
#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item
{
	background-color:var(--header-background-hover-color,#454545);
	color:var(--header-font-hover-color,#fff);
}

/*Item-parents*/
#horizontal-multilevel-menu a.parent
{
	background: url(images/arrow.gif) center right no-repeat;
}

/*Denied items*/
#horizontal-multilevel-menu a.denied
{
	background: url(images/lock.gif) center right no-repeat;
}

/*Child-items: hover*/
#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover
{
	background-color:var(--header-font-hover-color,#454545);
	color:var(--header-background-hover-color,#fff);
}

/*Child-items selected*/
#horizontal-multilevel-menu li.item-selected
{
	background-color:var(--header-font-hover-color,#454545);
	color:var(--header-font-hover-color,#fff);
}

/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
	position:absolute;
	/*top:-999em;*/
	top:auto;
	display:none;
	z-index:500;

	height:auto;
	/*width:12em;*/
	width:auto;
	max-width: 300px;
	background: var(--header-font-color, #F5F5F5);
	border:1px solid var(--header-font-color-1,#C1C1C1);
}

/*Sub-menu item box*/
#horizontal-multilevel-menu li li
{
	width:100%;
	border-bottom:1px solid #DEDEDE;
}

/*Item link*/
#horizontal-multilevel-menu li ul a
{
	text-align:left;
	font-size: 16px;
	font-weight: 300;
}

/*Items text color & size */
#horizontal-multilevel-menu li a,
#horizontal-multilevel-menu li:hover li a,
#horizontal-multilevel-menu li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
	color:var(--header-background-hover-color,#4F4F4F);
	/*font-weight:bold;*/
}

/*Items text color & size: hover*/
#horizontal-multilevel-menu li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
	color:var(--header-background-hover-color,#4F4F4F);
}

#horizontal-multilevel-menu li ul ul
{
	margin:-27px 0 0 132px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li.jshover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li.jshover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li.jshover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li.jshover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li.jshover ul,
#horizontal-multilevel-menu li li li li li:hover ul,
#horizontal-multilevel-menu li li li li li.jshover ul
{
	/*z-index:1000;
	top:auto;*/
	display:block;
}

div.menu-clear-left
{
	clear:left;
}

@media screen and (max-width: 992px) {
	.top-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: --var(--header-font-color,#EEE);
		overflow-y: auto;
		transform: translateX(100%);
		transition: all 0.3s ease;
		z-index: 100;
	}
	.show-menu .top-menu {
		transform: translateX(0);
	}
	.top-menu #horizontal-multilevel-menu {
		display: block;
		background: transparent;
		margin-top: 50px;
	}
	.top-menu #horizontal-multilevel-menu li {
		border-bottom: 1px solid --var(--header-font-color-1,#ccc);
	}
	.top-menu #horizontal-multilevel-menu a.root-item,
	.top-menu #horizontal-multilevel-menu a.root-item-selected {
		color: var(--header-background-color, #333);
		padding: 10px 0;
	}
	.top-menu #horizontal-multilevel-menu a.root-item-selected {
		background: --var(--header-font-color-1,#ddd);
	}
	.top-menu #horizontal-multilevel-menu li ul {
		position: relative;
		display: block;
		width: 100%;
		max-width: inherit;
		border: none;
	}
	.top-menu #horizontal-multilevel-menu li ul li {

	}
	.top-menu #horizontal-multilevel-menu li ul li a {
		text-align: center;
		padding: 10px 0;
	}
	.show-menu .nav__trigger .bars,
	.show-menu .nav__trigger .bars:before,
	.show-menu .nav__trigger .bars:after {
		background: var(--header-background-color-1, #777);
	}




}