.mainMenu1{ display:inline-block; float:right}
.menu ul{ list-style:none; margin:0; padding:0; display:inline-block;   width:100%; text-align: left; }
.menu ul li a { color: #fff;padding: 12px 26px 11px 26px; margin: 0px 0px;display: block; font-size: 14px;}
.menu > ul > li { position:relative; display:inline-block; background: url(/images/libg.jpg) center left no-repeat; }
.menu > ul > li:first-child { background:none;} 
.menu > ul > li > ul li {position:relative;white-space:nowrap;}
.menu > ul > li > ul > li a {display:block; padding: 7px 26px 7px 26px;   font-size:14px; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out; color: #fff;}
.menu > ul > li > ul > li:hover > a { background: #282c80;}
.menu ul li > .submenu { position:absolute; left:0; width: auto; top:auto;  opacity:0; visibility:hidden;   z-index: 1; min-width:180px; background: #2ac3e9;}
.menu ul li > .lastMenu { left:auto; right:0;}
.menu ul li:hover > .submenu   { left:0; opacity:1; visibility:visible;}
.menu ul li:hover > .lastMenu { left:auto; right:0; text-align:right;}  
.menu ul li:hover > a {background: #2ac3e9;color: #fff;  }
#menu-mobile {  display:none;    width:42px; height:30px;  cursor:pointer; text-align:center;  }
#menu-mobile span { width:42px; height:4px; background:#fff; margin:3px 0px; float:left;  }
#menu-mobile.active3 .spanx{ display:none;}
#menu-mobile.active3 .spany{ -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg);top: 9px;position: relative;}
#menu-mobile.active3 .spanz{ -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);}
.menu ul .active3 > .activeAA {display:block;}
 