.wrap-mmenu{position:relative}.wrap-mmenu.opened{height:100%;overflow:hidden}.mmenu-overlay{background:rgba(0,0,0,.7);content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:10;opacity:0;visibility:hidden;transition:.5s all}.mmenu-btn-close{color:#fff;cursor:pointer;display:block;font-size:2rem;font-weight:var(--fa-style,900);line-height:1;padding:.5rem;position:absolute;top:0;z-index:100;visibility:hidden;opacity:0}.wrap-mmenu.mmenu-left .mmenu-btn-close{right:0}.wrap-mmenu.mmenu-right .mmenu-btn-close{left:0}.wrap-mmenu.opened .mmenu-overlay,.wrap-mmenu.opened .mmenu-btn-close{opacity:1;visibility:visible}.wrap-mmenu .vs-mmenu{background:#fff;position:fixed;top:0;bottom:0;transition:.5s all;width:80%;z-index:9999}.wrap-mmenu .vs-mmenu.mmenu-left{left:-100%}.wrap-mmenu .vs-mmenu.mmenu-right{right:-100%}.wrap-mmenu.opened .vs-mmenu.mmenu-left{left:0}.wrap-mmenu.opened .vs-mmenu.mmenu-right{right:0}.mmenu-header{background:var(--dark);padding:10px}.mmenu-header .input-group{background-color:#fff}.mmenu-footer{background:var(--dark);color:#fff}.mmenu-footer a{color:#fff}.mmenu-nav{height:calc(100vh - 102px);overflow-y:auto}.mmenu-nav ul{list-style:none;margin-bottom:0;padding:0}.mmenu-nav a,.mmenu-nav span{border-top:1px solid var(--gray);color:var(--dark);display:block;font-size:1rem;font-weight:bold;padding:.5rem;position:relative}.mmenu-nav a:hover,.mmenu-nav span:hover{background:var(--theme-primary);color:#fff}.mmenu-nav li li>a,.mmenu-nav li li>span{font-size:1rem;font-weight:normal;padding-left:1rem}.mmenu-nav li li>a::before,.mmenu-nav li li>span::before{content:"\f054";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:10px}.mmenu-nav li li li>a,.mmenu-nav li li li>span{margin-left:2rem}.mmenu-nav li li li>a::before,.mmenu-nav li li li>span::before{content:"\f101"}@media (min-width:480px){.wrap-mmenu .vs-mmenu{width:360px}}