@charset "UTF-8";
@font-face {
  font-family: "TT Ramillas Regular";
  font-display: swap;
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/tt-ramillas/TTRamillasRegular.woff") format("woff");
}
@font-face {
  font-family: "Macys Sans Regular";
  font-display: swap;
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSans.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSans.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSans.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSans.woff") format("woff");
}
@font-face {
  font-family: "Macys Sans Medium";
  font-display: swap;
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.woff") format("woff");
}
@font-face {
  font-family: "MacysSans-Medium ";
  font-display: swap;
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.woff") format("woff");
}
@font-face {
  font-family: "MacysSans-Medium";
  font-display: swap;
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansMd.woff") format("woff");
}
@font-face {
  font-family: "Macys Sans Bold";
  font-display: swap;
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansBd.eot?#iefix");
  src: url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansBd.eot?#iefix") format("eot"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansBd.woff2") format("woff2"), url("//storage.googleapis.com/digital-media-fonts/macys-sans/MacysSansBd.woff") format("woff");
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* （ratio / 56） */
#campaign {
  /* ----- Global Styles ----- */
}
#campaign * {
  box-sizing: border-box;
}
#campaign a {
  text-transform: none;
}
#campaign [data-pdpids] {
  cursor: pointer;
}
#campaign .icon-video {
  width: 80px;
  height: 80px;
  pointer-events: all;
  transform-origin: 50% 50%;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  cursor: pointer;
  margin: 3% auto;
  border-radius: 50%;
  background-color: transparent;
}
@media only screen and (max-width: 599px) {
  #campaign .icon-video {
    width: 50px;
    height: 50px;
  }
  #campaign .icon-video svg {
    width: 50px;
    height: 50px;
  }
}
#campaign .sub-ad-5 .editorial-unit:not(.editorial-unit-video) .icon-video {
  width: 60px;
  height: 60px;
  left: calc(50% - 32px);
  top: calc(50% - 32px);
}
#campaign .sub-ad-5 .editorial-unit:not(.editorial-unit-video) .icon-video svg {
  width: 60px;
  height: 60px;
}
#campaign .editorial-unit:not(.editorial-unit-video) .icon-video {
  position: absolute;
  left: calc(50% - 48px);
  top: calc(50% - 48px);
}
#campaign .button-shopthelook {
  position: absolute;
  left: 20px;
  bottom: 20px;
  height: 36px;
  line-height: 36px;
  width: 36px;
  overflow: hidden;
  -webkit-transition: width 300ms ease;
  transition: width 300ms ease;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 25px;
  cursor: pointer;
}
#campaign .button-shopthelook > * {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 36px;
  line-height: 36px;
}
#campaign .button-shopthelook svg#shopthelook {
  display: block;
  height: 36px;
  line-height: 36px;
  margin: -1px auto 0 11px;
}
#campaign .button-shopthelook .copy {
  width: 162px;
  padding-left: 23px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 34px;
  font-family: "Macys Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#campaign .slick-arrow {
  width: 36px;
  height: 36px;
  font-size: 24px;
  position: absolute;
  top: 25%;
  left: 15px;
  background-color: #fff;
  opacity: 0.9;
  border-radius: 50%;
  z-index: 50;
  text-align: center;
  cursor: pointer;
}
@media only screen and (max-width: 599px) {
  #campaign .slick-arrow {
    display: none !important;
  }
}
#campaign .slick-arrow span {
  display: block;
  width: 18px;
  height: 18px;
  background-size: 18px !important;
  margin-top: 9px;
  margin-left: 7px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2LjUgMjJjLS4yIDAtLjMgMC0uNC0uMmwtOS05LjRhLjUuNSAwIDAxMC0uN2w5LTkuNWEuNS41IDAgMTEuNy43TDguMiAxMmw4LjYgOS4yYS41LjUgMCAwMS0uMy44eiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
}
#campaign .slick-arrow.right {
  left: auto;
  right: 15px;
}
#campaign .slick-arrow.right span {
  margin-left: 10px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuNSAyMmMuMiAwIC4zIDAgLjQtLjJsOS05LjR2LS43bC05LTkuNWEuNS41IDAgMTAtLjcuN2w4LjYgOS4xLTguNiA5LjJhLjUuNSAwIDAwLjMuOHoiLz48L3N2Zz4=");
}
#campaign .slick-arrow:hover {
  opacity: 1;
}
#campaign .button-quickview,
#campaign .slick-arrow.slick-disabled {
  display: none !important;
}
#campaign .iframe-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  border: none;
  cursor: pointer;
  overflow-y: hidden;
}
#campaign .iframe-wrapper iframe,
#campaign .iframe-wrapper video-js {
  width: 100%;
  height: 100%;
  border: none;
}
#campaign hr.clearOut {
  clear: both;
  height: 0px;
  border: 0px none;
  margin: 0;
  padding: 0;
}
#campaign .editorial-container:hover {
  cursor: pointer;
}
#campaign .editorial-container .icon-video:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 1039px) {
  #campaign #pdp-overlay-id .hide-for-medium {
    display: none;
  }
}
#campaign section {
  width: 100%;
  max-width: 1600px;
  padding: 12px 68px;
  font-size: 18px;
  font-family: "Macys Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  scroll-margin-top: 180px;
}
@media only screen and (min-width: 1039px) and (max-width: 1279px) {
  #campaign section {
    padding: 12px 8px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1038px) {
  #campaign section {
    padding: 8px 12px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign section {
    font-size: 14px;
    padding: 8px 12px;
  }
}
@media only screen and (min-width: 600px) {
  #campaign section.content-grid {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#campaign .doublespan {
  width: 50%;
  vertical-align: top;
  position: relative;
}
@media only screen and (max-width: 599px) {
  #campaign .doublespan {
    width: 100%;
  }
}
#campaign video {
  display: block;
  width: 100%;
  height: auto;
}
#campaign .ramillas-reg {
  font-family: "Ramillas Regular", Didot, Georgia, Times, serif;
}
#campaign {
  /* ----- sub-ad ----- */
}
#campaign .sub-ad .sectionheader {
  padding: 12px 12px 18px;
  font-size: 25px;
}
@media only screen and (max-width: 1039px) {
  #campaign .sub-ad .sectionheader {
    font-size: 24px;
    padding: 16px 8px 18px;
    line-height: 1.3;
  }
}
#campaign .sub-ad .doublespan {
  text-decoration: none;
}
#campaign .sub-ad .doublespan .editorial-unit .container-inner {
  text-align: left;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #eee;
}
@media only screen and (min-width: 600px) {
  #campaign .sub-ad .doublespan .headline-unit {
    padding-top: 4px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .sub-ad .doublespan .headline-unit .headline-container .headline-wrap {
    padding: 0 0 20px;
  }
}
#campaign .sub-ad .doublespan .headline-unit .headline-container .headline-wrap .headline {
  font-size: 18px;
  letter-spacing: 0;
  margin-bottom: 8px;
  line-height: 1.3;
}
@media only screen and (max-width: 1039px) {
  #campaign .sub-ad .doublespan .headline-unit .headline-container .headline-wrap .headline {
    font-size: 16px;
  }
}
#campaign .sub-ad .doublespan .headline-unit .headline-container .headline-wrap .bodycopy {
  width: 100%;
  line-height: 1.2;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1039px) {
  #campaign .sub-ad .doublespan .headline-unit .headline-container .headline-wrap .bodycopy {
    font-size: 16px;
  }
}
#campaign .sub-ad .doublespan .headline-unit .headline-container .headline-wrap .link {
  text-decoration: underline;
}
@media only screen and (min-width: 600px) {
  #campaign .sub-ad .doublespan .headline-unit .headline-container .headline-wrap .link {
    font-size: 14px;
  }
}
@media only screen and (min-width: 600px) {
  #campaign .sub-ad.sub-ad-1a .ad-inner, #campaign .sub-ad.sub-ad-1b .ad-inner {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-unit,
#campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-container, #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-unit,
#campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-container {
  height: 100%;
}
#campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-unit .container-inner,
#campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-container .container-inner, #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-unit .container-inner,
#campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-container .container-inner {
  display: flex;
  align-items: center;
  height: 100%;
}
@media only screen and (max-width: 599px) {
  #campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-unit .container-inner .headline-wrap,
  #campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-container .container-inner .headline-wrap, #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-unit .container-inner .headline-wrap,
  #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-container .container-inner .headline-wrap {
    padding: 10px 0;
  }
}
#campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-unit .container-inner .headline-wrap .headline,
#campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-container .container-inner .headline-wrap .headline, #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-unit .container-inner .headline-wrap .headline,
#campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-container .container-inner .headline-wrap .headline {
  font-size: 45px;
  max-width: 450px;
}
@media only screen and (max-width: 1039px) {
  #campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-unit .container-inner .headline-wrap .headline,
  #campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-container .container-inner .headline-wrap .headline, #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-unit .container-inner .headline-wrap .headline,
  #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-container .container-inner .headline-wrap .headline {
    font-size: 36px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-unit .container-inner .headline-wrap .headline,
  #campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-container .container-inner .headline-wrap .headline, #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-unit .container-inner .headline-wrap .headline,
  #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-container .container-inner .headline-wrap .headline {
    color: #000 !important;
  }
}
#campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-unit .container-inner .headline-wrap .bodycopy,
#campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-container .container-inner .headline-wrap .bodycopy, #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-unit .container-inner .headline-wrap .bodycopy,
#campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-container .container-inner .headline-wrap .bodycopy {
  max-width: 400px;
  line-height: 1.3;
  margin-left: 0;
}
@media only screen and (max-width: 599px) {
  #campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-unit .container-inner .headline-wrap .bodycopy,
  #campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-container .container-inner .headline-wrap .bodycopy, #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-unit .container-inner .headline-wrap .bodycopy,
  #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-container .container-inner .headline-wrap .bodycopy {
    color: #000 !important;
  }
}
@media only screen and (min-width: 1040px) {
  #campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-unit .container-inner .headline-wrap .link,
  #campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-container .container-inner .headline-wrap .link, #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-unit .container-inner .headline-wrap .link,
  #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-container .container-inner .headline-wrap .link {
    font-size: 18px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-unit .container-inner .headline-wrap .link,
  #campaign .sub-ad.sub-ad-1a .ad-inner .doublespan.bottom .headline-container .container-inner .headline-wrap .link, #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-unit .container-inner .headline-wrap .link,
  #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan.bottom .headline-container .container-inner .headline-wrap .link {
    color: #000 !important;
  }
}
#campaign .sub-ad.sub-ad-1a .ad-inner .doublespan .editorial-unit .editorial-container, #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan .editorial-unit .editorial-container {
  padding-top: 56.25%;
}
@media only screen and (max-width: 599px) {
  #campaign .sub-ad.sub-ad-1a .ad-inner .doublespan .editorial-unit .editorial-container, #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan .editorial-unit .editorial-container {
    padding-top: 82.09%;
  }
}
#campaign .sub-ad.sub-ad-1a .ad-inner .doublespan .editorial-unit .editorial-container .container-inner, #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan .editorial-unit .editorial-container .container-inner {
  text-align: center;
}
@media only screen and (max-width: 599px) {
  #campaign .sub-ad.sub-ad-1a .ad-inner .doublespan .editorial-unit .editorial-container .container-inner, #campaign .sub-ad.sub-ad-1b .ad-inner .doublespan .editorial-unit .editorial-container .container-inner {
    background-position: center right;
  }
}
@media only screen and (min-width: 600px) {
  #campaign .sub-ad.sub-ad-1a .doublespan.top {
    width: 100%;
  }
}
#campaign .sub-ad.sub-ad-1a .doublespan.top .editorial-unit .editorial-container {
  padding-top: 37.5%;
}
@media only screen and (max-width: 599px) {
  #campaign .sub-ad.sub-ad-1a .doublespan.top .editorial-unit .editorial-container {
    padding-top: 82.09%;
  }
}
@media only screen and (min-width: 600px) {
  #campaign .sub-ad.sub-ad-1a .doublespan.bottom {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: calc((68px) + 5%);
    width: 35%;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1039px) {
  #campaign .sub-ad.sub-ad-1a .doublespan.bottom {
    left: 28px;
  }
}
@media only screen and (min-width: 600px) {
  #campaign .sub-ad.sub-ad-1b .doublespan.top {
    width: 67.22%;
    order: 2;
  }
}
@media only screen and (min-width: 600px) {
  #campaign .sub-ad.sub-ad-1b .doublespan.bottom {
    width: 32.78%;
  }
  #campaign .sub-ad.sub-ad-1b .doublespan.bottom .headline-wrap {
    padding-left: 16%;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1039px) {
  #campaign .sub-ad.sub-ad-1b .doublespan.bottom .headline-wrap {
    padding-left: 20px;
  }
}
#campaign .sub-ad.sub-ad-5b .doublespan .headline-unit, #campaign .sub-ad.sub-ad-5c .doublespan .headline-unit {
  padding-bottom: 16px;
}
@media only screen and (min-width: 600px) {
  #campaign .sub-ad.sub-ad-5b .links, #campaign .sub-ad.sub-ad-5c .links {
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 600px) {
  #campaign .sub-ad.sub-ad-5b .links > div.ad-inner {
    width: auto !important;
  }
  #campaign .sub-ad.sub-ad-5b .links > div.ad-inner:nth-of-type(1) {
    grid-area: 1/1/3/3;
  }
  #campaign .sub-ad.sub-ad-5b .links > div.ad-inner:nth-of-type(2) {
    grid-area: 1/3/2/4;
  }
  #campaign .sub-ad.sub-ad-5b .links > div.ad-inner:nth-of-type(3) {
    grid-area: 1/4/2/5;
  }
  #campaign .sub-ad.sub-ad-5b .links > div.ad-inner:nth-of-type(4) {
    grid-area: 2/3/3/4;
  }
  #campaign .sub-ad.sub-ad-5b .links > div.ad-inner:nth-of-type(5) {
    grid-area: 2/4/3/5;
  }
}
@media only screen and (min-width: 600px) {
  #campaign .sub-ad.sub-ad-5c .links > div.ad-inner {
    width: auto !important;
  }
  #campaign .sub-ad.sub-ad-5c .links > div.ad-inner:nth-of-type(1) {
    grid-area: 1/1/2/2;
  }
  #campaign .sub-ad.sub-ad-5c .links > div.ad-inner:nth-of-type(2) {
    grid-area: 1/2/2/3;
  }
  #campaign .sub-ad.sub-ad-5c .links > div.ad-inner:nth-of-type(3) {
    grid-area: 1/3/3/5;
  }
  #campaign .sub-ad.sub-ad-5c .links > div.ad-inner:nth-of-type(4) {
    grid-area: 2/1/3/2;
  }
  #campaign .sub-ad.sub-ad-5c .links > div.ad-inner:nth-of-type(5) {
    grid-area: 2/2/3/3;
  }
}
@media only screen and (min-width: 600px) {
  #campaign .sub-ad.sub-ad-2 .ad-inner {
    width: 50%;
  }
  #campaign .sub-ad.sub-ad-3 .ad-inner {
    width: 33.3333333333%;
  }
  #campaign .sub-ad.sub-ad-4a .ad-inner, #campaign .sub-ad.sub-ad-4b .ad-inner {
    width: 25%;
  }
  #campaign .sub-ad.sub-ad-5 .ad-inner {
    width: 20%;
  }
  #campaign .sub-ad.sub-ad-6 .ad-inner {
    width: 16.66%;
  }
}
#campaign .sub-ad.sub-ad-4b .editorial-unit .editorial-container, #campaign .sub-ad.sub-ad-5 .editorial-unit .editorial-container, #campaign .sub-ad.sub-ad-5b .editorial-unit .editorial-container, #campaign .sub-ad.sub-ad-5c .editorial-unit .editorial-container {
  padding-top: 125%;
}
#campaign .sub-ad.sub-ad-5b .links > div.ad-inner:nth-of-type(1) .editorial-unit .editorial-container, #campaign .sub-ad.sub-ad-5c .links > div.ad-inner:nth-of-type(3) .editorial-unit .editorial-container {
  padding-top: 132%;
}
#campaign .sub-ad.sub-ad-6 .editorial-unit .editorial-container, #campaign .sub-ad.sub-ad-more .editorial-unit .editorial-container {
  padding-top: 100%;
}
#campaign .sub-ad:not(.sub-ad-1a):not(.sub-ad-1b) .ad-inner {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  text-align: left;
}
@media only screen and (max-width: 599px) {
  #campaign .sub-ad:not(.sub-ad-1a):not(.sub-ad-1b) .ad-inner {
    width: 100%;
  }
}
#campaign .sub-ad:not(.sub-ad-1a):not(.sub-ad-1b) .ad-inner .doublespan {
  width: 100%;
}
#campaign .sub-ad:not(.sub-ad-1a):not(.sub-ad-1b) .ad-inner .doublespan .headline-unit .headline-container {
  height: auto;
}
@media only screen and (min-width: 600px) {
  #campaign .sub-ad .isLink .editorial-unit .container-inner {
    background-position: 50% 50%;
    background-size: 100% 100%;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
  }
  #campaign .sub-ad .isLink:hover .editorial-unit .container-inner {
    background-size: 105% 105%;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .sub-ad.sub-ad-4a .ad-inner, #campaign .sub-ad.sub-ad-4b .ad-inner, #campaign .sub-ad.sub-ad-5 .ad-inner, #campaign .sub-ad.sub-ad-5b .ad-inner, #campaign .sub-ad.sub-ad-5c .ad-inner, #campaign .sub-ad.sub-ad-6 .ad-inner {
    width: 50% !important;
  }
  #campaign .sub-ad.sub-ad-5b .links > div.ad-inner:nth-of-type(1) {
    width: 100% !important;
  }
  #campaign .sub-ad.sub-ad-5c .links {
    display: flex;
    flex-wrap: wrap;
  }
  #campaign .sub-ad.sub-ad-5c .links > div.ad-inner:nth-of-type(3) {
    order: 5;
    width: 100% !important;
  }
}
#campaign {
  /* ----- Image Carousel ----- */
}
#campaign .image-carousel .accessory-item {
  width: calc((100vw - 120px) / 4);
  outline: none;
  padding: 12px;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
