/* COLORS */
/* ==============
    MOBILE: Menu
   ============== */
nav.small-menu ul {
  -moz-padding-start: 0px;
  -webkit-padding-start: 0px;
  -khtml-padding-start: 0px;
  -o-padding-start: 0px;
  padding-start: 0px;
  padding: 0;
  float: right;
  margin: 0; }
  nav.small-menu ul li {
    list-style-type: none;
    display: inline-block;
    margin-left: 0.5em; }
    nav.small-menu ul li a {
      color: #ffffff;
      text-decoration: none;
      font-weight: 500;
      float: left;
      width: 27%;
      margin: 0 1.7%;
      padding: 0 2%;
      margin-bottom: 0;
      cursor: pointer; }

nav.small-menu li:first-child a {
  margin-left: 0; }

nav.small-menu li:last-child a {
  margin-right: 0; }

nav.submenu {
  display: none; }

@media only screen and (min-width: 970px) {
  nav.small-menu ul li a {
    font-weight: 200; }

  nav.submenu {
    display: inline-block;
    width: 20%;
    float: left;
    padding-top: 0em;
    margin-left: 1em;
    margin-top: -2.6em; }
    nav.submenu ul {
      width: 100%;
      margin: 0;
      -webkit-padding-start: 0;
      -webkit-margin-before: 0;
      -webkit-margin-after: 0;
      -moz-padding-start: 0;
      -moz-margin-before: 0;
      -moz-margin-after: 0;
      -moz-padding-start: 0px;
      -webkit-padding-start: 0px;
      -khtml-padding-start: 40px;
      -o-padding-start: 0px;
      padding-start: 0px;
      padding: 0;
      white-space: nowrap; }
      nav.submenu ul li {
        background: #1f3441;
        width: 100%;
        list-style: none;
        padding: 0em;
        display: block;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        nav.submenu ul li a {
          color: #ffffff;
          padding: 0.5em 1em;
          cursor: pointer;
          display: block; }
        nav.submenu ul li:hover {
          background: #1f3441; }
        nav.submenu ul li ul li {
          background: #375b71; }
          nav.submenu ul li ul li ul {
            width: 100%;
            padding: 0; }
            nav.submenu ul li ul li ul li {
              background: #63b1e5; }
              nav.submenu ul li ul li ul li:hover {
                background: #1f3441; }
              nav.submenu ul li ul li ul li.selected {
                background: #ffffff; }
                nav.submenu ul li ul li ul li.selected a {
                  color: #1f3441; }

  nav.submenu.about ul li.current {
    padding-bottom: 0;
    background: #63b1e5; } }
@media only screen and (min-width: 1140px) {
  nav.small-menu ul li a {
    font-weight: 200; }

  nav.submenu {
    display: inline-block;
    width: 20%;
    float: left; } }