#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;background-color:none;font-size:15px;}
#cssmenu.align-center > ul{font-size:0;text-align:center;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-center > ul > li{display:inline-block;float:none;}
#cssmenu.align-right > ul > li{float:right;}
#cssmenu.align-right ul ul{text-align:right;}
#cssmenu > ul > li{float:left;}
#cssmenu > ul > li > a{padding:18px 25px 16px 25px;font-size:15px;color:#ffffff;text-transform:uppercase;text-shadow:0 1px 0 rgba(0, 0, 0, 0.25);text-decoration:none;-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 > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a{color:#ffffff;}*/
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {color:/*#59b046*/#fff;}
#cssmenu > ul > li.has-sub > a{padding-right:30px;background-color:none;}
#cssmenu ul > li.has-sub:hover > a:after{background-position:0 -18px;}
#cssmenu ul > li.has-sub > a:before{content:'';position:absolute;right:11px;top:25.5px;display:block;width:0;height:0;border:5px solid transparent;border-top-color:#ffffff;z-index:99;}
#cssmenu ul > li.has-sub:hover > a:before{border-top-color:#19799f;}
#cssmenu ul ul{position:absolute;left:-9999px;opacity:0;-webkit-transition:top .2s ease, opacity .2s ease;-moz-transition:top .2s ease, opacity .2s ease;-ms-transition:top .2s ease, opacity .2s ease;-o-transition:top .2s ease, opacity .2s ease;transition:top .2s ease, opacity .2s ease;z-index:9;}
#cssmenu > ul > li > ul{top:91px;padding-top:8px;border-radius:5px;}
#cssmenu > ul > li:hover > ul{left:auto;top:45px;opacity:1;}
#cssmenu.align-right > ul > li:hover > ul{right:0;}
#cssmenu ul ul ul{top:40px;}
#cssmenu ul ul > li:hover > ul{top:0;left:178px;padding-left:10px;opacity:1;}
#cssmenu.align-right ul ul > li:hover > ul{left:auto;right:178px;padding-left:0;padding-right:10px;opacity:1;}
#cssmenu ul ul li a{width:210px;padding:12px 25px;font-size:14px;text-shadow:0 1px 0 rgba(0, 0, 0, 0.25);color:#ffffff;text-decoration:none;background-color:#2b2a29;-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,
#cssmenu ul ul li.active > a{color:#767676;}
#cssmenu ul ul li:first-child > a{border-top-left-radius:5px;border-top-right-radius:5px;}
#cssmenu ul ul li:last-child > a{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#cssmenu ul ul > li.has-sub > a:after{right:12px;top:9.5px;background:#3db2e1;background:-webkit-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);background:-ms-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);background:-moz-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);background:-o-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);background:linear-gradient(to bottom, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);box-shadow:inset 0 -1px 1px #209ed0, inset 0 2px 1px #7fcceb;background-size:36px 36px;background-position:0 0;background-repeat:no-repeat;}
#cssmenu.align-right ul ul > li.has-sub > a:after{right:auto;left:12px;}
#cssmenu ul ul > li.has-sub:hover > a:after{background-position:0 -18px;}
#cssmenu ul ul > li.has-sub > a:before{top:15.5px;right:16px;border-top-color:transparent;border-left-color:#ffffff;}
#cssmenu.align-right ul ul > li.has-sub > a:before{top:15.5px;right:auto;left:16px;border-top-color:transparent;border-right-color:#ffffff;border-left-color:transparent;}
#cssmenu ul ul > li.has-sub:hover > a:before{border-top-color:transparent;border-left-color:#1c89b5;}
#cssmenu.align-right ul ul > li.has-sub:hover > a:before{border-top-color:transparent;border-left-color:transparent;border-right-color:#1c89b5;}
@media all and (max-width:768px){#cssmenu{width:100%;padding-left:0%;}
#cssmenu ul,
#cssmenu ul ul,
#cssmenu ul ul ul,
#cssmenu > ul,
#cssmenu.align-center > ul,
#cssmenu > ul > li > ul,
#cssmenu > ul > li:hover > ul,
#cssmenu ul ul li:hover > ul,
#cssmenu ul ul ul li:hover > ul,
#cssmenu.align-right ul ul,
#cssmenu.align-right ul ul li:hover > ul,
#cssmenu.align-right ul ul ul li:hover > ul{position:relative;left:0;right:auto;top:0;width:100%;display:none;padding:0;opacity:1;text-align:left;}
#cssmenu ul li{width:100%;border-top:1px solid rgba(120, 120, 120, 0.2);}
#cssmenu > ul > li > a,
#cssmenu ul ul li a,
#cssmenu ul ul li:first-child > a,
#cssmenu ul ul li:last-child > a{width:100%;border-radius:0;box-shadow:none;background:none;font-size:12px;}
#cssmenu ul li a{padding-left:12.5px;}
#cssmenu ul ul li a{padding:14px 25px 14px 27.5px;}
#cssmenu ul ul ul li a{padding-left:42.5px;}
#cssmenu ul ul ul ul li a{padding-left:57.5px;}
#cssmenu > ul > li.has-sub > a:after,
#cssmenu > ul > li.has-sub > a:before,
#cssmenu ul ul li.has-sub > a:after,
#cssmenu ul ul li.has-sub > a:before{display:none;}
#cssmenu #menu-button{position:relative;display:block!important;padding:15px;padding-left:12.5px;cursor:pointer;font-size:13px;color:#ffffff;letter-spacing:1px;text-transform:capitalize;}
#cssmenu .submenu-button{position:absolute;right:0;display:block;width:53px;height:53px;border-left:1px solid rgba(120, 120, 120, 0.2);z-index:10;cursor:pointer;text-transform:capitalize;}
#cssmenu ul ul .submenu-button{height:41px;}
#cssmenu ul .submenu-button:after,
#cssmenu #menu-button:after{position:absolute;text-transform:capitalize;right:12.5px;top:12.5px;display:block;width:28px;height:28px;border-radius:15px;background:#3db2e1;background:-webkit-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);background:-ms-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);background:-moz-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);background:-o-linear-gradient(top, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);background:linear-gradient(to bottom, #58bde5 0%, #4ab7e3 25%, #2babde 50%, #58bde5 75%, #4ab7e3 100%);box-shadow:inset 0 -1px 1px #209ed0, inset 0 2px 1px #7fcceb;background-size:56px 56px;background-position:0 0;background-repeat:no-repeat;-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#cssmenu ul .submenu-button.submenu-opened:after,
#cssmenu #menu-button.menu-opened:after{background-position:0 -28px;}
#cssmenu ul ul .submenu-button:after{top:6.5px;}
#cssmenu #menu-button:before,
#cssmenu .submenu-button:before{content:'';position:absolute;right:22.5px;top:21px;display:block;width:0;height:0;border:4px solid transparent;border-top-color:#ffffff;z-index:99;}
#cssmenu ul ul .submenu-button:before{top:19.5px;}
#cssmenu #menu-button.menu-opened:before,
#cssmenu .submenu-button.submenu-opened:before{border-top-color:#19799f;}
}
@media (max-width:1024px)
{

#cssmenu > ul > li > ul {padding-top: 5px;}
#cssmenu > ul > li > a {    padding: 10px 15px;    font-size: 15px;}
#cssmenu ul > li.has-sub > a::before {right: 0;border: 7px solid transparent;border-top-color: #ed3237;top: 33px;}
#cssmenu ul ul li a {font-size: 14px;}
}
@media (max-width:960px){	
#cssmenu > ul > li:hover > ul {    top: 35px;}
#cssmenu > ul > li > ul > li:hover > ul {    top: 0px;    }
#cssmenu ul > li.has-sub > a::before { right: 25px;top: 32px;}
#cssmenu > ul > li > ul { padding-top: 0px;}
#cssmenu > ul > li > a {    padding: 10px 7px;    font-size: 13px;}
}
@media (max-width:767px)
{
#cssmenu > ul > li > a{padding:10px;font-size:15px;background:/*#f69c9b*/ transparent;}
#cssmenu > ul > li:hover > ul {    top: 0px;    }
#cssmenu > ul > li > a {padding: 10px 15px;font-size: 14px;background: /*#f69c9b*/ transparent;color: #fff; border-radius: 0;}
#cssmenu ul ul li a {		padding: 7px 25px 8px 25px;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a {border-radius: 0;}
} 
.bg-sub-nav{background-color:#2b2a29;}
.active:after{content:"";}