@media only screen and (min-width: 1343px) {
  #campaign .image-carousel .accessory-item {
    width: 326px;
  }
}
@media only screen and (max-width: 1039px) {
  #campaign .image-carousel .accessory-item {
    padding: 16px 8px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .image-carousel .accessory-item {
    width: 160px;
    padding: calc((12px) / 2) 8px;
  }
}
#campaign .image-carousel .accessory-item .img-container {
  width: 100%;
  height: 0;
  padding-top: 121.85%;
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-color: #eee;
  position: relative;
  overflow: hidden;
  margin-bottom: 12px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media only screen and (max-width: 750px) {
  #campaign .image-carousel .accessory-item .img-container {
    margin-bottom: 6px;
  }
}
#campaign .image-carousel .accessory-item .link {
  font-size: 14px;
  padding-bottom: 6px;
}
@media only screen and (max-width: 750px) {
  #campaign .image-carousel .accessory-item .link {
    padding-bottom: 3px;
  }
}
#campaign .image-carousel .accessory-item a.link {
  font-family: "Macys Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#campaign .image-carousel .accessory-item .container-inner {
  position: absolute;
  top: 14%;
  bottom: 0;
  left: 10%;
  right: 10%;
  line-height: 1;
}
#campaign .image-carousel .accessory-item .container-inner .bodycopy {
  margin-top: 24px;
  line-height: 1.4;
}
#campaign .image-carousel .accessory-item .container-inner .links {
  position: absolute;
  left: 0;
  bottom: 10%;
}
#campaign .image-carousel .accessory-item .ad-container .headline {
  font-size: 2.95vw;
}
@media only screen and (min-width: 1343px) {
  #campaign .image-carousel .accessory-item .ad-container .headline {
    font-size: 40px;
  }
}
@media only screen and (max-width: 750px) {
  #campaign .image-carousel .accessory-item .ad-container .headline {
    font-size: 30px;
  }
}
#campaign .image-carousel .accessory-item .ad-container .bodycopy {
  font-size: 1.33vw;
}
@media only screen and (min-width: 1343px) {
  #campaign .image-carousel .accessory-item .ad-container .bodycopy {
    font-size: 18px;
  }
}
@media only screen and (max-width: 750px) {
  #campaign .image-carousel .accessory-item .ad-container .bodycopy {
    font-size: 14px;
  }
}
#campaign .image-carousel .accessory-item .ad-icon {
  position: absolute;
  right: 10%;
  top: 5%;
  width: 14.3%;
  max-width: 50px;
}
#campaign .image-carousel .slick-arrow {
  top: 35%;
}
#campaign {
  /* ----- Product Carousel ----- */
}
#campaign .carousel-pros {
  text-align: center;
  padding-bottom: 0;
}
#campaign .carousel-pros .sectionheader {
  padding: 12px 12px 24px;
  font-size: 25px;
  line-height: 1.4;
  text-align: left;
}
@media only screen and (max-width: 1039px) {
  #campaign .carousel-pros .sectionheader {
    font-size: 24px;
    padding: 24px 8px 18px;
  }
}
#campaign .carousel-pros .product-unit {
  width: calc((100vw - 24px) / 5.2);
  outline: none;
}
@media only screen and (min-width: 1343px) {
  #campaign .carousel-pros .product-unit {
    width: 258px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .carousel-pros .product-unit {
    width: 137px;
  }
}
#campaign .carousel-pros .product-unit .main-img-slider .slick-list,
#campaign .carousel-pros .product-unit .main-img-slider .slick-track {
  height: 100%;
}
#campaign {
  /* ----- Brand Listing ----- */
}
#campaign .brand-listing {
  text-align: center;
}
@media only screen and (max-width: 599px) {
  #campaign .brand-listing {
    padding: 0 10px;
  }
}
#campaign .brand-listing .inner {
  padding: 0 12px;
}
@media only screen and (max-width: 599px) {
  #campaign .brand-listing .inner {
    padding-bottom: 16px;
    text-align: left;
  }
}
#campaign .brand-listing .sectionheader {
  padding: 12px 12px;
  font-size: 25px;
  line-height: 1.4;
  text-align: left;
}
@media only screen and (max-width: 1039px) {
  #campaign .brand-listing .sectionheader {
    font-size: 24px;
    padding: 24px 8px 18px;
  }
}
#campaign .brand-listing .brand-item {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
}
@media only screen and (max-width: 599px) {
  #campaign .brand-listing .brand-item {
    width: 33.33%;
  }
}
#campaign .brand-listing .brand-item .brand-container {
  height: 0;
  padding-top: 36%;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1039px) {
  #campaign .brand-listing .brand-item .brand-container {
    padding-top: 54%;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .brand-listing .brand-item .brand-container {
    padding-top: 68%;
  }
}
#campaign .brand-listing .brand-item .brand-container .container-inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
}
#campaign .brand-listing .brand-item .brand-container .delimiter {
  position: absolute;
  right: 0;
  top: 30%;
  bottom: 30%;
  width: 1px;
  background-color: #ccc;
}
#campaign .brand-listing .brand-item .brand-container .delimiter.left {
  right: auto;
  left: 0;
  display: none;
}
#campaign .brand-listing .brand-item .brand-container .logo-text {
  position: absolute;
  width: 100%;
  max-width: 140px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 18px;
  line-height: 1.2;
}
@media only screen and (min-width: 600px) and (max-width: 1039px) {
  #campaign .brand-listing .brand-item .brand-container .logo-text {
    font-size: 16px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .brand-listing .brand-item .brand-container .logo-text {
    font-size: 14px;
  }
}
#campaign .brand-listing.brand-listing-10 .inner {
  margin: 0 auto;
}
@media only screen and (min-width: 600px) {
  #campaign .brand-listing.brand-listing-12 .brand-item {
    width: 16.6666666667%;
  }
}
#campaign .brand-listing.brand-listing-12 .brand-item .brand-container {
  padding-top: 44%;
}
@media only screen and (max-width: 1039px) {
  #campaign .brand-listing.brand-listing-12 .brand-item .brand-container {
    padding-top: 64%;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .brand-listing.brand-listing-12 .brand-item .brand-container {
    padding-top: 70%;
  }
}
#campaign .brand-listing.brand-listing-12 .brand-item .brand-container img {
  width: auto;
  height: 100%;
}
@media only screen and (min-width: 600px) {
  #campaign .brand-listing.brand-listing-10 .brand-item:nth-of-type(5n + 1) .brand-container .delimiter.left,
  #campaign .brand-listing.brand-listing-12 .brand-item:nth-of-type(6n + 1) .brand-container .delimiter.left {
    display: block;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .brand-listing .brand-item:nth-of-type(3n + 1) .brand-container .delimiter {
    display: block;
  }
}
#campaign .brand-item:hover {
  opacity: 0.8;
}
#campaign {
  /* ----- cta-buttonn ----- */
}
#campaign .cta-button {
  padding: 0;
}
#campaign .cta-button .inner {
  width: 335px;
  height: 52px;
  line-height: 52px;
  margin: 0 auto;
  display: block;
  text-decoration: none;
  font-family: "Macys Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-align: center;
  border-radius: 5px;
}
@media only screen and (max-width: 599px) {
  #campaign .cta-button .inner {
    width: calc(100vw - 40px);
    height: 40px;
    line-height: 40px;
  }
}
#campaign {
  /* ----- SEO Section ----- */
}
#campaign .seo-section {
  padding: 48px 68px;
}
@media only screen and (min-width: 600px) and (max-width: 1038px) {
  #campaign .seo-section {
    padding: 48px 12px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .seo-section {
    padding: 48px 8px;
  }
}
#campaign .seo-section > * {
  padding: 0 12px;
}
#campaign .seo-section .seo-title {
  margin-bottom: 12px;
  font-size: 16px;
}
#campaign .seo-section .seo-description {
  font-size: 14px;
  line-height: 1.3;
}
#campaign {
  /* ----- Content Grids ----- */
}
@media only screen and (max-width: 599px) {
  #campaign .content-grid .doublespan.left > *,
  #campaign .content-grid .doublespan.right > *:not(:last-of-type), #campaign .content-grid[panel=image-pros-2a] .doublespan.right > div > div:nth-of-type(1), #campaign .content-grid[panel=image-pros-2a] .doublespan.right > div > div:nth-of-type(2), #campaign .content-grid[panel=image-pros-2b] .doublespan.right > div > div:nth-of-type(1), #campaign .content-grid[panel=image-pros-2b] .doublespan.right > div > div:nth-of-type(2), #campaign .content-grid[panel=pros] .doublespan.left > div > div:nth-of-type(1), #campaign .content-grid[panel=pros] .doublespan.left > div > div:nth-of-type(2) {
    margin-bottom: 16px;
  }
}
#campaign .content-grid .container-inner {
  background-color: #eee;
  text-align: left;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#campaign .content-grid .headline-unit .container-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
