/* Main Nav List */
.gui-nav-list {
    background: #FFFFFF;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.gui-nav-list > li  > a {
    color: inherit;
    display: block;
    padding: 10px;
    text-decoration: none;
}

/* Nav List Extra */
.gui-nav-list .gui-nav-list-extra ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.gui-nav-list .gui-nav-list-extra ul li {
    border-bottom: 1px solid #E5E5E5;
}
.gui-nav-list .gui-nav-list-extra ul li a {
    align-items: center;
    display: flex;
    padding: 10px;
    text-decoration: none;
}

/* Sub Nav Toggle */
.gui-sub-nav-toggle {
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
}
.gui-sub-nav-toggle:hover {
    cursor: pointer;
}
.gui-show .gui-sub-nav-toggle {
    background: #007BFF;
}
.gui-sub-nav-toggle span {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3e%3ctitle%3eplus%3c/title%3e%3cpath d='M41.05,11A21.54,21.54,0,0,1,44,22a21.54,21.54,0,0,1-2.95,11,21.91,21.91,0,0,1-8,8A21.53,21.53,0,0,1,22,44a21.53,21.53,0,0,1-11-2.95,21.88,21.88,0,0,1-8-8A21.52,21.52,0,0,1,0,22,21.52,21.52,0,0,1,3,11a21.88,21.88,0,0,1,8-8A21.51,21.51,0,0,1,22,0,21.51,21.51,0,0,1,33,3,21.91,21.91,0,0,1,41.05,11ZM34.83,23.83V20.17A1.86,1.86,0,0,0,33,18.33H25.67V11a1.86,1.86,0,0,0-1.83-1.83H20.17A1.86,1.86,0,0,0,18.33,11v7.33H11a1.86,1.86,0,0,0-1.83,1.83v3.67A1.85,1.85,0,0,0,11,25.67h7.33V33a1.86,1.86,0,0,0,1.83,1.83h3.67A1.86,1.86,0,0,0,25.67,33V25.67H33a1.86,1.86,0,0,0,1.83-1.83Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: 2px;
    transition: all .15s;
    width: 20px;
}
.gui-show .gui-sub-nav-toggle span {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23fff;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eUntitled-1%3c/title%3e%3cpath class='cls-1' d='M41.05,11A21.54,21.54,0,0,1,44,22a21.54,21.54,0,0,1-2.95,11,21.91,21.91,0,0,1-8,8A21.53,21.53,0,0,1,22,44a21.53,21.53,0,0,1-11-2.95,21.88,21.88,0,0,1-8-8A21.52,21.52,0,0,1,0,22,21.52,21.52,0,0,1,3,11a21.88,21.88,0,0,1,8-8A21.51,21.51,0,0,1,22,0,21.51,21.51,0,0,1,33,3,21.91,21.91,0,0,1,41.05,11ZM34.83,23.83V20.17A1.86,1.86,0,0,0,33,18.33H25.67V11a1.86,1.86,0,0,0-1.83-1.83H20.17A1.86,1.86,0,0,0,18.33,11v7.33H11a1.86,1.86,0,0,0-1.83,1.83v3.67A1.85,1.85,0,0,0,11,25.67h7.33V33a1.86,1.86,0,0,0,1.83,1.83h3.67A1.86,1.86,0,0,0,25.67,33V25.67H33a1.86,1.86,0,0,0,1.83-1.83Z'/%3e%3c/svg%3e");
    transform: rotate(45deg);
}

/* Sub Nav Content */
.gui-sub-nav-content {
    background: #FFFFFF;
}

/* Sub Nav Content Close Button */
.gui-sub-nav-content .gui-btn-close {
    background-color: #E5E5E5;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47.54 47.54'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23fff;stroke:%23000;stroke-miterlimit:10;stroke-width:5px;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eclose%3c/title%3e%3cline class='cls-1' x1='1.77' y1='45.77' x2='45.77' y2='1.77'/%3e%3cline class='cls-1' x1='1.77' y1='1.77' x2='45.77' y2='45.77'/%3e%3c/svg%3e");
    background-position: 10px;
    background-repeat: no-repeat;
    background-size: 11px 10px;
    border: none;
    cursor: pointer;
    display: none;
    height: 30px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
}

