@charset "utf-8";
.phonemenu { position:fixed; z-index: 9999}
.phonemenu .nav,.accordionmenu li .link:before{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}

.nav__trigger {display: block;position:fixed;width: 15px;height:23px;right:4%;margin-right:0;top:34px;z-index: 99997;font-size:12px}
.phonemenu.active .nav__trigger {top:12px;}
.nav--active .nav__trigger {opacity:1;}
.nav__icon {display: inline-block;position: relative;width: 15px;height: 2px;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;top:-3px;transition-duration:.0s;-ms-transition-duration:.0s;-moz-transition-duration:.0s; -webkit-transition-duration:.0s;}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 15px;height: 2px;position: absolute;background:#5e5e5e;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {margin-top:-3px;}
.nav__icon:after {margin-top:3px;}

nav.nav { position:fixed; z-index:9996;right:-100%;top:0px;width:100%;height: 100vh;background:#0040BF;opacity:0; overflow-y: auto;transition-duration: 0.5s}
nav.nav.black {background: #000}
nav.nav.active {right:0;opacity:1;}
/*
nav.nav ul {margin:120px 0 0 0; position: relative}
nav.nav li {margin:0px 0; text-align:left;line-height:20px;border-bottom:1px solid #d8d8d8;padding:0}
nav.nav li a {font-size:25px;color:#000; font-weight:500;display:block;padding:28px 0 28px 10%; letter-spacing: 0px}
*/

/*
.accordionmenu {padding:0px 0 100px 0; }
.accordionmenu li { position:relative;}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;transition-duration: 0.5s}
.accordionmenu li .link:before {content: "\e87e"; position: absolute;right:10%;top:22px;font-family: "iconfont" !important;font-size:16px; line-height: 20px; transform: rotate(-90deg);font-weight:400}
.accordionmenu li.open .link:before {top:22px;transform: rotate(0deg);}
.accordionmenu li.open .link { background:#004ea2;color:#fff}
.accordionmenu .submenu {display:none;padding:0;margin:0;background:rgba(255,255,255,0);}
.accordionmenu .submenu dl {margin:0}
.accordionmenu .submenu dd { line-height:1.6;margin:0;border:0;padding:0;}
.accordionmenu .submenu dd a,.accordionmenu dd.open .submenu li a {display:block;text-transform: none;font-size:18px;color:#666;padding:8px 0 6px 10%;font-weight:400}
.accordionmenu li .submenu dd:first-of-type a{padding-top:20px;}
.accordionmenu li .submenu dd:last-of-type a{padding-bottom:20px}
.accordionmenu li .submenu dd:last-of-type.open-lv3 a{padding-bottom:6px}

.accordionmenu .submenu‑lv3 {display: none;border-bottom:1px solid #eee}
.accordionmenu li li:last-of-type .submenu‑lv3 {border:0}
.accordionmenu li .sublink {cursor: pointer;display: block;position: relative;transition-duration: 0.5s}
.accordionmenu li .sublink:before {content: "\e87e"; position: absolute;right:10%;top:10px;font-family: "iconfont" !important;font-size:12px; line-height: 20px; transform: rotate(-90deg);transition-duration: 0.5s}
.accordionmenu li.open-lv3 .sublink:before {top:10px;transform: rotate(0deg);}
.accordionmenu li li:first-of-type .sublink:before {top:22px}
.accordionmenu li.open-lv3 .sublink { background:#eee;color:#333}
.accordionmenu .submenu li .submenu‑lv3 li a,.accordionmenu li.open .submenu‑lv3 li a {font-size:14px;color:#999;padding:5px 0 3px 10%;}
.accordionmenu .submenu li .submenu‑lv3 li:first-of-type a {padding-top:20px}
.accordionmenu .submenu li .submenu‑lv3 li:last-of-type a {padding-bottom:18px}
*/

.phonemenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.phonemenu .nav--active .nav__icon:before { margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #fff;width:20px;margin-left:-2px}
.phonemenu .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #fff;width:20px;margin-left:-2px}