#campaign .headline-unit {
  width: 100%;
  padding: 12px;
}
@media only screen and (min-width: 600px) and (max-width: 1038px) {
  #campaign .headline-unit {
    padding: 8px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .headline-unit {
    padding: 8px;
  }
}
#campaign .headline-unit .headline-container {
  position: relative;
  background-size: cover;
}
@media only screen and (max-width: 599px) {
  #campaign .headline-unit .headline-container .headline-wrap {
    padding: 36px 0;
  }
}
#campaign .headline-unit .headline-container .headline-wrap .bodycopy {
  width: 80%;
  margin: 0 auto;
}
#campaign .headline-unit .headline {
  margin-bottom: 3%;
  line-height: 0.9;
  letter-spacing: -3px;
}
@media only screen and (min-width: 600px) {
  #campaign .headline-unit .headline {
    font-size: 60px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .headline-unit .headline {
    margin-bottom: 5%;
    font-size: 30px;
  }
}
#campaign .headline-unit .bodycopy {
  line-height: 1.6;
}
#campaign .headline-unit .links {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
#campaign .headline-unit .links .link {
  margin: 24px 16px 0;
  display: inline-block;
}
@media only screen and (min-width: 600px) {
  #campaign .headline-unit .headline-container {
    height: 0;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .headline-unit {
    padding: calc((12px) / 2) 8px;
  }
  #campaign .headline-unit .container-inner {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
}
#campaign .editorial-unit {
  padding: 12px;
}
#campaign .editorial-unit .editorial-container {
  position: relative;
  padding-top: 125%;
}
#campaign .editorial-unit .editorial-container .container-inner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 600px) and (max-width: 1038px) {
  #campaign .editorial-unit {
    padding: 8px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .editorial-unit {
    padding: 8px;
    font-size: 12px;
  }
}
#campaign .editorial-unit-large .editorial-container {
  padding-top: 60%;
}
#campaign .editorial-unit-video .editorial-container {
  padding-top: 50%;
}
#campaign .editorial-unit-video .editorial-container .container-inner {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#campaign .editorial-unit-video .editorial-container .btn {
  pointer-events: all;
  text-decoration: underline;
}
@media only screen and (min-width: 600px) and (max-width: 1038px) {
  #campaign .editorial-unit-video .editorial-container .btn {
    font-size: 16px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .editorial-unit-video .editorial-container .btn {
    font-size: 14px;
  }
}
#campaign .editorial-unit-video .editorial-container .headline {
  width: 100%;
  margin: 0 auto;
  line-height: 1;
  font-size: 56px;
}
@media only screen and (max-width: 599px) {
  #campaign .editorial-unit-video .editorial-container .headline {
    font-size: 24px;
  }
}
#campaign .button-shopthelook {
  background-color: #fcfcfc;
}
#campaign .button-shopthelook svg#shopthelook {
  margin: 0px auto 0 6px;
}
#campaign .button-shopthelook .copy {
  color: #000000;
}
#campaign .editorial-unit:hover .button-shopthelook,
#campaign .image-carousel .img-container:hover .button-shopthelook,
#campaign .button-shopthelook.hovered {
  width: 162px;
}
#campaign .product-unit {
  padding: 12px;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  font-size: 14px;
}
@media only screen and (min-width: 600px) and (max-width: 1038px) {
  #campaign .product-unit {
    padding: 8px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .product-unit {
    padding: 8px;
  }
}
#campaign .product-unit * {
  outline: none;
}
#campaign .product-unit .product-container {
  text-align: left;
}
#campaign .product-unit .thumbnail-container {
  width: 100%;
  height: 0;
  padding-top: 121.85%;
  background-size: cover;
  background-color: #eee;
  position: relative;
  overflow: hidden;
  display: block;
}
#campaign .product-unit .thumbnail-container > * {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
#campaign .product-unit .info-container {
  margin-top: 16px;
  position: relative;
  display: block;
  line-height: 1.1;
  text-decoration: none;
  text-transform: none;
  font-family: "Macys Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 599px) {
  #campaign .product-unit .info-container {
    line-height: 1.4;
  }
}
#campaign .product-unit .info-container > * {
  overflow: hidden;
  text-overflow: ellipsis;
}
#campaign .product-unit .info-container > *.name {
  margin-bottom: 7px;
}
@media only screen and (min-width: 600px) {
  #campaign .product-unit .info-container > * {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .product-unit .info-container > *.brand {
    white-space: nowrap;
  }
  #campaign .product-unit .info-container > *.name {
    white-space: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
