/*
	[Table of contents]

	+ Navigation Bar
		- Menu Hover Dropdown
		- Navigation Bar < 1200 Responsive
		- Navigation Bar < 480 Responsive

*/

/*		Navigation Bar		*/
.navbar-brand 
{
	padding: 0;
	height: auto;
}
.navbar.stick_nav
{
	background-color: #6d7cd4;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	-webkit-box-shadow: 0 1px 33px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 33px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 33px 2px rgba(0,0,0,0.3);
}

.navbar-toggle .icon-bar 
{
	background-color: #2e2e2e;
}
.navbar-nav li.active > a 
{
	color: pink;/*#6d7cd4;*/
}
.navbar,.navbar
{
	padding: 0 60px;
	font-family: sans-serif, Arial;
}
.navbar .navbar-brand
{
	padding: 60px 0;
	transition: all 0.2s ease-in-out;
}
.navbar.stick_nav .navbar-brand
{
	padding: 30px 0;
	font-family: sans-serif, Arial;
}
.navbar.stick_nav .navbar-nav > li > a
{
	padding: 35px 20px;
	color: rgba(20, 20, 20, 0.48);
}
.navbar .navbar-nav > li > a 
{
	color: #6d7cd4 !important;
}
.navbar.stick_nav .navbar-nav > li > a 
{
	font-size: 14px;
	font-weight: 500;
	padding: 65px 20px;
	/*letter-spacing: 2px;*/
	transition: all 0.2s ease-in-out;
	color: #aaa !important;
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li.active > a
{
	background-color: transparent;
	color: #fff !important;
}
.navbar.stick_nav .navbar-nav > li > a:hover, .navbar.stick_nav .navbar-nav > li > a:focus, .navbar.stick_nav .navbar-nav > li.active > a
{
	background-color: #fff !important;
	color: #6d7cd4 !important;
}
.navbar_2.navbar 
{
	background-color: rgba(44,62,80,0.5);
}
.navbar_2.nav_bottom_border 
{
	background-color: rgba(44,62,80,0);
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.navbar_2.navbar.stick_nav 
{
	background-color: #fff;
	border-bottom: none;
}
.navbar_2.navbar .navbar-brand
{
	padding: 30px 15px;
}
.navbar_2.navbar .navbar-nav > li > a  
{
	padding: 35px 20px;
	color:#fff;
}
.navbar_2.navbar:not(.stick_nav) .navbar-nav > li > a  
{
	padding: 35px 20px;
	color:#aaa !important;
    font-size: 14px;
    letter-spacing: 0px;	
}
.navbar_2.navbar:not(.stick_nav) .navbar-nav > li > a:hover
{
	text-decoration: underline;
	color: #6d7cd4 !important;
}

@media (max-width: 1200px) 
{
	.navbar-header {
		float: none;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar.navbar_1 .container  {
		padding: 0;
	}
	.navbar.navbar_1 .navbar-collapse {
		margin: 0;
	}
	.navbar.navbar_1 .container .navbar-header {
		margin: 0 15px;
	}
	.navbar-nav { 
		position: relative;
		float: none!important; 
		padding: 20px 30px;
	}
	.navbar-toggle {
		border-radius: 0;
		width: auto;
		border: 1px solid #2e2e2e;
		display: block;
		margin: 60px 0;
		transition: all 0.2s ease-in-out;
	}
	.navbar-collapse {
		width: 100%;
		background-color: #2e2e2e;
		border-top: 1px solid transparent;
	}
	.navbar-collapse.collapse { 
		display: none !important; 
		max-height: 100%;
	}
	.navbar.stick_nav .navbar-toggle{
		margin: 30px 0;
	}
	.navbar-nav > li {
		display: inline-block;
		width: 100%;
		float: none;
	}
	.navbar .nav.navbar-nav > li > a,.navbar .navbar-collapse > ul > li > a, .navbar.stick_nav .navbar-nav > li > a {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		width: 100%;
		color: #fff;
	}
	.navbar .navbar-nav > li.active > a {
		background-color: transparent;
		color: #6d7cd4;
	}
	.navbar-collapse.collapse.in {  
		display: block !important;
		overflow-y: auto;
	}
	.navbar-collapse.collapse.in ul.nav{
		max-height: 480px;
		overflow-y: auto;
	}
	.collapsing { 
		overflow: hidden !important; 
	}
	.navbar.navbar_2 .navbar-toggle {
		margin: 30px 0;
	}
	.navbar.navbar_2 .navbar-toggle {
		border: 1px solid #fff;
	}
	.navbar.navbar_2.stick_nav .navbar-toggle {
		border: 1px solid #2e2e2e;
	}
	.navbar.navbar_2 .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar.navbar_2.stick_nav .navbar-toggle .icon-bar {
		background-color: #2e2e2e;
	}
}
@media only screen and (max-width: 480px) 
{ 
	.navbar .container-fluid, .navbar.navbar_1 .container
	{
		padding: 0 !important;
	}
	.container-fluid .navbar-header 
	{
		margin: 0;
		padding: 0 20px;
	}
	.container-fluid>.navbar-collapse,.navbar.navbar_1 .navbar-collapse 
	{
		margin: 0;
	}
	.navbar-brand{width:75%; height:auto; padding:0;}
}
@media only screen and (max-width: 320px)
{
	.navbar-brand{width:70%; height:auto; padding:0;}
	nav{background:red;}
}