/*--Default--*/

* {
  margin: 0px;
  padding: 0px;
}
html {
  background-color: #eee;
}
body {
  text-align: center;
}

/*
---Bootstrap navbar CSS---
--navbar
.navbar-default {
    background-color: #F8F8F8;
    border-color: #E7E7E7;
}
--title
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
--link
.navbar-default .navbar-nav > li > a {
    color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #E7E7E7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
--caret
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
--mobile version
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}
*/


/*--Navbar--*/


.navbar-default {
    background-color: #17324a;
    border-color: #2a34d3;
    margin-bottom: 0px;
}

.navbar-default div.navbar-collapse {
  border-top: none;
  box-shadow: none;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: white;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #17324a;
}
.navbar a {
  font-weight: bold;
  color: #fff;
}
.navbar-default .navbar-brand {
   border-bottom: 0px solid #2a32d3;
}
.navbar-default .navbar-brand:hover ,.navbar-default .navbar-brand:focus {
  border-bottom: 2px solid #fff;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  border-bottom: 2px solid #42a5f5;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  border-bottom: 2px solid #fff;
}
@media (max-width: 767px) {
  .navbar li {
    padding-left: 15px;
    text-align: left;
  }
}

/*--jumbotron a--*/

.jumbotron a {
  text-decoration: none;
  font-weight: bold;
  border: solid 1px;
  border-radius: 5px;
  padding: 2px 4px 2px 4px;
}

@media (max-width: 767px) {
  .jumbotron a {
    padding: 1px 4px 1px 4px;
  }
}

/*--Footer--*/

footer hr {
  width: 100%;
  height: 1px;
  border: 0 none;
  background: #ddd;
}
footer {
  background-color: #eee;
  padding-bottom: 100px;
}
.fa-stack.fa-2x {
  color: #5a5a5a;
}
.fa-stack:hover .fa-circle {
  color: #42a5f5;
}