#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: 16px;font-weight:500;}
#cssmenu .navbar-nav > ul > li:first-child > a{border-left:1px solid var(--grey)}
#cssmenu > ul > li{display:inline-block;padding: 0 14px;}
#cssmenu > ul > li > a{text-decoration:none;color: var(--primary);padding: 28px 0;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;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 > ul > li > a:before,#cssmenu > ul > li.active > a:before{content:'';width:100%;height:0;bottom:26px;left:0;background: var(--primary);position:absolute;transition:all 400ms;-webkit-transition:all 400ms;}
#cssmenu > ul > li > a:hover:before,#cssmenu > ul > li.active > a:before{height: 1px;}
#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: 1px;z-index: 5;margin: 0;border: none;transform: translate(0, -50%);transition: transform .3s;}
#cssmenu .has-sub ul .submenu-button::before{right:-1px}
#cssmenu li:hover > .submenu-button::before,
#cssmenu li:hover > ul > li:hover .submenu-button::before{color:var(--primary)}
#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: var(--sliver);box-shadow: 8px 8px 15px #1010100f;padding:15px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;z-index:1}
#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:0px}
#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:15px}
#cssmenu ul li:hover > ul > li{height:auto;}
#cssmenu ul ul li a{padding: 0px;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;left: 0;right: 0;background: var(--white);z-index: 3;border-top: 1px solid var(--grey);}
#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 li a,#cssmenu ul ul li a{width:100%}
#cssmenu > ul > li > a{padding:17px 10px;color: var(--primary);}
#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:not(:last-child){margin-bottom:0px}
#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: 15px 15px 15px 30px;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;background: var(--white);padding:0;max-width: 100%;}
#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;color:var(--primary);cursor:pointer;font-size:15px;text-transform:uppercase;top:-55px;right:20px;position:absolute;width:26px;height:26px}
#cssmenu #menu-button::after{content:'';position:absolute;top:16px;right:0;display:block;width:25px;height:3px;background:var(--primary)}
#cssmenu #menu-button::before{content:'';position:absolute;top:0;right:0;display:block;width:25px;height:11px;border-top:3.5px solid var(--primary);border-bottom:3.5px solid var(--primary)}
#cssmenu .submenu-button{position:absolute;z-index:10;right:45px;top:0;display:block;height:52px;cursor:pointer}
#cssmenu .submenu-button::before{position:absolute;left:0;top:26px;display:block;width:45px;height:45px;z-index:99;color:var(--primary);padding: 16px;}
#cssmenu li:hover .submenu-button::before{}
#cssmenu > ul > li > a:before, #cssmenu > ul > li.active > a:before{content:none}
#cssmenu .submenu-button.submenu-opened:after{display:none}
}