/* Navigation Style 1 */

	

	#logo {

		background:url(../images/logo.png) 0px no-repeat;

		background-size:308px 83px;

		position:absolute;

		width:308px;

		height:83px;

		left:inherit;

		margin-left:0;

		margin-top:20px;

		z-index:100;

		display:block;

		transform-style: preserve-3d;

		transition: -moz-transform 0.5s ease 0s;

	}

	

	#logo a{

		width:308px;

		height:83px;

		position:absolute;

	}

	

	.logo-back {

		transform: rotateY(-180deg);

	}



	#navigation-sticky-wrapper {

		height:45px;

	}



#project-slider {

	background-color:#FFFFFF;



}

	

#message {

	float:left;

	clear:both;

	width:100%;

	margin-top:20px;

	margin-bottom: 30px;

}

	

	.navbar-inner {

		background: #222222;

		box-shadow: none !important;

		min-height: 80px;

		transition: all 0.3s ease-out 0s;

		border-bottom: none !important;

		padding-left: 20px !important;

		padding-right: 20px !important;

		box-shadow: 0px 2px 5px rgba(0,0,0,0)!important;

		transition: all 0.3s ease-out 0s;

		z-index:10;	
		
		filter:none;	

	}

	

	.is-sticky #logo {

		background:url(../images/logo.png) no-repeat;

		background-size:308px 83px;

	}

	

	.is-sticky .navbar-inner {

		background:url(../images/top-bg.jpg) top center no-repeat;

		box-shadow: 0px 2px 5px rgba(0,0,0,0.2)!important;

		transition: all 0.3s ease-out 0s;

		min-height:127px !important;

	}

	

	.is-sticky .navbar .nav > li > a {

		line-height:37px;

	}

	

	.navbar-inner .container {

		padding:20px 0;

		width:1180px;

		border-bottom:1px solid rgba(255,255,255,0.15)

	

	}

	

	.is-sticky .navbar-inner .container {

		border-bottom:none;	

	}



	.navbar {

		position: absolute;

	}

	

	.navbar .nav {
    width: auto;
    text-align: right;
    float: right; margin:0px;
}


	.navbar .nav > li {

		float:none;
		margin:66px 0 0;
		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-family: 'Open Sans', 'sans-serif';
		font-weight:600;

		font-size:16px;

		color: #fff;

		display: block;

		height: 100%;

		transition: all 0.3s ease-out 0s;

		line-height: 35px;

		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;

		border-bottom:3px solid #fff;	

	}

	

	.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {

		color: #fff;

		text-decoration: none;

		height: 100%;

		transition: all 0.3s ease-out 0s;

		border-bottom:3px solid #fff;

	}

	

	.navbar .nav > li:last-child > a {

		

	}

	

	.navbar .show-menu {

		float: right;

		width:30px;

		margin: 15px 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.9;

		display:none

	}

	

	.navbar .show-menu:hover {

		opacity:1;

	}

	

	

	

@media only screen and (max-width: 1300px) {

	

	.navbar-inner .container {

		padding:20px 0;

		width:100%;

		border-bottom:1px solid rgba(255,255,255,0.15)

	

	}	



	.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) {
	.navbar .nav > li {

		float:none;
		margin:10px 0 0;
		display:inline-block;

	}
}
@media only screen and (max-width: 1024px) {

	

	.navbar-inner {

		min-height: 45px!important;

		padding:0!important;

		background:#222222;

	}

	

	

	

	#logo {

		left:30px;

		background:url(../images/logo1.png) 0 7px no-repeat;

		background-size:120px 50px;

	}

	

	

	.nav-collapse {

		background-color:#f5f5f5;

		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 {

		padding: 8px 0px;

		font-family: 'Open Sans',serif;

		font-size:12px;

		line-height:25px;

		color: #999999;

	}

	

	.is-sticky .navbar .nav > li > a {

		line-height:25px;

	}

	

	.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {

		color: #222222;

		border-bottom:none;

	}

	

	.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {

		color: #222222;

		border-bottom:none;	

	}

	

	.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:670px) {
	.is-sticky .navbar .nav > li > a {

		line-height:5px;

	}
	
	#logo {
		background:url(../images/logo1.png) 0px no-repeat;
		background-size:200px 54px;
		position:absolute;
		width:200px;
		height:54px;
		left:inherit;
		margin-left:20px;
		margin-top:20px;
		z-index:100;
		display:block;
		transform-style: preserve-3d;
		transition: -moz-transform 0.5s ease 0s;
	}
	#logo a{
		width:200px;
		height:54px;
		position:absolute;
	}
	.is-sticky #logo {

		background:url(../images/logo1.png) no-repeat;

		background-size:200px 54px;

	}
	.navbar .nav > li {

		float:none;
		margin:5px 0 0;
		display:inline-block;

	}
}	
@media only screen and (max-width:360px) {
	.is-sticky .navbar .nav > li > a {

		line-height:20px;

	}
	

}