/**
 * Menu CSS base 
 *********************************************/
/*----------------------------------------------------------------------
	LTR Menu Style
----------------------------------------------------------------------*/

/*--- Root ul element ---*/
ul.navi {margin: 0 ;padding: 0;list-style: none;}
ul.navi li.level1.first {}
ul.navi li.level1.last {}
ul.navi li.level1 {float: left;position: relative;padding: 0;margin: 0 ;position: relative;}
ul.subnavi > li {position: relative;}
ul.navi li.level1.havechild:hover:after{
	border-color: #B5B5B5 transparent;
    border-style: solid;
    border-width: 0 10px 10px;
    content: "";
    display: block;
    height: 0;
    left: 40%;/* Override Default 45% */
    position: absolute;
    bottom: 0;
    width: 0;
	z-index: 9999;
}
ul.navi li.level1 > .item-link {margin: 0 ;line-height: 100%;padding: 10px 10px ;/* Override Default 30px 35px */color:#fff;font-size:100%;display: block;}
ul.navi li.level1 > .item-link .menu-title {display: inline-block; text-transform: uppercase;font-family: "segoe ui";font-size: 15px;/* Override Default 24px */}
ul.navi li.level1 > .item-link{
	background-image: url(../../../../images/pattern/pattern1.png);
}
ul.navi li.level1 > .item-link:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 10px;
	z-index: 100;
	left: 0;
	bottom: 0;
	background: #000000;
	opacity: 0;
	filter: alpha(opacity=0);
}
ul.navi li.level1 > .item-link:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 0px;
	z-index: 100;
	left: 0;
	top: -12px;/* Override Default -4px */
	/*background: none;*/
}
ul.navi li.level1 > .item-link.active:before,
ul.navi li.level1 > .item-link:hover:before{
	height: 10px;/* Override Default 3px */
}

ul.navi li.level1:nth-child(7n+1) > .item-link, ul.navi li.level1 > .item-link.item1,
ul.navi li.level1:nth-child(7n+1) > .item-link:before, ul.navi li.level1 > .item-link.item1:before{
	background-color: #0082c8;
}
ul.navi li.level1:nth-child(7n+2) > .item-link, ul.navi li.level1 > .item-link.item2,
ul.navi li.level1:nth-child(7n+2) > .item-link:before, ul.navi li.level1 > .item-link.item2:before{
	background-color: #b93466;
}
ul.navi li.level1:nth-child(7n+3) > .item-link, ul.navi li.level1 > .item-link.item3,
ul.navi li.level1:nth-child(7n+3) > .item-link:before, ul.navi li.level1 > .item-link.item3:before{
	background-color: #fec420;
}
ul.navi li.level1:nth-child(7n+4) > .item-link, ul.navi li.level1 > .item-link.item4,
ul.navi li.level1:nth-child(7n+4) > .item-link:before, ul.navi li.level1 > .item-link.item4:before{
	background: #7f2d25;
}
ul.navi li.level1:nth-child(7n+5) > .item-link, ul.navi li.level1 > .item-link.item5,
ul.navi li.level1:nth-child(7n+5) > .item-link:before, ul.navi li.level1 > .item-link.item5:before{
	background-color: #f35b28;
}
ul.navi li.level1:nth-child(7n+6) > .item-link, ul.navi li.level1 > .item-link.item6,
ul.navi li.level1:nth-child(7n+6) > .item-link:before, ul.navi li.level1 > .item-link.item6:before{
	background-color: #008000;
}
ul.navi li.level1:nth-child(7n+7) > .item-link, ul.navi li.level1 > .item-link.item7,
ul.navi li.level1:nth-child(7n+7) > .item-link:before, ul.navi li.level1 > .item-link.item7:before{
	background-color: #dc143c;
}

