#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{font-family:'h-medium'; z-index:9999;}
#cssmenu > ul > li{float:left}
#cssmenu.align-center > ul{font-size:0;text-align:center}
#cssmenu.align-center > ul > li{display:inline-block;float:none}
#cssmenu.align-center ul ul{text-align:left}
#cssmenu.align-right > ul > li{float:right}
#cssmenu > ul > li > a{padding:50px 23px 30px;font-size:18px;text-decoration:none;color:#000;font-weight:500}
#cssmenu > ul > li:hover > a{color:#14467d}
#cssmenu > ul > li.has-sub > a{padding-right:25px}
#cssmenu > ul > li.has-sub > a:after{right:12px;top:54px;transform:rotate(45deg);color:#FFF;border-right:2px solid #666;border-bottom:2px solid #666;content:'';position:absolute;width:7px;height:7px;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li:hover > a:after{border-right:2px solid #666;border-bottom:2px solid #666;transform:rotate(222deg);top:56px}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu.align-right ul ul{text-align:right}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#cssmenu li:hover > ul{left:auto}
#cssmenu.align-right li:hover > ul{left:auto;right:0}
#cssmenu li.item-align-right:hover > ul{left:auto;right:0}
#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%}
#cssmenu ul ul li a{border-top:1px rgba(255,255,255,0.22) solid;padding:11px 15px;width:240px;font-size:16px;text-decoration:none;color:#FFF;font-weight:400;background:#14467d;line-height:22px;transition:.5s all}
#cssmenu ul ul li a i{opacity:0;visibility:hidden;transition:1s all;margin-right:-5px;font-size:12px}
#cssmenu ul ul li:first-child > a{border-top:0}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{background:#ee3939;color:#FFF;padding-left:20px}
#cssmenu ul ul li:hover > a i,#cssmenu ul ul li a:hover i{opacity:1;visibility:visible;margin-right:5px}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:21px;right:11px;width:8px;height:2px;display:block;background:#FFF;content:''}
#cssmenu.align-right ul ul li.has-sub > a:after{right:auto;left:11px}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:18px;right:14px;display:block;width:2px;height:8px;background:#FFF;content:'';-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#cssmenu.align-right ul ul li.has-sub > a:before{right:auto;left:14px}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
/*@media all and (max-width: 1600px){
	#cssmenu{margin-right:0px;}
	#cssmenu > ul > li > a{font-size:16px;padding:40px 10px;}
	#cssmenu > ul > li.has-sub > a:after{top:44px;}
	#cssmenu > ul > li:hover > a:after{top:46px;}
}
@media all and (max-width: 1400px){
	#cssmenu > ul > li > a{font-size:15px;padding:40px 10px;}
}*/

@media all and (max-width: 768px),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: 21) 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{width:100%; margin-top:0;}
#cssmenu ul{width:100%;display:none;background:#14467d}
#cssmenu.align-center > ul{text-align:left}
#cssmenu > ul > li > a{padding:15px 25px;}
#cssmenu > ul > li:hover > a{color:#FFF;}
#cssmenu ul li{width:100%;border-top:1px solid rgba(255,255,255,0.08)}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;color:#FFF}
#cssmenu ul li a:hover,#cssmenu ul ul li a:hover{background:#ee3030; color:#FFF;}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#FFF;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul,#cssmenu.align-right ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#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{display:block;padding:13px 17px;color:#FFF;cursor:pointer;font-size:14px;text-transform:uppercase;font-weight:700;background:#14467d;width:110px; position:absolute; right:0px; top:-55px; letter-spacing:1px; border-radius:5px;}
#cssmenu #menu-button:after{position:absolute;top:20px;right:17px;display:block;height:8px;width:20px;border-top:2px solid #FFF;border-bottom:2px solid #FFF;content:''}
#cssmenu #menu-button:before{position:absolute;top:14px;right:17px;display:block;height:2px;width:20px;background:#FFF;content:''}
#cssmenu #menu-button.menu-opened:after{top:21px;border:0;height:2px;width:15px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#cssmenu #menu-button.menu-opened:before{top:21px;background:#fff;width:15px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,0.08);height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#878787}
#cssmenu ul ul .submenu-button{height:45px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#fff;content:''}
#cssmenu ul ul .submenu-button:after{top:22px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#fff;content:''}
#cssmenu ul ul .submenu-button:before{top:19px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
}