/* Sub Nav Content Grid */
.gui-sub-nav-content-grid > div {
    padding: 10px;
    height: 100%;
}

/* Sub Nav Content Title */
.gui-sub-nav-title {
    border-bottom: 1px solid #E5E5E5;
    color: inherit;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0;
    padding-bottom: 10px;
}

/* Sub Nav Content Lists */
.gui-sub-nav-content ul {
    list-style-type: none;
    margin: 0 0 15px;
    padding: 0;
}
.gui-sub-nav-content ul:last-child {
    margin: 0;
}
.gui-sub-nav-content .gui-sub-nav-content-list {
    display: grid;
    grid-column-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.gui-sub-nav-content .gui-sub-nav-content-list a {
    color: inherit;
    display: block;
    font-size: 14px;
    line-height: 1;
    padding: 5px 10px;
    text-decoration: none;
}
.gui-sub-nav-content .gui-sub-nav-content-list a:hover {
    text-decoration: underline;
}

/* Sub Nav Image */
.gui-sub-nav-content .gui-sub-nav-content-img {
    display: block;
}

/* Nav Overlay */
.gui-nav-overlay {
    background: #000000;
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 10;
}
.gui-nav-overlay span {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47.54 47.54'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:5px;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eclose%3c/title%3e%3cline class='cls-1' x1='1.77' y1='45.77' x2='45.77' y2='1.77'/%3e%3cline class='cls-1' x1='1.77' y1='1.77' x2='45.77' y2='45.77'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 22px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 22px;
}

/* Sub Nav Content - Fixed Height Within Sticky Header for Touch Devices */
@media only screen and (min-width: 768px) {
    .gui-header-sticky .gui-sub-nav-content-grid {
        overflow-y: auto;
        transition: max-height .2s ease-in-out;
    }
}

@media (min-width: 992px) {
    .gui-sub-nav-content {
        width: auto;
    }
    .gui-sub-nav-content-grid > div {
        width: 234px;
    }
}

/* Super Sites Dropdown */
.gui-nav-super-sites {
    padding: 10px;
}
.gui-nav-super-sites .gui-dropdown-toggle {
    padding: 10px;
}

@media (max-width:767px) {
    .gui-secondary-nav .gui-container ul li {
        flex: 100%;
        background: black;
        color: white;
        display: none;
    }
    .gui-secondary-nav .gui-container ul li a {
        font-weight: bold;
    }
    .gui-secondary-nav .gui-container ul li a, .gui-secondary-nav .gui-container ul li a::after {
        display: flex;
        justify-content: center;
        margin: 0 5px;
        background: none;
        color: white;
        font-size: 12px;
    }
}

/* Secondary Nav */
.gui-secondary-nav {
    background: #F5F5F5;
    display: none;
    margin-bottom: 10px;
}
.gui-secondary-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
}
.gui-secondary-nav ul li {
    flex: 1 100%;
}
@media (min-width: 768px) {
    .gui-secondary-nav {
        display: block;
    }
    .gui-secondary-nav ul li {
        flex: auto;
    }
}
.gui-secondary-nav a {
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 10px;
}
.gui-secondary-nav a:hover {
    text-decoration: none;
}

/* Close Button */
.gui-nav-close {
    display: none;
}

