.menu ul{ list-style:none; margin:0; padding:0; display:inline-block;  font-size:12px; z-index:9; position:relative;  }
.menu ul li a {  color: #18305D;
    font-family: Inter;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    padding: 6px 8px;}
.menu ul li:hover > a { color:#fff; background: #e8b515;   }
.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; position:relative
}
.menu > ul > li > ul li:first-child { border-top:0;}
.menu > ul > li > ul > li a { display:block; padding: 3px 10px 3px 10px;  line-height: 30px; color: #fff;}
/*.menu ul li > ul {background: #18305d;min-width: 220px;position: absolute;left: 0;z-index: 99;-webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);margin: 0;list-style: none;margin: 0;padding: 0;display: none;animation: swing  600ms ease-in-out forwards;transform-origin: top center}
.menu ul li:hover > ul {     display: block;}*/

.menu ul li > ul {background: #18305d;min-width: 220px;position: absolute;left: 0;z-index: 99;-webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);margin: 0;list-style: none;margin: 0;padding: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s ease-in;
    -khtml-transition: 0s ease-in;
    transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    transform: rotateX(100deg) translateX(0px) translateY(0px) skewX(1deg) skewY(0deg);
    -webkit-transform: rotateX(100deg) translateX(0px) translateY(0px) skewX(1deg) skewY(0deg);
    -moz-transform: rotateX(100deg) translateX(0px) translateY(0px) skewX(1deg) skewY(0deg);
    transform-origin: top;
    -webkit-transform-origin: top;}
.menu ul li:hover > ul { 
    visibility: visible;
    opacity: 1;
    -webkit-opacity: 1;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);}

/*.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:#add4ff; text-align:left; margin-top:30px; border-bottom: 4px solid #add4ff; min-width:170px; }
.menu ul li:hover > ul{ left:0; opacity:1; visibility:visible; margin-top:0;}
    */
.menu ul li > ul li ul{ position:absolute; left:100%; width: auto;top:0;}
.menu ul li ul li:hover > ul{ display:block}

.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:hover > a { background:#18305d; color: #fff;}



.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;}
 
 
 




    @-webkit-keyframes swing {
        20% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg)
        }
    
        40% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
    
        60% {
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg)
        }
    
        80% {
            -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg)
        }
    
        to {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
    }
    
    @keyframes swing {
        20% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg)
        }
    
        40% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
    
        60% {
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg)
        }
    
        80% {
            -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg)
        }
    
        to {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
    }