
ol,ul{list-style:none}
a{text-decoration: none;}

/*dsk*/
@media (min-width: 991px){
.menuBox{ width:100%; padding: 70px 0 60px 0; position: relative; z-index: 990; display:inline-block; background: #fff;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .500);
          box-shadow: 0 5px 5px rgba(0, 0, 0, .500);}
#navToggle{display:none}
#nav{position:absolute;left:0;top:0;margin:0;width:100%;transition:none;transition:none;}
#nav>ul{display:block;text-align:center;margin:0 auto;padding:0;height:auto;font-size:0px}
#nav>ul>li{display:inline-block;text-align:center;width:auto;margin:0;padding:0;float:none;border:none;}
#nav>ul>li:hover .subMenu{visibility:visible;opacity:1}
#nav>ul>li>a{display:block;text-align:center;width:auto;margin:65px 0 0 0;padding:0 2vw;color:#000;font-size:17px;position:relative;transition:outline:none}
#nav>ul>li>a:hover ,#nav .active{color:#e1454d}
#nav>ul>li ul{display:block;background:none;color:#999}
#nav>ul>li ul>li{font-size:16px;padding-left:0;height:auto;box-sizing:border-box;}
#nav>ul>li ul>li>a{color:#666;display:block;text-align:left;padding:0 40px;margin:0;transition:color 0.3s ease;outline:none}
#nav>ul>li ul>li>a:hover{color:#e1454d}
#nav>ul>li.mainMenu>a{}
#nav b{position: relative;top: -9px; margin: 0 40px;}
}

/*mobile*/
@media (max-width: 991px){
.menuBox{width: 0; height: 0; padding: 0; display: block;}
#pushContainer,#pushTopNav{transition:transform 0.3s ease-out;overflow:hidden}
#pushContainer.show{-webkit-transform:translateX(260px);transform:translateX(260px);width:100vw;height:100vh;margin:0;padding:0}
#pushTopNav.show{-webkit-transform:translateX(260px);transform:translateX(260px);margin:0;padding:0}
#nav{background: #fff; position:fixed;left:-260px;top:0;margin:0;width:260px;height: 100%;-webkit-overflow-scrolling:touch;z-index:990;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.show{-webkit-transform:translateX(260px);transform:translateX(260px)}
/*navToggle*/
#navToggle{display:block;overflow:hidden;position:absolute;cursor:pointer;box-sizing:border-box;width:50px;height:45px;padding:0;left:3px;top: 6px;z-index:1000;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}
#navToggle span,#navToggle:before,#navToggle:after{height:2px;width:22px;top:39%;left:50%;margin-left:-11px;background:#b81d25;position:absolute;display:block;content:'';text-indent:-9999px;transition:all 300ms ease-in-out}
#navToggle:before{margin-top:-7px}
#navToggle:after{margin-top:7px}
#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)}
/*nav*/
#nav *{box-sizing:border-box}
#nav>ul{padding-bottom:45px}
#nav>ul>li{width:100%;margin:0;float:left;text-align:left;border-top: rgba(255,255,255,0.6) solid 1px;border-bottom: rgba(51,51,51,0.2) solid 1px;}
#nav>ul>li>a{font-weight:400;display:block;color:#000;font-weight:normal;width:92%;padding: 20px 20px;margin-bottom:0}
#nav>ul>li .mainMenu{position:relative}
#nav b{display: none;}
#nav>ul>li ul{display:block; background-color: #ccc;}
#nav>ul>li ul>li{display:block;width:100%;border:none; }
#nav>ul>li ul>li>a{color: #000; display:block;width:100%;box-sizing:border-box;padding: 10px 30px;}
.blackMask{height:100vh;width:100vw;background-color:rgba(0,0,0,0.7);position:fixed;z-index:900;left:0;top:0}
}
@media (max-width: 768px){
#navToggle{top:6px;}
}
