#navToggle{display:none}
/*nav*/
#nav{display: block; text-align: right; padding: 0 170px 0 0;}
#nav>ul{position: relative;}
#nav>ul>li{display: inline-block; text-align: center; line-height: 1.3; vertical-align: top; margin: 0 25px;}
#nav>ul>li>a{color: #333; font-size: 18px; display: block; margin: 0 auto;  padding: 0 0 10px 0;}
#nav>ul>li>a:hover ,#nav>ul>li>a.active{ color: #0089d1; cursor: pointer; position: relative;}
#nav>ul>li>a.active{cursor: default;}
#nav>ul>li>a.active::after{position: absolute; content: ''; height: 2px; background: #008bd0; left: 0;  bottom: 0; width: 100%;}
#nav .mainMenu{position:static}
#nav .mainMenu>a{cursor:default;}

@media (max-width: 1199px){
.blackMask{height:100vh;width:100vw;background-color:rgba(0,0,0,0.7);position:fixed;z-index:900;left:0;top:0}

/*navToggle*/
#navToggle{display:block;overflow:hidden;position:absolute;cursor:pointer;box-sizing:border-box;width:60px;height:60px;padding:0;left:0;top:7px;z-index:901;-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}
#navToggle span,#navToggle:before,#navToggle:after{height:3px;width:30px;top:47%;left:50%;margin-left:-11px;background:white;position:absolute;display:block;content:'';text-indent:-9999px;background-color:#fff;transition:all 300ms ease-in-out}
#navToggle:before{margin-top:-10px}
#navToggle:after{margin-top:10px}
#navToggle.show span{opacity:0}
#navToggle.show:before{margin-top:0;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#navToggle.show:after{margin-top:0;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#pushContainer,#pushTopNav{transition:transform 0.3s ease-out;overflow:hidden}
#pushContainer.show,#pushTopNav.show{-webkit-transform:translateX(280px);transform:translateX(280px);width:100vw;height:100vh;margin:0;padding:0;}
#nav.show{-webkit-transform:translateX(280px);transform:translateX(280px); }

/*nav*/
#nav{background: #008bd0;position:fixed;left:-280px;top:0;margin:0; padding: 0; width:280px;height:100vh;-webkit-overflow-scrolling:touch;z-index:9999;overflow-y:auto;-moz-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:transform 0.3s ease-out;transition:transform 0.3s ease-out;}
#nav *{box-sizing:border-box}
#nav>ul>li{width:100%;margin:0;float:left;text-align:left;line-height:45px;border-bottom:1px solid #bbb; padding: 5px 0;}
#nav>ul>li>a{font-size:20px; display:block;color:#fff;font-weight:500;width:85%;padding-left:0;padding-bottom: 0; height:auto;margin-bottom:0}
#nav>ul>li>a:hover,#nav>ul>li>a.active{color:#eee;}
#nav .mainMenu{position:relative}
}