/* Navigation Style 2 */

 	

 #logo {
	position:absolute;
	height: 100%;
	max-width: 100%;
	left:20px;
	margin-left:0;
	font-size: 0;
	z-index:100;
	display:block;
	transform-style: preserve-3d;
	transition: -moz-transform 0.5s ease 0s;
	background-position: 0 7px !important;
	background-size: auto 50px !important;
}
#logo a {
	width:auto;
	max-width: 100%;
	height: 100%;
}

#logo a:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
#logo a img {
	display:inline-block;
	max-width: 100%;
	width: 250px;
}
.logo-back {
	transform: rotateY(-180deg);
}
#navigation-sticky-wrapper {
	height:45px;
}
.navbar-inner {
	background: none;
	box-shadow: none !important;
	line-height: 40px !important;
	transition: all 0.3s ease-out 0s;
	border-bottom: none !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	background: #051526;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.1)!important;
	z-index:10;
}
.is-sticky .navbar-inner {
	margin-top:-1px;
}
.navbar-inner .container {
	position: relative;
	padding:20px 0;
}
.navbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}
.navbar .nav {
	width:100%;
	text-align:right;
}
.navbar .nav > li {
	float:none;
	display:inline-block;
}
.navbar .nav > li.menu-1 {
	margin-right:10px;
}
.navbar .nav > li.menu-2 {
	margin-right:10px;
}
.navbar .nav > li.menu-3 {
	margin-right:10px;
}
.navbar .nav > li.menu-4 {
	margin-right:10px;
}
.navbar .nav > li.menu-5 {
	margin-right:10px;
}
.navbar .nav > li.menu-6 {
	margin-right:10px;
}
.navbar .nav > li.menu-7 {
	margin-right:10px;
}
.navbar .nav > li.menu-8 {
	margin-right:0px;
}
.navbar .nav > li > a {
	text-transform:uppercase;
	font-weight:400;
	font-size:12px;
	color: #999999;
	display: block;
	height: 100%;
	transition: all 0.3s ease-out 0s;
	line-height: 45px;
	text-shadow: none;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	background: none;
	box-shadow: none;
	color: #fff;
	height: 100%;
	transition: all 0.3s ease-out 0s;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
	color: #fff;
	text-decoration: none;
	height: 100%;
	transition: all 0.3s ease-out 0s;
}
.navbar .show-menu {
	float: right;
	width:30px;
	margin: 22px 30px 15px 10px;
	height: 30px;
	padding:2px;
	background:url(../images/responsive-menu1.png) no-repeat 2px 2px;
	background-size:30px 30px;
	cursor:pointer;
	border-radius:3px;
	opacity:0.7;
	display:none
}
.navbar .show-menu:hover {
	opacity:1;
}
 @media only screen and (max-width: 1300px) {
.navbar .nav > li.menu-1 {
	margin-right:10px;
}
.navbar .nav > li.menu-2 {
	margin-right:10px;
}
.navbar .nav > li.menu-3 {
	margin-right:10px;
}
.navbar .nav > li.menu-4 {
	margin-right:10px;
}
.navbar .nav > li.menu-5 {
	margin-right:10px;
}
.navbar .nav > li.menu-6 {
	margin-right:10px;
}
.navbar .nav > li.menu-7 {
	margin-right:10px;
}
.navbar .nav > li.menu-8 {
	margin-right:0px;
}
}
 @media only screen and (max-width: 1024px) {
#logo {
position:relative;
max-width: 60%;
margin: 10px 6px;
} 
.navbar .nav > li > a {
color: gray;
}
 .navbar-inner {
	min-height: 45px!important;
	padding:0!important;
}
.nav-collapse {
	background-color:#fff;
	padding:0px 30px;
}
.navbar .nav > li {
	display: inline-block;
	float: left;
	width:100%;
	border-bottom: 1px dotted #CCCCCC;
}
.navbar .nav > li:last-child {
	border-bottom:none;
}
.navbar .nav {
	text-align: left;
	width: 100%;
}
.navbar .nav > li > a.collapse_menu1, .navbar .nav > li > a.dropdown-toggle, .navbar .nav > li > a.external {
	padding: 8px 0px;
	font-family: 'Open Sans', serif;
	font-size:14px;
	line-height:25px;
}
.is-sticky .navbar .nav > li > a {
	line-height:25px;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	color: #222222;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
	color: #222222;
}
.navbar .show-menu {
	display:block;
}
.navbar .nav-collapse .nav.pull-right {
	float: left;
	margin:10px 0;
}
}
 @media only screen and (max-width: 767px) {
}
 @media only screen and (max-width: 479px) {
 	#logo a img {
 		width: 150px;
 	}
 }
  @media only screen and (max-width: 370px) {
 .navbar .show-menu {
	margin: 15px 30px 15px 10px;
	}
}