ulnav a {
	position: relative;
	display: inline-block;
	margin: 0px 11px;
	outline: none;
	text-decoration: none;
	letter-spacing: 0px;
	font-weight: 400;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
	padding: 0px 0;
}

ulnav a:hover,

ulnav a:focus {
	outline: none;
}


.cl-effect-3 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: rgba(0,0,0,0.1);
content: '';
opacity: 0;
pointer-events: none;

-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);

-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}

.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
opacity: 1;
pointer-events: auto;

-webkit-transform: translateY(1px);
-moz-transform: translateY(1px);
-ms-transform: translateY(1px);
-o-transform: translateY(1px);
transform: translateY(1px);

background: rgba(31,64,116,1);
}


.cl-effect-3 a#active::after {

opacity: 1;
pointer-events: auto;

-webkit-transform: translateY(1px);
-moz-transform: translateY(1px);
-ms-transform: translateY(1px);
-o-transform: translateY(1px);
transform: translateY(1px);

background: rgba(28,185,232,1);
}

ulnav a.active{
color:#000;
}