/* Override some elements */
html {
  overflow-x: hidden; }

.wsp-header {
  margin-bottom: 0; }

h1.bol_header {
  display: none; }

.constrain {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

@media (min-width: 48em) {
  .constrain {
    padding-left: 2.5rem;
    padding-right: 2.5rem; } }

/* Themes */
.fashion-theme--darkblue {
  background-color: #0000a4;
  color: #fff; }
  .fashion-theme--darkblue h2 {
    color: #FFA4B6; }
  .fashion-theme--darkblue h3 {
    color: #0000a4; }

.fashion-theme--brightblue {
  background-color: #1EADFF;
  color: #0000a4; }
  .fashion-theme--brightblue h2 {
    color: #0000a4; }

.fashion-theme--white {
  background-color: #fff;
  color: #0000a4; }
  .fashion-theme--white h2 {
    color: #0000a4; }

.fashion-theme--softblue {
  background-color: #D6EEFF;
  color: #0000a4; }
  .fashion-theme--softblue h2 {
    color: #0000a4; }

.fashion-theme--softyellow {
  background-color: #FFFADE;
  color: #0000a4; }
  .fashion-theme--softyellow h2 {
    color: #0000a4; }

.fashion-theme--softorange {
  background-color: #FFEEDD;
  color: #0000a4; }
  .fashion-theme--softorange h2 {
    color: #0000a4; }

.fashion-theme--softred {
  background-color: #FFD9E1;
  color: #0000a4; }
  .fashion-theme--softred h2 {
    color: #0000a4; }

.fashion-theme--softpink {
  background-color: #FFD9F5;
  color: #0000a4; }
  .fashion-theme--softpink h2 {
    color: #0000a4; }

.fashion-theme--softgreen {
  background-color: #E2F9ED;
  color: #0000a4; }
  .fashion-theme--softgreen h2 {
    color: #0000a4; }

.fashion-theme--pastelred {
  background-color: #FFA4B6;
  color: #0000a4; }
  .fashion-theme--pastelred h2 {
    color: #0000a4; }

.fashion-theme--pastelyellow {
  background-color: #FFF59E;
  color: #0000a4; }
  .fashion-theme--pastelyellow h2 {
    color: #0000a4; }

.fashion-theme--pastelorange {
  background-color: #FFD2AD;
  color: #0000a4; }
  .fashion-theme--pastelorange h2 {
    color: #0000a4; }

.fashion-theme--pastelpink {
  background-color: #FFA4EB;
  color: #0000a4; }
  .fashion-theme--pastelpink h2 {
    color: #0000a4; }

.fashion-theme--pastelgreen {
  background-color: #AFF2D3;
  color: #0000a4; }
  .fashion-theme--pastelgreen h2 {
    color: #0000a4; }

.fashion-theme--pastelblue {
  background-color: #90CDFE;
  color: #0000a4; }
  .fashion-theme--pastelblue h2 {
    color: #0000a4; }

/* Helpers */
.h-text-center {
  text-align: center; }

.h-color-blue-pastel {
  color: #90cdfe !important; }

.h-color-yellow-pastel {
  color: #fff59e !important; }

.h-color-red-pastel {
  color: #ffa4b4 !important; }

.h-color-green-pastel {
  color: #aff2d3 !important; }

.h-color-orange-pastel {
  color: #ffd2ad !important; }

.h-round-img {
  border-radius: 50%; }

.fashion-u-pt {
  padding-top: 2.5rem; }

.fashion-u-mb\@phone-only {
  margin-bottom: 4rem; }

@media (min-width: 37.5em) {
  .fashion-u-mt--l\@tablet-p-up {
    margin-top: 4rem; }
  .fashion-u-mt--xl\@tablet-p-up {
    margin-top: 8rem; }
  .fashion-u-mt--lneg\@tablet-p-up {
    margin-top: -4rem; }
  .fashion-u-mt--xlneg\@tablet-p-up {
    margin-top: -8rem; }
  .u-order-2\@tablet-p-up {
    -webkit-order: 2;
            order: 2; }
  .fashion-u-mb\@phone-only {
    margin-bottom: 0; }
  .nosp\@tablet-p-up {
    padding: 0 !important;
    margin: 0 !important; } }

@media (min-width: 64em) {
  .fashion-u-pt {
    padding-top: 4rem; } }

/* Layout */
.break-out {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  background-size: 0; }

.fashion-section {
  padding: 0px 0; }

.bg-snowflakes {
  background-attachment: fixed; }

.fashion-hero__txt {
  position: relative;
  z-index: 1;
  max-width: 42rem; }

.fashion-hero__img {
  margin-top: -4.5rem;
  margin-left: auto; }

@media (min-width: 37.5em) {
  .fashion-hero__txt {
    position: static;
    padding-bottom: 2.5rem; }
  .fashion-hero__img {
    margin-top: 0;
    padding-left: 0; }
  .break-out {
    background-size: 200%; } }

@media (min-width: 64em) {
  .fashion-hero__txt {
    padding-bottom: 4rem; } }

.o-layout--huge {
  margin-left: -5rem; }

.o-layout--huge > .o-layout__item {
  padding-left: 5rem; }

/* Buttons */
.ui-btn {
  display: inline-block;
  position: relative;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  margin: 0;
  border: 1px solid transparent;
  background-color: transparent;
  background-image: none;
  padding: 0 1rem;
  height: 3rem;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  line-height: 3rem;
  white-space: nowrap;
  font-size: inherit;
  font-weight: 400;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ui-btn + .ui-btn {
  margin-left: .5rem; }

.ui-btn:hover {
  text-decoration: none; }

.ui-btn:active {
  box-shadow: none; }

.ui-btn:focus {
  box-shadow: 0 0 0 2px #90cdfe;
  outline: 0;
  text-decoration: none; }

.ui-btn:focus:not(:focus-visible) {
  box-shadow: none;
  outline: 0;
  text-decoration: initial; }

.ui-btn:focus-visible {
  box-shadow: 0 0 0 4px #90cdfe;
  outline: 0;
  text-decoration: none; }

.ui-btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  padding: 70%;
  content: '';
  transition: opacity .5s,padding .5s;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  border-radius: 50%;
  background: currentColor; }

.ui-btn:not(:disabled):not(.disabled) {
  cursor: pointer; }

.ui-btn:not(:disabled):not(.disabled):active {
  background-image: none; }

.ui-btn:not(:disabled):not(.disabled):active:after {
  transition: 0s;
  opacity: .75;
  padding: 0; }

.ui-btn--primary {
  border-color: #00f;
  background-color: #00f;
  color: #fff;
  box-shadow: 0 4px 0 -2px rgba(0, 0, 0, 0.25); }

.ui-btn--primary:hover {
  border-color: #4040ff;
  background-color: #4040ff;
  color: #fff; }

.ui-btn--outline--secondary {
  border-color: #00f;
  background-color: #fff;
  box-shadow: 0 4px 0 -2px rgba(0, 0, 0, 0.15);
  color: #00f; }

.ui-btn--outline--secondary:hover {
  border-color: #4040ff;
  background-color: #fff;
  color: #4040ff; }

@media (hover: none) {
  .ui-btn--outline--secondary:hover {
    border-color: #00f;
    background-color: #fff;
    color: #00f; } }

.ui-btn--outline--secondary:not(:disabled):not(.disabled):active {
  border-color: #4040ff;
  background-color: #fff;
  color: #4040ff; }

@media (hover: none) {
  .ui-btn--primary:hover {
    border-color: #00f;
    background-color: #00f;
    color: #fff; } }

/* Global */
.fashion-u-ptb {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.fashion-h1, .fashion-h1--light {
  margin-bottom: 1.5rem; }

.fashion-h1, .fashion-h1--light strong {
  font-weight: 900; }

.fashion-h1, .fashion-h1 .sub-title {
  font-size: 2.571rem;
  line-height: 2.571rem;
  color: inherit; }

.fashion-h1 .sub-title, .fashion-h1--light {
  font-family: Produkt, Arial, Helvetica, sans-serif;
  font-size: 2.571rem;
  font-weight: 300; }

.fashion-h3, .fashion-h3 .sub-title, .fashion-h4 {
  font-family: Produkt, Arial, Helvetica, sans-serif;
  font-size: 1.714rem;
  line-height: 1.714rem;
  color: inherit; }

.fashion-h3, .fashion-h4 {
  font-weight: 900;
  padding: 1rem;
  margin-bottom: 0; }

.fashion-h3 .sub-title {
  font-weight: 300; }

.fashion-lede {
  font-size: 1.143rem;
  line-height: 1.714rem;
  padding-bottom: 0; }

.fashion-popular-img {
  text-align: center;
  padding: 1rem; }

.fashion-popular-img img {
  max-height: 7.714rem; }

.fashion-categories {
  padding: 2rem 0; }

.fashion-category-title {
  font-family: Produkt,Arial,Helvetica,sans-serif;
  font-weight: 300;
  padding-top: 2rem;
  font-size: 1.7rem;
  padding-bottom: 1rem; }

@media (min-width: 64em) {
  .fashion-h1, .fashion-h1 .sub-title, .fashion-h1--light {
    font-size: 4.571rem;
    line-height: 4.571rem; }
  .fashion-h3, .fashion-h3 .sub-title {
    font-size: 1.714rem;
    line-height: 2.286rem; }
  .fashion-lede {
    font-size: 1.714rem;
    line-height: 2.286rem; } }

.filmstrip-container {
  margin-left: -1.5rem;
  margin-right: -1.5rem; }

.filmstrip.o-layout {
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap; }

.filmstrip__card img {
  width: 100%; }

.filmstrip .o-layout__item {
  width: 90%; }

@media (min-width: 25.714em) {
  .filmstrip.fashion-cats .o-layout__item {
    width: auto; } }

@media (min-width: 56.25em) {
  .no-filmstrip\@tablet-l-up {
    display: contents;
    overflow: visible; }
  .no-filmstrip\@tablet-l-up .filmstrip-viewport {
    overflow: visible; }
  .no-filmstrip\@tablet-l-up .filmstrip {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 0 0 -1.5rem; }
  .no-filmstrip\@tablet-l-up .filmstrip-controls {
    display: none; }
  .no-filmstrip\@tablet-l-up .filmstrip__card {
    width: auto;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem; }
  .fashion-category-title {
    font-size: 2.2rem; } }

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