#layout-nav, #layout-nav *{
	transition: all 0.15s ease-out 0s;
	-webkit-transition: all 0.15s ease-out 0s;
	-moz-transition: all 0.15s ease-out 0s;
	-o-transition: all 0.15s ease-out 0s;
}
#layout-nav{
	position: absolute;
	top: -1px;
	width: 100%;
	z-index: 99;
	background: linear-gradient(rgba(0,0,0,.4) 50%,rgba(0, 0, 0, 0) 100%, rgba(0,0,0,1) 130%) no-repeat !important;
}
#layout-nav.sticky, #layout-nav.stick{
	position: fixed;
	background: white !important;
	box-shadow: 0px 2px 26.46px 0.54px rgba(1, 1, 1, 0.09);
	border-radius: 0px !important;
}
#layout-nav .logo{
	width: 150px;
	filter: contrast(0) brightness(0) invert(1);
}
#layout-nav.sticky .logo, #layout-nav.stick .logo{
	filter: none !important;
}
#layout-nav .lcolored{
	display: none;
}
#layout-nav ul{
	width: 100%;
	margin: 15px 0; 
}
#layout-nav ul li{
	text-align: center;
	margin-top: 25px;
}
#layout-nav ul li.nav-logo a{
	display: block;
}
#layout-nav.sticky ul li.nav-h:hover a, #layout-nav.sticky ul li.nav-h.active a{
	border-bottom: #666 solid 1px;
}
#layout-nav ul li a{
	display: inline-flex;
	color: #fff !important;
	font-family: 'Karla', sans-serif;
	font-size: 14px;
	padding: 0;
}
#layout-nav.sticky ul li a, #layout-nav.stick ul li a{
	color: #666 !important;
}
#layout-nav .nav-logo a{
	padding: 0 !important;
}
#layout-nav .nav-logo{
	width: 18%;
	margin: 0px !important;
}
#layout-nav .nav-r.pe{
	width: 11%;
}
#layout-nav .nav-r{
	width: 9.6%;
}
#layout-nav .nav-l{
	width: 10.25%;
}
.nav > li > a:hover, .nav > li > a:focus{
	background-color: transparent !important; 
}