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

.nav__trigger {display: block;position:fixed;width: 25px;height:25px;right:4%;margin-right:0;top:42px;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: 25px;height: 3px;background-color:#B60005;-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:-2px;}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 25px;height: 3px;position: absolute;background:#B60005;-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:9px;}

.phonemenu .nav { position:fixed; z-index:9996;right:-100%;top:110px;width:100%;height: 100%; background:rgba(62,58,57,0.8);opacity:0;}
.phonemenu .nav--active .nav {right:0;opacity:1;}
.phonemenu .nav ul.accordionmenu {margin:-60px 0 0 0; position: relative}
.phonemenu .nav ul.accordionmenu li {margin:0px 0; text-align:left;line-height:60px;border-bottom:1px solid rgba(255,255,255,0.15)}
.phonemenu .nav ul.accordionmenu li a {font-size:20px;padding:0 0 0 4%;color:#fff;text-transform: uppercase; letter-spacing: 1px}

.accordionmenu {padding:0px 0 0 0;display:none;}
.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.check .link {color:#fff;}
.phonemenu .nav ul.accordionmenu li.check a {color:#B60005;}
.accordionmenu li.open.check .link {color:#fff;}
.phonemenu .nav ul.accordionmenu li.open .link { background:#B60005;padding-bottom:3px;color:#000}
.accordionmenu li .submenu {display:none;padding:10px 0 12px 4%;background:rgba(255,255,255,0)}
.accordionmenu li .submenu dd { line-height:22px;margin:10px 0;}
.phonemenu .nav ul.accordionmenu li .submenu dd a { font-size:16px;padding:0 0 0 22px;color:#fff}

.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: #B60005}
.phonemenu .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #B60005}