.old__header {
  #header-wrapper {
    margin-top: 80px;
  }
}
header {
  padding-top: 0 !important;
  min-height: auto !important;
}

.sw19s-std-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  @media (max-width: 768px) {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.sw19s-btn {
  font-size: 16px;
  line-height: 23px;
  background-color: #81c23c;
  font-weight: bold;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  padding: 10px 24px 11px 24px;
  transition: background 0.1s;
  text-align: center;
  border: 0px;

  &:hover {
    background-color: #49a31f;
  }

  &.sw19s-btn-dark {
    background-color: #111111;
  }

  &.sw19s-btn-dark:hover {
    background-color: #181818;
  }
}

.sw19b-cookie-banner {
  background: #eee;
  display: none;

  &.sw19-show {
    display: block;
  }

  p {
    margin: 0;
    line-height: inherit;
  }

  .sw19s-std-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
  }

  p {
    font-size: 14px;
    line-height: 1.5;
    color: #666;
  }

  a {
    color: #666;
  }

  svg {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    margin-left: 20px;
  }

  svg:hover {
    cursor: pointer;
  }

  &.mobile {
    display: none;
  }

  @media (max-width: 992px) {
    &.sw19-show {
      display: none;
    }

    &.mobile.sw19-show {
      display: block;
    }
  }

  @media (max-width: 425px) {
    &.mobile.sw19-show {
      position: fixed;
      bottom: 0;
      z-index: 2001;
    }
  }
}

.sw19b-header-logo-area {
  font-family: "Roboto", sans-serif;
  height: 66px;
  padding: 10px 0 17.2px 0;
  background-color: #111111;
  box-sizing: border-box;

  p {
    margin: 0;
    line-height: inherit;
  }

  .sw19s-std-wrap {
    height: 100%;
    display: flex;
    justify-content: space-between;
  }

  .logo {
    text-indent: 0 !important;
    margin-bottom: 0;
    float: unset !important;
    padding: 8px 0 0 0;
  }

  .logo img {
    width: 195px;
    transition: all 0.25s;
    position: relative;
    left: 0px;
  }

  .nav,
  .nav a {
    color: #a1a1a1;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
  }

  .nav a:hover {
    text-decoration: underline;
  }

  .swhamburger {
    display: none;
    height: 44px;
  }

  .swhamburger:hover {
    cursor: pointer;
  }

  .swhamburger:before,
  .swhamburger:after {
    width: 20px;
    height: 2px;
    background-color: #fff;
    content: "";
    display: block;
    border-radius: 1px;
    transition: all 0.25s;
  }

  .swhamburger:before {
    margin-top: 22px;
  }

  .swhamburger:after {
    margin-top: 6px;
  }

  &.selected .swhamburger:before {
    transform: translateY(4px) rotate(45deg);
  }

  &.selected .swhamburger:after {
    transform: translateY(-4px) rotate(-45deg);
  }

  @media (max-width: 992px) {
    background-color: #111111;
    padding: 12px 0 14px 0;
    height: 50px;

    .logo {
      padding: 0;
      img {
        max-width: 152px;
      }
    }
    .nav {
      display: none;
    }
    .swhamburger {
      display: block;
      &:before {
        margin-top: 10px;
      }
    }
  }

  @media (max-width: 425px) {
    padding: 12px 0 14px 0;
    height: 50px;

    .swhamburger:before {
      margin-top: 10px;
    }

    .logo svg {
      width: 115px;
    }

    &.selected .logo svg {
      left: -128px;
      width: 170px;
    }
  }
}

