/**
 * Menu CSS base 
 *********************************************/
/*----------------------------------------------------------------------
	LTR Menu Style
----------------------------------------------------------------------*/
#yt-mobilemenu{display:none;}

/*--- 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.navi li.level1:after{content: "";width:2px;height: 48px;position: absolute;right: 0;top:0;z-index: 5;background: url(../images/vertical.png) no-repeat right top;}
	ul.navi li.level1 .item-link {margin: 0 ;line-height: 30px;padding: 9px 20px  ;color:#fff;font-size:105%;display:  inline-block;vertical-align: top;}
	ul.navi li.level1 .menu-title {display: inline-block;}
	
	/*First item menu*/
	ul.navi li.level1.first .item-link{}
	ul.navi li.level1.first .item-link:before{
		content: "\f015";
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		display: inline-block;
		text-decoration: inherit;
		font-size:24px;
	}
	ul.navi li.level1.first .menu-title{display: none;}
	/* Add description and show icons*/
	ul.navi li.level1 > .showdesc{text-align: center;}
	ul.navi li.level1 .showdesc span.menu-title{line-height: 18px;display: block;}
	ul.navi li.level1 .showdesc span.menu-desc{display: block;font-size: 11px;color: #eee;line-height: 100%;padding-bottom: 3px;}
	
	/* Hover and Active (:hover of cssmenu, .hover of moomenu)*/
	ul.navi li.level1:hover > .havechild:after,
	ul.navi li.level1.hover > .havechild:after{
		content: "";position: absolute;left: 50%;bottom: -10px;
		border-width: 0 11px 10px;margin-left: -10px;
		border-color: transparent  transparent  #242424 transparent  ;
		border-style: solid;
	}
	ul.navi li.level1:hover,
	ul.navi li.level1.hover,
	ul.navi li.level1.active {
		background: url(../images/level1-active.png) repeat-x 0 0;
	}
	
	ul.navi li.level1:hover > .item-link,
	ul.navi li.level1.hover > .item-link,
	ul.navi li.level1.active > .item-link {color: #02baf8;}
	
/*---- bugs Submenu---- */
/*ul.navi li:nth-child(3) ul.level2{left: 0;}
ul.navi li:nth-child(3) li:nth-child(1) ul.level3{left:95%;top:0;}*/

/*---- 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:5px 0 0;padding: 0;list-style: none;width: 200px;box-shadow: 0 0 4px rgba(0,0,0,0.8);}
ul.navi ul.level2 {background-color: #141414;border: 5px solid #242424;margin-top: 10px;
				box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
	ul.navi ul.level2:before{content: "";width:100%;height: 10px;position: absolute;left: 0;top:-15px;}
	ul.navi ul.level2 li {margin: 6px;position: relative;background: #242424;box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.05) inset;}
	ul.navi ul.level2 li.first{border-top: none;}
	ul.navi ul.level2 li.last{}
	ul.navi ul.level2 li .item-link {
		margin: 0;padding: 2px 10px  ;display: block;
		color: #fff;font-size: 100%;text-transform: none;line-height: 28px;
	}
	ul.navi ul.level2 li .menu-title {display: inline-block;}
	ul.navi ul.subnavi li .item-link.havechild:after{font-family: 'FontAwesome';content: "\f054";font-size: 14px;position: absolute;z-index: 5;right: 10px;top: 5px;}
	
	/* 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 ,
	ul.navi li.level2.hover ,
	ul.navi li.level2.active{background: #09a5d6;box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3) inset,0 0 5px rgba(0,0,0,0.4) inset;}
	ul.navi li.level2 a:focus{box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset,0 0 5px rgba(0,0,0,0.8) inset;}
	
/* Menu level3, level4 & level5 */
ul.navi ul.level2 ul{margin: 0;background-color: #141414;border: 5px solid #242424;}
ul.navi li.level2:hover ul.level3,
ul.navi li.level3:hover ul.level4,
ul.navi li.level4:hover ul.level5{left: 95%;top:5px;}

	ul.navi ul.level3 li .item-link{font-size: 100%;}
	ul.navi ul.level3 li{margin: 6px;position: relative;background: #242424;box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.05) inset;}
	ul.navi ul.level3 li .item-link{padding: 4px 10px;color: #fff;display: block;line-height: 25px;}
	
	/* Hover and Active menu (:hover of cssmenu, .hover of moomenu)*/
	ul.navi li.level3:hover ,ul.navi li.level4:hover ,
	ul.navi li.level5:hover ,ul.navi li.level3.hover ,
	ul.navi li.level4.hover ,ul.navi li.level5.hover,
	ul.navi li.level3.active,ul.navi li.level4.active,
	ul.navi li.level5.active{background: #09a5d6;box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3) inset,0 0 5px rgba(0,0,0,0.4) inset;}
	
	ul.navi li.level3 a:focus,ul.navi li.level4 a:focus,
	ul.navi li.level5 a:focus{box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset,0 0 5px rgba(0,0,0,0.8) inset;}

/*----------------------------------------------------------------------
	RTL Menu Style
----------------------------------------------------------------------*/
/*--- Root ul element ---*/
ul.navirtl li.level1{float: right;margin: 0 0 0 1px;}

/*---- Show All Submenu---- */
/* Menu level2 */
ul.navirtl li.level1:hover ul.level2{left: auto;right: 0;}
	ul.navirtl ul.level2 li .item-link{}
	ul.navirtl ul.subnavi li .item-link.havechild:after{left: 10px;right: auto;content: "\f053";}
	ul.navirtl li.level2 .showdesc{text-align: right;}
	
	/* Hover and Active menu (:hover of cssmenu, .hover of moomenu)*/
	ul.navirtl li.level2:hover  .level2,
	ul.navirtl li.level2.hover  .level2,
	ul.navirtl li.level2.active .level2{}

/* Menu level3, level4 & level5 */
ul.navirtl li.level2:hover ul.level3,
ul.navirtl li.level3:hover ul.level4,
ul.navirtl li.level4:hover ul.level5{left: auto;right: 95%;}
	ul.navirtl ul.level3 li .item-link{}
	
	/* Hover and Active menu (:hover of cssmenu, .hover of moomenu)*/
	ul.navirtl li.level3:hover .level3,ul.navirtl li.level4:hover .level4,
	ul.navirtl li.level5:hover .level5,ul.navirtl li.level3.hover .level3,
	ul.navirtl li.level4.hover .level4,ul.navirtl li.level5.hover .level5{}