/* Add description and show icons*/
ul.navi li.level1 .showdesc{text-align: center;}
ul.navi li.level1 .showdesc span.menu-title{line-height: 100%;padding-bottom: 5px;display: block;}
ul.navi li.level1 .showdesc span.menu-desc{display: block;font-size: 11px;color: #ccc;line-height: 100%;}

/* Hover and Active (:hover of cssmenu, .hover of moomenu)*/	
ul.navi li.level1:hover,
ul.navi li.level1.hover,
ul.navi li.level1.active {
}
ul.navi li.level1.active .item-link {}
	
/*---- Show All Submenu---- */
/* Menu level2 */
ul.navi li.level1:hover ul.level2 {left: 0;}
ul.navi ul {left: -999em;position: absolute;z-index: 10;margin: 0;padding: 0;list-style: none;width: 210px;}
ul.navi ul.subnavi {background-color: #b5b5b5;padding: 0 0 20px;}
ul#meganavigator.navi ul.subnavi {padding: 10px 0 20px;}
ul#meganavigator.navi ul.subnavi.level4,ul#meganavigator.navi ul.subnavi.level6,ul#meganavigator.navi ul.subnavi.level8{background-color: #0082C8;}
ul.navi ul.level2:before{
/*	content: "";*/
/*	border-color: #B5B5B5 transparent;*/
/*    border-style: solid;*/
/*    border-width: 0 10px 10px;*/
/*    content: "";*/
/*    display: block;*/
/*    height: 0;*/
/*    left: 43%;*/
/*    position: absolute;*/
/*    top: -10px;*/
/*    width: 0;*/
}
ul.navi ul.level2 li {position: relative;}
ul.navi ul.level2 li.first{}
ul.navi ul.level2 li.last{}
ul.navi ul.subnavi li .item-link {
	margin: 0;
	padding: 15px 10px 0px 20px;
	color: #001723;
	font-size: 100%;
	line-height: 20px;
	display: block;
}

ul.navi .level2 li .item-link:before{
	content: "\f00c";
	font-family: 'fontawesome';
    margin: 0 10px 0 0;
	font-size: 80%;
	text-decoration: none;
}
ul.navi ul.level2 li:hover > .item-link .menu-title,
ul.navi li.level2.active > .item-link .menu-title,
ul.navi li.level3.active > .item-link .menu-title,
ul.navi li.level4.active > .item-link .menu-title,
ul.navi li.level5.active > .item-link .menu-title,
ul.navi li.level6.active > .item-link .menu-title,
ul.navi li.level7.active > .item-link .menu-title,
ul.navi li.level8.active > .item-link .menu-title,
ul.navi li.level9.active > .item-link .menu-title
{
	text-decoration: underline;
	color: #ffffff;
}
ul.navi ul.level2 li .menu-title {display: inline-block;}
ul.navi ul.level2 li .item-link.havechild:after{
	font-family: 'fontawesome';
	content: "\f105";
	float: right;
	border: 1px solid #001723;
    border-radius: 10px;
	font-size: 14px;
    line-height: 13px;
    margin: 3px 0 0;
    padding: 0 4px;
}
ul.navi ul.level2 li.level2:hover .item-link.havechild:after,
ul.navi ul.level2 li.level2.active .item-link.havechild:after{
	border: 1px solid #FFFFFF;
}

/* Add description and show icons*/
ul.navi li.level2 .showdesc{text-align: left;}
ul.navi li.level2 .showdesc span.menu-title{padding-bottom: 5px;}
ul.navi li.level2 .showdesc span.menu-desc{font-family: "arial";padding-bottom: 3px;}

/* Hover and Active menu (:hover of cssmenu, .hover of moomenu)*/	
ul.navi li.level2:hover  .level2,
ul.navi li.level2.hover  .level2,
ul.navi li.level2.active .level2{color: #ffffff;}
	
/* Menu level3, level4 & level5 */
ul.navi ul.level2 ul.level3,
ul.navi ul.level4 ul.level5,
ul.navi ul.level6 ul.level7,
ul.navi ul.level8 ul.level9{
	background-color: #0082c8;
}
ul.navi li.level2:hover ul.level3,
ul.navi li.level3:hover ul.level4,
ul.navi li.level4:hover ul.level5{left: 99%;top:5px;}

ul.navi ul.level3 > li .item-link,
ul.navi ul.level5 > li .item-link,
ul.navi ul.level7 > li .item-link,
ul.navi ul.level9 > li .item-link{
	color: #FFFFFF;
}

/* Hover and Active menu (:hover of cssmenu, .hover of moomenu)*/
ul.navi li.level3:hover .level3,ul.navi li.level4:hover .level4,
ul.navi li.level5:hover .level5,ul.navi li.level3.hover .level3,
ul.navi li.level4.hover .level4,ul.navi li.level5.hover .level5{/*color: #81ca07;background-position: 15px 13px;*/}