#campaign .product-unit .product-color {
  margin-bottom: 10px;
  line-height: 1.7;
}
#campaign .product-unit .color-swatch {
  width: 14px;
  height: 14px;
  margin: 0 3px 3px;
  background-size: contain;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #c0c0c0;
  outline-offset: 2px;
  position: relative;
}
#campaign .product-unit .morecolors {
  display: inline-block;
}
#campaign .product-unit .chosen-img,
#campaign .product-unit .color-swatch-jumboSwatch {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
#campaign .product-unit .color-swatch-jumboSwatch {
  left: auto;
  top: auto;
  right: 10px;
  bottom: 10px;
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
}
#campaign .product-unit .chosen-img.chosen,
#campaign .product-unit .color-swatch-jumboSwatch.chosen {
  display: block;
  z-index: 3;
}
#campaign .product-unit .color-swatch.selected:before {
  position: absolute;
  top: -3px;
  content: "";
  left: -3px;
  width: 18px;
  height: 18px;
  border: 1px solid #000;
  border-radius: 50%;
}
#campaign .product-unit .brand {
  margin-bottom: 4px;
}
#campaign .product-unit .product-price {
  font-family: "Macys Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: block;
  margin: 18px 0 0;
}
#campaign .product-unit .product-price > div:not(:last-of-type) {
  margin-bottom: 4px;
}
#campaign .product-unit .product-price.sale [label="[PRICE]"], #campaign .product-unit .product-price.sale [label="Orig. [PRICE]"], #campaign .product-unit .product-price.sale [label="Reg. [PRICE]"] {
  text-decoration: line-through;
  color: #000000 !important;
  font-family: "Macys Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 599px) {
  #campaign .product-unit .product-price {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-dirction: column;
    flex-direction: column;
  }
}
#campaign .product-unit .product-price .priceType {
  font-family: "Macys Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#campaign .product-unit .product-price [label="[PRICE]"],
