/**Top menu**/

div.wrapper-menu {
	background-color:#fff;
	width:100%;
	height: 50px;

	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	/*top: var(--height);*/
}

#horizontal-multilevel-menu,#horizontal-multilevel-menu ul
{
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
	font-size:14px;
	text-align: center;
	display: flex;
	justify-content: center;
}

/*Links*/
#horizontal-multilevel-menu a
{
	display:block;
	padding:5px 10px;

	text-decoration:none;
	text-align:center;
}

#horizontal-multilevel-menu li
{
	/*float:left;*/
	display: inline-block;

	/*border-right: 1px #ccc solid;*/
}


/*Root items*/

#horizontal-multilevel-menu .root-item {
	background-image: none;
}


#horizontal-multilevel-menu li a.root-item
{
	color:rgb(33, 33, 33);
	font-weight:bold;
	padding:15px 25px;
}

/*Root menu selected*/
#horizontal-multilevel-menu li a.root-item-selected
{
	background:#e8e8e8;
	color:rgb(33, 33, 33);
	font-weight:bold;
	padding:7px 12px;
	line-height:35px;
}

/*Root items: hover*/
#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item
{
	background:#f5f5f5;
	color:rgb(33, 33, 33);
}

/*Item-parents*/
#horizontal-multilevel-menu a.parent
{
	background: url(images/arrow-down.png) 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:#D6D6D6;
	color:#fff;
}

/*Child-items selected*/
#horizontal-multilevel-menu li.item-selected
{
	background:#D6D6D6;
	color:#fff;
}

/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
	position:absolute;

	top:auto;
	display:none;
	z-index:500;

	height:auto;

	width:235px;
	padding: 10px 20px;
	background:#fff;
	border:1px solid #ccc;
}

/*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;
}

/*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:#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:#4F4F4F;
}

#horizontal-multilevel-menu li ul ul
{
	margin:-27px 0 0 132px;

}

#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
{

	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
{

	display:block;
}

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

li.parent-level:first-child a.root-item::after {
	padding-left: 10px;
	content:  url(images/arrow-down.png);
}

@media screen and (max-width: 715px) {
	div.wrapper-menu{
		display: none;
	}
}