.sw19b-header-navbar {
  font-family: "Roboto", sans-serif;
  background-color: #111111;
  .sw19s-std-wrap {
    display: flex;
    justify-content: space-between;
  }

  .links {
    display: flex;
  }

  .links {
    a {
      font-weight: bold;
      text-transform: uppercase;
      color: #fff;
      font-size: 14px;
      text-decoration: none;
      padding: 15px 20px;
      display: block;
      flex-grow: 1;
      &:first-child {
        padding: 15px 20px 15px 0;
      }
    }
  }

  a {
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    &.parent {
      &.selected {
        background-color: #666666;
        span {
          transform: translateY(-50%) rotate(90deg);
        }
      }
      span {
        position: relative;
        display: inline-block;
        width: auto;
        height: auto;
        font-size: 16px;
        color: #fff;
        margin-left: 7px;
        top: 47%;
        transform: translateY(-50%);
        transition: transform 0.2s;
      }
    }
  }

  a.selected svg {
    transform: rotate(90deg);
    stroke: #ccc;
  }

  .links a:hover,
  .extra-links a:hover,
  .links a.selected {
    color: #ccc;
  }

  .extra {
    display: flex;
    &.selected {
      .extra-links {
        display: none;
      }
      .search-box {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
      }
    }
    .extra-links {
      display: flex;
      .sw19-nav-button-orange {
        color: #FF6200;
        &:hover {
          color: #ff7a00;
        }
      }
      a:last-child {
        padding-right: 0;
      }
    }
    button {
      &:focus,
      &:active {
        outline: none;
      }
      &.search {
        background: transparent;
        color: #fff;
        border: none;
        padding: 0;
        margin-left: 30px;
        &:hover {
          color: #ccc;
        }
        &:focus,
        &:active {
          outline: none;
        }
      }
    }
    .search-box {
      display: flex;
      visibility: hidden;
      opacity: 0;
      transform: translateX(60px);
      -o-transition: all 0.25s ease-in-out;
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
      input {
        background: transparent;
        border: none;
        color: #fff;
        margin-left: 8px;
        min-width: 180px;
        &:focus,
        &:active {
          outline: none;
        }
        &::placeholder {
          color: #ccc;
        }
      }
      button {
        background: transparent;
        color: #fff;
        border: none;
        padding: 0;
      }
    }
  }

  @media (max-width: 992px) {
    display: none;
  }
}

.sw19b-nav-panel {
  display: none;
  position: absolute;
  z-index: 1340;
  font-family: "Roboto", sans-serif;

  .sw19s-std-wrap {
    background: #666666;
    height: 100%;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    padding: 0;
    display: flex;
    overflow: hidden;
    padding: 20px;
    .links {
      display: flex;
      .links-col {
        margin-right: 40px;
        &:last-child {
          margin-right: 0;
        }
      }
    }
  }

  &.selected {
    display: block;
  }

  .description {
    flex-grow: 1;
  }

  .description a {
    text-decoration: none;
  }

  .description a:hover {
    text-decoration: underline;
  }
}

.sw19b-nav-panel {
  &.single-column {
    .links {
      a {
        text-decoration: none;
        font-size: 14px;
        color: #fff;
        line-height: 28px;
        display: block;
        &:hover {
          text-decoration: underline;
        }
      }
    }
  }
}

.sw19b-nav-panel.multi-column {
  .description {
    display: flex;
  }

  .link-column {
    padding: 20px 30px;
    width: 273px;
  }

  .subtitle {
    color: #111111;
    font-size: 16px;
    font-weight: bold;
    margin-top: 12px;
  }

  .links {
    margin: 20px 0;
  }

  .links a {
    text-decoration: none;
    font-size: 14px;
    color: #111111;
    display: block;
  }

  .links a + a {
    margin-top: 12px;
  }

  .links a:hover {
    text-decoration: underline;
  }
}