#campaign .product-unit .product-price [label="Orig. [PRICE]"],
#campaign .product-unit .product-price.sale [label="Reg. [PRICE]"] {
  color: #000000;
  order: 2;
}
#campaign .product-unit .product-price [label="Sale [PRICE]"]:before {
  content: "Sale ";
}
#campaign .product-unit .product-price [label="Now [PRICE]"]:before {
  content: "Now ";
}
#campaign .product-unit .product-price [label="Your Choice [PRICE]"]:before {
  content: "Your Choice ";
}
#campaign .product-unit .product-price [label="Sale [PRICE]"],
#campaign .product-unit .product-price [label="Now [PRICE]"],
#campaign .product-unit .product-price [label="Your Choice [PRICE]"] {
  order: 1;
  margin-right: 12px;
}
#campaign .product-unit .product-price:not(.notfinal) [label="Sale [PRICE]"],
#campaign .product-unit .product-price:not(.notfinal) [label="Now [PRICE]"],
#campaign .product-unit .product-price:not(.notfinal) [label="Your Choice [PRICE]"],
#campaign .product-unit .badges .discount.final {
  color: #e01a2b;
  font-family: "Macys Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#campaign .product-unit .product-price [label="Now [PRICE]"] {
  margin-right: 12px;
}
#campaign .product-unit .product-price [label="Was [PRICE]"] {
  display: none;
}
#campaign .product-unit .product-price .badges {
  font-family: "Macys Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#campaign .product-unit .ratings {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 16px;
}
#campaign .product-unit .ratings span {
  line-height: 1.1em;
  font-size: 12px;
  font-family: "MacysSans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#campaign .product-unit .ratings .ratings-background {
  float: left;
  width: 5.8em;
  margin-right: 0.5em;
  background-size: 1.2em;
  height: 1em;
  background-repeat: repeat-x;
  background-position: -2px center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8ZyBpZD0iR3JvdXBfMiIgZGF0YS1uYW1lPSJHcm91cCAyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTE5IC01NDkpIj4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MTkgNTQ5KSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlBhdGhfODIiIGRhdGEtbmFtZT0iUGF0aCA4MiIgZD0iTTExLDQuNzU2SDYuOTFMNS42MzguNzc2LDQuMzEyLDQuN0gwTDMuNTM4LDcuMTg4LDIuMjExLDExLjIyNCw1LjYzOCw4LjY4MWwzLjMxNywyLjU0M0w3LjY4Myw3LjEzM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkyMS41IDU1MSkiIGZpbGw9IiNmZmYiLz4KICAgIDxwYXRoIGlkPSJQYXRoXzgyXy1fT3V0bGluZSIgZGF0YS1uYW1lPSJQYXRoIDgyIC0gT3V0bGluZSIgZD0iTTUuNjIxLDIuODU4LDQuNzc4LDUuMzUxSDIuMDU1TDQuMzA2LDYuOTM0LDMuNDY4LDkuNDgyLDUuNjQ1LDcuODY3bDIuMDgyLDEuNi0uOC0yLjU4NUw4Ljk3Nyw1LjQwNkg2LjQzNUw1LjYyMSwyLjg1OE01LjYzOC43NzYsNi45MSw0Ljc1NkgxMUw3LjY4Myw3LjEzM2wxLjI3MSw0LjA5TDUuNjM4LDguNjgxLDIuMjExLDExLjIyNCwzLjUzOCw3LjE4OCwwLDQuN0g0LjMxMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkyMS41IDU1MSkiLz4KICA8L2c+Cjwvc3ZnPgo=");
}
#campaign .product-unit .ratings .ratings-fill {
  height: 1em;
  background-size: 1.2em;
  background-repeat: repeat-x;
  background-position: -2px center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8ZyBpZD0iR3JvdXBfMSIgZGF0YS1uYW1lPSJHcm91cCAxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTIxIC01MjcpIj4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMSIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MjEgNTI3KSIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlBhdGhfODEiIGRhdGEtbmFtZT0iUGF0aCA4MSIgZD0iTTExLDQuNzU2SDYuOTFMNS42MzguNzc2LDQuMzEyLDQuN0gwTDMuNTM4LDcuMTg4LDIuMjExLDExLjIyNCw1LjYzOCw4LjY4MWwzLjMxNywyLjU0M0w3LjY4Myw3LjEzM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkyMy41IDUyOSkiLz4KICA8L2c+Cjwvc3ZnPgo=");
}
#campaign {
  /* ----- Individual Settings ----- */
}
#campaign [panel=editorial-headline-1a] .container-inner,
#campaign [panel=editorial-headline-1b] .container-inner,
#campaign [panel=editorial-headline-2a] .container-inner,
#campaign [panel=editorial-headline-2b] .container-inner {
  text-align: center;
  background-color: transparent;
}
#campaign [panel=editorial-headline-1a] .headline-unit .editorial-unit,
#campaign [panel=editorial-headline-1b] .headline-unit .editorial-unit {
  width: 68.889%;
  margin: 0 auto;
  padding-bottom: 32px;
}
@media only screen and (max-width: 1039px) {
  #campaign [panel=editorial-headline-1a] .headline-unit .editorial-unit,
  #campaign [panel=editorial-headline-1b] .headline-unit .editorial-unit {
    padding-bottom: 12px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign [panel=editorial-headline-1a] .headline-unit .editorial-unit,
  #campaign [panel=editorial-headline-1b] .headline-unit .editorial-unit {
    width: 64.5%;
  }
}
#campaign [panel=editorial-headline-1a] .headline-unit .editorial-unit .editorial-container,
#campaign [panel=editorial-headline-1b] .headline-unit .editorial-unit .editorial-container {
  padding-top: 114.62%;
}
#campaign [panel=editorial-headline-1a] .headline-unit .headline,
#campaign [panel=editorial-headline-1b] .headline-unit .headline {
  margin: 0 auto 12px;
  width: 58.556%;
}
@media only screen and (min-width: 1040px) and (max-width: 1615px) {
  #campaign [panel=editorial-headline-1a] .headline-unit .headline,
  #campaign [panel=editorial-headline-1b] .headline-unit .headline {
    font-size: 3.73vw;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1039px) {
  #campaign [panel=editorial-headline-1a] .headline-unit .headline,
  #campaign [panel=editorial-headline-1b] .headline-unit .headline {
    font-size: 35px;
  }
}
#campaign [panel=editorial-headline-1a] .headline-unit .editorial-unit + .bodycopy,
#campaign [panel=editorial-headline-1b] .headline-unit .editorial-unit + .bodycopy {
  margin: 0 auto;
}
@media only screen and (min-width: 1040px) {
  #campaign [panel=editorial-headline-1a] .headline-unit .editorial-unit + .bodycopy,
  #campaign [panel=editorial-headline-1b] .headline-unit .editorial-unit + .bodycopy {
    width: 58.556%;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1278px) {
  #campaign [panel=editorial-headline-1a] .headline-unit .editorial-unit + .bodycopy,
  #campaign [panel=editorial-headline-1b] .headline-unit .editorial-unit + .bodycopy {
    line-height: 1.2;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1039px) {
  #campaign [panel=editorial-headline-1a] .headline-unit .link,
  #campaign [panel=editorial-headline-1b] .headline-unit .link {
    font-size: 16px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign [panel=editorial-headline-1a] .headline-unit .link,
  #campaign [panel=editorial-headline-1b] .headline-unit .link {
    margin-top: 8px;
  }
}
#campaign [panel=editorial-headline-1a] .editorial-container,
#campaign [panel=editorial-headline-1b] .editorial-container {
  padding-top: 133.33%;
}
#campaign [panel=editorial-headline-2a] .headline-unit .headline,
#campaign [panel=editorial-headline-2b] .headline-unit .headline {
  width: 65%;
  font-size: 72px;
  margin: 0 auto 6%;
}
@media only screen and (min-width: 600px) and (max-width: 1039px) {
  #campaign [panel=editorial-headline-2a] .headline-unit .headline,
  #campaign [panel=editorial-headline-2b] .headline-unit .headline {
    font-size: 56px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign [panel=editorial-headline-2a] .headline-unit .headline,
  #campaign [panel=editorial-headline-2b] .headline-unit .headline {
    font-size: 40px;
  }
}
#campaign [panel=editorial-headline-2a] .headline-unit .bodycopy,
#campaign [panel=editorial-headline-2b] .headline-unit .bodycopy {
  width: 65%;
}
@media only screen and (min-width: 751px) and (max-width: 1039px) {
  #campaign [panel=editorial-headline-2a] .headline-unit .link,
  #campaign [panel=editorial-headline-2b] .headline-unit .link {
    font-size: 16px;
  }
}
#campaign [panel=editorial-headline-2a] .editorial-container,
#campaign [panel=editorial-headline-2b] .editorial-container {
  padding-top: 118.33%;
}
#campaign [panel=image-pros-2a] .editorial-unit .editorial-container,
#campaign [panel=image-pros-2b] .editorial-unit .editorial-container {
  padding-top: 135.6%;
}
#campaign [panel=image-1] .editorial-unit .editorial-container {
  padding-top: 53.33%;
}
#campaign [panel=image-2a] .editorial-unit .editorial-container {
  padding-top: 122.316%;
}
#campaign [panel=image-1] .doublespan.left,
#campaign [panel=video-only] .doublespan.left,
#campaign [panel=content-grid-12] .doublespan.left {
  display: none;
}
#campaign [panel=image-1] .doublespan.right,
#campaign [panel=video-only] .doublespan.right,
#campaign [panel=content-grid-12] .doublespan.right {
  width: 100%;
}
@media only screen and (min-width: 599px) {
  #campaign [panel=editorial-headline-1a] .doublespan.left > div,
  #campaign [panel=editorial-headline-1b] .doublespan.right > div,
  #campaign [panel=editorial-headline-2a] .doublespan.left > div,
  #campaign [panel=editorial-headline-2b] .doublespan.right > div {
    padding-right: 0;
  }
  #campaign [panel=editorial-headline-1a] .doublespan.right > div,
  #campaign [panel=editorial-headline-1b] .doublespan.left > div,
  #campaign [panel=editorial-headline-2a] .doublespan.right > div,
  #campaign [panel=editorial-headline-2b] .doublespan.left > div {
    padding-left: 0;
  }
  #campaign [panel=editorial-headline-1a] .headline-container,
  #campaign [panel=editorial-headline-1b] .headline-container {
    padding-top: 133.33%;
  }
  #campaign [panel=editorial-headline-2a] .headline-container,
  #campaign [panel=editorial-headline-2b] .headline-container {
    padding-top: 118.33%;
  }
  #campaign [panel=image-pros-2a] .product-unit:nth-of-type(1),
  #campaign [panel=image-pros-2a] .product-unit:nth-of-type(2),
  #campaign [panel=image-pros-2b] .product-unit:nth-of-type(1),
  #campaign [panel=image-pros-2b] .product-unit:nth-of-type(2) {
    margin-bottom: 24px;
  }
  #campaign [panel=image-pros-1a] .doublespan.left .editorial-unit,
  #campaign [panel=image-pros-1b] .doublespan.left,
  #campaign [panel=editorial-headline-1b] .doublespan.left,
  #campaign [panel=editorial-headline-2b] .doublespan.left,
  #campaign [panel=image-pros-2b] .doublespan.left {
    order: 2;
  }
  #campaign [panel=image-2a] .editorial-unit-medium-left .editorial-container,
  #campaign [panel=image-2a] .editorial-unit-medium-right .editorial-container {
    padding-top: 122.29%;
  }
}
@media only screen and (max-width: 599px) {
  #campaign [panel=content-grid-00a] .doublespan.right > div.headline-unit,
  #campaign [panel=content-grid-00b] .doublespan.right > div.headline-unit,
  #campaign [panel=editorial-headline-1a] .doublespan.right > div.editorial-unit,
  #campaign [panel=editorial-headline-1b] .doublespan.right > div.editorial-unit,
  #campaign [panel=editorial-headline-2a] .doublespan.right > div.editorial-unit,
  #campaign [panel=editorial-headline-2b] .doublespan.right > div.editorial-unit,
  #campaign [panel=image-2a] .doublespan.right > div.editorial-unit,
  #campaign [panel=image-1] .doublespan.right > div.editorial-unit,
  #campaign [panel=video-only] .doublespan.right > div.editorial-unit,
  #campaign [panel=image-2b] .doublespan.right > div.editorial-unit {
    margin-bottom: 0;
  }
  #campaign [panel=editorial-headline-1a] .doublespan.left > div,
  #campaign [panel=editorial-headline-1b] .doublespan.left > div,
  #campaign [panel=editorial-headline-2a] .doublespan.left > div,
  #campaign [panel=editorial-headline-2b] .doublespan.left > div,
  #campaign [panel=pros] .doublespan.left > div {
    padding-bottom: 0;
    margin-bottom: 0 !important;
  }
  #campaign [panel=editorial-headline-1a] .doublespan.right > div,
  #campaign [panel=editorial-headline-1b] .doublespan.right > div,
  #campaign [panel=editorial-headline-2a] .doublespan.right > div,
  #campaign [panel=editorial-headline-2b] .doublespan.right > div {
    padding-top: 0;
  }
  #campaign [panel=editorial-headline-1a] .headline-unit .editorial-unit .container-inner,
  #campaign [panel=editorial-headline-1a] .headline-unit .editorial-unit .container-inner,
  #campaign [panel=editorial-headline-1b] .headline-unit .editorial-unit .container-inner,
  #campaign [panel=editorial-headline-1b] .headline-unit .editorial-unit .container-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #campaign [panel=image-2a] .editorial-unit-medium-left .editorial-container,
  #campaign [panel=image-2a] .editorial-unit-medium-right .editorial-container {
    padding-top: 122.29%;
  }
}
#campaign .productgrid .productgrid-wrapper .productgrid-products .productgrid-product {
  width: 33%;
}
#campaign {
  /* ----- 2022.03 update ----- */
  /* ----- position spacer ----- */
}
#campaign .position-spacer {
  width: 100%;
  height: 18px;
}
@media only screen and (max-width: 599px) {
  #campaign .position-spacer {
    height: 10px;
  }
}
#campaign {
  /* ----- page header ----- */
}
#campaign .page-header .headline-unit {
  padding: 6px 8px 34px;
}
@media only screen and (max-width: 599px) {
  #campaign .page-header .headline-unit {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
#campaign .page-header .headline-unit .headline-container {
  height: auto;
  padding-top: 0;
}
#campaign .page-header .headline-unit .headline-container .headline {
  text-align: center;
  margin-bottom: 0;
  margin-top: 60px;
  font-size: 56px;
  font-family: "TT Ramillas Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (min-width: 600px) and (max-width: 1038px) {
  #campaign .page-header .headline-unit .headline-container .headline {
    margin-top: 60px;
    font-size: 45px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .page-header .headline-unit .headline-container .headline {
    font-size: 39px;
    letter-spacing: -1px;
  }
}
#campaign .page-header .headline-unit .headline-container a {
  text-decoration: none;
  font-size: 14px;
}
@media only screen and (max-width: 599px) {
  #campaign .page-header .headline-unit .headline-container .headline-wrap {
    padding: 3px 0 12px;
  }
  #campaign .page-header .headline-unit .headline-container a {
    font-size: 12px;
  }
  #campaign .page-header .headline-unit .headline-container .headline {
    margin-top: 56px;
  }
}
#campaign {
  /* ----- section header ----- */
}
@media only screen and (min-width: 600px) {
  #campaign .section-header[panel=section-header-1a] {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 48px;
    padding-bottom: 4px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .section-header[panel=section-header-1a] {
    padding-top: 48px;
  }
}
#campaign .section-header a {
  margin-left: auto;
  font-family: "Macys Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 599px) {
  #campaign .section-header a {
    padding-left: 8px;
  }
}
#campaign .section-header .headline {
  font-size: 25px;
  font-family: "Macys Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0 12px;
}
@media only screen and (max-width: 599px) {
  #campaign .section-header .headline {
    font-size: 24px;
    padding: 0 8px;
  }
}
#campaign .section-header[panel=section-header-1b] .headline-container, #campaign .section-header[panel=section-header-1c] .headline-container {
  text-align: center;
}
#campaign .section-header[panel=section-header-1b] .headline-container .headline, #campaign .section-header[panel=section-header-1c] .headline-container .headline {
  font-size: 45px;
  padding-bottom: 4px;
  line-height: 1.1;
}
@media only screen and (max-width: 599px) {
  #campaign .section-header[panel=section-header-1b] .headline-container .headline, #campaign .section-header[panel=section-header-1c] .headline-container .headline {
    font-size: 30px;
    padding-bottom: 0;
  }
}
#campaign .section-header[panel=section-header-1b] .headline-container .bodycopy, #campaign .section-header[panel=section-header-1c] .headline-container .bodycopy {
  width: 60%;
  margin: 0 auto;
  line-height: 1.2;
  padding-top: 10px;
  padding-bottom: 24px;
}
@media only screen and (min-width: 600px) and (max-width: 1038px) {
  #campaign .section-header[panel=section-header-1b] .headline-container .bodycopy, #campaign .section-header[panel=section-header-1c] .headline-container .bodycopy {
    width: 75%;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .section-header[panel=section-header-1b] .headline-container .bodycopy, #campaign .section-header[panel=section-header-1c] .headline-container .bodycopy {
    width: 90%;
    padding-top: 8px;
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1038px) {
  #campaign .section-header[panel=section-header-1b] .headline-container a, #campaign .section-header[panel=section-header-1c] .headline-container a {
    font-size: 16px;
  }
}
#campaign {
  /* ----- editorial copy ----- */
}
#campaign .editorial-copy .headline-container {
  padding: 30px 10%;
}
@media only screen and (min-width: 600px) and (max-width: 1038px) {
  #campaign .editorial-copy .headline-container {
    padding: 40px 10%;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .editorial-copy .headline-container {
    padding: 40px 8px;
  }
}
#campaign .editorial-copy .bodycopy {
  font-size: 36px;
  line-height: 1.2;
  letter-spacing: -1px;
}
@media only screen and (min-width: 600px) and (max-width: 1038px) {
  #campaign .editorial-copy .bodycopy {
    font-size: 30px;
  }
}
@media only screen and (max-width: 599px) {
  #campaign .editorial-copy .bodycopy {
    font-size: 25px;
    line-height: 1.4;
  }
}
#campaign {
  /* ----- image-3: the only triplespan section ----- */
}
#campaign [panel=image-3] .triplespan {
  width: 33.3333333333%;
  vertical-align: top;
  position: relative;
}
#campaign [panel=image-3] .triplespan.left {
  order: 1;
  float: none !important;
}
#campaign [panel=image-3] .triplespan.middle {
  order: 2;
}
#campaign [panel=image-3] .triplespan.right {
  order: 3;
  float: none !important;
}
#campaign [panel=image-3] .triplespan .editorial-unit-medium-left .editorial-container,
#campaign [panel=image-3] .triplespan .editorial-unit .editorial-container {
  padding-top: 125%;
}
#campaign [panel=image-3] .triplespan .bodycopy {
  padding-top: 8px;
  font-size: 14px;
  line-height: 1.3;
  width: 90%;
}
@media only screen and (min-width: 1039px) {
  #campaign [panel=image-3] .triplespan .bodycopy {
    width: 80%;
  }
}
@media only screen and (max-width: 599px) {
  #campaign [panel=image-3] {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
  }
  #campaign [panel=image-3] .triplespan {
    width: 100%;
  }
  #campaign [panel=image-3] .triplespan.left, #campaign [panel=image-3] .triplespan.middle {
    margin-bottom: 12px;
  }
}
#campaign {
  /* ----- back to top ----- */
}
#campaign .back-to-top {
  display: inline-block;
  opacity: 0;
  width: 48px;
  height: 48px;
  position: fixed;
  z-index: 999;
  right: 162px;
  bottom: 48px;
  cursor: pointer;
  transition: 300ms;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5a5 5 0 015-5h38a5 5 0 015 5v38a5 5 0 01-5 5H5a5 5 0 01-5-5V5z' fill='%23fff'/%3E%3Cpath d='M33.996 28.453a.478.478 0 00-.16-.36l-9.476-8.962a.5.5 0 00-.678 0l-9.476 8.966a.5.5 0 10.68.72l9.135-8.64 9.137 8.634a.5.5 0 00.752-.088.5.5 0 00.084-.27h.002z' fill='%23000'/%3E%3Cpath d='M5 1h38v-2H5v2zm42 4v38h2V5h-2zm-4 42H5v2h38v-2zM1 43V5h-2v38h2zm4 4a4 4 0 01-4-4h-2a6 6 0 006 6v-2zm42-4a4 4 0 01-4 4v2a6 6 0 006-6h-2zM43 1a4 4 0 014 4h2a6 6 0 00-6-6v2zM5-1a6 6 0 00-6 6h2a4 4 0 014-4v-2z' fill='%23626369'/%3E%3C/svg%3E");
  background-size: 100%;
}
@media only screen and (max-width: 599px) {
  #campaign .back-to-top {
    width: 34px;
    height: 34px;
    right: 5px;
  }
}
#campaign .back-to-top.active {
  opacity: 1;
}

