/*



 * Header Styles:



 * Sets the base styles for the header and top area.



*/











/* ----------- Top Bar (login, search, etc.) Styles ----------- */



.top {



	background: #262626; /* dark gray*/



}



.top ul.loginbar {



	margin: 0;



	padding: 0;



	z-index: 9999;



	position: relative;



}



.top ul.loginbar > li {



	display: inline;



	list-style: none;



	padding-bottom: 15px;



}



.top ul.loginbar > li > a,



.top ul.loginbar > li > a:hover {



	color: #7c8082; /* dark grey */



	font-size: 11px;



	text-transform: uppercase;



	font-family: 'Open Sans', sans-serif;



}



.top ul.loginbar li.devider {



	top: -1px;



	padding: 0;



	font-size: 8px;



	position: relative;



	margin: 0 9px 0 5px;



	font-family: Tahoma;



	border-right: solid 1px #bbb;



}



.top ul.loginbar li i.icon-globe {



	color: #bbb;



}











/* ----------- Default Header Styles ----------- */



.header {



	z-index:999;



	position:relative;



	background: #9a0002;



	background-image:url('https://www.infraredtraining.com/template/img/navBkgd.png');



	background-repeat:no-repeat;



	background-position:right top;



	border-bottom: solid 2px #eee;



}



.header .navbar {



	margin: 0;



	min-height: inherit;



}



.header .navbar-default {



	border: none;



	background: none;



}



.header .navbar-collapse {



	position: relative;



	/*max-height: inherit;*/



}







/*Brand*/



.header .navbar-brand {



	z-index: 2;



	position: relative;



	padding: 0 10px 10px;



}







/*Navbar*/



.header .navbar-default .navbar-nav > li > a {



	color: #e4e9f0;



	font-size: 12px;



	font-weight:400;



	padding: 15px 18px;



	text-transform: uppercase;



}



.header .navbar-default .navbar-nav > .active > a {



	color: #e4e9f0;



}







/*Dropdown*/



.header .navbar-right .dropdown-menu {



	right: inherit;



}



.header .navbar .nav > li > a i.icon-angle-down {



	top: -1px;



	left: 1px;



	font-size: 12px;



	position: relative;



	margin: 0 !important;



}







/*Navber Toggle*/



.navbar-toggle,



.navbar-default .navbar-toggle:hover,



.navbar-default .navbar-toggle:focus {



	background: #9a2626;



}



.navbar-toggle:hover {



	background: #c0392b !important;



}



.navbar-default .navbar-toggle {



	border-color: #c0392b;



}



.navbar-default .navbar-toggle .icon-bar {



	background: #fff;



}







/*Serach Box*/



.header .navbar .search-open {



	right: 0;



	top: 50px;



	display: none;



	padding: 14px;



	position: absolute;



	background: #fcfcfc;



	border-top: solid 2px #eee;



	box-shadow: 0 1px 3px #ddd;



}



.header .navbar .nav > li > a.search {



	color: #aaa;



	cursor: pointer;



	padding: 8px 8px 10px;



	border-bottom-color: #aaa;



	background: #f7f7f7 !important;



}



.header .navbar .nav > li > a.search:hover {



	color: #e4e9f0;



	border-bottom-color: #761e1e;



}



.header .navbar .search-open form {



	margin: 0;



}



.header .navbar a.search [class^="icon-"],



.header .navbar a.search [class*=" icon-"] {



  width: 1.25em;



  text-align: center;



  display: inline-block;



}



.header .navbar a.search [class^="icon-"].icon-large,



.header .navbar a.search [class*=" icon-"].icon-large {



  /* increased font size for icon-large */



  width: 1.5625em;



}















/* ----------- Responsive @Media Styles ----------- */



@media (min-width: 767px) {



	/*Navbar Collapse*/



	.header .navbar-collapse {



		padding: 0;



	}







	/*Navbar*/



	.header .navbar-nav {



		/*top: 2px;



		margin-top: 10px;*/



		position: relative;



	}



	.header .navbar-default .navbar-nav > li > a,



	.header .navbar-default .navbar-nav > li > a:focus {



		border-bottom: solid 2px transparent;



	}



	.header .navbar-default .navbar-nav > li > a:hover,



	.header .navbar-default .navbar-nav > .active > a {



		border-bottom: solid 2px #9a0002;



	}



	.header .navbar-default .navbar-nav > li > a,



	.header .navbar-default .navbar-nav > li > a:hover,



	.header .navbar-default .navbar-nav > li > a:focus,



	.header .navbar-default .navbar-nav > .active > a,



	.header .navbar-default .navbar-nav > .active > a:hover,



	.header .navbar-default .navbar-nav > .active > a:focus {



		background: none;



	}



	.header .navbar-default .navbar-nav > .open > a,



	.header .navbar-default .navbar-nav > .open > a:hover,



	.header .navbar-default .navbar-nav > .open > a:focus {



		color: none;



	}







	/*Dropdown Menu*/



	.header .dropdown-menu {



		padding: 0;



		border: none;



		min-width: 200px;



		border-radius: 0;



		z-index: 9999 !important;



		margin-top: 0px !important;



		/*border-top: solid 2px #7c8082;



		border-bottom: solid 2px #7c8082;*/



		background:rgba(0,0,0,0.85);



	}



	.header .dropdown-menu li a {



		color: #687074;



		font-size: 13px;



		font-weight: 400;



		padding: 6px 15px;



		/*border-bottom: solid 1px #eee;*/



	}



	.header .dropdown-menu .active > a,



	.header .dropdown-menu li > a:hover {



		color: #fff;



		filter: none !important;



		background: #687074 !important;



		-webkit-transition: all 0.1s ease-in-out;



		-moz-transition: all 0.1s ease-in-out;



		-o-transition: all 0.1s ease-in-out;



		transition: all 0.1s ease-in-out;



	}



	.header .dropdown-menu li > a:focus {



		background: none;



		filter: none !important;



	}







	/*Search Box*/



	.header .navbar .search-open {



		width: 330px;



	}



}







@media (max-width: 767px) {



	/*Search Box*/



	.header .navbar .search-open {



		left: 20px;



		top: inherit;



		bottom: -5px;



		padding: 15px;



		border-top: none;



		box-shadow: none;



		background: none;



	}



}



@media (max-width: 1024px) {

.header .navbar-default .navbar-nav > li > a {



	padding: 9px 15px;



}



}