#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{z-index:100;width:auto;font-family:'Open Sans', Helvetica, sans-serif;background:#0199e6;background:-moz-linear-gradient(top, #08abfe 0%, #017ebd 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #08abfe), color-stop(100%, #017ebd));background:-webkit-linear-gradient(top, #08abfe 0%, #017ebd 100%);background:-o-linear-gradient(top, #08abfe 0%, #017ebd 100%);background:-ms-linear-gradient(top, #08abfe 0%, #017ebd 100%);background:linear-gradient(to bottom, #08abfe 0%, #017ebd 100%);}
#cssmenu > ul{background:url('images/bg.png');box-shadow:inset 0 -3px 0 rgba(0, 0, 0, 0.05);}
#cssmenu.align-right > ul > li{float:right;}
#cssmenu > ul > li{float:left;display:inline-block;}
#cssmenu.align-center > ul{float:none;text-align:center;font-size:0;}
#cssmenu.align-center > ul > li{float:none;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu > ul > li > a{//padding:18px 25px 21px 25px;padding:10px 10px 10px 10px;border-right:1px solid rgba(80, 80, 80, 0.12);text-decoration:none;font-size:13px;font-weight:700;color:#d3eced;text-transform:uppercase;letter-spacing:1px;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a{color:#ffffff;background:#018fd7;background:rgba(0, 0, 0, 0.1);}
#cssmenu > ul > li.has-sub > a{padding-right:45px;}
#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;z-index:9999;padding-top:0px;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:#0199e6;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:#0199e6;top:11px;left:-4px;}
#cssmenu.align-right ul ul ul::after{border-right-color:transparent;border-left-color:#0199e6;left:auto;right:-4px;}
#cssmenu > ul > li > ul{top:120px;}
#cssmenu > ul > li:hover > ul{top:85px;left:0;opacity:1;}
#cssmenu.align-right > ul > li:hover > ul{left:auto;right:0;}
#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:auto;color:#ffffff;background:#0199e6;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:#ffffff;}
#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:#ffffff;right:17px;top:14px;}
#cssmenu.align-right ul ul li.has-sub > a::after{border-left-color:transparent;border-right-color:#ffffff;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:#ffffff;}
#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:#ffffff;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{background:#0199e6;}
#cssmenu > ul{display:none;}
#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 > li > a{//padding:18px 25px 18px 25px;padding:10px 10px 10px 10px;border-right:0;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{background:rgba(0, 0, 0, 0.1);}
#cssmenu #menu-button{display:block;text-decoration:none;font-size:13px;font-weight:700;color:#d3eced;//padding:18px 25px 18px 25px;padding:20px 20px 20px 20px;text-transform:uppercase;letter-spacing:1px;background:url('images/bg.png');cursor:pointer;}
#cssmenu ul ul,
#cssmenu ul li:hover > ul,
#cssmenu > ul > li > ul,
#cssmenu ul ul ul,
#cssmenu ul ul li:hover > ul,
#cssmenu.align-right ul ul,
#cssmenu.align-right ul li:hover > ul,
#cssmenu.align-right > ul > li > ul,
#cssmenu.align-right ul ul ul,
#cssmenu.align-right ul ul li:hover > ul{left:0;right:auto;top:auto;opacity:1;width:100%;padding:0;position:relative;text-align:left;}
#cssmenu ul ul li{width:100%;}
#cssmenu ul ul li a{width:100%;box-shadow:none;padding-left:35px;}
#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;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;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;}
}
@media screen and (min-width:1270px){#cssmenu > ul > li > a{padding:10px 25px 10px 25px;//padding:10px 10px 10px 10px;border-right:0;}
}
@media screen and (min-width:1200px){#cssmenu > ul > li > a{padding:10px 15px 10px 15px;//padding:10px 10px 10px 10px;border-right:0;}
}
@media screen and (max-width:1199px){#cssmenu > ul > li > a{padding:10px 5px 10px 5px;//padding:10px 5px 10px 5px;border-right:0;letter-spacing:0px;}
}