/* ----- Exclusions and Details ----- */
.overlay .overlay-content {
  position: relative;
}
.overlay .overlay_exclusions {
  padding: 30px 5%;
  text-align: left;
}
.overlay .overlay_exclusions .macys_logo {
  width: 116px;
}
.overlay .overlay_exclusions .title {
  font-size: 20px;
  color: #d40b1d;
  line-height: 1.2;
  margin: 10px 0;
  font-family: "Macys Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.overlay .overlay_exclusions .subtitle {
  font-size: 12px;
  font-family: "Macys Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  margin: 0 0 15px;
}
.overlay .overlay_exclusions p {
  font-size: 11px;
  font-family: "Macys Sans Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.overlay .overlay-close {
  display: block;
  color: #fff;
  text-shadow: none;
  font-size: 40px;
  top: -50px;
  right: -5px;
}

.iframe-wrapper .close-x {
  visibility: hidden;
}

.doublespan.left, .doublespan.right {
  width: 100% !important;
}
@media only screen and (min-width: 768px) {
  .doublespan .product-unit {
    max-width: calc(25% - 20px) !important;
  }
}

.slick-arrow {
  font-size: 0 !important;
  height: 24px !important;
  width: 24px !important;
  top: 45% !important;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  display: inline-block;
}
.slick-arrow.slick-prev {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjUgMThhLjUuNSAwIDAgMS0uNC0uMmwtNS01LjVhLjUuNSAwIDAgMSAwLS43bDUtNS41YS41LjUgMCAwIDEgLjguNi41LjUgMCAwIDEgMCAuMUwxMC4xIDEybDQuNyA1LjJhLjUuNSAwIDAgMS0uMi44LjUuNSAwIDAgMS0uMiAwWiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  left: 0.5rem;
}
.slick-arrow.slick-next {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNSAxOGEuNS41IDAgMCAwIC40LS4ybDUtNS41YS41LjUgMCAwIDAgMC0uN2wtNS01LjVhLjUuNSAwIDAgMC0uOC42di4xbDQuNyA1LjItNC43IDUuMmEuNS41IDAgMCAwIC4yLjguNS41IDAgMCAwIC4yIDBaIiBmaWxsPSIjMDAwIi8+PC9zdmc+);
  right: 0.5rem;
  left: auto !important;
}

