/*----------------------------*\
  Main nav
\*----------------------------*/

#navigation, .main-nav { background-color: #1D85B9;}

.main-nav>li+li {
  margin-left: 30px
}

.main-nav>li>a {
  padding: 10px 0px;
  color: white;
}

.main-nav>li>a:hover, .main-nav>li>a:focus, .main-nav>li.active>a {
  color: #FFF;
  background-color: transparent;
}

.main-nav>li>a:after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background-color: #FFF;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.main-nav>li>a:hover:after, .main-nav>li>a:focus:after, .main-nav>li.active>a:after {
  width: 100%;
}

.header-ctn li.nav-toggle {
  display: none;
}