@import url('https://fonts.googleapis.com/css?family=Lato|Montserrat|Raleway');
.menu-box {
  max-width: 850px;
  float: right;
  height: 40px;
  margin: 10px 0px;
}
.menu-box2 {
	display: none;
}
.submenu {
	float: right;
	margin: 0px;
	padding: 20px 20px 0px 20px;
}
.wrapper .inside .submenu a {
	font: bold 18px/27px 'Lato', sans-serif;
	color: #0e478f;
	text-decoration: none;
}
.wrapper .inside .submenu a:hover {
	font: bold 18px/27px 'Lato', sans-serif;
	color: #1E90FF;
	text-decoration: none;
}

.animate-right{position:relative;animation: animateright 1.3s;}@keyframes animateright{from{right:-80px;opacity:0} to{right:0;opacity:1}}

.menu-box ul {
	padding: 0px;
	margin: 0px;
}
.menu-box li {
   float: left;
   list-style-type:none;
	margin: 20px 11px 0px 0px;
}

.menu-box .item_t {
	color: #FFF;
	font: normal 14px 'Lato', sans-serif;
	letter-spacing: 1.6px;
	text-decoration: none;
	float: left;
	padding: 5px 8px 5px 8px;
	border-radius: 5px;
	background: #004178;
}

.menu-box .item_t:hover {
	color: white;
	background: none;
}

.menu-box .item_t::after {
    content: '';
    list-style-type:none;
    display: block;
    width: 0;
	margin: 2px 0px 0px 0px;
    height: 3px;
    background: #FFA22F;
    transition: width .3s;
}

.menu-box .item_t:hover::after {
    width: 100%;
    transition: width .3s;
}