.menu-bg{background-color:#EB0000;}
#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;}
#cssmenu:after,
#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu #menu-button{display:none;}
#cssmenu{width:auto;font-family:'Roboto', sans-serif !important;line-height:1;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#ff0000;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-ms-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
#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.align-right ul ul{text-align:right;}
#cssmenu > ul > li > a{padding:15px 14px;font-size:17px;font-weight:600;text-decoration:none;text-transform:uppercase;color:#fff;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;border-right:1px solid #c20000;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{color:#ffffff;background-color:#3c3b3b;}
#cssmenu > ul > li.has-sub > a{padding-right:25px;}
#cssmenu > ul > li.has-sub > a::after{position:absolute;top:16px;right:8px;width:6px;height:6px;border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;}
#cssmenu > ul > li.has-sub:hover > a::after{border-color:#fff;}
#cssmenu ul ul{position:absolute;left:-9999px;}
#cssmenu li:hover > ul{left:auto;}
#cssmenu.align-right li:hover > ul{right:0;}
#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{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;}
#cssmenu ul li:hover > ul > li{height:32px;}
#cssmenu ul ul li a{padding:10px 0px 10px 20px;width:300px;font-size:17px;background:#3c3b3b;text-decoration:none;color:#fff;-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 ul li:hover > a,
#cssmenu ul ul li a:hover{color:#fff;background-color:#ff0000;}
#cssmenu ul ul li.has-sub > a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;}
#cssmenu.align-right ul ul li.has-sub > a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #dddddd;border-left:1px solid #dddddd;}
#cssmenu ul ul li.has-sub:hover > a::after{border-color:#ffffff;}
@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px),
 only screen and (min-resolution:2dppx) and (max-width:1024px){
#cssmenu{width:100%;}
#cssmenu ul{width:100%;display:none;}
#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 rgba(120, 120, 120, 0.15);}
#cssmenu ul li a,
#cssmenu ul ul li a{width:100%;}
#cssmenu > ul > li,
#cssmenu.align-center > ul > li,
#cssmenu.align-right > ul > li{float:none;display:block;}
#cssmenu ul ul li a{padding:13px 0px 13px 30px;font-size:17px;color:#fff;background:none;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover{color:#fff;}
#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;}
#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;color:#fff;cursor:pointer;font-size:17px;text-transform:uppercase;}
#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:8px;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 rgba(120, 120, 120, 0.15);height:44px;width:52px;cursor:pointer;}
#cssmenu .submenu-button::after{content:'';position:absolute;top:19px;left:26px;display:block;width:2px;height:11px;background:#fff;z-index:99;}
#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:24px;display:block;width:12px;height:2px;background:#fff;z-index:99;}
#cssmenu .submenu-button.submenu-opened:after{display:none;}
}
@media only screen and (max-width:1140px){#cssmenu > ul > li > a{padding:15px 15px;text-transform:capitalize;}
}
@media only screen and (max-width:1024px){#cssmenu > ul > li > a{padding:15px 10px;text-transform:capitalize;}
}
@media only screen and (max-width:786px){#cssmenu > ul > li > a{padding:15px 5px;font-size:17px;text-transform:capitalize;}
}
@media only screen and (max-width:678px){.menu-bg{margin-top:0px;background-color:#161b55;}
}