#navigation {

	width: 100%;

	float: right;

	position: absolute;

	z-index: 9999;

	left: 0;

	top: 0;

	margin: 0px 0;

	border: 0px solid green;

	 -webkit-transition: all .4s ease-in-out;

		-moz-transition: all .4s ease-in-out;

			 transition: all .4s ease-in-out;

}

@media (min-width:992px) {

	#navigation {

		height: 46px;

		float: left;

		position: relative;

		left: none;

		top: none;

		z-index: 9;

	}

	header.sticky	#navigation {

	 top: 24px !important; 

  }

}

.nav {

	position: relative;

	display: table;

	margin: auto;

	border: 0px solid red;

		   -webkit-transition: all .4s ease-in-out;

   	      -moz-transition: all .4s ease-in-out;

	           transition: all .4s ease-in-out;



}

.nav ul {

	list-style: none;

	padding: 0;

	text-align: left;

	position: relative;

	margin-top: 0;

}

.nav ul li { border: 0px solid red;

	float: left;

	margin:  0 14px;

*display:inline;

	zoom: 1;

	position: relative;

}

.nav ul li span.arrow {

	display: block;

	position: absolute;

	top: 32px;

	color: #000;

	width: 20px;

	left: 50%;

	margin-left: -10px;

	text-align: center;

	font-size: 12px;

	z-index: 5;

	cursor: pointer;

}

.nav ul li a { border: 0px solid red;

	color: #000;

  font-family: 'Poppins', sans-serif;

	font-size:15px;

	font-weight: 500;

	letter-spacing: 1px;

	line-height: 30px;

	display: block;

	text-decoration: none;
	text-transform: uppercase;

	transition: all 0.1s ease-in;

	-moz-transition: all 0.2s ease-in;

}

.nav ul li a.Active {background: red;}

.nav ul li ul {

	list-style: none;

	padding: 10px 0 0;

	display: none;

	position: absolute;

	left: 0;

	width: 160px;

}

.nav ul li ul li {

	width: 160px;

}

.nav ul li ul li a {

	display: block;

	padding: 15px;

	text-transform: capitalize;

	background: #535353;

	border-bottom: 1px solid #022B36;

}

.nav ul li ul li a:hover {

	background: #606060;

}

.nav ul li:hover a {

	color: #282560; border: 0px solid blue;

	background: transparent; 

}



.nav ul li a::before {

    content: "";

    position: absolute;

    z-index: -2;

    left: 0;

    right: 100%;

    bottom: -4px;

    background: #B1222C;

    height: 2px;

    -webkit-transition-property: right;

    transition-property: right;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;  border: 0px solid transparent;

}

.nav ul li:hover a:hover::before {

	color: #00405e;

	right: 0; 

	border: 1px solid #B1222C;

	background: transparent;

}





.nav ul li:hover ul {

	display: block;

}

.nav ul li:hover ul a {

	color: white;

	background: #1E8CA8;

}

.nav ul li:hover ul a:hover {

	background: #022B36;

}

.nav .nav-bars {

	display: none;

	position: absolute;

	top:15px;

	right: 15px;

	color: #282560;

	font-size: 20px;

	cursor: pointer;

	transition: all 300ms ease-in;

}

.nav .nav-bars i {

	font-weight: bold;

}

.nav.mobile {

	width: 100%;

	padding-top: 145px;

	transition: 0.4s;

}

header.sticky .nav.mobile {

	width: 100%;

	padding-top: 50px;

}

header.sticky .nav .nav-bars {

	color: #282560;

	top: 10px;

}

.nav.mobile ul {

	display: none;

	border-top: 2px solid #2ea3f2;

}

.nav.mobile ul li {

	float: none;

}

.nav.mobile ul li span.arrow {

	display: block;

	top: 6px;

	font-size: 16px;

	margin: 0;

	right: 2px;

	left: auto;

	padding: 10px;

}

.nav.mobile ul li span.arrow:hover {

	color: #aaa;

}

.nav.mobile ul li span.arrow.arrow-rotate {

	-webkit-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	transform: rotate(180deg);

}

.nav.mobile ul li a {

	color: #000;

	font-size: 14px;

	line-height: 40px !important;;

	padding: 0 15px;

	background: #FFF;

	border-bottom: 1px solid #F1f1f1;

}

.nav.mobile ul li ul {

	position: static;

	width: 100%;

	padding: 0;

}

.nav.mobile ul li ul li {

	width: 100%;

}

.nav.mobile ul li:hover a {

	background: #008EE0;

	border-bottom: 1px solid #914949;

}

.nav.mobile ul li:hover a:hover {

	background: #f7f7f7;

	color: #000;

	border-bottom: 1px solid #f7f7f7;

}

.nav.mobile ul li:hover ul {

	display: none;

}

.nav.mobile ul li:hover ul a {

	background: #022B36;

}

.nav.mobile ul li:hover ul a:hover {

	background: #1D8AA5;

}

.nav.mobile .nav-bars {

	display: block;

}