.menu ul{ list-style:none; margin:0; padding:0; display:inline-block;  font-size:12px; z-index:9; position:relative;  float:left;}
.menu ul li a {  color:#fff; text-transform: capitalize; line-height:63px;padding: 0px 22px; font-size:14px;font-family: 'Roboto Slab', serif;}
.menu ul li:hover > a { color:#fff;    }
.menu > ul > li { display:inline-block; position:relative; background:url(/images/libg.jpg) left center no-repeat; }
.menu > ul > li:first-child { border-top:0; background:none;}
.menu > ul > li:hover > a {-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s; }
.menu > ul > li > a { display:block;  width:100%; }
.menu > ul > li > ul li { white-space:nowrap;border-bottom:1px solid #970e21}
.menu > ul > li > ul li:first-child { border-top:0;}
.menu > ul > li > ul > li a { display:block; padding: 0 10px 0 10px;  line-height: 40px; color: #fff}
.menu > ul > li > ul > li a:last-child{border-bottom:none}
.menu ul li > ul{position: absolute; left: 0%; width: auto; top: auto; opacity: 0; visibility: hidden; z-index: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #800000; text-align: left; margin-top: 30px; min-width: 200px; z-index:-1}
.menu ul li:hover > ul{ left:0; opacity:1; visibility:visible; margin-top:0;}
.menu ul li > ul.lastMenu { left:auto; right:0;}
.menu ul li:hover > ul.lastMenu{ left:auto; right:0; opacity:1; visibility:visible; text-align:right;}
.menu ul li a { webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);}
.menu ul li a:before{display: block;position: absolute;left: 0;bottom: 0;width: 0; height: 100%;  content: "";-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;z-index:-1;}
.menu ul li a:hover:before {width: 100%;} 
.menu ul li a:before {background:#ee2f35;}
/*.menu > ul > li > a:after { background:#ee2f35;}*/ 
.menu > ul > li:hover > a { background:#ee2f35;}
/*.menu > ul > li:hover > a::after {content: ''; width: 20px; height: 20px; position: absolute; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 10px solid #68a4de; left: 0; top: 63px; z-index: 999; transition:all 1s }
.menu > ul > li:first-child > a::after {content: ''; border:none}*/

.menu > ul > .logoMstr { float:left}
.menu > ul > .nobg { background:none;}
.menu ul .logoMstr > ul.submenu { min-height: 0;top: 50px;padding: 10px;background: #179cff;}
.menu ul .logoMstr > ul.showDiv { visibility:visible; opacity:1; margin-top:0;}
 
 

#menu-mobile { display:none;   width:42px; height:30px; margin:0px auto;  cursor:pointer; text-align:center;  position:relative }
#menu-mobile span {width: 28px; 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-mobile::before {content: 'Menu';position: absolute;font-weight: 700;left: 41px;top: 3px;color: #fff;}
.menu ul .active3 > .activeAA {display:block;}