.sw19b-nav-panel.multi-panel {
  .description {
    display: flex;
    height: 100%;
    max-width: 632px;
  }

  .subnav {
    border-right: 2px solid #ccc;
    width: auto;
    background-color: #eee;
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    max-width: 248px;
  }

  .subnav a {
    text-decoration: none;
    font-size: 14px;
    color: #111111;
    font-weight: bold;
    padding: 0 30px 0 36px;
    display: flex;
    align-items: center;
    height: 62px;
  }

  .subnav a .fort {
    font-size: 30px;
    margin-right: 20px;
    width: 32px;
  }

  .subnav a.selected .fort {
    color: #AADC33;
  }

  .subnav a.selected {
    background-color: #fff;
    border-left: 6px solid #AADC33;
    padding-left: 30px;
  }

  a.category-index {
    background-color: #FF6200;
    color: #fff;
    text-align: center;
    display: block;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding-top: 17px;
    padding-bottom: 17px;
    height: auto;
  }

  .subnav ~ * {
    display: none;
  }

  .subnav ~ .selected {
    display: block;
  }

  .description {
    padding: 20px 30px;
    color: #111111;
    flex-grow: 1;
  }

  .description p {
    font-size: 12px;
    margin-top: 2px;
    margin-bottom: 0px;
  }

  .description p.desc {
    font-size: 14px;
  }

  .description .strong-title {
    font-size: 14px;
    margin-top: 0px;
    font-weight: bold;
    color: #111111;
  }

  .var-a-links {
    display: block;
    color: #111111;
    margin-top: 12px;
  }

  .var-a-links.multi-column {
    display: inline-block;
    width: 272px;
  }

  .var-b-title {
    color: #111111;
    size: 14px;
  }

  p.var-b-desc {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 15px;
  }

  a.view-more {
    color: #FF6200;
    font-size: 14px;
    margin-top: 20px;
    display: block;
    font-weight: bold;
  }

  p:last-child a {
    color: #FF6200;
    font-size: 14px;
    display: block;
    margin-top: 20px;
    text-decoration: none;
    font-weight: bold;
  }

  p.title {
    font-size: 14px;
    border-bottom: 2px solid #AADC33;
    font-weight: bold;
    padding-bottom: 3px;
    text-decoration: none;
    display: block;
    color: #111111;
    stroke: #111111;
    margin-top: 30px;
  }

  strong {
    font-size: 14px;
    font-weight: normal;
    margin-top: 15px;
    display: block;
  }

  a.watch {
    color: #FF6200;
    fill: #FF6200;
    stroke: #FF6200;
    text-decoration: none;
    font-size: 14px;
    margin-top: 10px;
    display: block;
    font-weight: 500;
  }

  a.watch:hover {
    text-decoration: underline;
    color: #ff7a00;
    fill: #ff7a00;
  }

  a.watch svg {
    vertical-align: bottom;
    width: 15px;
    height: 15px;
  }

  .sw-subnav-1 .title,
  .sw-subnav-5 .title {
    border-color: #00C8DC;
  }

  .subnav .sw-subnav-1.selected .fort,
  .subnav .sw-subnav-5.selected .fort {
    color: #00C8DC;
  }

  .sw-subnav-2 .title {
    border-color: #FF6200;
  }

  .subnav .sw-subnav-2.selected .fort {
    color: #FF6200;
  }

  .sw-subnav-3 .title {
    border-color: #FBDC44;
  }

  .subnav .sw-subnav-3.selected .fort {
    color: #FBDC44;
  }

  .subnav a.sw-subnav-1,
  .subnav a.sw-subnav-5 {
    border-color: #00C8DC;
  }

  .subnav a.sw-subnav-2 {
    border-color: #FF6200;
  }

  .subnav a.sw-subnav-3 {
    border-color: #FBDC44;
  }
}

