@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:95px;height:95px;right:0;margin-right:0;top:0;z-index: 99997;font-size:12px;background: #e53327}
.nav--active .nav__trigger {opacity:1;}
.nav__icon {display: inline-block;position: relative;width: 33px;height: 3px;background-color:#fff;-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: 500ms;transition-duration: 500ms;left:30px;top:33px;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.nav__icon:before,.nav__icon:after {content: '';display: block;width: 22px;height: 2px;left:11px;position: absolute;background:#fff;-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:-9px;}
.nav__icon:after {margin-top:10px;}

.phonemenu .nav { position:fixed; z-index:9996;right:-300px;top:95px;width:300px;height: 100vh;background:rgba(0,0,0,0.95);opacity:0;}
.phonemenu .nav--active .nav {right:0;opacity:1;}
.phonemenu .nav ul {margin:50px 0 0 0; position: relative;width:100%}
.phonemenu .nav li {margin:0px 0; text-align:right;line-height:30px;border-bottom:1px solid rgba(255,255,255,0.15);padding:0 0 3px 0}
.phonemenu .nav li a {font-size:18px;color:#fff; text-transform:uppercase;font-weight:400;display:block;padding:20px 40px 20px 0}
.phonemenu .nav li a span {font-weight:300;font-size:11px;display:block;margin:2px 0 0 0;color:rgba(255,255,255,0.8)}
.phonemenu .nav li a:Hover {color:#e53327}

.accordionmenu {padding:0px 0 0 0; }
.accordionmenu li { position:relative;}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordionmenu li .link:before {content: "\e87e"; position: absolute;right:10%;top:22px;font-family: "iconfont" !important;font-size:14px; line-height: 20px; transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg)}
.accordionmenu li.open .link:before {top:22px;transform: rotate(0deg);-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg)}
.accordionmenu li.check .link {color:#fff;}
.phonemenu .nav li.check a {color:#fff;}
.accordionmenu li.open.check .link {color:#fff;}
.accordionmenu li.open .link { background:#e53327;padding:0 0 3px 10%;color:#fff}
.accordionmenu .submenu {display:none;padding:10px 0 14px 10%;background:rgba(255,255,255,0)}
.accordionmenu .submenu dd { line-height:22px;margin:10px 0}
.accordionmenu .submenu dd a,.accordionmenu li.open .submenu dd a {  text-transform: none;font-size:16px;padding:0;color:rgba(255,255,255,0.8);}

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