.header {
  border-bottom: 1px solid #4d4d4d;
  width: 100%;
  height: 69px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500; }
  .header {
    background: #ffffff; }
  .header .columns {
    padding-left: 0;
    padding-right: 0; }
  .header .logo {
    width: 288px;
    width: 18rem;
    height: 68px;
    height: 4.25rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 400; }
    .header .logo h1 {
      margin: 0;
      line-height: 1; }
  .header nav {
    float: left; }
  .header .search-container {
    float: left;
    width: 68px;
    width: 4.25rem; }
    .header .search-container a {
      display: block;
      height: 68px;
      background: url("../img/icon-search.png?9") no-repeat 50% 50%; }

.main-menu {
  width: 100%; }
  .main-menu ul {
    background: #ffffff; }
  .main-menu ul, .main-menu li {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .main-menu > ul {
    float: left;
    width: 100%;
    position: relative;
    height: 68px;
    padding-left: 37%; }
    @media screen and (max-width: 1366px) {
      .main-menu > ul {
        padding-left: 34%; } }
    .main-menu > ul > li {
      float: left; }
      .main-menu > ul > li > a {
        display: block;
        height: 68px;
        font-family: 'Lato', sans-serif;
        font-weight: 900;
        font-size: 13px;
        font-size: 0.8125rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        letter-spacing: 0.0625rem;
        padding: 19px 20px 28px 15px;
        padding:  1.1875rem 1.25rem 1.75rem 0.9375rem;
        margin: 0 13px;
        margin:  0 0.8125rem;
        color: #808080;
        border-top: 8px solid #ffffff;
        background: url("../images/arrow-main-nav.png") no-repeat 94% 48%;
        text-decoration: none; }
      .main-menu > ul > li.item-2 > a {
        background-image: none; }
      .main-menu > ul > li.active > a, .main-menu > ul > li > a:hover, .main-menu > ul > li > a:focus {
        border-top: 8px solid #62c8d9;
        color: #4d4d4d; }
      .main-menu > ul > li ul {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
          .main-menu > ul > li ul > li a {
            font-family: 'Lato', sans-serif;
            text-decoration: none;
            display: block;
            color: #4d4d4d;
            font-weight: 400;
            font-size: 16px;
            font-size: 1rem;
            text-transform: none;
          padding: 10px 15px;
          padding:  0.625rem 0.9375rem; }
            .main-menu > ul > li ul > li a:hover, .main-menu > ul > li ul > li a:focus {
              color: #62c8d9; }
      .main-menu > ul > li.active ul, .main-menu > ul > li ul.active {
        border-top: 1px solid #4d4d4d; }
      .main-menu > ul > li.active ul,
      .main-menu > ul > li:hover ul,
      .main-menu > ul > li ul.active {
        top: 68px;
        padding-top: 10px;
        padding-top: 0.625rem;
        padding-bottom: 10px;
        padding-bottom: 0.625rem;
        height: auto; }