.sw19b-header-mobile {
  font-family: "Roboto", sans-serif;
  display: none;
  background-color: #111111;
  .mobile__search {
    background-color: #181818;
    padding: 20px 15px;
    height: 60px;
    overflow: hidden;
    &.selected {
      .mobile__search-wrapper {
        transform: translateX(0);
        -o-transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        .search {
          span {
            opacity: 0;
          }
        }
      }
    }
    .mobile__search-wrapper {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      transform: translateX(calc(-100% + 15px));
      -o-transition: all 0.25s ease-in-out;
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
      .search {
        position: relative;
        flex-basis: 10%;
        text-align: right;
        background-color: transparent;
        border: none;
        color: #fff;
        padding: 0;
        font-size: 16px;
        &:hover,
        &:focus,
        &:active {
          border: none;
          outline: none;
        }
        span {
          position: absolute;
          top: 0;
          left: calc(100% + 15px);
          text-transform: uppercase;
          font-weight: bold;
        }
      }
      .search-box {
        display: flex;
        flex-basis: 90%;
        button {
          background-color: transparent;
          border: none;
          color: #fff;
          padding-left: 0;
        }
        input {
          display: inline-block;
          font-family: "Roboto";
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #fff;
          background-color: transparent;
          border: none;
          padding-left: 10px;
          min-width: 200px;
          &:hover,
          &:focus,
          &:active {
            border: none;
            outline: none;
          }
          &::placeholder {
            font-family: "Roboto";
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #cccccc;
          }
        }
      }
    }
  }

  .menu-and-panel > a {
    display: block;
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
    padding: 19px 15px;
    font-weight: bold;
    text-transform: uppercase;
  }

  .menu-and-panel > a.orange {
    color: #FF6200;
  }

  .menu-and-panel + .menu-and-panel {
    border-top: 1px solid #666666;
  }

  .menu-and-panel a .menu-toggle {
    float: right;
  }
  .menu-and-panel a .menu-toggle i {
    font-size: 20px;
    float: right;
    color: #ccc;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }

  .panel {
    display: none;
    background-color: #111111;
  }

  .selected .panel {
    display: block;
  }

  .panel > a {
    display: block;
    font-size: 14px;
    margin-bottom: 18px;
    color: #111111;
    font-weight: bold;
    text-decoration: none;
    text-transform: capitalize;
  }

  .panel > a.view-more {
    color: #FF6200;
    font-weight: 500;
  }

  .panel > p {
    font-size: 14px;
    font-weight: bold;
    color: #111111;
    margin-bottom: 12px;
  }

  .panel .subnav.collapsable {
    display: none;
  }

  .panel.selected .subnav.collapsable {
    display: block;
  }

  .panel {
    .subnav {
      a {
        display: block;
        font-family: "Roboto";
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #fff;

        text-decoration: none;
        padding-left: 30px;
        margin-bottom: 20px;
      }
      &:last-child {
        a {
          margin-bottom: 0;
        }
      }
    }
  }

  @media (max-width: 992px) {
    &.selected {
      display: block;
    }
  }
}

.sw19b-old-header-spacer {
  height: 85px;

  @media (max-width: 767px) {
    height: 70px;
  }
}

.sw19b-secondary-nav {
  box-shadow: 0 10px 10px -10px rgba(17, 17, 17, 0.3);
  position: relative;
  z-index: 2;
  background: #fff;
  height: 70px;

  .sw19s-std-wrap {
    display: flex;
    justify-content: space-between;
    align-content: center;
  }

  .crumbs {
    flex-grow: 1;
  }

  .crumbs a {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #111111;
    cursor: pointer;
    text-decoration: none;
  }

  .title .flame {
    max-width: 19px;
    margin-right: 11px;
    position: relative;
    top: 2px;
  }

  .title svg:not(.flame) {
    stroke: #111111;
    fill: none;
    transition: transform 0.2s;
    display: none;
    padding-left: 10px;
    width: 19px;

    &.selected {
      transform: rotate(90deg);
      padding-left: 0;
      width: 9px;
    }
  }

  .title {
    line-height: 70px;
    margin-right: 20px;
  }

  .title:hover {
    color: #a1a1a1;
  }

  .crumb {
    display: inline-block;
    margin-left: 30px;
    line-height: 70px;
  }

  .crumb svg {
    stroke: #111111;
    fill: none;
    margin-left: 2px;
    transition: transform 0.2s;
  }

  .crumb.selected svg {
    transform: rotate(90deg);
  }

  .signup {
    background-color: #81c23c;
    font-weight: bold;
    color: #fff;
    padding: 10px 24px;
    line-height: 20px;
    font-size: 14px;
    text-decoration: none;
    display: none;
    margin: 15px 0;
  }

  .signup:hover {
    background: #94d24b;
  }

  &.docked {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background: #111111;

    a {
      color: #fff;
    }

    .crumb svg {
      stroke: #fff;
    }

    .signup {
      display: block;
    }
  }

  @media (max-width: 992px) {
    height: 50px;
    overflow: hidden;

    .title {
      line-height: 50px;
      display: flex;
      justify-content: space-between;
      margin-right: 0;
    }

    .title:hover {
      color: #111111;
    }

    .title .flame {
      display: none;
    }

    .title svg:not(.flame) {
      display: block;
    }

    .crumb {
      display: none;
    }

    &.docked-mobile {
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      background: #111111;

      a {
        color: #fff;
      }

      .crumb svg {
        stroke: #fff;
      }

      .title:hover {
        color: #fff;
      }

      .title svg:not(.flame) {
        stroke: #fff;
      }
    }
  }
}

.sw19b-secondary-nav-mobile {
  .menu-and-panel > a {
    text-transform: uppercase;
  }

  &.docked {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1;
    top: 50px;
  }
}

.sw19b-secondary-nav-panel {
  display: none;
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 40px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  font-family: "Roboto", sans-serif;
  box-shadow: 0 10px 10px -10px #111111;
  font-size: 14px;
  color: #111111;

  &.selected {
    display: block;
  }

  .columns {
    display: flex;
  }

  .column {
    width: 250px;
  }

  .column:not(:first) {
    margin-left: 30px;
  }

  .title {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 16px;
  }

  .column > a {
    display: block;
    text-decoration: none;
    margin-top: 10px;
    line-height: 16px;
  }

  .column > a:hover {
    text-decoration: underline;
  }

  .more {
    display: block;
    color: #FF6200;
    margin-top: 20px;
    font-weight: 500;
    text-decoration: none;
  }

  .more:hover {
    text-decoration: underline;
    color: #ff7a00;
  }

  &.docked {
    position: fixed;
    top: 66px;
  }
}

.vspacepad-top-xxl {
  padding-top: 60px;
}

@media screen and (max-width: 992px) {
  .sw19b-header-mobile {
    .sw19s-std-wrap {
      padding: 0;
    }
  }
}

@media screen and (max-width: 768px) {
  .sw19b-header-logo-area {
    .logo {
      margin: unset !important;
    }
  }
  .sw19b-header-mobile {
    .sw19s-std-wrap {
      padding-left: 0;
      padding-right: 0;
    }
  }
}

.lookbook-overlay-close {
  background-color: #FF6200 !important;
}