@media (min-width: 768px) {
  #campaign .nav-list {
    max-width: 1600px;
    margin: auto;
  }
}
@media (min-width: 1600px) {
  #campaign .nav-list {
    margin: 0;
    max-width: unset;
    margin-left: calc((100vw - 1440px) / 2);
  }
}
#campaign .nav-list .nav-list-inner {
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: 38px;
  background-color: #fff;
  white-space: nowrap;
  text-align: center;
}
#campaign .nav-list .nav-list-inner::-webkit-scrollbar {
  display: none;
}
#campaign .nav-list .nav-list-inner > section {
  transform: translatey(-60%);
  top: 50%;
  margin: 0;
  padding-left: 0;
}
@media (min-width: 1600px) {
  #campaign .nav-list .nav-list-inner > section {
    max-width: unset;
  }
}
#campaign .nav-list .nav-item {
  font-family: "Macys Sans Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
}
@media (max-width: 767px) {
  #campaign .nav-list .nav-item {
    padding: 0 3%;
    padding: 0 20px;
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  #campaign .nav-list .nav-item {
    font-size: 16px;
    padding: 0 1.39em;
  }
}
@media (min-width: 1600px) {
  #campaign .nav-list .nav-item {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #campaign .nav-list .nav-item:first-child {
    padding-left: 5.3333vw;
  }
}
@media (min-width: 768px) {
  #campaign .nav-list .nav-item:first-child {
    padding-left: 5vw;
  }
}
@media (min-width: 1600px) {
  #campaign .nav-list .nav-item:first-child {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  #campaign .nav-list .nav-item:last-child {
    padding-right: 5.3333vw;
  }
}
@media (min-width: 768px) {
  #campaign .nav-list .nav-item:last-child {
    padding-right: 5vw;
  }
}
@media (min-width: 1600px) {
  #campaign .nav-list .nav-item:last-child {
    padding-right: calc((100vw - 1440px) / 2);
  }
}
#campaign .nav-list .nav-item span {
  padding-bottom: 4px;
}
#campaign .nav-list .nav-item.chosen span {
  border-bottom: 4px solid #000;
}
#campaign .nav-list .nav-item:hover span {
  border-bottom: 3px solid #000;
}

#campaign .nav-list.sticky .nav-list-inner {
  position: fixed;
  top: 0;
  z-index: 100;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
  width: 100%;
}
@media (min-width: 1600px) {
  #campaign .nav-list.sticky .nav-list-inner {
    margin: 0;
    max-width: unset;
    padding-left: calc((100vw - 1440px) / 2);
  }
}
@media only screen and (min-width: 600px) {
  #campaign .nav-list.sticky .site-header {
    display: inline-block;
    float: left;
    font-family: "Macys Sans Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26px;
    margin-top: -5px;
    margin-left: 12px;
  }
}
/*# sourceMappingURL=common.min.css.map */