/* Navigation Bar styles
-------------------------------------------------- */

.navbar .brand {
  display: block;
  float: left;
  padding: 10px 20px;
  margin-left: -20px;
  font-size: 2em;
  color: #333333;
}

.navbar .brand:hover,
.navbar .brand:focus {
  text-decoration: none;
}

#navbar-push
{
  height:66px;
}
@media (max-width: 979px)  {
  #navbar-push
  {
    height:0px;
  }
}
.navbar .nav > li {
  float: left;
  padding-top: 20px;
}

.navbar .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  color: #777777;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
  font-weight: bold;
  background-color: transparent;
}

.navbar-left {
  margin-top: 4px;
  margin-bottom: 4px;
  color: #777777;
  background: #EDEDED;
}
.navbar-left > li  {
  border:1px;
  border-color: #FFF;
  border-style:solid;
  padding-left: 8px;
}

.navbar-left > li > a:focus,
.navbar-left > li > a:hover {
  color: #DD4B39;
  text-decoration: none;
  font-weight: bold;
  background: #EEEEEE;
}

.navbar-left  > .active > a,
.navbar-left > .active > a:hover,
.navbar-left > .active > a:focus {
  color: #DD4B39;
  text-decoration: none;
  font-weight: bold;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus 
{
  color: #DD4B39;
}