/* navbar */
.navbar {
  background-color: #5091cd;
  border-color: #5091cd;
  padding-left: 12px;
  padding-right: 13px;
}
.navbar-collapse {
  background-color: #5091cd;
  border-color: #5091cd;
}
/* title */
.navbar .navbar-brand {
  color: #FFFFFF;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #FFFFFF;
}
/* link */
.navbar .navbar-nav > li > a {
  background-color: #5091cd;
  border-color: #5091cd;
  color: #FFFFFF;
  /*colour group 1*/
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
  background-color: #5091cd;
  border-color: #5091cd;
  color: #D3D3D3;
  /*colour group 2*/
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
  color: #FFFFFF;
  /*colour group 3*/
  background-color: #E7E7E7;
}
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus {
  color: #FFFFFF;
  /*colour group 3*/
  background-color: #D5D5D5;
}
/* caret */
.navbar .navbar-nav > .dropdown > a .caret {
  border-top-color: #777;
  /*colour group 1*/
  border-bottom-color: #777;
  /*colour group 1*/
}
.navbar .navbar-nav > .dropdown > a:hover .caret,
.navbar .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #333;
  /*colour group 2*/
  border-bottom-color: #333;
  /*colour group 2*/
}
.navbar .navbar-nav > .open > a .caret,
.navbar .navbar-nav > .open > a:hover .caret,
.navbar .navbar-nav > .open > a:focus .caret {
  border-top-color: #555;
  /*colour group 3*/
  border-bottom-color: #555;
  /*colour group 3*/
}
/* mobile version */
.navbar .navbar-toggle {
  border-color: #FFFFFF;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #FFFFFF;
}
.navbar .navbar-toggle .icon-bar {
  background-color: #CCC;
}
@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > li > a {
    color: #FFFFFF;
    /*colour group 1*/
  }
  .navbar .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #D3D3D3;
    /*colour group 2*/
  }
}