#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;position:relative;box-sizing:border-box}
#cssmenu #menu-button{display:none}
#cssmenu{color:var(--primary);font-size:17px;font-weight:600;margin-left:auto}
.navbar-nav > ul > li:first-child > a{border-left:1px solid var(--grey)}
#cssmenu > ul > li{display:inline-block;padding:0 15px}
#cssmenu > ul > li > a{text-decoration:none;color:#161616;padding:35px 0;transition:color .2s ease}
#cssmenu > ul > li > a:hover,#cssmenu > ul > li.active > a,#cssmenu li:hover > a,#cssmenu > ul > li.active > .submenu-button::before{color:var(--theme)}
#cssmenu .submenu-button::before{content:'\f078';display:block;font-size:12px;font-family:"Font Awesome 5 Free";font-weight:700;position:absolute;top:50%;right:0;z-index:5;margin:0;border:none;transform:translate(0,-50%);transition:transform .3s}
#cssmenu .has-sub ul .submenu-button::before{right:-2px}
#cssmenu li:hover > .submenu-button::before,#cssmenu li:hover > ul > li:hover .submenu-button::before{color:var(--theme)}
#cssmenu > ul > li.has-sub > a::after{position:absolute;top:43px;right:0;width:8px;height:8px;border-bottom:1px solid var(--grey);border-right:1px solid var(--grey);content:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
#cssmenu > ul > li.has-sub:hover > a::after{border-color:var(--grey)}
#cssmenu ul ul{position:absolute;left:-9999px;background:#fdfbff;box-shadow:8px 8px 15px #1010100f;padding:15px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:2}
#cssmenu li:hover > ul{left:auto}
#cssmenu.align-right li:hover > ul{right:0}
#cssmenu ul ul ul{margin-left:101%;top:0;max-width:180px}
#cssmenu ul ul ul li a{width:inherit;padding:0}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%}
#cssmenu ul ul li{height:0;transition:height .2s ease;z-index:99}
#cssmenu ul ul li:not(:last-child){margin-bottom:0}
#cssmenu ul li:hover > ul > li{height:auto}
#cssmenu ul ul li a{padding:0 0 8px;text-decoration:none;color:var(--primary);transition:color .2s ease;white-space:nowrap;min-width:180px}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:12px;right:11px;font-size:12px;font-family:FontAwesome;content:'\f105';color:var(--grey)}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:var(--theme)}
#cssmenu ul ul li.has-sub:hover > a::after{border-color:#fff}
@media (max-width: 992px) {
#cssmenu{width:100%;position:absolute;top:100px;left:0;right:0;background:var(--white);z-index:2}
#cssmenu ul{width:100%;display:none;border-bottom:1px solid #c5c5c5}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left}
#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid var(--grey)}
#cssmenu ul ul li a{padding:0}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%}
#cssmenu > ul > li > a{padding:14px 10px;color:var(--primary)}
#cssmenu > ul > li > a:before,#cssmenu > ul > li.active > a:before{content:none}
#cssmenu > ul > li{padding:0}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block}
#cssmenu ul ul li a{padding:15px 15px 15px 20px;color:var(--primary);background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:var(--theme)}
#cssmenu ul ul ul li a{padding-left:40px}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;background:var(--white);box-shadow:none}
#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after{display:none}
#menu-line{display:none}
#cssmenu #menu-button{display:inline;padding:0;background:var(--theme);cursor:pointer;font-size:15px;text-transform:uppercase;top:-70px;right:12px;position:absolute;width:40px;height:40px;border-radius:5px}
#cssmenu #menu-button::after{content:'';position:absolute;top:26px;right:8px;display:block;width:25px;height:3px;background:var(--white)}
#cssmenu #menu-button::before{content:'';position:absolute;top:8px;right:8px;display:block;width:25px;height:12px;border-top:3.5px solid var(--white);border-bottom:3.5px solid var(--white)}
#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;height:45px;width:45px;cursor:pointer}
#cssmenu .submenu-button::before{position:absolute;right:15px;top:15px;display:block;width:11px;height:1px;z-index:99;color:var(--primary)}
#cssmenu li:hover .submenu-button::before{color:var(--theme)}
#cssmenu .submenu-button.submenu-opened:after{display:none}
}