#cssmenu{background:transparent;margin:0;width:auto;height:auto;padding:0;position:relative;}
#cssmenu ul{list-style:none;margin:0;padding:0;display:block;}
#cssmenu ul:after,#cssmenu:after{content:" ";display:block;font-size:0;height:0;clear:both;visibility:hidden;}
#cssmenu ul li{margin:0;padding:0;display:block;position:relative;}
#cssmenu ul li a{text-decoration:none;font-weight:bold;display:block;margin:0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu > ul > li > a:after{content:'';position:absolute;left:0;bottom:0;width:0;max-width:100%;border-top:3px solid;transition:width .33s ease;}
#cssmenu > ul > li > a:hover:after{width:100%;}
#cssmenu ul li ul{position:absolute;left:-9999px;top:auto;height:0;}
#cssmenu ul li ul li{max-height:0;width:170px;position:absolute;background:#999999;z-index:999;border-top:1px solid #999999;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
#cssmenu ul li ul li:hover{background:#0000ff;}
#cssmenu ul li ul li ul li{max-height:0;width:180px;position:absolute;background:#999999;z-index:999;border-top:1px solid #ccc;}
#cssmenu ul li ul li.has-sub:after{display:none;position:absolute;content:"";height:10px;width:10px;border-radius:5px;background:#fff;z-index:1;top:16px;right:15px;}
#cssmenu ul li ul li.has-sub:before{display:block;position:absolute;content:"";height:0;width:0;border:3px solid transparent;border-left-color:#fff;z-index:2;top:16px;right:15px;}
#cssmenu ul li ul li a{font-size:16px;text-transform:none;text-align:left;color:#fff;letter-spacing:0;display:block;width:100%;padding:8px 12px 8px 12px;}
#cssmenu ul li ul li:hover > a,#cssmenu ul li ul li.active > a{color:#fff;}
#cssmenu ul li ul li:hover:after,#cssmenu ul li ul li.active:after{background:#0000ff;}
#cssmenu ul li ul li:hover > ul{left:100%;top:-1px;height:auto;}
#cssmenu ul li ul li:hover > ul > li{max-height:100%;position:relative;}
#cssmenu > ul > li{float:left;}
#cssmenu > ul > li.has-sub > a{padding-right:20px;}
#cssmenu > ul > li.has-sub > a:before{display:block;content:"";border:4px solid transparent;border-top-color:#999999;z-index:2;height:0;width:0;position:absolute;right:5px;transform:translate(0,100%);}
#cssmenu > ul > li > a{padding:22px 10px;z-index:2;position:relative;}
#cssmenu > ul > li:hover:after,#cssmenu > ul > li.active:after{height:100%;}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a{border-bottom-color:#0000ff;}
#cssmenu > ul > li:hover > a:after,#cssmenu > ul > li.active > a:after{width:100%;}
#cssmenu > ul > li:hover > a:before,#cssmenu > ul > li.active > a:before{border-top-color:#0000ff;}
#cssmenu > ul > li:hover > ul{left:0;height:auto;}
#cssmenu > ul > li:hover > ul > li{max-height:100%;position:relative;}
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li > a{display:block;}
#cssmenu > ul > li{width:auto;}
#cssmenu > ul > li > ul{width:auto;display:block;}
#cssmenu > ul > li > ul > li{width:190px;display:block;}
@media all and (max-width:800px), 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{max-height:0;overflow:hidden;-webkit-transition:all 0.35s ease-out;-moz-transition:all 0.35s ease-out;-ms-transition:all 0.35s ease-out;-o-transition:all 0.35s ease-out;transition:all 0.35s ease-out;}
#cssmenu > ul > li > ul{width:100%;display:block;}
#cssmenu > ul > li > ul > li{width:100%;display:block;}
#cssmenu > ul > li > ul > li > a{width:100%;display:block;}
#cssmenu ul li ul li{border-top:0;}
#cssmenu ul li ul li a{width:100%;}
#cssmenu > ul.open{max-height:1000px;border-top:1px solid rgba(110, 110, 110, 0.25);}
#cssmenu ul{width:100%;}
#cssmenu ul > li{float:none;width:100%;}
#cssmenu ul li a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:12px 20px;text-align:left;}
#cssmenu ul > li:after{display:none;}
#cssmenu ul li.has-sub > a:after,#cssmenu ul li.has-sub > a:before,#cssmenu ul li ul li.has-sub:after,#cssmenu ul li ul li.has-sub:before{display:none;}
#cssmenu ul li ul,#cssmenu ul li ul li ul,#cssmenu ul li ul li:hover > ul,#cssmenu ul li ul li,#cssmenu ul li:hover > ul > li{max-height:999px;position:relative;background:none;}
#cssmenu ul li ul li a{padding:8px 20px 8px 40px;/*color:#fde476;*/text-align:left;}
#cssmenu ul li ul li ul li a{padding:8px 20px 8px 60px;}
#cssmenu ul li ul li ul li ul li a{padding:8px 20px 8px 80px;}
#cssmenu ul li ul li:hover > a{color:#2160b8;}
#cssmenu #menu-button{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:10px 20px;text-transform:uppercase;font-weight:600;/*font-size:14px;*/letter-spacing:1px;color:#2160b8;cursor:pointer;}
#cssmenu #menu-button:after{display:block;content:'';position:absolute;height:7px;width:22px;border-top:2px solid #000;border-bottom:2px solid #2160b8;right:20px;top:21px;}
#cssmenu #menu-button:before{display:block;content:'';position:absolute;height:3px;width:22px;border-top:2px solid #2160b8;right:20px;top:16px;}
}