@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);#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 #menu-button{display:none;}
#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:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.has-sub > a{}
#cssmenu > ul > li.has-sub > a::after{content:"";position:absolute;width:0;height:0;border:6px solid transparent;border-top-color:#d3eced;right:17px;top:22px;}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a{border-top-color:#ffffff;}
#cssmenu ul ul{position:absolute;left:-9999px;top:60px;padding-top:6px;font-size:13px;opacity:0;-webkit-transition:top 0.2s ease, opacity 0.2s ease-in;-moz-transition:top 0.2s ease, opacity 0.2s ease-in;-ms-transition:top 0.2s ease, opacity 0.2s ease-in;-o-transition:top 0.2s ease, opacity 0.2s ease-in;transition:top 0.2s ease, opacity 0.2s ease-in;}
#cssmenu.align-right ul ul{text-align:right;}
#cssmenu > ul > li > ul::after{content:"";position:absolute;width:0;height:0;border:5px solid transparent;border-bottom-color:#ffffff;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:#ffffff;top:11px;left:-4px;}
#cssmenu.align-right ul ul ul::after{border-right-color:transparent;border-left-color:#ffffff;left:auto;right:-4px;}
#cssmenu > ul > li > ul{text-align:center;top:120px;z-index:9999;}
#cssmenu > ul > li > ul{top:13px;left:0;opacity:1;}
#cssmenu ul ul ul{padding-top:0;padding-left:6px;}
#cssmenu.align-right ul ul ul{padding-right:6px;}
#cssmenu ul ul > li:hover > ul{left:180px;top:0;opacity:1;}
#cssmenu.align-right ul ul > li:hover > ul{left:auto;right:100%;opacity:1;}
#cssmenu ul ul li a{text-decoration:none;font-weight:400;padding:11px 25px;width:180px;color:#777777;background:#ffffff;box-shadow:0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a{color:#333333;}
#cssmenu ul ul li:first-child > a{border-top-left-radius:3px;border-top-right-radius:3px;}
#cssmenu ul ul li:last-child > a{border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
#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:#777777;right:17px;top:14px;}
#cssmenu.align-right ul ul li.has-sub > a::after{border-left-color:transparent;border-right-color:#777777;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:#333333;}
#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:#333333;border-left-color:transparent;}
@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 > ul.open{display:block;border-top:1px solid rgba(0, 0, 0, 0.1);}
#cssmenu.align-right > ul{float:none;}
#cssmenu.align-center > ul{text-align:left;}
#cssmenu > ul > li,
#cssmenu.align-right > ul > li{float:none;display:block;}
#cssmenu ul ul ul li a{padding-left:45px;}
#cssmenu ul ul li:first-child > a,
#cssmenu ul ul li:last-child > a{border-radius:0;}
#cssmenu #menu-button::after{display:block;content:'';position:absolute;height:3px;width:22px;border-top:2px solid #d3eced;border-bottom:2px solid #d3eced;right:25px;top:18px;}
#cssmenu #menu-button::before{display:block;content:'';position:absolute;height:3px;width:22px;border-top:2px solid #d3eced;right:25px;top:28px;}
#cssmenu > ul > li.has-sub > a::after,
#cssmenu ul ul li.has-sub > a::after{display:none;}
}