
@media (max-width: 767px) {
	.navbar-default {
		background-color:transparent;
		border:none;
		padding:20px 0px;
	}
	.container-nav{
	}
	.logo-light{
		display: inline-block;
	}
	.logo-dark{
		display: none;
	}
	.navbar .btn-green{
		/* display: none !important; */
	}
	.navbar a{
	}
	.navbar{
		/* box-shadow: 0px 0px 5px rgba(0,0,0,0.5); */
	}
	.navbar-collapse {
		background: #ffffff;
	  border-top: none !important;
	}
	.navbar-default .navbar-nav > li > a {
		color:#2f81b7 !important;
		padding: 15px;
		border-bottom: none !important;
	}
	.navbar.scrolled{
		padding: 0px;
	}
	.navbar.scrolled .btn-green{
		display: block !important;
	}
}

@media (min-width: 768px) {
	.navbar {
		padding: 20px 0;
		-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
		-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
		transition: background .5s ease-in-out,padding .5s ease-in-out;
	}
	.top-nav-collapse {padding: 0;}
	.container-nav{
		margin-right:30px;
	}
	.logo-light{
		display:inline-block;
	}
	.logo-dark{
		display: none;
	}
	.navbar-default {
		background-color:transparent;
		border:none;
	}
	.navbar a{
		color:rgba(255,255,255,1) !important;
	}
}

.navbar {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.navbar.scrolled {
	background-color:#ffffff;
	border-bottom:#ffffff;
}
/* .navbar .btn{
	background-color: #223547 !important;
} */
/* .navbar.scrolled .btn{
	color:#ffffff !important;
} */
@media (min-width: 768px) {
	.navbar.scrolled a{
		/* color:#223547 !important; */
	}
}
.navbar.scrolled .logo-light{
	display:none;
}
.navbar.scrolled .logo-dark{
	display: inline-block;
}
.navbar.scrolled{
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

@media (min-width: 768px) {
	.navbar.scrolled .logo-light{
		display:none;
	}
	.navbar.scrolled .logo-dark{
		display: inline-block;
	}
}

.navbar-default .navbar-nav .active a {
	background-color:transparent;
	color: #2090c0 !important;
}
.navbar-default .navbar-nav .active a:hover {
	background-color:transparent;
	color: #2090c0 !important;
}
.navbar-default .navbar-nav a:hover {
	background-color:transparent;
	color: #2090c0 !important;
}
.navbar-toggle{
	border-radius: 3px;
	font-size: 14px;
	padding: 6px 12px;
	margin-top:8px;
	border:none;
	margin-left:4px;
	background:#dadada;
	color:#666;
	line-height: 1.42857;
}
.navbar-toggle:hover{
	background-color:#ffc332;
}
.navbar-toggle:focus{
	background-color:#ffc332;
}
