/*Header Default
------------------------------------*/
.header {
	z-index:999;
	position:relative;
	border-bottom:solid 2px #eee;
	margin-bottom:20px;
	background-color: #4883BA; 
}

.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 {
	/*border-bottom: 1px solid rgb(5,171,224);*/
	
	background: rgb(84,180,235); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0YjRlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzhhY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(84,180,235,1) 0%, rgba(23,138,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,180,235,1)), color-stop(100%,rgba(23,138,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(84,180,235,1) 0%,rgba(23,138,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(84,180,235,1) 0%,rgba(23,138,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(84,180,235,1) 0%,rgba(23,138,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(84,180,235,1) 0%,rgba(23,138,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b4eb', endColorstr='#178acc',GradientType=0 ); /* IE6-8 */
}
	
.header .navbar-default .navbar-nav > li > a {
	color: #FFFFFF;
	font-size: 13px;
	font-weight:400;
	padding: 15px 20px;
	text-transform: uppercase;
}

/*.header .navbar-default .navbar-nav > .active > a {
	font-weight: bold;
	background-color: #428BCA;
}*/

/*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: #428BCA;
}

.navbar-toggle:hover {
	background: #2E6CA0 !important;
}

.navbar-default .navbar-toggle {
	border-color: #2E6CA0;
}

.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 #E0E0E0;
	box-shadow: 0 1px 3px #D0D0D0; 
}

.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: #72c02c;
	border-bottom-color: #72c02c;
}

.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 
------------------------------------*/
@media (min-width: 767px) {
	/*Navbar Collapse*/
	.header .navbar-collapse {
		padding: 0;
	}

	/*Navbar*/
	.header .navbar-nav {
		/*top: 2px;
		margin-top: 10px;
		position: relative;
		top: 2px;
		bottom: 2px;*/
		text-align: center;
		/*margin: 0px;*/
	}

	/*.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 > .active > a {
		font-weight: bold;
		background-color: #178acc;
	}
	
	.header .navbar-default .navbar-nav > li > a:hover {
		/*color: #CCCCCC;
		border-bottom: solid 2px #FF1100;*/
		background-color: #178acc;
	}
	
	.header .navbar-default .navbar-nav > .open > a,
	.header .navbar-default .navbar-nav > .open > a:hover,
	.header .navbar-default .navbar-nav > .open > a:focus {
		color: #FFFFFF;
	}


	/*Dropdown Menu*/
	.header .dropdown-menu { 
		padding: 0;
		border: none;
		min-width: 200px;
		border-radius: 0; 
		z-index: 9999 !important;
		margin-top: -2px !important; 
		border-top: solid 2px #000000; 
		border-bottom: solid 2px #687074; 
   }

	.header .dropdown-menu li a { 
		color: #687074; 
		font-size: 13px; 
		font-weight: 400; 
		padding: 6px 15px; 
		border-bottom: solid 1px #E0E0E0;
	}

	.header .dropdown-menu .active > a,
	.header .dropdown-menu li > a:hover {
		color: #FFFFFF;
		filter: none !important;
		background: #178ACC !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;
	}	

   .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle;
      margin-bottom: 5px;
   }
}

@media (max-width: 767px) {

   .navbar-default .navbar-nav .open .dropdown-menu > li > a{
		color: #fff;
	}

	/*Search Box*/
	.header .navbar .search-open {
		left: 20px; 
		top: inherit;
		bottom: -5px; 
		padding: 15px;
		border-top: none;
		box-shadow: none;
		background: none; 
	}	
	
	.navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background-color: #B04040;
    }
	
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
	  background-color: #178acc;
	}

   .navbar-collapse { max-height: 100% !important; }
}