.mainmenu{ float:right; }
.nav-menu{font-size: 60px; display: none; width: 42px; height: 42px; padding: 10px ; cursor: pointer; transition: transform .2s ease-in-out; vertical-align: middle; border: 0 none; background: #fff;; float:left;}
.nav-menu::-moz-focus-inner {padding: 0; border: 0 none;}
.nav-menu:focus {outline: 0;}
.nav-menu:before,.nav-menu:after { content: "";}
.nav-menu:before,.nav-menu .icon,.nav-menu:after { display: block; float:left; width: 100%; height: 2px; margin: 3px 0 ; transition: transform .2s ease-in-out; background: rgba(0,0,0,.7);}
.nav-menu.active:before,.nav-menu.active .icon,.nav-menu.active:after { background: #2c3e50;}
.open .nav-menu .icon { transform: scale(0);}
.open .nav-menu:before { transform: translateY(8px) rotate(135deg);}
.open .nav-menu:after { transform: translateY(-8px) rotate(-135deg);}


ul.nav-main{margin:0; padding:0; list-style:none; box-shadow:none; border:none; display:block; position:initial; background:none;}
ul.nav-main li{float:left; margin-left:30px; list-style:none; font-size:15px; position:relative;}
ul.nav-main li a{text-decoration:none; line-height: 45px; transition:.3s; padding:0; margin:0; text-transform:uppercase;}
ul.nav-main li a:hover{background:none; color:#fff;}
ul.nav-main li a:focus{background:none;}

/* Mobile */
@media (max-width:991px) {
  .nav-menu{display:block;}  
   ul.nav-main{display:none; background: #fff; position:absolute; top:60px; padding: 0 15px; border-bottom: 1px solid #eee; box-shadow:0 1px 4px rgba(0,0,0,.05); border-radius:0;}
   ul.nav-main li{width:100%; border-top: 1px solid rgba(0,0,0,.04); margin-left:0;}
   ul.nav-main li:first-child{border:none;}
   ul.nav-main li a{line-height:40px; color:#085ad7}
   ul.nav-main li a:hover{color:#085ad7}
   ul.nav-main ul{width:100%; margin:0; padding:0 0 17px 0; list-style:none; float:left; }
   ul.nav-main ul li{border:none; font-size:14px;  float:left; text-align:left; margin:0; padding:0; position:relative; line-height:normal; }
   ul.nav-main ul li a{text-transform:none; line-height:normal; padding:7px 0 7px 20px;  display:block; color:rgba(0,0,0,.7); transition:.3s; }
   ul.nav-main ul li a:hover{color:#085ad7;}

   ul.nav-main li.active > a{color:#eb3d01; font-weight:bold; background:none; }
   ul.nav-main li.active > a:hover{color:#eb3d01; background:none}
   

   
} 



@media (min-width:992px){
    ul.nav-main li a{color:rgba(255,255,255,.8); font-size:15px; }
    ul.nav-main ul{position:absolute; top:65px; left:0; visibility:hidden; opacity:0; transition:.3s; margin:0; padding:10px 20px; width:200px;background:#fff;  float:left; box-shadow: 0 2px 3px rgba(0,0,0,.2)}
    ul.nav-main ul li{overflow:hidden; font-size:13px; width:100%; padding: 0; margin:0;}
    ul.nav-main ul li a{color: #212a40; text-transform:none; font-size:14px; line-height:normal; padding: 7px 0; display:block; transition:.3s; }
    ul.nav-main ul li a:hover{background:none; color:#085ad7; margin-left:10px;}
    ul.nav-main li.active > a{color:#fff;  background:none; font-weight:bold;}
    ul.nav-main li.active > a:hover{background:none; color:#fff;}

    ul.nav-main li:hover > a{color:#fff;}
    ul.nav-main li:hover ul{visibility:initial; opacity:1; top:45px;}


    .mainmenu .dropdown-menu > .active > a:focus {background:none; color:#fff;}
    /* Hide */
    ul.nav-main li.active.is-hide > ul{height:0; opacity:0; visibility:hidden; }
    ul.nav-main li.active.is-hide > ul li{height:0; }

    
}