#cssmenu{margin:0;width:auto;padding:0;line-height:1;float:left;display:block;position:relative;text-transform:uppercase;font-family:Roboto, sans-serif;font-size:13px;font-weight:300;}
#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;white-space:nowrap;display:block;position:relative;background-image:url(../images/menu_libg.html);background-position:left center;background-repeat:no-repeat;}


#cssmenu ul li:first-child{background-image:none;}
#cssmenu ul li a{text-decoration:none;display:block;margin: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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu ul li ul{position:absolute;left:-9999px;top:auto;}
#cssmenu ul li ul li{max-height:0;position:absolute;-webkit-transition:max-height .4s ease-out;-moz-transition:max-height .4s ease-out;-ms-transition:max-height .4s ease-out;-o-transition:max-height .4s ease-out;transition:max-height .4s ease-out;background:#373794;}
#cssmenu ul li ul li.has-sub:after{display:block;position:absolute;content:"";height:10px;width:10px;border-radius:5px;background:#000;z-index:1;top:13px;right:15px;}
#cssmenu.align-right ul li ul li.has-sub:after{right:auto;left: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:15px;right:15px;}
#cssmenu.align-right ul li ul li.has-sub:before{right:auto;left:15px;border-left-color:transparent;border-right-color:#fff;}
#cssmenu ul li ul li a{color:#fff;letter-spacing:0;display:block;min-width:170px;padding:11px 10px 11px 20px;}
#cssmenu ul li ul li:hover > a,#cssmenu ul li ul li.active > a{    color: #000; background: #ffffff; font-weight: 400;}
#cssmenu ul li ul li:hover:after,#cssmenu ul li ul li.active:after{background:#333;}
#cssmenu ul li ul li:hover > ul{left:100%;top:0;}
#cssmenu ul li ul li:hover > ul > li{max-height:72px;position:relative;}
#cssmenu > ul > li{float:left;width:auto;}
#cssmenu.align-center > ul > li{float:none;display:inline-block;}
#cssmenu.align-center > ul{text-align:center;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul{float:right;}
#cssmenu.align-right > ul > li:hover > ul{left:auto;right:0;}
#cssmenu.align-right ul ul li:hover > ul{right:100%;left:auto;}
#cssmenu.align-right ul ul li a{text-align:right;}
#cssmenu > ul > li:after{content:"";display:block;position:absolute;width:100%;height:0;top:0;z-index:0;background:#333333;-webkit-transition:height .2s;-moz-transition:height .2s;-ms-transition:height .2s;-o-transition:height .2s;transition:height .2s;}
#cssmenu > ul > li.has-sub > a{padding-right:40px;}
#cssmenu > ul > li.has-sub > a:after{display:block;content:"";background:#fff;height:12px;width:12px;position:absolute;border-radius:13px;right:14px;top:16px;}
#cssmenu > ul > li.has-sub > a:before{display:block;content:"";border:4px solid transparent;border-top-color:#4cb6ea;z-index:2;height:0;width:0;position:absolute;right:16px;top:21px;}
#cssmenu > ul > li > a{color:#fff;padding:15px 18px;z-index:2;position:relative;display:block;}
#cssmenu > ul > li:hover:after,#cssmenu > ul > li.active:after{height:100%;}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a{color:#fff;}
#cssmenu > ul > li:hover > a:after,#cssmenu > ul > li.active > a:after{background:#000;}
#cssmenu > ul > li:hover > a:before,#cssmenu > ul > li.active > a:before{border-top-color:#fff;}
#cssmenu > ul > li:hover > ul{left:0;}
#cssmenu > ul > li:hover > ul > li{max-height:72px;position:relative;}
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li > ul{min-height:170px;display:block;  z-index:9}
#cssmenu > ul > li > ul > li{min-width:170px;display:block; }
#cssmenu > ul > li:hover > .last_ul{left:auto!important;right:0;}

