nav{font-size:18px;width:100%;max-width:450px;position:fixed;height:100%;max-height:100%;background-color:rgba(34,34,34,.9);z-index:1000;right:-450px;top:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow-x:hidden;overflow-y:auto;color:#fff}nav.open{right:0}nav .lang{text-align:center;margin-bottom:35px}nav .lang a{border:1px solid rgba(255,255,255,.5);padding:7px 10px;margin:2px;text-align:center;font-weight:400;display:inline-block;text-transform:uppercase;font-size:1em;color:rgba(255,255,255,.5)}nav .lang a.active,nav .lang a:hover{border:none;color:#fff;background-color:#000}nav ul{padding:0;margin-top:0;margin-bottom:0;position:relative}nav ul li{padding:0;margin:0;position:relative}nav>ul{padding:0;margin-top:60px;margin-bottom:60px}nav li .open-submenu{padding:15px 20px;font-size:1em;top:0;line-height:1.5em;right:0;position:absolute;color:rgba(255,255,255,.5);cursor:pointer}nav li.level-1>a{color:#fff;display:block;cursor:pointer;line-height:1.2em;font-size:1.2em;font-weight:400;padding:15px 20px;text-transform:uppercase}nav li.no-menu .open-submenu,nav li.no-menu ul.menu{display:none}nav li.level-2>a{padding:10px 20px;font-size:1.1em;line-height:1.2em;color:#fff;display:block;padding-left:40px}nav li.level-2:last-child>a{margin-bottom:40px}nav li.level-2 .open-submenu{padding:6px 20px}nav li.level-3 .open-submenu{padding:0 20px}nav li.level-3>a{padding:5px 20px 5px 20px;font-size:.9em;line-height:1.2em;color:#fff;display:block;padding-left:60px}nav li.level-4>a{padding:5px 20px 5px 20px;font-size:.8em;line-height:1.2em;color:#fff;display:block;padding-left:80px}nav li.level-4:last-child>a{margin-bottom:20px}nav li.starter_active .open-submenu,nav li.active .open-submenu,nav .open-submenu:hover{color:#0072c1}nav li.starter_active:hover .open-submenu,nav li.active:hover .open-submenu{color:rgba(255,255,255,.5)}nav ul.menu{display:none;width:100%}nav li.level-1>a.starter_active,nav li>a.active{color:#0072c1}nav a:hover{background-color:#0072c1;text-decoration:none}nav li.level-1>a.starter_active:hover,nav li>a.active:hover{color:rgba(255,255,255,1)}@media only screen and (min-width:768px){nav li.level-1>a{font-size:1.3em}nav li.level-1 .open-submenu{font-size:1.1em}}@media only screen and (min-width:1024px){nav li.level-1>a{font-size:1.4em}nav li.level-1 .open-submenu{font-size:1.2em}}

nav .starter_active > ul.menu {
    display: block;
}