nav.m_nav {position:fixed;top:0px;left:0;z-index:-1;overflow:hidden;overflow-y:scroll;transform:translateY(-100%);width:100vw;height:100vh;transition:all 600ms cubic-bezier(.8,0,.33,1);}
nav.m_nav::-webkit-scrollbar {width:0px;background:rgba(255,255,255,.3);}
nav.m_nav.nav-open {background:linear-gradient(135deg,#00b38e,#001e4e);z-index:9991;transform:translateY(0);}
.menu-btn {cursor:pointer;z-index:99992;color:#444; position: absolute;right: 0px;width: 50px;transition:.36s all;}
.menu-btn:hover .line {background:#fff;}
.nav-open .menu-btn {background:none;top: 6px;right: 15px;position:fixed;}
.menu-btn .line {padding:0;width:30px;background:#fff;height:3px;margin:6px 5px;transition:all 700ms cubic-bezier(.9,0,.33,1);}
.nav-open .menu-btn .line {background:#1d3990;}
.menu-btn .line.line--1 {width:25px;transform:rotate(0) translateY(0);margin-left:auto;}
.menu-btn .line.line--1.line-cross {width:30px;transform:rotate(45deg) translateY(-1px) translateX(7px);}
.menu-btn .line.line--2 {width:15px;transform:translateX(0);}
.menu-btn .line.line--2.line-fade-out {width:25px;transform:translate(30px);opacity:0;}
.menu-btn .line.line--3 {width:25px;transform:rotate(0) translateY(0);}
.menu-btn .line.line--3.line-cross {width:30px;transform:rotate(-45deg) translateY(-10px) translateX(9px);}
nav.m_nav .nav-links {position:absolute;left:0;top:0;width:100%;height:100%;transform:translateY(0);opacity:0;display:flex;flex-direction:column;justify-content:space-between;}
nav.m_nav .nav-links ul {width:100%;margin-top:5vh;margin-bottom: 0;}
nav.m_nav .nav-links.fade-in {opacity:1;transform:translateY(0);}
@media(min-width:992px) {
	a.menu-btn,.nav-open a.menu-btn {background:none;color:unset;position:relative;}
	.nav-open .menu-btn {display:block!important;}
}

nav.m_nav .navsub {display:none; background:#f8f8f8; border-bottom-left-radius: 27px; border-bottom-right-radius: 27px; overflow: hidden; }
nav.m_nav .nav-item {cursor:pointer; margin-bottom: 10px; }
nav.m_nav .nav-item .link { position: relative; width:100%;max-width:400px;font-size:16px; color:#fff; margin:0 auto;padding:17px 25px;display:flex;align-items:center;justify-content:space-between;}
nav.m_nav .nav-item>.link { background:rgba(255,255,255,.2); border-radius:500px; }
nav.m_nav .nav-item a.link:after { content:''; position: absolute; left:0; top:0; width:100%; height:100%; }
nav.m_nav .nav-item div.link:after { content:'\ec00'; font-family:'iconfont'; }
nav.m_nav .nav-item:first-child {line-height: 1.3;}
nav.m_nav .nav-item:first-child .link {background:none;box-shadow: none;font-weight:bold;border-bottom:none;margin-bottom:20px;}
nav.m_nav .nav-item:first-child:hover .link {background:none;}
nav.m_nav .nav-item:last-child .link {border-bottom:none;}
nav.m_nav .nav-item.active>.link {color:#001e4e!important; font-weight: bold; border-bottom:1px solid #eee; background:#fff!important; border-radius:27px!important; border-bottom-left-radius:0!important; border-bottom-right-radius:0!important; }
nav.m_nav .nav-item.active>.link:after {transform: rotate(45deg);transition:.2s all linear;}
nav.m_nav .nav-item.active>.link a {font-weight:bold;}
nav.m_nav .nav-item.active .navsub {display:block;}
nav.m_nav .nav-item.active .navsub>a { animation:flipInX .5s;width:100%;padding: 17px 10px 17px 30px;}
nav.m_nav .nav-subitem {color:#fff;border-bottom: 1px solid rgba(255,255,255,.1);width: 100%;font-size: 1rem;max-width: 400px;margin: 0 auto; }
nav.m_nav .nav-subitem .link { color:#333; }
nav.m_nav .nav-subitem:last-child { border:0; }
nav.m_nav .nav-subitem a {display:block; position: relative;}
/* nav.m_nav .nav-subitem a.active,nav.m_nav .nav-subitem a:hover { background:rgba(255,255,255,.2); padding-left: 45px!important; font-weight: bold; } */
nav.m_nav .nav-subitem.active>a { color:#001e4e; }
nav.m_nav .nav-subitem.active>.link:after { transform: rotate(45deg); transition:.2s all linear; }
nav.m_nav .subnav { display:none; background:#eee; }
nav.m_nav .subnav a { display:block; padding: 17px 10px 17px 20px; font-size: 1rem; max-width: 400px; margin: 0 auto; border-bottom: 1px solid rgba(255,255,255,.1); }
nav.m_nav .subnav a:last-child { border-bottom:none; }
nav.m_nav .subnav a.active { color:#001e4e; }
nav.m_nav .subnav a:hover { color:#001e4e; }
nav.m_nav .nav-subitem.active .subnav { display:block; }
nav.m_nav .subnav-item.active>a { color:#001e4e; }
nav.m_nav .subnav-item { color:#333; padding-left:2rem; }
