/* small header code style */
.navbar-default.smallHeader .row:nth-child(1) {display:none}
.navbar-default.smallHeader .row:nth-child(2) {padding-top:15px}
.navbar-default.smallHeader .navbar-background {height:75px}
/*
.navbar-default.smallHeader {top:-50px; transition: top 0.5s}
.navbar-default {top:0px; transition: top 0.5s; transition-delay:1s}
*/

.navbar-toggle {background:white !important}
.navbar-toggle.active {background:#ddd !important}

/* fixed applied to body hides the browser scroolbar */
body.fixed {
    overflow:hidden;
}
body.fixed nav {
	position:fixed;	
	overflow-y:scroll;
	overflow-x:hidden;
	height:100% !important;
	width:100%;
}

/* background for the the header */
.navbar-background {
	content:'';
	z-index:-2;
	position:absolute;
	width:100%;
	height:126px;
    background-color: white;
	opacity:0.95;
/*	border-bottom:1px solid gray; */
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

#menu a {outline:0}
#menu > li > a {color:black; font-weight:bold; text-transform:uppercase; font:13px proxima !important}
#menu > li > a:hover, #menu > li > a:focus {color: #006ECA}

#menu .panel dl {padding:0 0 0 20px}
#menu .panel dl dt a {text-transform:uppercase; color:black}
#menu .panel dl dt a:hover {color:#006ECA}
#menu .panel dl dt {font:13px proxima}
#menu .panel dl dd {font:12px proxima; color:gray}

.navbar-default .shadow {z-index:-10; position:fixed; top:0px; left:0; width:100%; height:100%; background-color:black; opacity:0.8; }

/* Only for extra small devices*/
@media (max-width: 767px) {
	#menu .panel a[role=button] {font-weight:lighter !important}
	#menu .panel.active a[role=button] {font-weight:bold !important; color:black; font:13px proxima !important}
	#menu .panel {margin:0; box-shadow:none}
	#menu .panel.active a[role=button] {font-weight:bold; color:black}
	#menu .panel table {position:absolute; left:0; z-index:1000}
	#menuHolder {position:absolute; top:127px; left:15px; right:15px; padding-bottom:150px}
	#menu > li {border-radius:0; padding:0px; border:0}
	#menu > li > a {border-bottom:1px solid silver; padding:20px; display:block}
	#menu > li:last-child > a {border-bottom:0}
	#menu > li.active:last-child > a {border-bottom:1px solid silver}
	#menu > li > a span {float:right; margin:10px}
	#menu > li > div {margin-top:20px}
	#menu .panel > div .container br {display:none}

	/* css changes needed for small header (when page scrolled down for a bit) */
	.navbar-default.smallHeader #menuHolder {top:76px}
	.navbar-default.smallHeader #menu .panel > div {padding-top:-76px}
}

/* Only for small devices*/
@media (min-width: 768px) and (max-width: 991px) {
	#menu .panel a[role=button] {font-weight:lighter !important}
	#menu .panel.active a[role=button] {font-weight:bold !important; color:black; font:13px proxima !important}
	#menuHolder {position:absolute; top:127px; width:720px}
	#menu > li {z-index:1001; border-radius:0; border:1px solid silver; border-width:0 0 1px 1px; margin:0px; padding:25px 15px 25px 15px; display:block; text-align:center; height:75px; box-shadow:none}
	#menu > li:first-child {border-left:0}
	#menu .panel > div {z-index:1001; position:absolute; left:0; right:0; top:75px; text-align:left; width:720px}
	#menu .panel > div .container {background-color:white; padding:20px 0 0 0; width:720px}
	#menu .panel > div .container br {display:none}
	#menu .panel:nth-child(2) > div { left:-181px !important; }
	#menu .panel:nth-child(3) > div { left:-361px !important; }
	#menu .panel:nth-child(4) > div { left:-541px !important; }

	/* css changes needed for small header (when page scrolled down for a bit) */
	.navbar-default.smallHeader #menuHolder {top:76px}
	.navbar-default.smallHeader #menu .panel > div {top:75px}
}

/* Ending Only for medium devices*/
@media (min-width: 992px) and (max-width: 1200px) {
	#menu .panel a[role=button] {font-weight:lighter !important}
	#menu .panel.active a[role=button] {font-weight:bold !important; color:black; font:13px proxima !important}
	#menuHolder {position:absolute; top:127px; width:940px}
	#menu > li {z-index:1001; border-radius:0; border:1px solid silver; border-width:0 0 1px 1px; margin:0px; padding:25px 15px 25px 15px; display:block; text-align:center; height:75px; box-shadow:none}
	#menu > li:first-child {border-left:0}
	#menu .panel > div {z-index:1001; position:absolute; left:0; right:0; top:75px; text-align:left; width:940px}
	#menu .panel > div .container {background-color:white; padding:20px 0 0 0; width:940px}
	#menu .panel > div .container br {display:none}
	#menu .panel:nth-child(2) > div { left:-236px !important; }
	#menu .panel:nth-child(3) > div { left:-471px !important; }
	#menu .panel:nth-child(4) > div { left:-706px !important; }

	/* css changes needed for small header (when page scrolled down for a bit) */
	.navbar-default.smallHeader #menuHolder {top:76px}
	.navbar-default.smallHeader #menu .panel > div {top:75px}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#menu .panel a[role=button] {font-weight:lighter !important}
	#menu .panel.active a[role=button] {font-weight:bold !important; color:black; font:13px proxima !important}
	#menuHolder {z-index:1001; top:133px; position:fixed; margin:-58px 0 -58px 260px}
	#menu > li {box-shadow:none; width:auto; margin-right:20px; padding:0; background:none; border:0}
	#menu .panel > div {z-index:1001; position:fixed; left:0; right:0; top:126px; text-align:left}
	#menu .panel > div .container {background-color:white; padding:20px 0 0 0; width:1150px; border-top:1px solid silver}
	#menu .panel > div .container br {display:none}
	/* top-arrows poiting to active pabel */
	#menu .panel.active a[data-target="#menuStartCompany"]:before {z-index:10000; margin-left:55px; content:''; position:fixed; top:118px; z-index: 1001; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid silver}
	#menu .panel.active a[data-target="#menuManageCompany"]:before {margin-left:60px; content:''; position:fixed; top:118px; z-index: 1001; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid silver}
	#menu .panel.active a[data-target="#menuWhyChooseUs"]:before {margin-left:50px; content:''; position:fixed; top:118px; z-index: 1001; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid silver}
	#menu .panel.active a[data-target="#menuAboutUs"]:before {margin-left:25px; content:''; position:fixed; top:118px; z-index: 1001; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid silver}
	/* search field */
	.navbar-default .row:nth-child(1) tr td:first-child form {float:right}

	/* css changes needed for small header (when page scrolled down for a bit) */
	.navbar-default.smallHeader #menuHolder {top:84px}
	.navbar-default.smallHeader #menu .panel > div {top:74px}
	.smallHeader #menu .panel.active a[data-target="#menuStartCompany"]:before,
	.smallHeader #menu .panel.active a[data-target="#menuManageCompany"]:before,
	.smallHeader #menu .panel.active a[data-target="#menuWhyChooseUs"]:before,
	.smallHeader #menu .panel.active a[data-target="#menuAboutUs"]:before {top:68px}
}








/* Change the Bootstrap NavBar Breakpoint to 1200px */
@media (max-width: 1200px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}




.logo {outline:none !important}

.navbar-default {
    background: none;
    border-bottom: 1px solid #76778A;
    z-index: 1001;
	height:125px;
	padding:0;
	border:0 !important;
}

/* where is the search bar placed */
.navbar-default .row:nth-child(1) {
	margin:15px 0 15px 0;
	padding-bottom:10px;
	border-bottom:1px solid #f2f2f2;
}

.navbar-default .row:nth-child(2) {
	margin:0px;
}

.navbar-default .row:nth-child(2) button {
	font-weight:lighter !important;
	text-transform:uppercase;
	font:13px proxima;
	height:38px;
	padding:10px;
	margin:0 2px 0 0;
}

.navbar-default .contact li a {
	font-family:proxima;
	color:gray;
	font-weight:normal;
}
.navbar-default .contact li a:hover {
	color: #006ECA;
}
.navbar-default .contact li {
    display:inline-block;
    padding:0 0 0 10px;
    margin:0 0 0 10px;
    border-left: 1px solid #f2f2f2;
}
.navbar-default .contact {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

/* search field */
.navbar-default .row:nth-child(1) input {
	border:0px !important;
	font:13px proxima;
	outline:none;
	width:100%;
	padding-right:25px;
	background:none;
	box-shadow:none !important;
}
.navbar-default .row:nth-child(1) span {
	color:silver;
	margin-right:5px;
}