/*
* BUTTONS
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #007cf3;
  --color-green: #0d8600;
  --color-primary: #222222;
  --color-red: #c00;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #0088ff;
  --color-gray1: #efefef;
  --color-gray2: #e0e0e0;
  --color-gray3: #aaa;
  --color-gray4: #999;
  --color-gray5: #858585;
  --color-gray6: #424242;
  --color-gray7: #333;
  --color-gray8: #191919;
  --color-gray-transparent-1: rgba(0, 0, 0, 0.65);
  --color-gray-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: #ccc;
  --color-slightly-darker-gray: #666;
  --color-dark-gray: #333;
  --color-darker-gray: #181818;
  --color-horizontal-rule-gray: var(--color-gray3);
  --color-product-number-gray: var(--color-gray3);
  --color-horizontal-border-gray: var(--color-gray4);
  --color-menu-link: var(--color-gray6);
  --color-close-menu-bg: var(--color-gray2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-gray3);
  --skin-background-color-1: #fff;
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-primary);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #f1f1f1;
  --skin-banner-background-color-2: #f1f1f1;
  --skin-banner-text-color-1: #333;
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-primary);
  --skin-price-1: var(--color-gray7);
  --skin-body-font: $primary-font; }

.category-tile {
  position: relative; }
  .category-tile h1,
  .category-tile h2 {
    font-size: 1.75rem;
    position: absolute;
    bottom: 1.875rem;
    left: 1.875rem;
    color: #fff; }
  .category-tile::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.5) 100%); }

.page .homepage-container {
  background: #fff; }
  .page .homepage-container video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
    .page .homepage-container video.hero-video.no-mobile-video {
      display: block; }
    .page .homepage-container video.hero-video.has-mobile-video {
      display: none; }
    .page .homepage-container video.hero-video.hero-mobile-video {
      display: block; }
    @media (min-width: 1200px) {
      .page .homepage-container video.hero-video.has-mobile-video {
        display: block; }
      .page .homepage-container video.hero-video.hero-mobile-video {
        display: none; } }

.page .home-marquee {
  overflow: hidden;
  margin-top: 0; }
  .page .home-marquee .swiper-container {
    padding-bottom: 40px; }
    @media (max-width: 768px) {
      .page .home-marquee .swiper-container .swiper-controls {
        display: none; } }
    .page .home-marquee .swiper-container .swiper-pagination {
      margin-top: 30px;
      height: 2px; }
      .page .home-marquee .swiper-container .swiper-pagination .swiper-pagination-bullet {
        border-radius: 0;
        width: 30px; }
      .page .home-marquee .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
        background: #000; }
  .page .home-marquee .hero-container-fancy {
    padding: 0;
    position: relative;
    width: 100%;
    color: #fff;
    background-color: #000;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover; }
    @media (min-width: 1440px) {
      .page .home-marquee .hero-container-fancy {
        padding-top: 90px; } }
    .page .home-marquee .hero-container-fancy .hero-contents {
      position: relative;
      z-index: 10;
      width: 100%; }
      @media (min-width: 1000px) {
        .page .home-marquee .hero-container-fancy .hero-contents {
          display: flex; } }
      .page .home-marquee .hero-container-fancy .hero-contents .hero-contents-copy {
        padding: 20px 20px 30px;
        text-align: center; }
        @media (min-width: 1000px) {
          .page .home-marquee .hero-container-fancy .hero-contents .hero-contents-copy {
            width: 40%;
            order: 1;
            justify-content: center;
            display: flex;
            flex-direction: column;
            text-align: left;
            padding-left: 50px; } }
        .page .home-marquee .hero-container-fancy .hero-contents .hero-contents-copy .hero-headlines {
          color: #fff;
          max-width: 625px;
          margin-left: auto;
          margin-right: auto; }
          .page .home-marquee .hero-container-fancy .hero-contents .hero-contents-copy .hero-headlines h2 {
            display: block;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 10px;
            padding-left: 20px;
            padding-right: 20px;
            font-size: 1.9em;
            line-height: 1.1em;
            letter-spacing: 0px;
            text-transform: none; }
            @media (min-width: 600px) {
              .page .home-marquee .hero-container-fancy .hero-contents .hero-contents-copy .hero-headlines h2 {
                max-width: 1000px; } }
            @media (max-width: 599.98px) {
              .page .home-marquee .hero-container-fancy .hero-contents .hero-contents-copy .hero-headlines h2 {
                font-size: 1.8rem;
                line-height: 2.1rem; } }
            @media (min-width: 600px) {
              .page .home-marquee .hero-container-fancy .hero-contents .hero-contents-copy .hero-headlines h2 {
                max-width: 1000px;
                font-size: 2.4rem;
                line-height: 2.6rem; } }
          .page .home-marquee .hero-container-fancy .hero-contents .hero-contents-copy .hero-headlines p {
            margin: 0px 40px 0;
            letter-spacing: 0;
            font-weight: 400;
            text-transform: none; }
            @media (min-width: 1000px) {
              .page .home-marquee .hero-container-fancy .hero-contents .hero-contents-copy .hero-headlines p {
                margin: 0 20px 0;
                max-width: 500px; } }
        .page .home-marquee .hero-container-fancy .hero-contents .hero-contents-copy .hero-ctas {
          width: 100%;
          padding: 20px 0;
          display: flex;
          justify-content: center; }
          @media (min-width: 1000px) {
            .page .home-marquee .hero-container-fancy .hero-contents .hero-contents-copy .hero-ctas {
              padding: 20px 30px;
              display: block; } }
      .page .home-marquee .hero-container-fancy .hero-contents .hero-contents-image {
        padding: 20px;
        position: relative;
        z-index: 3; }
        @media (min-width: 1000px) {
          .page .home-marquee .hero-container-fancy .hero-contents .hero-contents-image {
            width: 60%;
            order: 2;
            padding: 40px 40px 80px; } }
        .page .home-marquee .hero-container-fancy .hero-contents .hero-contents-image .hero-image {
          width: 100%; }
        .page .home-marquee .hero-container-fancy .hero-contents .hero-contents-image img {
          display: block;
          width: 100%;
          max-width: 800px;
          margin-left: auto;
          margin-right: auto; }
  .page .home-marquee .hero-container-victory {
    padding: 0 0 30px;
    position: relative;
    width: 100%; }
    .page .home-marquee .hero-container-victory > a {
      position: relative; }
    .page .home-marquee .hero-container-victory .video-container {
      position: relative; }
    .page .home-marquee .hero-container-victory .hero-image {
      background-position: center bottom;
      background-repeat: no-repeat;
      background-size: cover;
      aspect-ratio: 80/59;
      display: flex; }
      @media (min-width: 1000px) {
        .page .home-marquee .hero-container-victory .hero-image {
          aspect-ratio: 16/7; } }
      .page .home-marquee .hero-container-victory .hero-image img {
        display: block; }
    .page .home-marquee .hero-container-victory .hero-headlines {
      margin: 30px 20px 0;
      text-align: center;
      justify-content: center;
      position: relative;
      z-index: 5; }
      .page .home-marquee .hero-container-victory .hero-headlines > div {
        max-width: 90%; }
        @media (min-width: 768px) {
          .page .home-marquee .hero-container-victory .hero-headlines > div {
            max-width: 700px; } }
        @media (min-width: 1400px) {
          .page .home-marquee .hero-container-victory .hero-headlines > div {
            max-width: 1000px; } }
      .page .home-marquee .hero-container-victory .hero-headlines h2 {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        color: #333;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 1.9em;
        line-height: 1.1em;
        letter-spacing: 0px;
        text-wrap: balance;
        text-transform: none; }
        @media (max-width: 599.98px) {
          .page .home-marquee .hero-container-victory .hero-headlines h2 {
            font-size: 1.8rem;
            line-height: 2.1rem; } }
        @media (min-width: 600px) {
          .page .home-marquee .hero-container-victory .hero-headlines h2 {
            max-width: 1300px;
            font-size: 2.4rem;
            line-height: 2.6rem; } }
      .page .home-marquee .hero-container-victory .hero-headlines p {
        margin: 0px 20px 0;
        letter-spacing: 0;
        font-weight: 400;
        text-transform: none;
        text-wrap: balance; }
    .page .home-marquee .hero-container-victory .hero-ctas {
      margin: 20px auto 0;
      justify-content: center;
      position: relative;
      z-index: 5; }
  .page .home-marquee .hero-container-default {
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    aspect-ratio: 80/85; }
    @media (min-width: 1000px) {
      .page .home-marquee .hero-container-default {
        aspect-ratio: 26/13; } }
    .page .home-marquee .hero-container-default .hero-video {
      z-index: 1; }
    .page .home-marquee .hero-container-default .hero-headlines {
      margin-bottom: 40px; }
      .page .home-marquee .hero-container-default .hero-headlines h2 {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        color: #fff;
        text-align: center;
        padding-left: 20px;
        padding-right: 20px;
        letter-spacing: 4px;
        text-wrap: balance; }
        @media (max-width: 599.98px) {
          .page .home-marquee .hero-container-default .hero-headlines h2 {
            font-size: 1.8rem;
            line-height: 2.1rem; } }
        @media (min-width: 600px) {
          .page .home-marquee .hero-container-default .hero-headlines h2 {
            max-width: 1000px;
            font-size: 2.4rem;
            line-height: 2.6rem; } }
        .page .home-marquee .hero-container-default .hero-headlines h2 p {
          margin: 10px 40px;
          letter-spacing: 0;
          font-weight: 400;
          text-transform: none;
          text-wrap: balance; }
      .page .home-marquee .hero-container-default .hero-headlines p {
        color: #fff;
        text-align: center;
        margin: 10px 40px;
        letter-spacing: 0;
        font-weight: 400;
        text-transform: none;
        max-width: 800px;
        text-wrap: balance; }
    .page .home-marquee .hero-container-default .hero-content {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      z-index: 3; }
    .page .home-marquee .hero-container-default .hero-image {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 0; }
      .page .home-marquee .hero-container-default .hero-image img {
        position: relative;
        z-index: 1;
        display: block;
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
        height: 100%; }

.page .modalBg {
  z-index: 999; }

@media (min-width: 768px) {
  .page[data-action="Home-Show"][data-locale="ja_JP"] .home-marquee .hero-container-victory .hero-headlines > div {
    max-width: 1000px; } }

.page .hero {
  background-position-y: 0; }

.page .shop-the-style .hero {
  background-position-y: 45%; }

.hp-category-message,
.hp-promotion-message {
  position: absolute;
  bottom: 0.9375em;
  left: 1.875em; }
  .hp-category-message a,
  .hp-promotion-message a {
    color: #fff; }
  .hp-category-message a.hp-promotion-message1,
  .hp-promotion-message a.hp-promotion-message1 {
    font-size: 0.75em; }

.category-tile {
  border: 1px solid white; }

.half-height {
  min-height: 23.125em; }
  @media (max-width: 599.98px) {
    .half-height {
      min-height: 15.375em; } }

.full-height {
  min-height: 51.725em; }
  @media (max-width: 599.98px) {
    .full-height {
      min-height: 35.375em; } }
  @media (max-width: 319.98px) {
    .full-height {
      min-height: 15.375em; } }

.mens-jackets {
  background-position: 50% 34%; }
  @media (min-width: 320px) {
    .mens-jackets {
      background-size: auto 100%; } }
  @media (max-width: 319.98px) {
    .mens-jackets {
      background-position-y: 8%; } }

.womens-dresses {
  background-position: 50% 15%; }

.womens-jewelry {
  background-position: 40% 60%; }
  @media (min-width: 320px) {
    .womens-jewelry {
      background-size: auto 100%; } }

.shop-red {
  background-position-y: 60%;
  min-height: 28.65em; }
  @media (max-width: 599.98px) {
    .shop-red {
      min-height: 15.375em; } }
  @media (max-width: 319.98px) {
    .shop-red {
      background-position: 45% 85%; } }

@media (max-width: 319.98px) {
  .container.home-categories {
    padding-left: 0;
    padding-right: 0; } }

.home-main-categories {
  margin-bottom: 2em; }

.hp-product-grid {
  margin: 0; }
  .hp-product-grid .hp-product-content {
    background-color: transparent;
    text-align: center;
    border: 0; }
    @media (max-width: 319.98px) {
      .hp-product-grid .hp-product-content {
        min-height: 20.375em; } }
    .hp-product-grid .hp-product-content span {
      font-size: 1em; }
      @media (max-width: 599.98px) {
        .hp-product-grid .hp-product-content span {
          font-size: 0.85em; } }
      @media (max-width: 319.98px) {
        .hp-product-grid .hp-product-content span {
          font-size: 0.65em; } }
    .hp-product-grid .hp-product-content span.largeText {
      font-size: 5.5em; }
      @media (max-width: 1439.98px) {
        .hp-product-grid .hp-product-content span.largeText {
          font-size: 4.5em; } }
      @media (max-width: 1199.98px) {
        .hp-product-grid .hp-product-content span.largeText {
          font-size: 3.4em; } }
      @media (max-width: 599.98px) {
        .hp-product-grid .hp-product-content span.largeText {
          font-size: 3em; } }
      @media (max-width: 319.98px) {
        .hp-product-grid .hp-product-content span.largeText {
          font-size: 2.5em; } }
    .hp-product-grid .hp-product-content a {
      color: var(--skin-primary-color-1);
      text-decoration: none; }

.home-email-signup {
  background-color: #424242; }
  .home-email-signup > .container {
    padding-top: 0.625em;
    padding-bottom: 0.625em; }
  .home-email-signup .email-description {
    padding-top: 0.375em;
    color: #fff; }

.popupWrapper .popupModal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  padding: 0;
  color: black;
  height: auto;
  width: auto; }

.popupWrapper .cookie-content {
  width: 100%;
  margin: 0 auto;
  text-align: center; }

.popupWrapper .cookie-section {
  margin: 0 auto;
  text-align: left; }

.popupWrapper .cookie-content-scroll {
  overflow: scroll;
  max-height: 600px;
  overflow-x: hidden; }

.popupWrapper .cookie-content-scroll::-webkit-scrollbar {
  width: 10px; }

.popupWrapper .cookie-content-scroll::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 10px;
  background-clip: padding-box;
  border: 3px solid transparent; }

.popupWrapper .cookie-content-scroll::-webkit-scrollbar-track {
  background-color: white;
  border: black 2px solid; }

.popupWrapper .cookie-content img {
  margin: 0;
  width: 100%; }

.popupWrapper .cookie-section input {
  margin: -2px 0 0;
  vertical-align: middle; }

.popupWrapper .cookie-section label {
  margin: 0;
  font-size: 13px;
  letter-spacing: -1px;
  color: #767676; }

.popupWrapper .closeLandingPage,
.popupWrapper .closeModal {
  right: 0;
  padding: 0 0.7rem;
  background-color: #000;
  opacity: 0.8; }

.popupWrapper a,
.popupWrapper .text-link {
  color: #fff;
  text-decoration: none; }

.popupWrapper a:hover,
.popupWrapper .text-link:hover {
  color: #fff; }

@media screen and (max-width: 992px) {
  .popupWrapper .popupModal {
    min-width: 600px; }
  .popupWrapper .cookie-content img {
    width: 600px; }
  .popupWrapper .cookie-content-scroll {
    -ms-overflow-style: none; }
  .popupWrapper .cookie-content-scroll::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/ } }

@media screen and (max-width: 640px) {
  .popupWrapper .popupModal {
    min-width: 400px; }
  .popupWrapper .cookie-content img {
    width: 400px; }
  .popupWrapper .cookie-content-scroll {
    -ms-overflow-style: none; }
  .popupWrapper .cookie-content-scroll::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/ } }

@media screen and (max-width: 400px) {
  .popupWrapper .popupModal {
    min-width: 300px; }
  .popupWrapper .cookie-content img {
    width: 300px; }
  .popupWrapper .cookie-content-scroll {
    -ms-overflow-style: none; }
  .popupWrapper .cookie-content-scroll::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/ } }

.new-products-component .row {
  padding: 15px;
  margin: 0; }
  @media (min-width: 600px) {
    .new-products-component .row {
      flex-wrap: nowrap;
      padding: 30px 15px; } }

.new-products-component .product {
  max-width: 400px; }
  .new-products-component .product .product-tile:not(.upsell-tile) {
    margin-bottom: 0; }
  .new-products-component .product .tile-body {
    padding: 0.625em 0; }
    .new-products-component .product .tile-body .pdp-link .product-name {
      font-size: 17px;
      text-align: center;
      display: block; }
    .new-products-component .product .tile-body .callout, .new-products-component .product .tile-body .price, .new-products-component .product .tile-body .bazaarvoice-inline-rating, .new-products-component .product .tile-body .color-swatches, .new-products-component .product .tile-body .color-swatches + div, .new-products-component .product .tile-body .star-rating-and-reviews {
      display: none; }

/*# sourceMappingURL=homePage.css.map*/