/* Media Quuery Mixin */
.ProductImage__container {
  position: relative;
  padding-top: 133.33%;
  background: #fafafa;
  max-width: 100%; }

.ProductImage__img {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

/* Media Quuery Mixin */
/* ************************/
/* ******* Mobile  ********/
/* ************************/
.popular-searches {
  background: #ffffff;
  width: 100%;
  display: none;
  /* ************************/
  /* ******* Mobile-custom - pop searches scrolling when landscape and content --wrapped ********/
  /* ************************/
  /* ************************/
  /* ******* Tablet ********/
  /* ************************/
  /* ************************/
  /* ******* Desktop ********/
  /* ************************/ }
  .popular-searches--active {
    display: flex;
    position: relative;
    padding: 1.25rem 1.25rem 0.625rem 1.25rem; }
  .popular-searches__container {
    width: 100%; }
  .popular-searches__kidsContainer {
    overflow: scroll;
    scrollbar-width: none;
    display: flex;
    list-style: none;
    justify-content: space-between; }
    .popular-searches__kidsContainer--wrap {
      flex-direction: column;
      overflow: unset; }
      .popular-searches__kidsContainer--wrap .girlsContainer {
        max-height: 10.625rem; }
        .popular-searches__kidsContainer--wrap .girlsContainer .popular-searches__list--wrapped {
          margin-left: 0 !important; }
        .popular-searches__kidsContainer--wrap .girlsContainer .popular-searches__item {
          padding-bottom: 1.25rem; }
        .popular-searches__kidsContainer--wrap .girlsContainer div:nth-of-type(1) {
          margin-left: 0; }
      .popular-searches__kidsContainer--wrap .boysContainer {
        max-height: 10.625rem; }
      .popular-searches__kidsContainer--wrap div:nth-of-type(2) {
        padding-left: 0; }
      .popular-searches__kidsContainer--wrap ul {
        padding-bottom: 0; }
    .popular-searches__kidsContainer::-webkit-scrollbar {
      display: none;
      scroll-behavior: smooth; }
    .popular-searches__kidsContainer .girlsContainer li:last-child {
      padding-right: 0.9375rem; }
    .popular-searches__kidsContainer .girlsContainer .popular-searches__list {
      margin-left: -0.625rem; }
    .popular-searches__kidsContainer .boysContainer {
      padding-left: 1.25rem; }
  .popular-searches__title {
    font-size: 0.8125rem;
    text-transform: uppercase;
    color: #6d6d6d;
    font-family: "Klein Medium Condensed New", Klein Medium New, Futura, Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    line-height: 1.25rem;
    padding-bottom: 0.9375rem; }
  .popular-searches__list {
    display: flex;
    justify-content: space-between;
    align-content: baseline;
    list-style: none;
    overflow: auto;
    margin-top: 0rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem; }
    .popular-searches__list::-webkit-scrollbar {
      display: none;
      scroll-behavior: smooth; }
    .popular-searches__list--wrapped {
      flex-wrap: wrap;
      margin: 0rem;
      display: flex;
      min-height: 28.75rem; }
      .popular-searches__list--wrapped .popular-searches__item {
        padding-bottom: 1.25rem; }
    .popular-searches__list button {
      padding: 0; }
  .popular-searches__item {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 6.25rem; }
  .popular-searches__image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 0.9375rem auto;
    background-color: #e6e6e6;
    cursor: pointer;
    width: 5rem;
    height: 5rem; }
  .popular-searches__image {
    height: auto;
    width: 3.75rem; }
  .popular-searches__searchterm {
    color: #6d6d6d;
    font-size: 0.75rem;
    font-family: "Klein Medium Condensed New", Klein Medium New, Futura, Helvetica, Arial, sans-serif;
    letter-spacing: 0.01562rem;
    line-height: 1.125rem;
    cursor: pointer; }
    .popular-searches__searchterm:hover {
      color: #9e9e9e; }
  @media only screen and (min-device-width: 20rem) and (max-device-width: 64rem) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .popular-searches__list--wrapped li:nth-last-child(-n + 3) {
      margin-bottom: 8.75rem; } }
  @media only screen and (min-device-width: 48rem) and (max-device-width: 64rem) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .popular-searches__item {
      width: 7.5rem; } }
  @media only screen and (min-device-width: 64rem) and (max-device-width: 85.375rem) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .popular-searches__item {
      width: 7.5rem; } }
  @media (min-width: 1025px) {
    .popular-searches--active {
      border-bottom: 0.0625rem solid #e4e4e4;
      align-items: center;
      min-height: 0rem; }
    .popular-searches__container {
      min-height: unset; }
    .popular-searches__kidsContainer {
      overflow: unset; }
      .popular-searches__kidsContainer .girlsContainer {
        width: 100%;
        justify-content: space-between; }
        .popular-searches__kidsContainer .girlsContainer .popular-searches__list {
          margin-left: 0; }
        .popular-searches__kidsContainer .girlsContainer li:last-child {
          padding-right: 0.3125rem; } }
      @media (min-width: 1025px) and (min-width: 1278px) {
        .popular-searches__kidsContainer .girlsContainer li:last-child {
          border-right: 1px solid #e4e4e4; } }
      @media (min-width: 1025px) and (min-width: 1366px) {
        .popular-searches__kidsContainer .girlsContainer li:last-child {
          padding-right: 0.625rem; } }
  @media (min-width: 1025px) {
      .popular-searches__kidsContainer .boysContainer {
        width: 100%;
        justify-content: space-between;
        padding-left: 0.3125rem; } }
    @media (min-width: 1025px) and (min-width: 1366px) {
      .popular-searches__kidsContainer .boysContainer {
        padding-left: 0.625rem; } }
  @media (min-width: 1025px) {
    .popular-searches__list {
      margin: 0rem;
      padding-left: 0rem;
      overflow: hidden; }
    .popular-searches__item {
      width: 4.6875rem;
      padding-bottom: 0.625rem; }
    .popular-searches__image-container {
      width: 4.0625rem;
      height: 4.0625rem;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      transform: translate3d(0, 0, 0); }
    .popular-searches__image {
      width: 2.8125rem; }
      .popular-searches__image:hover {
        transform: scale(1.1);
        transition: transform 0.4s ease-in-out; } }

/* Media Quuery Mixin */
/* ************************/
/* ******* Mobile  ********/
/* ************************/
.recent-searches {
  background: #ffffff;
  width: 100%;
  display: none;
  /* ************************/
  /* ******* Desktop ********/
  /* ************************/ }
  .recent-searches--active {
    display: block;
    min-height: 23.125rem; }
  .recent-searches__container {
    padding: 0.625rem 1.25rem 1.25rem 1.25rem; }
  .recent-searches__title {
    text-transform: uppercase;
    font-size: 0.8125rem;
    color: #6d6d6d;
    font-family: "Klein Medium Condensed New", Klein Medium New, Futura, Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    line-height: 1.25rem; }
  .recent-searches__list {
    list-style: none; }
    .recent-searches__list .recent-item {
      display: block;
      color: #313131;
      font-size: 0.75rem;
      font-family: "Klein Medium Condensed New", Klein Medium New, Futura, Helvetica, Arial, sans-serif;
      letter-spacing: 0.01562rem;
      line-height: 1.125rem;
      text-decoration: none;
      margin-bottom: 1.25rem; }
      .recent-searches__list .recent-item__search-icon {
        right: 1.875rem;
        width: 0.9375rem;
        position: absolute; }
      .recent-searches__list .recent-item:hover {
        color: #9e9e9e; }
        .recent-searches__list .recent-item:hover .recent-item__search-icon {
          opacity: 0.6; }
  @media (min-width: 1025px) {
    .recent-searches--active {
      min-height: 0rem; }
    .recent-searches__container {
      padding: 1.25rem 1.25rem 0.625rem 1.25rem; }
    .recent-searches__list {
      min-height: 0rem;
      padding-left: 0rem; }
      .recent-searches__list .recent-item {
        cursor: pointer; } }

.ck-Button {
  display: block;
  text-align: center;
  align-items: center;
  border: 1px solid #000;
  min-width: 100px;
  line-height: 1;
  overflow: hidden;
  padding: 9px 10px 11px;
  letter-spacing: 0;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: uppercase;
  transition-duration: 0.1s;
  transition-property: background-color, border-color, color;
  transition-timing-function: ease-in-out;
  font-size: 14px;
  letter-spacing: 0.5;
  cursor: pointer;
  font-family: "Klein Medium Condensed New",Klein Medium New,Futura,Helvetica,Arial,sans-serif; }

.ck-Button img, .ck-Button svg {
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 10px;
  fill: currentColor;
  stroke: currentColor; }

.ck-Button__primary {
  color: #fff;
  background: #000;
  border: 1px solid #000; }

.ck-Button__primary svg {
  fill: #fff;
  stroke: #fff; }

.ck-Button__primary svg path:first-child {
  stroke: #fff; }

.ck-Button__primary svg path:last-child {
  fill: #fff; }

.ck-Button__primary--disabled, .ck-Button__primary--disabled:hover {
  background: #ccc;
  color: #fff;
  border: #ccc;
  cursor: not-allowed; }

.ck-Button__secondary {
  color: #000;
  background: #fff;
  border: 1px solid #000; }

.ck-Button__secondary svg {
  fill: #000;
  stroke: #000; }

.ck-Button__secondary svg path:first-child {
  stroke: #000; }

.ck-Button__secondary svg path:last-child {
  fill: #000; }

.ck-Button__secondary--disabled, .ck-Button__secondary--disabled:hover {
  color: #000;
  background: #fff;
  border: 1px solid #000;
  cursor: not-allowed; }

.ck-Button__link {
  color: #fff;
  background: #000;
  border: 1px solid #000;
  text-decoration: none; }

.ck-Button__link svg {
  fill: #fff;
  stroke: #fff; }

.ck-Button__link svg path:first-child {
  stroke: #fff; }

.ck-Button__link svg path:last-child {
  fill: #fff; }

.ck-Button__link--disabled, .ck-Button__link--disabled:hover {
  color: #000;
  background: #fff;
  border: 1px solid #000;
  cursor: default; }

.ck-Button__link--inverse {
  color: #000;
  background: #fff;
  border: 1px solid #000; }

.ck-Button__link--inverse svg {
  fill: #000;
  stroke: #000; }

.ck-Button__link--inverse svg path:first-child {
  stroke: #000; }

.ck-Button__link--inverse svg path:last-child {
  fill: #000; }

.ck-Button__link:hover {
  text-decoration: none; }

.ck-Button--with-icon {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center; }

.ck-Button--full-width {
  width: 100%; }

.ck-Button__icon {
  vertical-align: middle; }

.ck-Button[disabled] {
  background-color: #9e9e9e;
  border-color: #9e9e9e; }

.ck-Button[disabled]:hover {
  background-color: #9e9e9e;
  border-color: #9e9e9e;
  color: #fff;
  text-decoration: none; }

.ck-Button[disabled]:active {
  text-decoration: none; }

.ck-Button__text-link {
  border: none;
  background: none;
  text-transform: none;
  text-transform: initial;
  text-decoration: underline;
  padding: 0;
  font-size: 12px; }

.ck-Button__text-link:hover {
  background: none;
  color: #000;
  text-decoration: none; }

@media (min-width: 1025px) {
  .ck-Button__primary:hover:not([disabled]) {
    color: #000;
    background: #fff;
    border: 1px solid #000; }
  .ck-Button__primary:hover:not([disabled]) svg {
    fill: #000;
    stroke: #000; }
  .ck-Button__primary:hover:not([disabled]) svg path:first-child {
    stroke: #000; }
  .ck-Button__primary:hover:not([disabled]) svg path:last-child {
    fill: #000; }
  .ck-Button__secondary:hover:not([disabled]) {
    color: #fff;
    background: #000;
    border: 1px solid #000; }
  .ck-Button__secondary:hover:not([disabled]) svg {
    fill: #fff;
    stroke: #fff; }
  .ck-Button__secondary:hover:not([disabled]) svg path:first-child {
    stroke: #fff; }
  .ck-Button__secondary:hover:not([disabled]) svg path:last-child {
    fill: #fff; }
  .ck-Button__link:hover:not([disabled]) {
    color: #000;
    background: #fff;
    border: 1px solid #000; }
  .ck-Button__link:hover:not([disabled]) svg {
    fill: #000;
    stroke: #000; }
  .ck-Button__link:hover:not([disabled]) svg path:first-child {
    stroke: #000; }
  .ck-Button__link:hover:not([disabled]) svg path:last-child {
    fill: #000; }
  .ck-Button__link--inverse:hover:not([disabled]) {
    color: #fff;
    background: #000;
    border: 1px solid #000; }
  .ck-Button__link--inverse:hover:not([disabled]) svg {
    fill: #fff;
    stroke: #fff; }
  .ck-Button__link--inverse:hover:not([disabled]) svg path:first-child {
    stroke: #fff; }
  .ck-Button__link--inverse:hover:not([disabled]) svg path:last-child {
    fill: #fff; } }

@media (max-width: 1024px) {
  .ck-Button {
    height: auto;
    width: 100%; }
  .ck-Button__link {
    line-height: 1; } }

/* Media Quuery Mixin */
/* ************************/
/* ******* Mobile  ********/
/* ************************/
.header .header-search {
  /* ************************/
  /* ******* Desktop ********/
  /* ************************/ }
  .header .header-search__input-container {
    width: 100%; }
    .header .header-search__input-container__button {
      display: block;
      position: absolute;
      width: 2.875rem;
      height: 2.875rem;
      box-sizing: border-box;
      top: 0.125rem;
      left: auto;
      border: none;
      right: 6%;
      background: #ffffff; }
    .header .header-search__input-container__searchLabel {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0; }
    .header .header-search__input-container__input {
      background-color: #ffffff;
      background-image: none;
      border: 0.0625rem solid #6d6d6d;
      height: 3.125rem;
      width: 90%;
      margin: 0 5%;
      padding: 0.625rem 2.875rem 0.625rem 0.625rem;
      color: #313131;
      font-size: 0.8125rem;
      font-family: "Klein Medium Condensed New", Klein Medium New, Futura, Helvetica, Arial, sans-serif; }
      .header .header-search__input-container__input::-moz-placeholder {
        color: #313131;
        text-transform: uppercase; }
      .header .header-search__input-container__input:-ms-input-placeholder {
        color: #313131;
        text-transform: uppercase; }
      .header .header-search__input-container__input::placeholder {
        color: #313131;
        text-transform: uppercase; }
    .header .header-search__input-container .search-container--open {
      background: #ffffff;
      height: 100vh;
      width: 100%;
      overflow: scroll;
      position: fixed;
      top: 9.375rem; }
      .header .header-search__input-container .search-container--open::-webkit-scrollbar {
        display: none;
        scroll-behavior: smooth; }
  @media (min-width: 1025px) {
    .header .header-search {
      position: relative;
      /* z-index: map-get($z-index, 'header-search'); LEFT IS AS A REMINDER TO USE THIS*/
      z-index: 2; }
      .header .header-search__input-container {
        position: relative;
        height: 2rem;
        top: 50%;
        margin-top: -1rem; }
        .header .header-search__input-container__button {
          right: auto;
          left: 0;
          top: 0;
          height: 2rem;
          width: 2rem;
          background: transparent;
          cursor: pointer; }
        .header .header-search__input-container__input {
          padding: 0.625rem 0.625rem 0.625rem 2rem;
          border: none;
          height: 2rem;
          width: 100%;
          background-color: #f4f4f4;
          margin-left: 0;
          margin-right: 0;
          font-family: "Klein-Medium"; }
          .header .header-search__input-container__input::-moz-placeholder {
            color: #9e9e9e; }
          .header .header-search__input-container__input:-ms-input-placeholder {
            color: #9e9e9e; }
          .header .header-search__input-container__input::placeholder {
            color: #9e9e9e; }
      .header .header-search .search-container {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        width: auto;
        overflow: hidden;
        position: relative;
        top: -0.9375rem; } }

/* *************************************/
/* ********* Search Suggestions ********/
/* *************************************/
.search-suggestions {
  /* ************************/
  /* ******* Mobile  ********/
  /* ************************/
  display: none;
  font-family: "Klein Medium Condensed New", Klein Medium New, Futura, Helvetica, Arial, sans-serif;
  /* ************************/
  /* ******* Desktop  ********/
  /* ************************/ }
  .search-suggestions--active {
    display: block;
    min-height: 90vh;
    background: #ffffff;
    padding: 0.625rem 1.25rem;
    position: absolute;
    width: 100%;
    left: 0;
    top: 5.4375rem; }
  .search-suggestions__list {
    padding: 0;
    overflow-y: auto;
    margin-bottom: 1.25rem;
    flex-grow: 1; }
    .search-suggestions__list-wrapper {
      display: flex;
      flex-direction: column; }
  .search-suggestions__title {
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.1875rem;
    letter-spacing: 0.5;
    padding: 0 0 1.25rem;
    color: #6d6d6d;
    text-transform: uppercase; }
  .search-suggestions__item {
    padding: 0 0 0.625rem; }
    .search-suggestions__item-button {
      width: 100%;
      text-align: left;
      border: none;
      background: none; }
  .search-suggestions__suggestions {
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.1875rem;
    letter-spacing: 0.5;
    display: flex;
    justify-content: space-between;
    color: #9e9e9e; }
  .search-suggestions__highlight {
    color: #000000; }
  .search-suggestions__view-all button {
    margin: 0 auto;
    display: block; }
  @media (min-width: 1025px) {
    .search-suggestions--active {
      display: flex;
      flex-flow: row-reverse nowrap;
      min-height: 18.75rem;
      background: #ffffff;
      width: 68.125rem;
      transform: translateX(-50%);
      left: 50%;
      padding: 0;
      top: 2.9375rem; }
      .search-suggestions--active > * {
        flex: 0 1 70%;
        box-sizing: border-box;
        flex-grow: 0; }
    .search-suggestions button:hover,
    .search-suggestions a:hover {
      cursor: pointer; }
    .search-suggestions__list-wrapper {
      flex: 0 1 30%; }
    .search-suggestions__panels {
      display: flex;
      flex-direction: row-reverse;
      position: relative; }
    .search-suggestions__panel.\--products {
      width: auto;
      transition: none;
      position: static;
      left: auto;
      height: auto;
      background: #f4f4f4; }
      .search-suggestions__panel.\--products ul {
        max-height: 25rem;
        flex-direction: row;
        justify-content: end;
        align-items: stretch;
        padding: 0 0.9375rem; }
    .search-suggestions__product-list {
      list-style: none;
      padding-left: 0;
      display: flex;
      justify-content: space-evenly; }
    .search-suggestions__product-item {
      font-family: "Klein Medium Condensed New", Klein Medium New, Futura, Helvetica, Arial, sans-serif;
      margin: 0 0.3125rem;
      line-height: 0.9375rem;
      flex-grow: 1;
      max-width: 10.625rem;
      background: #ffffff;
      position: relative; }
    .search-suggestions__list-wrapper {
      padding: 0 1.25rem 1.25rem 1.25rem; }
    .search-suggestions__item {
      padding: 0;
      line-height: 0.0625rem; }
      .search-suggestions__item-button {
        cursor: pointer; }
    .search-suggestions__product-button {
      display: block;
      padding-bottom: 4.25rem; }
      .search-suggestions__product-button:hover {
        text-decoration: none;
        cursor: pointer; }
    .search-suggestions__price {
      font-size: 0.875rem;
      font-weight: 400;
      line-height: 1.25rem;
      letter-spacing: 0.03125rem;
      display: block; }
    .search-suggestions__suggestions {
      font-size: 0.75rem; }
    .search-suggestions__product-details {
      padding: 0.4375rem 0.375rem 0.6875rem 0.625rem;
      min-height: 3.125rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block;
      position: absolute;
      bottom: 0; }
    .search-suggestions__product-name {
      font-size: 0.75rem;
      font-weight: 400;
      line-height: 1.125rem;
      letter-spacing: 0.025rem;
      color: #6d6d6d;
      text-transform: uppercase;
      margin: 0.1875rem 0;
      display: inline-block; }
    .search-suggestions__product-imagery {
      width: 100%;
      height: 14.125rem;
      line-height: 15rem;
      display: block; }
      .search-suggestions__product-imagery > img {
        width: 100%;
        vertical-align: middle; } }

/* Media Quuery Mixin */
.tag {
  position: absolute;
  display: inline-block;
  background-color: #313131;
  color: #ffffff;
  opacity: 0.8;
  padding: 0.1875rem 0.375rem;
  margin-left: 0.3125rem;
  font-size: 0.40625rem;
  letter-spacing: 0.03125rem;
  line-height: 1;
  text-align: center;
  top: 50%;
  transform: translateY(-50%); }

/* Media Quuery Mixin */
.e-spots {
  display: flex;
  align-self: flex-end;
  flex-wrap: nowrap;
  padding: 1.875rem;
  background-color: #f4f4f4;
  margin-top: -4.125rem; }
  .e-spots__card {
    display: block;
    background-color: #ffffff;
    margin-right: 1.25rem;
    padding-bottom: 0.625rem;
    padding-top: 0;
    text-align: left;
    width: calc(100vw * 15.37335 / 100); }
    .e-spots__card:hover {
      text-decoration: none; }
    .e-spots__card:last-of-type {
      margin-right: 0; }
    .e-spots__card__image-wrapper {
      position: relative;
      padding-top: 130%; }
    .e-spots__card__image {
      display: block;
      max-width: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .e-spots__card__title {
      padding: 0.625rem 0.625rem 0;
      color: #6d6d6d;
      display: block; }
    .e-spots__card__sub-title {
      padding: 0 0.625rem 1.25rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.1875rem;
      letter-spacing: 0.03125rem;
      color: #000000; }

/* Media Quuery Mixin */
/*
  Created by dominic.laurence@wundermanthompson.com

  CSS structure:
  1) ALL Mobile/global styles
  2) ALL tablet override styles
  3) ALL desktop override styles

  *Please try to keep all device specific styles in their respective areas ;)
*/
.mega-menu--no-data .mega-menu__first-level .mega-menu__secondary-nav-0, .mega-menu--no-data .mega-menu__second-level .mega-menu__secondary-nav-0, .mega-menu.\--mobile .mega-menu__second-level .mega-menu__secondary-nav-0, .mega-menu.\--tablet .mega-menu__second-level .mega-menu__secondary-nav-0 {
  order: 2; }

.mega-menu--no-data .mega-menu__first-level .mega-menu__secondary-nav-1, .mega-menu--no-data .mega-menu__second-level .mega-menu__secondary-nav-1, .mega-menu.\--mobile .mega-menu__second-level .mega-menu__secondary-nav-1, .mega-menu.\--tablet .mega-menu__second-level .mega-menu__secondary-nav-1 {
  order: 3; }

.mega-menu--no-data .mega-menu__first-level .mega-menu__secondary-nav--signout, .mega-menu--no-data .mega-menu__second-level .mega-menu__secondary-nav--signout, .mega-menu.\--mobile .mega-menu__second-level .mega-menu__secondary-nav--signout, .mega-menu.\--tablet .mega-menu__second-level .mega-menu__secondary-nav--signout {
  order: 4; }

.mega-menu--no-data .mega-menu__first-level .mega-menu__secondary-nav--signin, .mega-menu--no-data .mega-menu__second-level .mega-menu__secondary-nav--signin, .mega-menu.\--mobile .mega-menu__second-level .mega-menu__secondary-nav--signin, .mega-menu.\--tablet .mega-menu__second-level .mega-menu__secondary-nav--signin {
  order: 1; }

.mega-menu--no-data .mega-menu__first-level .sub-menu__items, .mega-menu--no-data .mega-menu__second-level .sub-menu__items, .mega-menu.\--mobile .mega-menu__second-level .sub-menu__items, .mega-menu.\--tablet .mega-menu__second-level .sub-menu__items {
  padding: 0 0 1.25rem 0;
  text-indent: 1.25rem; }

/* ************************/
/***** Mobile first *******/
/* ************************/
body.\--no-scroll {
  overflow: hidden;
  position: fixed; }

.mega-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 0;
  /* ************************/
  /* ******* Tablet *********/
  /* ************************/
  /* ************************/
  /* ******* Desktop ********/
  /* ************************/ }
  .mega-menu > nav {
    width: 100vw;
    z-index: 1001;
    top: 0;
    left: 0;
    transform: translateX(-100vw);
    opacity: 0;
    background-color: #ffffff;
    box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.37);
    transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.2s ease; }
    .mega-menu > nav.\--open {
      opacity: 1;
      transform: translateX(0); }
      .mega-menu > nav.\--open .mega-menu__second-level {
        display: flex;
        transform: translateZ(0);
        z-index: 1; }
    .mega-menu > nav .authentication.\--panel {
      background-color: #fff;
      display: none; }
    .mega-menu > nav.\--authentication-visible {
      padding-top: 0; }
    .mega-menu > nav.\--authentication-visible {
      bottom: 0;
      overflow: visible;
      overflow: initial; }
      .mega-menu > nav.\--authentication-visible .primary-nav,
      .mega-menu > nav.\--authentication-visible .secondary-nav,
      .mega-menu > nav.\--authentication-visible .mega-menu__divider {
        transform: translateX(-100%); }
      .mega-menu > nav.\--authentication-visible .authentication {
        position: absolute;
        transform: translateX(0); }
        .mega-menu > nav.\--authentication-visible .authentication .login-popup,
        .mega-menu > nav.\--authentication-visible .authentication .register-popup,
        .mega-menu > nav.\--authentication-visible .authentication .forgot-password-popup {
          padding: 0.625rem 0 1.875rem; }
        .mega-menu > nav.\--authentication-visible .authentication .register-popup {
          padding-top: 1.8125rem; }
          .mega-menu > nav.\--authentication-visible .authentication .register-popup__passwords {
            flex-wrap: wrap; }
            .mega-menu > nav.\--authentication-visible .authentication .register-popup__passwords .form-field {
              width: 100%;
              margin-right: 0; }
        .mega-menu > nav.\--authentication-visible .authentication .login-popup__secondary-action {
          display: block; }
        .mega-menu > nav.\--authentication-visible .authentication .login-popup__rememberMe {
          display: block;
          margin-top: 1.25rem; }
        .mega-menu > nav.\--authentication-visible .authentication .login-popup__forgot-password {
          padding-left: 0; }
      .mega-menu > nav.\--authentication-visible .authentication.\--panel {
        display: block; }
    .mega-menu > nav #mega-menu-second-level-portal.\--hide {
      display: none; }
  .mega-menu.\--mobile ul, .mega-menu.\--tablet ul {
    list-style-type: none;
    padding-left: 0;
    color: #313131; }
  .mega-menu a {
    text-decoration: none;
    font-family: "Klein Medium Condensed New", Klein Medium New, Futura, Helvetica, Arial, sans-serif; }
    html:lang(ru) .mega-menu a {
      font-family: "Oswald", Klein Medium New, Futura, Helvetica, Arial, sans-serif; }
    .mega-menu a:hover, .mega-menu a:focus {
      text-decoration: none; }
  .mega-menu .access-label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .mega-menu__toggle {
    display: block;
    width: 3.75rem;
    height: 1.25rem;
    position: absolute;
    top: 1rem;
    left: 1.25rem;
    padding-left: 0; }
    .mega-menu__toggle > * {
      width: 100%;
      height: 100%; }
  .mega-menu__close, .mega-menu__back {
    position: absolute;
    z-index: 3;
    padding: 1.25rem;
    top: 0;
    left: 0; }
  .mega-menu__image-wrapper {
    position: relative;
    overflow: visible;
    height: 9.375rem;
    z-index: 3; }
    .mega-menu__image-wrapper__mask {
      position: relative;
      overflow: hidden;
      height: 9.375rem; }
      .mega-menu__image-wrapper__mask img {
        width: 100%; }
    .mega-menu__image-wrapper__image {
      position: absolute;
      top: -1.5rem;
      left: 0; }
  .mega-menu__search-wrapper {
    position: absolute;
    width: 100%;
    height: 3.125rem;
    top: 45%;
    left: 50%;
    margin-top: -0.3125rem;
    margin-left: -50%;
    background: transparent; }
  .mega-menu__divider {
    background-color: #e4e4e4;
    height: 0.0625rem;
    border-color: #ffffff;
    border-style: solid;
    border-width: 1.875rem 1.25rem;
    margin: 0; }
  .mega-menu__first-level {
    display: flex;
    margin: 0; }
    .mega-menu__first-level > li {
      font-size: 0.875rem;
      font-weight: 400;
      line-height: 1.1875rem;
      letter-spacing: 0;
      position: relative;
      flex: 1 1;
      z-index: 1; }
      .mega-menu__first-level > li > a {
        padding: 0.6875rem 0.625rem;
        display: block;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        background-color: #e4e4e4;
        overflow: hidden;
        border-right: 0.0625rem solid #ffffff;
        height: 2.5rem; }
        .mega-menu__first-level > li > a:after {
          content: '';
          position: absolute;
          bottom: 0;
          height: 0.125rem;
          width: 60%;
          left: 50%;
          transition: transform 0.2s ease-in-out;
          background-color: #313131;
          transform: translateX(-999%); }
      .mega-menu__first-level > li:last-child a {
        border: 0; }
      .mega-menu__first-level > li.\--active {
        z-index: 2; }
        .mega-menu__first-level > li.\--active > a {
          background-color: #ffffff;
          box-sizing: border-box; }
          .mega-menu__first-level > li.\--active > a:after {
            transform: translateX(-50%); }
        .mega-menu__first-level > li.\--active > div > ul {
          position: relative;
          left: 0;
          height: calc(100vh - 9.375rem - 2.5rem);
          overflow-y: auto;
          /* solution for non webkit */
          overflow-y: overlay;
          /*this stops scrollbar from sticking out on webkit*/ }
          .mega-menu__first-level > li.\--active > div > ul li a {
            padding-right: 0; }
          .mega-menu__first-level > li.\--active > div > ul li a > span,
          .mega-menu__first-level > li.\--active > div > ul li a > div > span {
            transform: translateX(0);
            opacity: 1; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(1) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.14s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(2) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.21s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.07s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(3) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.28s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.14s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(4) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.35s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.21s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(5) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.42s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.28s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(6) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.49s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.35s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(7) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.56s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.42s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(8) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.63s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.49s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(9) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.7s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.56s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(10) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.77s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.63s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(11) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.84s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.7s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(12) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.91s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.77s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(13) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.98s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.84s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(14) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1.05s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.91s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(15) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1.12s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.98s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(16) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1.19s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 1.05s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(17) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1.26s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 1.12s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(18) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1.33s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 1.19s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(19) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1.4s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 1.26s; }
          .mega-menu__first-level > li.\--active > div > ul li:nth-of-type(20) > a > span {
            transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1.47s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 1.33s; }
  .mega-menu .mega-menu__second-level {
    width: 300%;
    margin: 0.9375rem 0 0 0;
    position: absolute;
    left: -62.4375rem;
    display: none; }
    .mega-menu .mega-menu__second-level--sale {
      color: #ed4224; }
    .mega-menu .mega-menu__second-level--pride {
      display: flex;
      flex-direction: row; }
      .mega-menu .mega-menu__second-level--pride span {
        color: red; }
        .mega-menu .mega-menu__second-level--pride span:nth-child(2) {
          color: orange; }
        .mega-menu .mega-menu__second-level--pride span:nth-child(3) {
          color: green; }
        .mega-menu .mega-menu__second-level--pride span:nth-child(4) {
          color: blue; }
        .mega-menu .mega-menu__second-level--pride span:nth-child(5) {
          color: purple; }
    .mega-menu .mega-menu__second-level > li > a,
    .mega-menu .mega-menu__second-level > li > button {
      padding: 0.9375rem 1.25rem;
      background-color: #ffffff;
      transition: background-color 0.5s;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative; }
      .mega-menu .mega-menu__second-level > li > a span,
      .mega-menu .mega-menu__second-level > li > button span {
        display: block;
        opacity: 0;
        transform: translateX(-100%); }
    .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) {
      max-height: 50rem;
      transition-delay: 0ms; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li {
        transform: translateX(0); }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(1) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.14s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(2) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.21s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.07s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(3) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.28s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.14s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(4) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.35s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.21s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(5) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.42s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.28s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(6) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.49s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.35s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(7) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.56s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.42s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(8) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.63s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.49s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(9) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.7s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.56s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(10) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.77s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.63s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(11) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.84s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.7s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(12) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.91s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.77s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(13) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 0.98s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.84s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(14) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1.05s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.91s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(15) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1.12s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0.98s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(16) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1.19s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 1.05s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(17) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1.26s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 1.12s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(18) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1.33s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 1.19s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(19) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1.4s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 1.26s; }
      .mega-menu .mega-menu__second-level > li.\--active > div:not(.mega-menu__second-level__hover-bar) li:nth-of-type(20) {
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) 1.47s, opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 1.33s; }
    .mega-menu .mega-menu__second-level__secondary-nav {
      font-size: 0.875rem;
      font-weight: 400;
      letter-spacing: 0.03125rem;
      line-height: 1;
      padding: 0; }
    .mega-menu .mega-menu__second-level .\--plus-icon,
    .mega-menu .mega-menu__second-level .\--minus-icon {
      height: 0.9375rem;
      position: absolute;
      right: 1.25rem;
      top: 50%;
      margin-top: -0.5rem; }
      .mega-menu .mega-menu__second-level .\--plus-icon path,
      .mega-menu .mega-menu__second-level .\--minus-icon path {
        stroke: #9d9d9d; }
  .mega-menu__third-level {
    display: flex;
    justify-content: space-between;
    overflow-y: hidden;
    color: #6d6d6d;
    max-height: 0;
    transition: all 550ms ease-in-out;
    text-transform: uppercase; }
    .mega-menu__third-level ul {
      background-color: #f4f4f4;
      width: 100%; }
      .mega-menu__third-level ul li {
        transform: translateX(-100%);
        transition: transform 0.4s ease-in-out; }
      .mega-menu__third-level ul a {
        display: block;
        position: relative;
        color: #6d6d6d;
        padding: 0.9375rem 1.25rem;
        background-color: transparent; }
  .mega-menu__secondary-nav {
    font-family: "Klein Medium New", Futura, Helvetica, Arial, sans-serif; }
    .mega-menu__secondary-nav > ul {
      display: none; }
    .mega-menu__secondary-nav a {
      font-family: "Klein Medium New", Futura, Helvetica, Arial, sans-serif; }
    .mega-menu__secondary-nav--active a {
      font-family: "Klein Medium New", Futura, Helvetica, Arial, sans-serif; }
    .mega-menu__secondary-nav--active > ul {
      padding: 0 1.25rem 1.25rem; }
      .mega-menu__secondary-nav--active > ul a {
        display: block;
        padding: 0.9375rem 0 0.9375rem 1.25rem;
        color: #6d6d6d;
        font-family: "Klein Medium New", Futura, Helvetica, Arial, sans-serif; }
  .mega-menu--no-data .mega-menu__first-level {
    flex-direction: column;
    padding-bottom: 5rem;
    height: calc(100vh - 150px + 40px);
    overflow-y: auto; }
    .mega-menu--no-data .mega-menu__first-level .\--plus-icon,
    .mega-menu--no-data .mega-menu__first-level .\--minus-icon {
      height: 1rem;
      position: absolute;
      right: 1.25rem;
      top: 50%;
      margin-top: -0.5rem; }
    .mega-menu--no-data .mega-menu__first-level > li {
      flex: 0 1; }
      .mega-menu--no-data .mega-menu__first-level > li > a,
      .mega-menu--no-data .mega-menu__first-level > li > button {
        padding: 0.9375rem 0 0.9375rem 1.25rem;
        background-color: #ffffff;
        transition: background-color 0.5s;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-transform: none; }
        .mega-menu--no-data .mega-menu__first-level > li > a span,
        .mega-menu--no-data .mega-menu__first-level > li > button span {
          display: block;
          opacity: 1;
          transform: translateX(0); }
  .mega-menu--no-data .mega-menu__second-level, .mega-menu.\--mobile .mega-menu__second-level, .mega-menu.\--tablet .mega-menu__second-level {
    flex-direction: column;
    padding-bottom: 10rem; }
    .mega-menu--no-data .mega-menu__second-level li *, .mega-menu.\--mobile .mega-menu__second-level li *, .mega-menu.\--tablet .mega-menu__second-level li * {
      word-break: break-word; }
  @media (min-width: 741px) {
    .mega-menu > nav {
      width: 50vw; }
    .mega-menu__image-wrapper img {
      top: 0; } }
  @media (min-width: 1025px) {
    .mega-menu {
      position: relative;
      z-index: 1;
      width: auto; }
      .mega-menu > nav {
        width: auto;
        opacity: 1;
        transition: none;
        background: transparent;
        transform: translateX(0);
        box-shadow: none; }
        .mega-menu > nav a:hover {
          cursor: pointer; }
      .mega-menu__image-wrapper, .mega-menu__close, .mega-menu__toggle, .mega-menu__divider {
        display: none; }
      .mega-menu__first-level {
        display: block;
        padding-left: 0; }
        .mega-menu__first-level > li {
          display: block;
          float: left;
          margin-left: 0;
          position: static; }
          .mega-menu__first-level > li a {
            font-size: 0.8125rem; }
          .mega-menu__first-level > li > a {
            background: none;
            color: #9e9e9e;
            padding-left: 0.3125rem;
            padding-right: 0.3125rem; }
            .mega-menu__first-level > li > a:after {
              display: none; }
            .mega-menu__first-level > li > a:hover {
              color: #6d6d6d; }
          .mega-menu__first-level > li.\--active > a {
            background: none;
            color: #000000; }
          .mega-menu__first-level > li.\--active > div > ul {
            left: -15rem;
            position: absolute;
            width: calc(100vw - 100px);
            display: flex;
            flex-flow: row wrap;
            height: auto;
            overflow: visible; }
            .mega-menu__first-level > li.\--active > div > ul > li {
              display: flex; }
              .mega-menu__first-level > li.\--active > div > ul > li > a {
                background: none;
                padding-right: 0.875rem; }
      .mega-menu .mega-menu__second-level {
        width: 120rem;
        float: left;
        display: none;
        margin-left: 0 !important;
        padding-left: 0;
        top: 3.0625rem;
        z-index: auto;
        transform: none;
        color: #313131; }
        .mega-menu .mega-menu__second-level > li {
          height: 1.25rem; }
          .mega-menu .mega-menu__second-level > li > a {
            padding: 0.3125rem 0.875rem 1.25rem;
            background: transparent; }
            .mega-menu .mega-menu__second-level > li > a > svg {
              display: none; }
          .mega-menu .mega-menu__second-level > li:hover > div:not(.mega-menu__second-level__hover-bar) {
            display: flex;
            justify-content: space-between;
            opacity: 1;
            background-color: #ffffff; }
            .mega-menu .mega-menu__second-level > li:hover > div:not(.mega-menu__second-level__hover-bar) > li a {
              background: transparent; }
        .mega-menu .mega-menu__second-level__hover-bar {
          display: block;
          position: absolute;
          z-index: 0;
          bottom: 0;
          left: 0;
          height: 0.0625rem;
          width: 0;
          background-color: #000000;
          pointer-events: none;
          mix-blend-mode: multiply;
          transition: transform 0.2s ease-in-out, width 0.2s ease-in-out; }
      .mega-menu__third-level {
        position: absolute;
        top: 1.25rem;
        left: 0.625rem;
        display: none;
        max-height: none;
        max-height: initial;
        min-height: 22.9375rem;
        min-width: 41.8%;
        max-width: calc(120rem - 5rem);
        width: 100%;
        /*https://www.cssmatic.com/box-shadow*/
        box-shadow: 0 250rem 0 250rem rgba(0, 0, 0, 0.37);
        padding: 3.75rem 0 0 !important; }
        .mega-menu__third-level > ul {
          -moz-column-count: 2;
               column-count: 2;
          width: 41.8%;
          max-width: 114.8125rem;
          background-color: #ffffff;
          -moz-column-rule: 1px solid #f4f4f4;
               column-rule: 1px solid #f4f4f4; }
          .mega-menu__third-level > ul li {
            transform: translateX(0);
            text-transform: uppercase;
            list-style: none;
            font-size: 0.8125rem;
            font-family: "Klein Medium Condensed New", Klein Medium New, Futura, Helvetica, Arial, sans-serif;
            padding-left: 30px;
            padding-right: 30px; }
            .mega-menu__third-level > ul li.\--heading {
              position: absolute;
              top: 2.1875rem;
              display: block;
              min-height: 1.125rem;
              margin-bottom: 0.625rem;
              text-transform: uppercase;
              color: #9e9e9e; }
            .mega-menu__third-level > ul li a {
              padding: 0.3125rem 0 0.25rem;
              color: #313131;
              font-size: 0.75rem; }
              .mega-menu__third-level > ul li a:hover {
                color: #9e9e9e; } }

/* Media Quuery Mixin */
.header-shipping-banner {
  background: #313131;
  padding: 0.3125rem;
  text-align: center;
  font-size: 0.75rem;
  font-family: "Klein Medium New", Futura, Helvetica, Arial, sans-serif;
  line-height: 1.125rem;
  min-height: 2.375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  text-transform: uppercase; }
  @media (min-width: 741px) {
    .header-shipping-banner {
      padding: 0.625rem;
      display: block; } }
  .header-shipping-banner__container {
    padding: 0 1.875rem;
    position: relative; }
    @media (min-width: 741px) {
      .header-shipping-banner__container {
        max-width: 120rem;
        margin: 0 auto;
        padding: 0; } }
  .header-shipping-banner__link {
    display: block; }
    @media (min-width: 1025px) {
      .header-shipping-banner__link {
        display: inline;
        padding: 0 0.625rem; }
        .header-shipping-banner__link:not(:first-child) {
          border-left: 0.0625rem solid #ffffff; } }
  .header-shipping-banner__close-button {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translateY(-50%);
    cursor: pointer;
    min-width: 0; }

/* Media Quuery Mixin */
.wishlist-header {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  margin-top: 2px; }
  .wishlist-header--full path {
    fill: #313131; }
  .wishlist-header--added {
    -webkit-animation: bounce-heart 1s;
            animation: bounce-heart 1s; }

@-webkit-keyframes bounce-heart {
  0% {
    transform: scale(1); }
  30% {
    transform: scale(0); }
  60% {
    transform: scale(1.3); }
  100% {
    transform: scale(1); } }

@keyframes bounce-heart {
  0% {
    transform: scale(1); }
  30% {
    transform: scale(0); }
  60% {
    transform: scale(1.3); }
  100% {
    transform: scale(1); } }

/* Media Quuery Mixin */
.account-flyout {
  position: absolute;
  right: 0px;
  padding: 1.875rem 1.25rem 1.875rem;
  margin-top: 0.5625rem;
  min-width: 300px;
  border: 0.125rem solid #f4f4f4;
  background-color: #ffffff;
  z-index: 9999; }
  .account-flyout.\--logged-in {
    right: -2.5rem; }
  .account-flyout__header {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: 0.03125rem;
    margin-bottom: 0.9375rem;
    text-transform: uppercase; }
  .account-flyout__navigation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0;
    padding-bottom: 0.9375rem;
    border-bottom: 1px solid #f4f4f4; }
    .account-flyout__navigation.\--secondary {
      margin-top: 0.9375rem;
      border-bottom: 0;
      padding-bottom: 0; }
  .account-flyout__link {
    font-size: 0.8125rem;
    display: block;
    margin-bottom: 0.9375rem;
    cursor: pointer; }
    .account-flyout__link:last-child {
      margin-bottom: 0; }
    .account-flyout__link:hover {
      text-decoration: underline; }
  .account-flyout .ck-Button {
    margin-top: 0.9375rem; }

/* Media Quuery Mixin */
.header-account {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-basis: auto;
  margin-right: 1.25rem; }
  @media (max-width: 1024px) {
    .header-account {
      flex-basis: 5rem;
      display: none; } }
  .header-account__inner {
    padding-bottom: 1.25rem;
    position: relative;
    top: 0.625rem; }
    .header-account__inner .account-flyout {
      display: none; }
    .header-account__inner:hover .account-flyout {
      display: block; }
  .header-account__sign-in {
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.025rem; }
  .header-account__name {
    cursor: pointer; }
  .header-account .account-flyout {
    display: none; }
  .header-account:hover .account-flyout {
    display: block; }

/* Media Quuery Mixin */
.paypalButton .ck-Button__secondary svg {
  stroke: none;
  width: 3.6875rem;
  height: 1rem;
  margin-left: 0.5rem;
  margin-right: 0; }
  .paypalButton .ck-Button__secondary svg path:first-child, .paypalButton .ck-Button__secondary svg path:last-child {
    stroke: none; }
  .paypalButton .ck-Button__secondary svg path:first-child {
    fill: #253b80; }
  .paypalButton .ck-Button__secondary svg path:last-child {
    fill: #179bd7; }

/* Media Quuery Mixin */
.shoppingBagContent__paypalexpress {
  font-family: "Klein Medium New", Futura, Helvetica, Arial, sans-serif;
  text-align: center;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #000000;
  min-width: 6.25rem;
  color: #313131;
  background: #ffffff;
  overflow: hidden;
  padding: 0.5rem;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  cursor: pointer;
  display: flex;
  width: 100%; }
  .shoppingBagContent__paypalexpress svg {
    width: 5.375rem; }
  .shoppingBagContent__paypalexpress span {
    margin-left: 0.625rem; }

.shoppingBagContent__paypalterms {
  padding: 0.625rem 0.3125rem; }

.shoppingBagContent__header {
  text-transform: uppercase;
  padding-bottom: 1.25rem;
  text-align: left;
  font-family: "Klein Medium Condensed New", Klein Medium New, Futura, Helvetica, Arial, sans-serif; }

.shoppingBagContent__button-separator {
  text-align: center;
  font-weight: 400;
  font-size: 0.8125rem;
  padding: 0.625rem 0; }

/* Media Quuery Mixin */
.checkoutButton {
  margin-top: 1.875rem;
  position: relative; }
  .checkoutButton .ck-loader__graphics {
    background-size: 70%; }
  .checkoutButton--no-margin {
    margin-top: 0; }

/* Media Quuery Mixin */
.checkoutButtonsWrapper {
  padding-top: 1.25rem;
  width: 100%;
  display: flex;
  flex-direction: column; }
  .checkoutButtonsWrapper--no-padding {
    padding-top: 0; }
  .checkoutButtonsWrapper .ck-Button,
  .checkoutButtonsWrapper .shoppingBagContent__paypalexpress {
    height: auto;
    max-height: 2.25rem; }

/* Media Quuery Mixin */
.mini-basket {
  margin-left: 1.25rem;
  position: relative;
  cursor: pointer; }
  .mini-basket:hover .mini-basket__panel {
    display: block; }
  .mini-basket__link {
    display: block;
    position: relative; }
  .mini-basket__count {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #ffffff;
    font-size: 0.6875rem;
    top: 0.25rem; }
  .mini-basket__icon--filled g {
    fill: #000000; }
    .mini-basket__icon--filled g .shopping-bag-header_svg__top,
    .mini-basket__icon--filled g .top {
      fill: none; }
  .mini-basket__panel {
    background: #ffffff;
    border: 0.0625rem solid #e4e4e4;
    position: absolute;
    top: 100%;
    right: 0;
    width: 23.625rem;
    display: none; }
  .mini-basket__items {
    padding: 1.25rem 1.25rem 0; }
  .mini-basket__product-list {
    max-height: 14.0625rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0;
    list-style: none; }
    .mini-basket__product-list::-webkit-scrollbar-track {
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
      background-color: #f4f4f4; }
    .mini-basket__product-list::-webkit-scrollbar {
      width: 6px;
      background-color: #f4f4f4; }
    .mini-basket__product-list::-webkit-scrollbar-thumb {
      background-color: #000000; }
  .mini-basket__product-tile {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 4.6875rem 2fr;
    grid-gap: 1.5625rem;
    gap: 1.5625rem;
    margin-bottom: 1.875rem; }
  .mini-basket__product-image {
    max-width: 100%; }
  .mini-basket__product-name {
    text-transform: uppercase;
    font-size: 0.8125rem;
    color: #313131;
    margin-bottom: 0; }
  .mini-basket__product-attributes {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.75rem;
    color: #6d6d6d;
    font-family: "Klein Medium New", Futura, Helvetica, Arial, sans-serif;
    letter-spacing: 0.01562rem; }
  .mini-basket__product-attribute {
    padding: 0; }
    .mini-basket__product-attribute--name {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0; }
    .mini-basket__product-attribute--price {
      display: flex;
      grid-gap: 0.25rem;
      gap: 0.25rem; }
  .mini-basket__summary {
    background: #ffffff;
    padding: 1.25rem;
    border-top: 0.125rem solid #f4f4f4; }
  .mini-basket__total-price {
    margin: 0 0 0.9375rem;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    font-size: 1rem; }
  .mini-basket__product-count {
    font-size: 0.625rem;
    padding-left: 0.3125rem;
    color: #9e9e9e; }
  .mini-basket__messages, .mini-basket__message {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .mini-basket__message {
    color: #9e9e9e;
    font-size: 0.75rem;
    line-height: 1.3;
    text-transform: none;
    display: block;
    margin-bottom: 0.9375rem; }
  .mini-basket__checkout-btn {
    margin-top: 0.625rem; }
  .mini-basket__or-text {
    text-align: center;
    margin: 0.625rem 0;
    font-size: 0.8125rem;
    color: #313131; }

/* Media Quuery Mixin */
.csr-header {
  padding: 0.5rem 2.5rem 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; }

/* Media Quuery Mixin */
html {
  scroll-padding-top: 3.125rem; }

@media (min-width: 1025px) {
  html {
    scroll-padding-top: 6.25rem; } }

.header {
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
  height: 3.125rem;
  z-index: 998;
  background: #ffffff;
  border-bottom: 1px solid #e4e4e4;
  font-size: 13px; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .header {
      position: static; } }
  .header__inner {
    height: 3.125rem;
    min-height: 3.125rem;
    max-width: 100%;
    display: flex;
    padding: 0;
    /*START: These styles can be moved to their respective component styles as and when they are created 
    They are here to assist with the initial layout of the header and its elements */ }
    .header__inner > * {
      display: flex;
      min-height: 1.6875rem;
      border: 0.0625rem solid white;
      border-width: 0 0.0625rem; }
    .header__inner .logo {
      flex-grow: 2;
      order: 2;
      justify-content: center;
      display: flex;
      align-self: center;
      position: relative;
      top: 1px; }
      .header__inner .logo svg {
        width: 6.25rem; }
    .header__inner .mega-menu--wrapper {
      position: static;
      display: flex;
      min-width: 80px; }
    .header__inner .header-search {
      flex-grow: 4;
      display: none; }
    .header__inner .header__icons-container {
      position: relative;
      z-index: 2;
      order: 3;
      justify-content: flex-end;
      align-items: center;
      padding-right: 1.25rem; }
    .header__inner .mega-menu--wrapper,
    .header__inner .header__icons-container {
      flex-grow: 0;
      flex-basis: 25%; }

@media (min-width: 741px) {
  .header .header__icons-container {
    padding-right: 1.875rem; } }

@media (min-width: 1025px) {
  .header-overlay {
    position: fixed;
    top: 2.5rem;
    z-index: 400;
    opacity: 0;
    background: #000000;
    transition: opacity 0.3s ease; }
    .header-overlay--active {
      opacity: 0.7;
      right: 0;
      bottom: 0;
      left: 0; }
  .header {
    height: 6.25rem;
    min-width: 64rem; }
    .header .header__icons-container {
      position: relative;
      z-index: 2;
      flex-grow: 2; }
    .header--noSecondaryNav {
      height: 4.4375rem; }
    .header__logo--header {
      margin-right: 1.875rem; }
    .header__inner {
      height: 4.375rem;
      display: flex;
      max-width: 120rem;
      padding: 0 2.5rem 0;
      margin: 0 auto; }
      .header__inner > * {
        display: flex;
        min-height: 1.6875rem;
        border: 0.0625rem solid #ffffff;
        border-width: 0 0.0625rem; }
      .header__inner .logo {
        flex-grow: 0;
        order: 0; }
        .header__inner .logo svg {
          width: 12.5625rem;
          height: 1.6875rem;
          position: relative;
          left: -20px; }
      .header__inner .mega-menu--wrapper {
        flex-grow: 0;
        flex-basis: auto;
        width: auto;
        order: 0;
        background: #ffffff;
        margin-top: 1rem; }
      .header__inner .header-search {
        max-width: 43.75rem;
        flex-grow: 7;
        display: flex;
        order: 0;
        padding-left: 1.5625rem; }
      .header__inner .header__icons-container {
        flex-grow: 1;
        flex-basis: auto;
        order: 0;
        justify-content: flex-end;
        padding-right: 0; } }

/* Media Quuery Mixin */
.social-media {
  width: 15rem;
  display: flex;
  flex-flow: row nowrap;
  margin-top: 0.9375rem;
  margin-bottom: 1.875rem; }
  @media (min-width: 1025px) {
    .social-media {
      margin-top: 0.3125rem; } }
  .social-media__link {
    margin-right: 1.25rem;
    line-height: 1; }
    .social-media__link:last-child {
      margin-right: 0; }

/* Media Quuery Mixin */
.countryselect-wrapper {
  max-width: 62.5rem; }
  @media (min-width: 741px) {
    .countryselect-wrapper {
      flex: 1 1; } }
  .countryselect-wrapper .countryselect-wrapper__select {
    min-height: 2.5rem;
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
    width: 100%;
    border-radius: 0;
    border: solid #e4e4e4 0.0625rem;
    text-transform: uppercase;
    font-family: "Klein Medium Condensed New", Klein Medium New, Futura, Helvetica, Arial, sans-serif, "Klein-Medium";
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0.025rem; }
    html:lang(ru) .countryselect-wrapper .countryselect-wrapper__select {
      font-family: "Oswald", Klein Medium New, Futura, Helvetica, Arial, sans-serif; }
    .countryselect-wrapper .countryselect-wrapper__select--prefix__control {
      border-radius: 0;
      border: none; }
      .countryselect-wrapper .countryselect-wrapper__select--prefix__control--menu-is-open {
        box-shadow: none; }
    .countryselect-wrapper .countryselect-wrapper__select--prefix__indicator-separator {
      background-color: #ffffff; }
    .countryselect-wrapper .countryselect-wrapper__select--prefix__indicators {
      color: #000000; }
    .countryselect-wrapper .countryselect-wrapper__select--prefix__menu {
      border-radius: 0;
      margin-top: 0; }
    .countryselect-wrapper .countryselect-wrapper__select--prefix__option {
      padding-top: 0.8125rem;
      padding-bottom: 0.8125rem; }
      .countryselect-wrapper .countryselect-wrapper__select--prefix__option--is-focused {
        background-color: #e4e4e4; }
      .countryselect-wrapper .countryselect-wrapper__select--prefix__option--is-selected {
        background-color: #cccccc;
        color: #000000; }
    .countryselect-wrapper .countryselect-wrapper__select--prefix__dropdown-indicator svg {
      fill: #000000; }

.locale-select .visuallyHidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

@media (min-width: 741px) {
  .locale-select {
    display: flex;
    justify-content: space-evenly;
    align-items: baseline;
    overflow: none; } }

@media (min-width: 1025px) {
  .locale-select {
    display: block;
    margin-bottom: 3.4375rem; } }

@media (min-width: 741px) {
  .locale-select .form-field--textInput {
    flex: 1 1;
    margin: 0 20px; } }

@media (min-width: 1025px) {
  .locale-select .form-field--textInput {
    margin: 0; } }

.locale-select .locale-select__lang-select {
  margin: 0 0 0.9375rem;
  min-height: 2.5rem;
  width: 100%;
  border-radius: 0;
  border: solid #e4e4e4 0.0625rem;
  text-transform: uppercase;
  font-family: "Klein Medium Condensed New", Klein Medium New, Futura, Helvetica, Arial, sans-serif, "Klein-Medium";
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.025rem; }
  html:lang(ru) .locale-select .locale-select__lang-select {
    font-family: "Oswald", Klein Medium New, Futura, Helvetica, Arial, sans-serif; }
  @media (min-width: 741px) {
    .locale-select .locale-select__lang-select {
      flex: 1 1;
      margin: 0 20px; } }
  @media (min-width: 1025px) {
    .locale-select .locale-select__lang-select {
      margin: 0 0 0.9375rem; } }
  .locale-select .locale-select__lang-select--prefix__control {
    border-radius: 0;
    border: none; }
    .locale-select .locale-select__lang-select--prefix__control--menu-is-open {
      box-shadow: none; }
  .locale-select .locale-select__lang-select--prefix__indicator-separator {
    background-color: #ffffff; }
  .locale-select .locale-select__lang-select--prefix__indicators {
    color: #000000; }
  .locale-select .locale-select__lang-select--prefix__menu {
    border-radius: 0;
    margin-top: 0; }
  .locale-select .locale-select__lang-select--prefix__option {
    padding-top: 0.8125rem;
    padding-bottom: 0.8125rem; }
    .locale-select .locale-select__lang-select--prefix__option--is-focused {
      background-color: #e4e4e4; }
    .locale-select .locale-select__lang-select--prefix__option--is-selected {
      background-color: #cccccc;
      color: #000000; }
  .locale-select .locale-select__lang-select--prefix__dropdown-indicator svg {
    fill: #000000; }

.locale-select .locale-select__lang-input {
  min-height: 2.5rem;
  width: 100%;
  padding: 0 0.625rem;
  border: solid #e4e4e4 0.0625rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-family: "Klein Medium Condensed New", Klein Medium New, Futura, Helvetica, Arial, sans-serif, "Klein-Medium";
  font-weight: 400;
  letter-spacing: 0.025rem;
  opacity: 1; }
  html:lang(ru) .locale-select .locale-select__lang-input {
    font-family: "Oswald", Klein Medium New, Futura, Helvetica, Arial, sans-serif; }
  @media (min-width: 741px) {
    .locale-select .locale-select__lang-input {
      width: 30%; } }
  @media (min-width: 1025px) {
    .locale-select .locale-select__lang-input {
      width: 100%;
      margin-bottom: 0.9375rem; } }

.locale-select .locale-select__button {
  width: 100%; }
  html:lang(ru) .locale-select .locale-select__button {
    font-family: "Oswald", Klein Medium New, Futura, Helvetica, Arial, sans-serif; }
  @media (min-width: 741px) {
    .locale-select .locale-select__button {
      flex: 1 1; } }

@media (max-width: 1024px) {
  .language-label {
    margin-right: 2.5rem; } }

@media (max-width: 740px) {
  .language-label .locale-select__lang-select {
    margin-bottom: 0; } }

/* Media Quuery Mixin */
.footer {
  background-color: #ffffff; }
  .footer__inner {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0.625rem 1.25rem 1.5625rem; }
    @media (min-width: 1025px) {
      .footer__inner {
        padding: 3.125rem 2.5rem 1.875rem; } }
  @media (min-width: 1025px) {
    .footer__group {
      display: grid;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      margin-bottom: 3.75rem; } }
  .footer__list {
    --panel-height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    transition: height 0.5s ease-in-out;
    height: var(--panel-height); }
    @media (min-width: 1025px) {
      .footer__list {
        overflow: auto;
        height: auto; } }
    .footer__list--no-overflow[style*='--panel-height'] {
      overflow: unset;
      -webkit-animation: hide-overflow 0.5s backwards;
              animation: hide-overflow 0.5s backwards; }

@-webkit-keyframes hide-overflow {
  from,
  to {
    overflow: hidden; } }

@keyframes hide-overflow {
  from,
  to {
    overflow: hidden; } }
  .footer__list-group {
    padding: 0.9375rem 0;
    border-bottom: 0.0625rem solid #e4e4e4; }
    .footer__list-group--no-border {
      border: none; }
    @media (min-width: 1025px) {
      .footer__list-group {
        border: none;
        padding: 0; }
        .footer__list-group:last-child {
          justify-self: end; } }
  @media (min-width: 1025px) {
    .footer__social-lang:last-child {
      justify-self: end; } }
  .footer__list-title {
    text-transform: uppercase;
    color: #313131;
    font-family: "Klein Medium Condensed New", Klein Medium New, Futura, Helvetica, Arial, sans-serif;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    margin: 0;
    padding: 0; }
    html:lang(ru) .footer__list-title {
      font-family: "Oswald", Klein Medium New, Futura, Helvetica, Arial, sans-serif; }
    .footer__list-title--icon {
      position: relative; }
      .footer__list-title--icon::after {
        content: '';
        height: 0.625rem;
        width: 0.625rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        background: #9e9e9e;
        -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='15' viewBox='0 0 15 15'%3E%3Cpath stroke='%23313131' d='M7.5 2.5v10zM2.5 7.5h10z'/%3E%3C/svg%3E") no-repeat 50% 50%;
                mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='15' viewBox='0 0 15 15'%3E%3Cpath stroke='%23313131' d='M7.5 2.5v10zM2.5 7.5h10z'/%3E%3C/svg%3E") no-repeat 50% 50%; }
    .footer__list-title--open::after {
      -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='15' viewBox='0 0 15 15'%3E%3Cpath stroke='%23313131' d='M2.5 7.5h10z'/%3E%3C/svg%3E") no-repeat 50% 50%;
              mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='15' viewBox='0 0 15 15'%3E%3Cpath stroke='%23313131' d='M2.5 7.5h10z'/%3E%3C/svg%3E") no-repeat 50% 50%; }
    @media (min-width: 1025px) {
      .footer__list-title {
        padding-bottom: 0.625rem; }
        .footer__list-title:after {
          display: none; } }
  .footer__list-item {
    color: #9e9e9e;
    padding: 0.8125rem 0;
    font-size: 0.8125rem;
    font-family: "Klein Medium Condensed New", Klein Medium New, Futura, Helvetica, Arial, sans-serif; }
    @media (min-width: 1025px) {
      .footer__list-item {
        padding: 0.3125rem 0;
        color: #6d6d6d;
        font-family: "Klein-Medium"; } }
  .footer__copyright {
    text-transform: uppercase;
    font-size: 0.6875rem;
    line-height: 1.125rem;
    letter-spacing: 0.025rem;
    color: #6d6d6d; }
  .footer__link {
    color: inherit; }
    .footer__link:hover {
      color: inherit;
      text-decoration: none; }

/* Media Quuery Mixin */
#notification {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 700; }

/* Media Quuery Mixin */
.country-switch {
  position: relative;
  background-color: #f6f6f6;
  width: 100%;
  bottom: 0; }
  .country-switch__content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-family: "Klein Medium New", Futura, Helvetica, Arial, sans-serif; }
  .country-switch__actions {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .country-switch__title {
    color: #313131;
    margin-bottom: 0.3125rem; }
  .country-switch__link {
    font-size: 0.8125rem;
    color: #313131;
    text-transform: uppercase;
    display: flex;
    align-items: center; }
    .country-switch__link-flag-icon {
      display: inline-block;
      width: auto;
      height: 1rem;
      max-width: 1.25rem; }
    .country-switch__link-text {
      padding-left: 0.625rem;
      text-decoration: underline; }
  .country-switch__button--close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: 1.875rem;
    height: 1.875rem;
    margin-left: 2.6875rem;
    margin-right: -0.4375rem; }

@media (max-width: 740px) {
  .country-switch {
    font-size: 0.8125rem;
    padding-top: 1.25rem;
    padding-bottom: 1.0625rem; }
    .country-switch__title {
      margin-right: 0;
      font-size: 1rem; }
    .country-switch__content {
      position: relative;
      padding-left: 1.25rem;
      padding-right: 1.25rem;
      flex-direction: column;
      align-items: center;
      flex-wrap: nowrap;
      margin-bottom: 1.25rem; }
    .country-switch__button--close {
      position: absolute;
      top: -0.4375rem;
      right: 1.25rem; } }

@media (min-width: 741px) {
  .country-switch__content {
    width: 100%;
    max-width: 120rem;
    height: 6.5625rem;
    margin: 0 auto;
    padding: 0.625rem 1.875rem 0 1.875rem; }
  .country-switch__link {
    margin-left: auto; } }

/* Media Quuery Mixin */
.main-layout {
  max-width: 120rem;
  margin: 0 auto; }
  .main-layout.\--loading {
    min-height: 50rem; }
  .main-layout__section {
    padding: 1.25rem 1.125rem;
    margin: 0 auto;
    width: 100%;
    max-width: 125rem; }
    .main-layout__section.\--relative {
      position: relative; }
      .main-layout__section.\--relative .recommendations.product,
      .main-layout__section.\--relative .recommendations.product_outfits {
        padding: 0 1.25rem; }
    .main-layout__section--gray {
      background: #efebe7; }
    .main-layout__section .moreForYou ul {
      padding: 0;
      display: flex;
      flex-wrap: wrap; }
    .main-layout__section .moreForYou .moreForYou__item {
      width: 100%;
      padding: 0;
      margin-bottom: 0.5rem; }
  .main-layout__container {
    display: flex;
    flex-direction: row; }
  @media (min-width: 741px) {
    .main-layout__section {
      padding: 1.25rem 1.125rem; } }
  @media (min-width: 1025px) {
    .main-layout__section {
      padding: 1.25rem 2.8125rem; }
      .main-layout__section.\--relative .recommendations.product,
      .main-layout__section.\--relative .recommendations.product_outfits {
        padding: 0 1.875rem; } }