#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;/* letter-spacing: 0.2px; */}
#cssmenu #menu-button{display:none}
#cssmenu{color:#000!important;font-size: 13px;text-transform:uppercase;font-weight: 600;letter-spacing: 0.3px;float:right;}
.navbar-nav > ul > li:first-child > a{border-left:1px solid #b9c7a5}
#cssmenu > ul > li{display:inline-block;padding: 0 17px;}
#cssmenu > ul > li:last-child{padding-right:0}
#cssmenu > ul > li > a{text-decoration:none;text-transform:uppercase;color: #000;line-height:24px;padding: 30px 0px 30px 0;transition-duration: 0.3s;}
#cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a{color: #0098ca;}
#cssmenu > ul > li > a:before,#cssmenu > ul > li.active > a:before{position:absolute;content:'';left: 40%;bottom: 24px;width: 23px;height: 2px;opacity:0;margin-left:-6px;background-color: #000000;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;}
#cssmenu > ul > li:hover a:before,#cssmenu > ul > li.active a:before{opacity:1;background-color: #0098ca;}

.nav-hm > li{background:none;position:relative}
.nav-hm > li:before,.nav-hm > li.active:before{content:'';width:0;width:0;height:2px;bottom:0;left:-1px;background:#fff;position:absolute;transition:all 400ms;-webkit-transition:all 400ms}
.nav-hm > li:hover{background:none}
.nav-hm > li:hover:before,.nav-hm > li.active:before{width:100%}
#cssmenu > ul > li.has-sub > a::after{position:absolute;top:43px;right:0;width:8px;height:8px;border-bottom:1px solid #fff;border-right:1px solid #fff;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:#fff}


#cssmenu ul ul{position:absolute;left:-9999px;background: #000;box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 10%);}
#cssmenu li:hover > ul{left:auto}
#cssmenu.align-right li:hover > ul{right:0}
#cssmenu ul ul ul{margin-left:100%;top:0;width: 188px;}
#cssmenu ul ul ul li a{width:inherit;padding:5px}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%}
#cssmenu ul ul li{height:0;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;z-index: 99;}
#cssmenu ul li:hover > ul > li{height:auto;}
#cssmenu ul ul li a{padding: 8px 7px;text-decoration:none;color: #ffffff;line-height:16px;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;background: #000000;white-space: nowrap;min-width: 210px;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color: #a1a1a1;}
#cssmenu ul ul li.has-sub:hover > a::after{border-color:#fff}
@media all and (max-width: 991px),only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 991px),only screen and (-o-min-device-pixel-ratio: 21) and (max-width: 991px),only screen and (min-device-pixel-ratio: 2) and (max-width: 991px),only screen and (min-resolution: 192dpi) and (max-width: 991px),only screen and (min-resolution: 2dppx) and (max-width: 991px) {
#cssmenu > ul > li > a:before, #cssmenu > ul > li.active > a:before{content:none}
#cssmenu{width: 100%;position: absolute;left: 0;right: 0;background: #fff;z-index: 2;border-top: 0;display: block;}
#cssmenu ul{width:100%;display:none;border-bottom: 0;}
#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-bottom: 1px solid #e0e0e0;}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%}
#cssmenu > ul > li > a{padding:14px 10px;color: #000;}
#cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a{color: #41b353;}
#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: #2d2d2d;background:none;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color: #c3002f;}
#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: #fff;}
#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:block;padding:20px 12px;color:#fff;cursor:pointer;font-size:15px;text-transform:uppercase;background: #222d35;border: none;}
#cssmenu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff;}
#cssmenu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:7px;border-top:2px solid #fff;border-bottom:2px solid #fff;}
#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid #e0e0e0;height:52px;width:52px;cursor:pointer}
#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background: #2d2d2d;z-index:99;}
#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background: #2d2d2d;z-index:99;}
#cssmenu .submenu-button.submenu-opened:after{display:none}
}