@import url(../../common/css/menustyle.css);

/*****************************
 * CSS MENU 
 *****************************/
ul.navi li:hover {
	position: relative;
	
}

/* show level2 */
ul.navi li.level1:hover ul.level2 {
	left: 0;
background: -webkit-linear-gradient(-90deg, rgba(24,64,89,1) 0, rgba(24,64,89,1) 0, rgba(24,64,89,1) 1%, rgba(21,63,89,1) 1%, rgba(52,89,104,1) 100%, rgba(34,75,91,1) 100%);
	background: -moz-linear-gradient(180deg, rgba(24,64,89,1) 0, rgba(24,64,89,1) 0, rgba(24,64,89,1) 1%, rgba(21,63,89,1) 1%, rgba(52,89,104,1) 100%, rgba(34,75,91,1) 100%);
	background: linear-gradient(180deg, rgba(24,64,89,1) 0, rgba(24,64,89,1) 0, rgba(24,64,89,1) 1%, rgba(21,63,89,1) 1%, rgba(52,89,104,1) 100%, rgba(34,75,91,1) 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
	border-radius: 0px 0px 4px 4px;
}

/* show submenu level3 */
ul.navi li.level2:hover ul.level3,
ul.navi li.level3:hover ul.level4,
ul.navi li.level4:hover ul.level5,
ul.navi li.level5:hover ul.level6,
ul.navi li.level6:hover ul.level7,
ul.navi li.level7:hover ul.level8,
ul.navi li.level8:hover ul.level9 {
	left: 95%;
}

ul.navi li.level1:hover {
	
}

ul.navi li.level1:hover div.separator.level1,
ul.navi li.level1:hover a.level1 {
	background: -webkit-linear-gradient(-90deg, rgba(24,64,89,1) 0, rgba(24,64,89,1) 0, rgba(24,64,89,1) 1%, rgba(21,63,89,1) 1%, rgba(52,89,104,1) 100%, rgba(34,75,91,1) 100%);
	background: -moz-linear-gradient(180deg, rgba(24,64,89,1) 0, rgba(24,64,89,1) 0, rgba(24,64,89,1) 1%, rgba(21,63,89,1) 1%, rgba(52,89,104,1) 100%, rgba(34,75,91,1) 100%);
	background: linear-gradient(180deg, rgba(24,64,89,1) 0, rgba(24,64,89,1) 0, rgba(24,64,89,1) 1%, rgba(21,63,89,1) 1%, rgba(52,89,104,1) 100%, rgba(34,75,91,1) 100%);
	background-position: 50% 50%;
	-webkit-background-origin: padding-box;
	background-origin: padding-box;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-background-size: auto auto;
	background-size: auto auto;
	-webkit-box-shadow: 0 0 3px 0 rgba(191,209,255,1) ;
	box-shadow: 0 0 3px 0 rgba(191,209,255,1) ;
}

ul.navi li.level2:hover {
	
}

ul.navi li.level2:hover div.separator.level2,
ul.navi li.level2:hover a.level2 {
	color: #00c6ff;
}

ul.navi li.level3:hover,
ul.navi li.level4:hover,
ul.navi li.level5:hover,
ul.navi li.level6:hover,
ul.navi li.level7:hover,
ul.navi li.level8:hover,
ul.navi li.level9:hover {
	
}

ul.navi li.level3:hover div.separator.level3,
ul.navi li.level4:hover div.separator.level4,
ul.navi li.level5:hover div.separator.level5,
ul.navi li.level6:hover div.separator.level6,
ul.navi li.level7:hover div.separator.level7,
ul.navi li.level8:hover div.separator.level8,
ul.navi li.level9:hover div.separator.level9,
ul.navi li.level3:hover a.level3,
ul.navi li.level4:hover a.level4,
ul.navi li.level5:hover a.level5,
ul.navi li.level6:hover a.level6,
ul.navi li.level7:hover a.level7,
ul.navi li.level8:hover a.level8,
ul.navi li.level9:hover a.level9 {
	color: #00c6ff;
}

/* RTL 
   show level2 */
ul.navirtl li:hover {
	position: relative;
}

/* show level2 */
ul.navirtl li.level1:hover ul.level2 {
	right: 0;
	top: 100%;
	box-shadow:0 0 2px #000;
	-webkit-box-shadow:0 0 2px #000;
	-moz-box-shadow:0 0 2px #000;
}

/* show submenu level3 */
ul.navirtl li.level2:hover ul.level3,
ul.navirtl li.level3:hover ul.level4,
ul.navirtl li.level4:hover ul.level5,
ul.navirtl li.level5:hover ul.level6,
ul.navirtl li.level6:hover ul.level7,
ul.navirtl li.level7:hover ul.level8,
ul.navirtl li.level8:hover ul.level9 {
	right: 95%;
	top: 20%;
	box-shadow:0 0 2px #000;
	-webkit-box-shadow:0 0 2px #000;
	-moz-box-shadow:0 0 2px #000;
}

ul.navirtl li.level1:hover {
	
}

ul.navirtl li.level1:hover div.separator.level1,
ul.navirtl li.level1:hover a.level1 {
	color: #fff;
	background:#0096ff;
}

ul.navirtl li.level2:hover {
	
}

ul.navirtl li.level2:hover div.separator.level2,
ul.navirtl li.level2:hover a.level2 {
	color: #00c6ff;
}

ul.navirtl li.level3:hover,
ul.navirtl li.level4:hover,
ul.navirtl li.level5:hover,
ul.navirtl li.level6:hover,
ul.navirtl li.level7:hover,
ul.navirtl li.level8:hover,
ul.navirtl li.level9:hover {
	
}

ul.navirtl li.level3:hover div.separator.level3,
ul.navirtl li.level4:hover div.separator.level4,
ul.navirtl li.level5:hover div.separator.level5,
ul.navirtl li.level6:hover div.separator.level6,
ul.navirtl li.level7:hover div.separator.level7,
ul.navirtl li.level8:hover div.separator.level8,
ul.navirtl li.level9:hover div.separator.level9,
ul.navirtl li.level3:hover a.level3,
ul.navirtl li.level4:hover a.level4,
ul.navirtl li.level5:hover a.level5,
ul.navirtl li.level6:hover a.level6,
ul.navirtl li.level7:hover a.level7,
ul.navirtl li.level8:hover a.level8,
ul.navirtl li.level9:hover a.level9 {
	color: #00c6ff;
}

.menu-title:hover{
color:#fff;
}

.active:hover .menu-title{
color: #fff !important;
}

.level1{
padding-bottom: 7px !important;
margin-bottom: -3px !important;
}