@import "font.css";

.flexnav{margin:0;padding:0;list-style:none;display:block;overflow:visible;width:100%;height:46px;background:#0056AE;font-family:'Raleway', sans-serif; font-weight:600; text-transform:uppercase; }
.flexnav:after{content:"";display:table;clear:both}
.flexnav>li{border-right:1px solid #044180;;float:left}
.flexnav li{display:block;position:relative}
.flexnav>li.item-with-ul>a{padding-right:76px}
.flexnav li a{position:relative;display:block;z-index:2;padding:15px 25px;overflow:hidden;font-size:15px;color:#FFF;text-decoration:none; background:#0056AE;-webkit-transition:color .2s ease-in;-moz-transition:color .2s ease-in;-ms-transition:color .2s ease-in;-o-transition:color .2s ease-in;transition:color .2s ease-in; }
.flexnav ul li a{width:215px;font-weight:400;font-size:14px; text-transform:none; padding:15px 25px; line-height:135%; }
.flexnav li a:hover,.flexnav li.active>a{color:#00B4FF;}
.flexnav ul{position:absolute;top:auto;left:0;display:block;padding:0;}
.flexnav>li>ul{left:auto; border-bottom:3px solid #FFF; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); }
.flexnav ul ul{margin-left:100%;top:0}
.flexnav li ul li{ border-top:0px solid #0B5097; position:relative;overflow:hidden}
.flexnav li ul.show li{overflow:visible}
.flexnav li ul li a{background:#0056AE}
.flexnav ul li ul li a{background:#253136}
.flexnav ul li ul li ul li a{background:#2c3b40}
.flexnav li ul.open{display:block;opacity:1;visibility:visible;z-index:1}
.flexnav li ul.open li{overflow:visible;max-height:100px}
.flexnav li ul.open ul.open{margin-left:100%;top:0}
.flexnav .touch-button{position:absolute;z-index:999;top:0;right:0;width:46px;height:46px;display:inline-block;background:rgba(255,255,255,.05);background:#0056AE;text-align:center}
.flexnav .touch-button:hover{cursor:pointer}
.flexnav .touch-button::after{height:0;width:0;content:"";border:6px solid transparent;border-top-color:#ddd;display:block;position:absolute;top:22px;left:17px}
.flexnav>li:hover>.touch-button::after,.sm-screen .submenu-open::after{border-top-color:#00B4FF}
.flexnav ul li .touch-button{width:39px;height:39px;background:rgba(255,255,255,.05);border-top-color:transparent}
.flexnav ul li .touch-button::after{top:15px}
.flexnav.lg-screen ul li .touch-button::after{border-left-color:#ddd;border-top-color:transparent;border-width:5px}
.flexnav.lg-screen ul li:hover>.touch-button::after{border-left-color:#00B4FF}
.flexnav.sm-screen ul li .touch-button::after{border-width:5px;left:14px;top:17px}
.menu-button{position:relative;display:none;padding:16px 25px;background:#0056AE;color:#ddd;cursor:pointer;font-family:"Noto Sans",Helvetica,sans-serif;line-height:1;font-weight:700;font-size:14px}
.menu-button.one-page{position:fixed;top:0;right:5%;padding-right:45px}
.menu-button .touch-button{background:transparent;position:absolute;z-index:999;top:0;right:0;width:50px;height:50px;display:inline-block;text-align:center}
.menu-button .touch-button .navicon{font-size:16px;position:relative;top:1em;color:#666}
.menu-button::after{position:absolute;content:"";right:25px;top:18px;height:12px;width:20px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;z-index:1}
.menu-button::before{position:absolute;content:"";right:25px;top:22px;height:3px;width:20px;border-bottom:2px solid #ddd;z-index:1}@media all and (max-width:800px){.flexnav{overflow:hidden;max-height:0}
.flexnav.show{border-top:1px solid #1e282c;overflow:visible;max-height:2000px}
.flexnav li{float:none}
.flexnav ul li a{width:auto}
.flexnav ul,.flexnav ul ul{position:relative;margin-left:0;width:100%}
.flexnav ul li a{padding-left:37px}
.flexnav ul ul li a{padding-left:49px}
.flexnav ul ul ul li a{padding-left:61px}
.menu-button{display:block}}