body {
  padding: 0;
  margin: 0; }

@font-face {
  font-family: 'argentcf-regular';
  src: url("../fonts/argentcf-regular-webfont.woff2") format("woff2"), url("../fonts/argentcf-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'argentcf-bold';
  src: url("../fonts/argentcf-bold-webfont.woff2") format("woff2"), url("../fonts/argentcf-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'argentcf-regularitalic';
  src: url("../fonts/argentcf-regularitalic-webfont.woff2") format("woff2"), url("../fonts/argentcf-regularitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

.euOuterWrapper {
  line-height: 0; }
  .euOuterWrapper {
    font-size: 10px; }
    @media screen and (min-width: 768px) {
      .euOuterWrapper {
        font-size: calc(10px + 15 * ((100vw - 768px) / 1152)); } }
    @media screen and (min-width: 1920px) {
      .euOuterWrapper {
        font-size: 25px; } }

@media only screen and (max-width: 767px) {
  .euOuterWrapper {
    line-height: 0; }
    .euOuterWrapper {
      font-size: 12px; } }
    @media only screen and (max-width: 767px) and (min-width: 320px) {
      .euOuterWrapper {
        font-size: calc(12px + 11 * ((100vw - 320px) / 447)); } }
    @media only screen and (max-width: 767px) and (min-width: 767px) {
      .euOuterWrapper {
        font-size: 23px; } }

.euOuterWrapper {
  color: #000; }
  .euOuterWrapper * {
    box-sizing: border-box; }
  .euOuterWrapper img {
    width: 100%; }
  .euOuterWrapper a {
    text-decoration: none;
    color: inherit; }
  .euOuterWrapper picture {
    line-height: 0; }
  .euOuterWrapper p {
    margin: 0; }

.euLanding::after, .euLanding::before {
  content: '';
  display: table;
  clear: both;
  float: none; }

.euLanding .euFeature {
  width: 100%;
  position: relative; }
  .euLanding .euFeature::after, .euLanding .euFeature::before {
    content: '';
    display: table;
    clear: both;
    float: none; }
  .euLanding .euFeature__img {
    display: inline-block;
    position: relative;
    width: 100%; }
  .euLanding .euFeature__txt {
    display: block;
    position: relative;
    color: #fff;
    text-align: center;
    margin-top: -1.6%;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); }
    .euLanding .euFeature__txt_box {
      position: absolute;
      top: 50%;
      left: 80%;
      transform: translateX(-50%);
      width: 35%;
    }

    @media (max-width: 767px) {
      .euLanding .euFeature__txt {
        margin-top: -4%; } }
    .euLanding .euFeature__txt__pre {
      font: normal normal 445%/.8 lato, sans-serif; }
    .euLanding .euFeature__txt__main {
      font: normal normal 490%/1 lato, sans-serif; }
      .euLanding .euFeature__txt__main2 {
        font: bold normal 530%/1 lato, sans-serif; }
    .euLanding .euFeature__txt__sub {
      font: normal normal 120%/1.2 lato, sans-serif;
      margin-bottom: 1%;
      margin-top: .4rem; }
    .euLanding .euFeature__txt__cta {
      cursor: pointer;
      position: relative;
      display: inline-block;
      padding: 12px 12px 14px 12px;
      background-color: #fff;
      color: #000;
      margin: .5rem;
      text-transform: uppercase;
      font-family: lato, sans-serif;
      font-size: .8rem;
      transition: background-color .3s, color .3s, border .3s;
      border: 1px solid #000;
      min-width: 130px;
      text-align: center;
      line-height: 1.2;
      letter-spacing: 0.03rem; }
      .euLanding .euFeature__txt__cta:hover {
        background-color: #000;
        color: #fff;
        border: 1px solid #fff; }
      @media (max-width: 960px) {
        .euLanding .euFeature__txt__cta {
          letter-spacing: 0;
          font-size: .7rem; } }
  .euLanding .euFeature__ctas {
    background-color: #342C42;
    text-align: center;
    color: #fff;
    padding: 2.5% 0 2.6%; }
    @media (max-width: 767px) {
      .euLanding .euFeature__ctas {
        padding: 7.5% 0 3%; } }
    .euLanding .euFeature__ctas br {
      display: none; }
      @media (max-width: 767px) {
        .euLanding .euFeature__ctas br {
          display: block; } }

.euLanding .euCategoryModules {
  width: 100%;
  display: block;
  background-color: #fff;
  padding: 20px;
  position: relative;
  text-align: center; }
  .euLanding .euCategoryModules::after, .euLanding .euCategoryModules::before {
    content: '';
    display: table;
    clear: both;
    float: none; }
  .euLanding .euCategoryModules__mod {
    display: inline-block;
    vertical-align: middle;
    padding: 20px;
    min-width: 136px; }
    @media (min-width: 768px) {
      .euLanding .euCategoryModules__mod__title {
        font: normal normal 20px/1.2 latoblack, sans-serif; } }
    @media (max-width: 960px) {
      .euLanding .euCategoryModules__mod__title {
        font: normal normal 130%/1.2 latoblack, sans-serif; } }
    .euLanding .euCategoryModules__mod__sub {
      font: normal italic 12px/1.2 lato, sans-serif; }
    .euLanding .euCategoryModules__mod__img {
      width: 136px;
      margin: .5rem 0; }
    .euLanding .euCategoryModules__mod__desc {
      margin: .5rem 0; }
      @media (min-width: 768px) {
        .euLanding .euCategoryModules__mod__desc {
          font: normal normal 16px/1.2 lato, sans-serif; } }
      @media (max-width: 960px) {
        .euLanding .euCategoryModules__mod__desc {
          font: normal normal 110%/1.2 lato, sans-serif; } }
    .euLanding .euCategoryModules__mod__cta {
      cursor: pointer;
      position: relative;
      display: inline-block;
      padding: 12px 12px 14px 12px;
      background-color: #fff;
      line-height: 1.2;
      color: #000;
      margin: .5rem 0 0;
      text-transform: uppercase;
      font-family: lato, sans-serif;
      font-size: .8rem;
      transition: background-color .3s, color .3s, border .3s;
      border: 1px solid #000;
      min-width: 130px;
      text-align: center;
      letter-spacing: 0.03rem; }
      .euLanding .euCategoryModules__mod__cta:hover {
        background-color: #000;
        color: #fff;
        border: 1px solid #fff; }
      @media (max-width: 960px) {
        .euLanding .euCategoryModules__mod__cta {
          letter-spacing: 0;
          font-size: .7rem; } }

.euLanding .euJeansFit {
  width: 100%;
  position: relative; }
  .euLanding .euJeansFit::after, .euLanding .euJeansFit::before {
    content: '';
    display: table;
    clear: both;
    float: none; }
  .euLanding .euJeansFit__title {
    background-color: #342C42;
    color: #fff;
    text-align: center;
    font: normal normal 100%/2.5 lato, sans-serif;
    text-transform: uppercase;
    padding-bottom: .25%; }
  .euLanding .euJeansFit__mod {
    display: inline-block;
    width: 16.66667%;
    vertical-align: top;
    text-align: center;
    text-transform: uppercase; }
    .euLanding .euJeansFit__mod__copy {
      background-color: #342C42;
      padding: 5% 0 10% 0; }
      .euLanding .euJeansFit__mod__copy--desc {
        font: normal normal 100%/2 latoblack, sans-serif;
        color: #fff; }
      .euLanding .euJeansFit__mod__copy--cta {
        cursor: pointer;
        position: relative;
        display: inline-block;
        padding: 12px 12px 14px 12px;
        line-height: 1.2;
        background-color: #fff;
        color: #000;
        margin: .5rem;
        text-transform: uppercase;
        font-family: lato, sans-serif;
        font-size: .8rem;
        transition: background-color .3s, color .3s, border .3s;
        border: 1px solid #000;
        min-width: 80%;
        text-align: center;
        letter-spacing: 0.03rem; }
        .euLanding .euJeansFit__mod__copy--cta:hover {
          background-color: #000;
          color: #fff;
          border: 1px solid #fff; }
        @media (max-width: 960px) {
          .euLanding .euJeansFit__mod__copy--cta {
            letter-spacing: 0;
            font-size: .7rem; } }
      .euLanding .euJeansFit__mod__copy--bgfill {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        width: 100%;
        padding: .7% 0 10% 0; }

.euLanding .euTrueFitBanner {
  width: 100%;
  position: relative; }
  .euLanding .euTrueFitBanner::after, .euLanding .euTrueFitBanner::before {
    content: '';
    display: table;
    clear: both;
    float: none; }
  @media (max-width: 767px) {
    .euLanding .euTrueFitBanner a:nth-child(2) {
      margin-top: 3%; } }
  .euLanding .euTrueFitBanner__mod {
    width: 50%;
    display: block;
    float: left;
    position: relative;
    background-color: #342C42; }
    @media (max-width: 767px) {
      .euLanding .euTrueFitBanner__mod {
        width: 100%; } }
    .euLanding .euTrueFitBanner__mod__copy {
      position: absolute;
      text-align: center;
      top: 50%;
      left: 40%;
      width: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%); }
      @media (max-width: 767px) {
        .euLanding .euTrueFitBanner__mod__copy {
          top: 50%; } }
      .euLanding .euTrueFitBanner__mod__copy--main {
        font: normal normal 200%/1.2 argentcf-bold, serif; }
        @media (max-width: 767px) {
          .euLanding .euTrueFitBanner__mod__copy--main {
            font: normal normal 150%/1.2 argentcf-bold, serif; } }
      .euLanding .euTrueFitBanner__mod__copy__logo {
        max-width: 38%;
        margin-bottom: .5rem; }
      .euLanding .euTrueFitBanner__mod__copy--cta {
        cursor: pointer;
        line-height: 1.2;
        position: relative;
        display: inline-block;
        padding: 12px 12px 14px 12px;
        background-color: #fff;
        color: #000;
        margin: .5rem;
        text-transform: uppercase;
        font-family: lato, sans-serif;
        font-size: .8rem;
        transition: background-color .3s, color .3s, border .3s;
        border: 1px solid #000;
        min-width: 110px;
        letter-spacing: 0.03rem; }
        .euLanding .euTrueFitBanner__mod__copy--cta:hover {
          background-color: #000;
          color: #fff;
          border: 1px solid #fff; }
        @media (max-width: 960px) {
          .euLanding .euTrueFitBanner__mod__copy--cta {
            letter-spacing: 0;
            font-size: .7rem; } }
    .euLanding .euTrueFitBanner__mod video {
      width: 100%; }

.euLanding .euBackpackBanner {
  display: block;
  margin-top: 3%;
  width: 100%;
  position: relative; }
  .euLanding .euBackpackBanner::after, .euLanding .euBackpackBanner::before {
    content: '';
    display: table;
    clear: both;
    float: none; }

.euLanding .euTabSaleBanner {
  margin-top: 3%;
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 3%;
  background-color: #FFB94A;
  padding: 3.8% 0;
  text-align: center; }
  .euLanding .euTabSaleBanner::after, .euLanding .euTabSaleBanner::before {
    content: '';
    display: table;
    clear: both;
    float: none; }
  @media (max-width: 960px) {
    .euLanding .euTabSaleBanner {
      width: 100%; } }
  @media (max-width: 767px) {
    .euLanding .euTabSaleBanner {
      display: block;
      padding: 12% 0; } }
  .euLanding .euTabSaleBanner__copy--main {
    font: normal normal 441.37%/.6 'argentcf-regular', serif;
    color: #fff;
    width: 100%; }
    @media (max-width: 767px) {
      .euLanding .euTabSaleBanner__copy--main {
        font: normal normal 610%/1.2 'argentcf-regular', serif; } }
  .euLanding .euTabSaleBanner__copy--sub {
    font: normal normal 217.07%/1.2 'argentcf-regularitalic', serif;
    color: #fff;
    width: 100%; }
    @media (max-width: 767px) {
      .euLanding .euTabSaleBanner__copy--sub {
        display: none; } }
  .euLanding .euTabSaleBanner__copy--cta {
    cursor: pointer;
    line-height: 1.2;
    position: relative;
    display: inline-block;
    padding: 12px 12px 14px 12px;
    background-color: #fff;
    color: #000;
    margin: .5rem;
    text-transform: uppercase;
    font-family: lato, sans-serif;
    font-size: .8rem;
    transition: background-color .3s, color .3s, border .3s;
    border: 1px solid #000;
    min-width: 110px;
    letter-spacing: 0.03rem; }
    .euLanding .euTabSaleBanner__copy--cta:hover {
      background-color: #000;
      color: #fff;
      border: 1px solid #fff; }
    @media (max-width: 960px) {
      .euLanding .euTabSaleBanner__copy--cta {
        letter-spacing: 0;
        font-size: .7rem; } }

.euLanding .swiper-button-next, .euLanding .swiper-button-prev {
  color: #342C42 !important; }

.euLanding .swiper-button-next {
  right: 40px; }

.euLanding .swiper-button-prev {
  left: 40px; }