.navbar-mainmenu{position:relative;margin-left:auto}#mainmenu{background:#fff;border-left:10px solid var(--color-primary);width:400px;max-width:100%;position:fixed;z-index:100;padding-top:90px;margin-top:0;top:0;right:0;height:100vh;height:100dvh;padding-left:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;transform:translateX(110%);transition:transform .4s .2s ease-in;will-change:transform;background-size:cover;background-position:center;background-repeat:no-repeat}.navbar-collapse.show #mainmenu{transform:translateX(0)}#mainmenu .metismenu.mod-menu{flex-flow:column;gap:10px;padding-bottom:60px}@media (min-width:768px){.navbar-expand-md #hamburger-container{display:none}.navbar-expand-md .metismenu.mod-menu{display:flex}.navbar-expand-md #mainmenu .metismenu.mod-menu{flex-flow:row;gap:20px;padding-bottom:0}.navbar-expand-md #mainmenu{background:transparent;border-left:none;width:auto;position:static;padding-top:0;margin-top:28px;height:auto;padding-left:10px;overflow:visible;flex-direction:row;transform:none}}@media (min-width:992px){.navbar-expand-lg #hamburger-container{display:none}.navbar-expand-lg .metismenu.mod-menu{display:flex}.navbar-expand-lg #mainmenu .metismenu.mod-menu{flex-flow:row;gap:20px;padding-bottom:0}.navbar-expand-lg #mainmenu{background:transparent;border-left:none;width:auto;position:static;padding-top:0;margin-top:28px;height:auto;padding-left:10px;overflow:visible;flex-direction:row;transform:none}}@media (min-width:1200px){.navbar-expand-xl #hamburger-container{display:none}.navbar-expand-xl .metismenu.mod-menu{display:flex}.navbar-expand-xl #mainmenu .metismenu.mod-menu{flex-flow:row;gap:20px;padding-bottom:0}.navbar-expand-xl #mainmenu{background:transparent;border-left:none;width:auto;position:static;padding-top:0;margin-top:28px;height:auto;padding-left:10px;overflow:visible;flex-direction:row;transform:none}}.navbar-collapse:not(.show) .metismenu.mod-menu{gap:20px}
