/*
	[Table of contents]

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

*/

/*		Navigation Bar		*/
.navbar-brand {
	padding: 0;
	width: 100px;
}
.navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar>.container-fluid .navbar-brand {
	margin-left: 0;
}
.nav {
	list-style: none;
}
.navbar {
	padding: 0 60px;
	background-color: rgba(30, 30, 30, 0.8);
}
.navbar .navbar-brand{
	padding: 30px 0;
	transition: all 0.2s ease-in-out;
}
.navbar .navbar-nav > li > a {
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 700;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	padding: 40px 20px;
	/* letter-spacing: 2px; */
	transition: all 0.2s ease-in-out;
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li.active > a, .dropdown.full_menu ul.dropdown-menu li.active a  {
	background-color: transparent;
	color: #da390d;
}
@media (max-width: 1200px) {
	.navbar-header {
		float: none;
	}
	.navbar-nav>li {
		float: none;
	}	
	.navbar-nav { 
		position: relative;
		float: none!important; 
		padding: 20px 30px;
	}
	.navbar-toggle {
		border-radius: 0;
		width: auto;
		border: 1px solid #fff;
		display: block;
		margin: 30px 0;
		transition: all 0.2s ease-in-out;
	}
	.navbar-collapse {
		width: 100%;
		background-color: #1e1e1e;
		border-top: 1px solid transparent;
	}
	.navbar-collapse.collapse { 
		display: none !important; 
		max-height: 100%;
	}
	.navbar-nav > li {
		display: inline-block;
		width: 100%;
		float: none;
	}
	.navbar .nav.navbar-nav > li > a,.navbar .navbar-collapse > ul > li > a {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		width: 100%;
	}
	.navbar-collapse.collapse.in {  
		display: block !important;
		overflow-y: auto; 
		border-top: 1px solid rgba(255,255,255,0.5);
	}
	.navbar-collapse.collapse.in ul.nav{
		max-height: 480px;
		overflow-y: auto;
	}
	.collapsing { 
		overflow: hidden !important; 
	}
}
@media only screen and (max-width: 480px) { 
	.navbar, .navbar .container-fluid {
		padding: 0 !important;
	}
	.container-fluid .navbar-header {
		margin: 0;
		padding: 0 20px;
	}
}
@media only screen and (max-width: 480px) { 
	.navbar, .navbar .nav_padding,.navbar .container-fluid, .navbar.navbar_1 .container , .navbar .nav_padding .container-fluid {
		padding: 0 !important;
	}
	.container-fluid .navbar-header {
		margin: 0;
		padding: 0 20px;
	}
	.container-fluid>.navbar-collapse,.navbar.navbar_1 .navbar-collapse {
		margin: 0;
	}
}