@media only screen 
and (max-width : 767px) {
  .gui-nav {
      height: 100%;
      transform: translateX(-100%);
      min-height: 100%;
      overflow: hidden;
      position: fixed;
      top: 0;
      transition: transform .3s ease-in-out;
      width: 100%;
      z-index: 11;
  }
  .gui-nav-open .gui-nav {
      transform: translateX(0);
  }
  .gui-nav-container {
      height: 100%;
  }
  .gui-nav-list {
      height: 100%;
      min-height: 100%;
      overflow-y: scroll;
      width: calc(100% - 67px);
      z-index: 12;
      -webkit-overflow-scrolling: touch;
  }
  .gui-nav-list > li {
      border-bottom: 1px solid #E5E5E5;
      position: relative;
  }
  .gui-nav-list > li > a {
      padding-right: 45px;
  }
  .gui-sub-nav-content {
      display: none;
      overflow: hidden;
  }
  .gui-show > .gui-sub-nav-content {
      display: block;
      padding-bottom: 16px;
  }
  .gui-sub-nav-content .gui-sub-nav-content-list {
      grid-gap: 10px;
  }
  .gui-sub-nav-content .gui-sub-nav-content-list a {
      border: 1px solid #E5E5E5;
      height: 100%;
      padding: 15px 10px;
  }
  .gui-header-main-links {
   display: none;
  }
  /* Close Button */
  .gui-nav-close .gui-btn {
      padding: 0;
  }
  .gui-nav-close {
      -webkit-animation: hideguinavclose 0s 0s forwards;
      -moz-animation: hideguinavclose 0s 0s forwards;
      animation: hideguinavclose 0s 0s forwards;
      position: fixed;
      top: 12px;
      right: 12px;
      z-index: 11;
      pointer-events: none;
      cursor: pointer;
      padding: 0;
      display: block;
  }
  .gui-nav-open .gui-nav-close {
      -webkit-animation: showguinavclose .5s .5s backwards;
      -moz-animation: showguinavclose .5s .5s backwards;
      animation: showguinavclose .5s .5s backwards;
  }
  .gui-nav-close div.gui-btn-inner {
      display: none;
  }
  .gui-nav-close .gui-btn:before {
      width: 41px;
      height: 41px;
      background-size: 24px 24px;
      background-repeat: no-repeat;
      background-position: center;
      margin: 0;
  }
  @keyframes hideguinavclose {
      0% { opacity: 1 }
      100% { opacity: 0 }
  }
  @-webkit-keyframes hideguinavclose {
      0% { opacity: 1 }
      100% { opacity: 0 }
  }
  @-moz-keyframes hideguinavclose {
      0% { opacity: 1 }
      100% { opacity: 0 }
  }
  @keyframes showguinavclose {
      0% { opacity: 0 }
      100% { opacity: 1 }
  }
  @-webkit-keyframes showguinavclose {
      0% { opacity: 0 }
      100% { opacity: 1 }
  }
  @-moz-keyframes showguinavclose {
      0% { opacity: 0 }
      100% { opacity: 1 }
  }
}

@media only screen 
and (min-width : 768px) {
  .gui-header-main .block-1 {
      display: none;
      order: 1;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
  }
  
  .gui-nav-container {
      margin: 0 auto;
      max-width: 1200px;
      padding: 0 16px;
  }
  .gui-nav-list {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;
  }
  .gui-nav-list > li {
      flex: 1 auto;
  }
  .gui-no-touch .gui-nav-list > li:hover,
  .gui-touch .gui-nav-list > li.gui-show {
      background: #E5E5E5;
  }
  .gui-no-touch .gui-nav-list > li:hover .gui-sub-nav-content,
  .gui-touch .gui-nav-list > li.gui-show .gui-sub-nav-content {
      display: block;
  }
  .gui-nav-list > li > a {
      padding: 10px 5px;
      text-align: center;
  }
  .gui-sub-nav-toggle {
      display: none;
  }
  .gui-sub-nav-content {
      border: 1px solid #E5E5E5;
      display: none;
      padding: 10px;
      position: absolute;
      z-index: 100;
  }
  @media (min-width: 992px) {
      .gui-sub-nav-content {
          width: auto;
      }
  }
  .gui-touch .gui-sub-nav-content {
      padding-top: 20px;
  }
  .gui-touch .gui-sub-nav-content .gui-btn-close {
      display: block;
  }
  .gui-sub-nav-content-grid {
      display: flex;
  }
  .gui-sub-nav-content-grid > div {
      width: 178px;
  }
  @media (min-width: 992px) {
      .gui-sub-nav-content-grid > div {
          width: 234px;
      }
  }
  .gui-nav-overlay {
      display: none;
  }
  /* Nav List Extra */
  .gui-nav-list .gui-nav-list-extra {
      display: none;
  }
  
  /* Super Sites Dropdown */
  .gui-nav-super-sites {
      padding: 10px;
  }
  .gui-nav-super-sites {
      display: none;
  }
}