#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,Arial,Tahoma; background: #EAC54D; /*padding-top: 5px*/ }
    #cssmenu ul li { line-height: 50px }
    #cssmenu > ul {background: #EAC54D;/* box-shadow: inset 0 -3px 0 rgba(0,0,0,.05);*/margin: 0 auto;max-width: 1024px;}
    #cssmenu.align-right > ul > li { float: right }
    #cssmenu > ul > li { float: left; display: inline-block }
    #cssmenu.align-center > ul { float: none; text-align: center }
        #cssmenu.align-center > ul > li { float: none }
    #cssmenu.align-center ul ul { text-align: left }
    #cssmenu > ul > li > a {padding: 0 25px;text-decoration: none;font-size: 15px;font-weight: 700;color: #fff;text-transform: uppercase;line-height: 50px;}
        #cssmenu > ul > li > a span { font-weight: 700 }
    #cssmenu > ul > li:first-child a span { background: url(../images/icon-home.png) no-repeat center; display: block; height: 50px; width: 32px }
    #cssmenu > ul > li:first-child:hover a span { background: url(../images/icon-home-hover.png) no-repeat center }
    #cssmenu > ul > li:hover > a, #cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a { color: #ED1C24; /*background: #FFF;*/ font-size: 15px; font-weight: 700;  line-height: 50px; padding: 0 26px; text-decoration: none; text-transform: uppercase }
    #cssmenu > ul > li.has-sub > a::after { border-width: 6px; content: ""; height: 0; position: absolute; right: 17px; top: 22px; width: 0 }
    #cssmenu > ul > li.has-sub.active > a::after, #cssmenu > ul > li.has-sub:hover > a { border-top-color: #fff }
    #cssmenu ul ul { position: absolute; left: -9999px; top: 50px; font-size: 15px ; box-shadow:0 2px 2px 2px #666;}
    #cssmenu.align-right ul ul { text-align: right }
    #cssmenu > ul > li > ul::after { content: ""; position: absolute; width: 0; height: 0; top: -4px; left: 20px }
    #cssmenu.align-right > ul > li > ul::after { left: auto; right: 20px }
    #cssmenu ul ul ul::after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-right-color: #0c4ca3; top: 14px; left: 5px }
    #cssmenu.align-right ul ul ul::after { border-right-color: transparent; border-left-color: #fff; left: auto; right: -4px }
    #cssmenu > ul > li > ul { top: 120px; z-index: 10000 }
    #cssmenu > ul > li:hover > ul { top: 50px; left: 0; opacity: 1; border-top: 1px solid #fff }
    #cssmenu.align-right > ul > li:hover > ul { left: auto; right: 0 }
    #cssmenu ul ul ul { padding-top: 0; padding-left: 1px }
    #cssmenu.align-right ul ul ul { padding-right: 6px }
    #cssmenu ul ul > li:hover > ul { left: 260px; top: 0; opacity: 1 }
#ddmenu ul ul li:hover { border-bottom: none !important }
#cssmenu ul ul li a { text-decoration: none; font-weight: 400; padding: 10px 20px; width: 260px; color: #333; background: #FFF; line-height: 18px; border-bottom: 1px solid #DDD }
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a { color: #1B75BC }
#cssmenu > ul > li > ul::after { position: absolute; display: block }
#cssmenu ul ul li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 4px solid transparent; border-left-color: #777; right: 17px; top: 14px }
#cssmenu.align-right ul ul li.has-sub > a::after { border-left-color: transparent; border-right-color: #777; right: auto; left: 17px }
#cssmenu ul ul li.has-sub.active > a::after, #cssmenu ul ul li.has-sub:hover > a::after { border-left-color: #333 }
#cssmenu.align-right ul ul li.has-sub.active > a::after, #cssmenu.align-right ul ul li.has-sub:hover > a::after { border-right-color: #333; border-left-color: transparent }
