#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {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 {width: 100%; color: #ffffff;padding-top: 50px;padding-left: 20px;}
#cssmenu ul {background-color: #2d314b;}
#cssmenu ul ul {display: none;}
.align-right {float: right;}
#cssmenu > ul > li > a {padding: 15px 20px;cursor: pointer;z-index: 2;font-size: 17px;font-weight: bold;text-decoration: none;color: #fff; }
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {border-bottom: 1px solid #575759;}
.holder {width: 0;height: 0;position: absolute;top: 0;right: 0;}
.holder::after,
.holder::before {display: block;position: absolute;content: "";width: 6px;height: 6px;right: 20px;z-index: 10;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
.holder::after {top: 17px;border-top: 2px solid #ffffff;border-left: 2px solid #ffffff;}
#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {border-color: #eeeeee;}
.holder::before {top: 18px;border-top: 2px solid;border-left: 2px solid;border-top-color: inherit;border-left-color: inherit;}
#cssmenu ul ul li a {cursor: pointer; padding: 10px 20px;z-index: 1;text-decoration: none;color: #fff;background: #3a3b47;  line-height: 25px;border-bottom: 1px solid #4d4d50;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {background: #22314e;color: #ffffff;}
#cssmenu ul ul li:first-child > a {box-shadow: none;}
#cssmenu ul ul ul li:first-child > a {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);}
#cssmenu ul ul ul li a {padding-left: 30px; background: #293e6b;}
#cssmenu ul ul ul li:hover > a,
#cssmenu ul ul ul li.open > a,
#cssmenu ul ul ul li.active > a {background: #1c355e;}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {border-bottom: 1px solid #4d4d50;}
#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {border-bottom: 1px solid #32373e;}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {border-bottom: 0;}
#cssmenu ul ul li.has-sub > a::after {display: block;position: absolute;content: "";width: 5px;height: 5px;right: 20px;z-index: 10;top: 11.5px;border-top: 2px solid #eeeeee;border-left: 2px solid #eeeeee;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {border-color: #ffffff;}