
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button{z-index:9; margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;box-sizing: border-box;}
#cssmenu:after,
#cssmenu > ul:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu #menu-button{display: none;}
#cssmenu{font-weight:400;display: inline-block;}
#cssmenu > ul > li{float: left;}
#cssmenu.align-center > ul{font-size: 0;text-align: center;}
#cssmenu.align-center > ul > li{display: inline-block;float: none;}
#cssmenu.align-center ul ul{text-align: left;}
#cssmenu.align-right > ul > li{float: right;}
#cssmenu > ul > li > a{padding: 5px 15px;font-size: 1.0rem;text-decoration: none;color: #fff;font-weight: 500;text-transform: uppercase;line-height:26px;display: inline-block;}
#cssmenu > ul > li:hover > a{color:#E20935;}
#cssmenu > ul > li:first-child > a{padding-left:0px;}
#cssmenu > ul > li:last-child > a{padding-right:0px;}
/*#cssmenu > ul > li.has-sub > a{padding-right: 30px;}*/
/*#cssmenu > ul > li.has-sub > a:after{content: '';position: absolute;top:12px; right:0px;width: 12px;height: 5px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}*/
/*#cssmenu > ul > li.has-sub > a:before{content: '';position: absolute;top:24px; right:3px;width: 15px;height: 1px;background:#151211;}*/
#cssmenu > ul > li.has-sub:hover > a:after{border-top: 1px solid #E20935;border-bottom: 1px solid #E20935;}
#cssmenu > ul > li.has-sub:hover > a:before{background:#E20935;}
#cssmenu ul ul{position: absolute;left: -9999px;border-top: 37px solid transparent;}
#cssmenu ul ul::after{
    content: '';
    position: absolute;
    width: calc(100% + 24px);
    height: calc(100% + 12px);
    background: rgba(11,42,68,0.6);
    top: 0px;
    left: -12px;
}
#cssmenu.align-right ul ul{text-align: right;}
#cssmenu ul ul li{height: 0;transition: all .25s ease;}
#cssmenu li:hover > ul{left: auto;}
#cssmenu.align-right li:hover > ul{left: auto;right: 0;}
#cssmenu li:hover > ul > li{height:auto;}
#cssmenu ul ul ul{margin-left: 100%;top: 0;}
#cssmenu.align-right ul ul ul{margin-left: 0;margin-right: 100%;}
#cssmenu ul ul li a{border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding: 9px 25px;
    line-height: 26px;
    width: 250px;
    font-size: 16px;
    text-decoration: none;
    text-transform: none;
    color:#000;
    font-weight: 400;
    background:#fff;
    text-align: left;}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a{border-bottom: 0;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover{color: #E20935;background:#f4f4f4;}
#cssmenu ul ul li.has-sub > a:after{position: absolute;top: 16px;right: 11px;width: 8px;height: 2px;display: block;background: #dddddd;content: '';}
#cssmenu.align-right ul ul li.has-sub > a:after{right: auto;left: 11px;}
#cssmenu ul ul li.has-sub > a:before{position: absolute;top: 13px;right: 14px;display: block;width: 2px;height: 8px;background: #dddddd;content: '';transition: all .25s ease;}
#cssmenu.align-right ul ul li.has-sub > a:before{right: auto;left: 14px;}
#cssmenu ul ul > li.has-sub:hover > a:before{top: 17px;height: 0;}
#cssmenu.small-screen{width: 100%;background:none;}
#cssmenu.small-screen ul{width: 100%;display: none;}
#cssmenu.small-screen.align-center > ul{text-align: left;}
#cssmenu.small-screen ul li{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
#cssmenu.small-screen ul ul li,
#cssmenu.small-screen li:hover > ul > li{height: auto;}
#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a{width: 100%;border-bottom: 0;color:#fff;padding: 8px 0px;font-size: 16px;}
#cssmenu.small-screen > ul > li{float: none;}
#cssmenu.small-screen ul ul li a{padding-left: 15px;font-size:16px;}
#cssmenu.small-screen ul ul ul li a{padding-left: 35px;}
#cssmenu.small-screen ul ul li a{color: #29363E !important;background: #f6f6f6;}
#cssmenu.small-screen ul ul li:hover > a,
#cssmenu.small-screen ul ul li.active > a{color: #fff;background:#29363E;}
#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen.align-right ul ul{position: relative;left: 0;width: 100%;margin: 0;text-align: left;}
#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul > li.has-sub > a:after,
#cssmenu.small-screen ul ul > li.has-sub > a:before{display: none;}
#cssmenu.small-screen #menu-button{display: block;padding: 0px 0;color: #FFCB08;cursor: pointer;font-size: 17px;text-transform: uppercase;font-weight: 500;}
#cssmenu.small-screen #menu-button:after{position: absolute;top: -11px;right: 17px;display: block;height: 8px;width: 20px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;content: '';}
#cssmenu.small-screen #menu-button:before{position: absolute;top: -18px;right: 17px;display: block;height: 2px;width: 20px;background: #fff;content: '';}
#cssmenu.small-screen #menu-button.menu-opened:after{top: -4px;border: 0;height: 2px;width: 20px;background: #fff;transform: rotate(45deg);}
#cssmenu.small-screen #menu-button.menu-opened:before{top: -4px;background: #fff;width: 20px;transform: rotate(-45deg);}
#cssmenu.small-screen .submenu-button{position: absolute;z-index: 99;right: 0;top: 0;background:#e86221; display: block;border-left: 1px solid rgba(120, 120, 120, 0.2);height: 40px;width: 46px;cursor: pointer;}
#cssmenu.small-screen .submenu-button.submenu-opened{background: #e86221;}
#cssmenu.small-screen ul ul .submenu-button{height: 34px;width: 34px;}
#cssmenu.small-screen .submenu-button:after{position: absolute;top: 19px;right: 15px;width: 14px;height: 2px;display: block;background: #fff;content: '';}
#cssmenu.small-screen ul ul .submenu-button:after{top: 18px;right: 10px;}
#cssmenu.small-screen .submenu-button.submenu-opened:after{background: #ffffff;}
#cssmenu.small-screen .submenu-button:before{position: absolute;top: 13px;right: 21px;display: block;width: 2px;height: 14px;background: #fff;content: '';}
#cssmenu.small-screen ul ul .submenu-button:before{top: 12px;right: 16px;}
#cssmenu.small-screen .submenu-button.submenu-opened:before{display: none;}
#cssmenu.small-screen.select-list{padding: 5px;}

@media screen and (max-width: 1199px){
    #cssmenu > ul > li > a {
        padding: 5px 12px;
        font-size: 0.9rem;
    }
    #cssmenu ul ul{
        border-top: 0;
    }
}