.vertical-menu{margin-right:40px}
.vertical_nav,.collapse_menu .collapse_menu--icon{-moz-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
:focus,:active{outline:none}
.toggle_menu{display:block;float:left;width:30px;height:30px;line-height:50px;padding:0;background:none;border:0;text-align:center;cursor:pointer}
.toggle_menu i{display:block;font-size:28px}
.toggle_menu_close{display:block;float:right;width:25px;height:25px;line-height:50px;padding:0;background:none;border:0;text-align:center;cursor:pointer;color:#FFF}
.toggle_menu i{display:block;font-size:18px}
.vertical_nav{position:fixed;left:-200px;top:0;bottom:0;width:20%;background:url(../images/bg.png) no-repeat;background-size:cover;z-index:1}
.vertical_nav__closed{left:-200px!important}
.vertical_nav__opened{left:0!important}
.menu{position:absolute;top:25%;bottom:40px;width:100%;margin:0;padding:10px;list-style-type:none}
.menu--item{position:relative;min-height:40px;line-height:40px;text-align:center}
.sub_menu--item{position:relative;min-height:40px;line-height:40px;text-align:center}
.menu--item__has_sub_menu{text-align:center}
.menu--subitens__opened{color:#FFF}
.menu--subitens__opened .menu--link{color:#000}
.menu--subitens__opened .sub_menu{display:block;margin-right:26px}
.menu--link{display:none;overflow:hidden;font-size:.875rem;text-decoration:none;color:#666;font-weight:400;white-space:nowrap;cursor:pointer;-o-transition:color .5s ease-out,background .5s ease-in;-ms-transition:color .5s ease-out,background .5s ease-in;-moz-transition:color .5s ease-out,background .5s ease-in;-webkit-transition:color .5s ease-out,background .5s ease-in}
.menu--link:hover,.menu--link:hover .menu--label{color:#BBB;text-decoration:none}
.menu--icon{display:block;float:left;width:50px;height:40px;line-height:40px;font-size:20px}
.menu--label{display:none;height:40px;line-height:40px;color:#FFF;font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;text-transform:uppercase;-o-transition:color .5s ease-out,background .5s ease-in;-ms-transition:color .5s ease-out,background .5s ease-in;-moz-transition:color .5s ease-out,background .5s ease-in;-webkit-transition:color .5s ease-out,background .5s ease-in;text-align:center}
.sub_menu{display:block;overflow:hidden;list-style:none}
.sub_menu--link{display:block;font-size:12px;color:#fff;text-decoration:none;text-align:center}
.sub_menu--link:hover{color:#FFF;text-decoration:none}
.sub_menu--link__active{color:#FFF;font-weight:500}
.sub_menu--link:hover{color:#BBB}
.collapse_menu{display:none}
@media (max-width: 768px) {
.vertical_nav{position:fixed;left:-62%;top:0;bottom:0;width:62%;background:#222 url(../images/bg.png) no-repeat;background-size:cover;z-index:50}
.menu--label{height:35px;line-height:50px}
.menu--item{min-height:30px;line-height:30px}
}
@media (min-width: 963px) {
.vertical_nav{left:0}
.toggle_menu{display:none}
.vertical_nav__minify{width:50px}
.vertical_nav__minify .menu{overflow:visible}
.vertical_nav__minify .menu--label{display:none;position:absolute;top:0;left:50px;width:150px;padding-left:16px;padding-right:16px;background:#e9e9e9;font-weight:500}
.vertical_nav__minify .menu--item__has_sub_menu .menu--link:after{content:""}
.vertical_nav__minify .menu--subitens__opened .menu--label,.vertical_nav__minify .menu--subitens__opened .sub_menu{display:block}
.vertical_nav__minify .sub_menu{position:absolute;top:40px;left:50px;width:150px;background:#e9e9e9}
.vertical_nav__minify .sub_menu--link{padding-left:16px}
.vertical_nav__minify .collapse_menu--icon{-webkit-transform:rotate(180deg)}
}
@media screen and (min-width: 320px) and (max-width: 359px) {
.menu--link{display:block}
.menu--label{display:block}
.mobile-menus{display:block!important;margin-left:-40px}
.sub_menu{display:none}
.menu--item__has_sub_menu .menu--link:after{top:5px;left:115px}
.menu--subitens__opened .sub_menu{margin-left:-40px;margin-right:0}
}
@media screen and (min-width: 360px) and (max-width: 479px) {
.menu--link{display:block;display:block}
.menu--label{display:block}
.mobile-menus{display:block!important;margin-left:-40px}
.sub_menu{display:none}
.menu--item__has_sub_menu .menu--link:after{top:5px;left:145px}
.menu--subitens__opened .sub_menu{margin-left:-40px;margin-right:0}
}
@media screen and (min-width: 480px) and (max-width: 639px) {
.menu--link{display:block;display:block}
.menu--label{display:block}
.mobile-menus{display:block!important;margin-left:-40px}
.sub_menu{display:none}
.menu--item__has_sub_menu .menu--link:after{top:5px;left:166px}
.menu--subitens__opened .sub_menu{margin-left:-40px;margin-right:0}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
.menu--link{display:block}
.menu--label{display:block}
.mobile-menus{display:block!important;margin-left:-40px}
.sub_menu{display:none}
.menu--item__has_sub_menu .menu--link:after{top:5px;left:248px}
.menu--subitens__opened .sub_menu{margin-left:-40px;margin-right:0}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.menu--item__has_sub_menu .menu--link:after{top:5px;left:260px}
.menu--subitens__opened .sub_menu{margin-left:-40px;margin-right:0}
}
@media screen and (min-width: 1024px) and (max-width: 1024px) {
.menu--item__has_sub_menu .menu--link:after{top:1px;left:120px}
.menu--subitens__opened .sub_menu{margin-left:-40px;margin-right:0}
}
@media screen and (min-width: 1025px) {
.menu--item__has_sub_menu .menu--link:after{top:1px;left:80%}
.menu--subitens__opened .sub_menu{margin-left:-40px;margin-right:0}
}
@media screen and (min-width: 598px) and (max-width: 598px) {
.menu--item__has_sub_menu .menu--link:after{top:6px;left:210px}
.menu--subitens__opened .sub_menu{margin-left:-40px;margin-right:0}
}