/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.15.0 - 2016-03-15T17:20:10.063Z
 * License: MIT
 */
/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold;
}

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.ui-select-choices-row:hover {
  background-color: #f5f5f5;
}

/* Select2 theme */
/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
  border-color: #D44950;
}

.select2-result-single {
  padding-left: 0;
}

.select2-locked > .select2-search-choice-close {
  display: none;
}

.select-locked > .ui-select-match-close {
  display: none;
}

body > .select2-container.open {
  z-index: 9999; /* The z-index Select2 applies to the select2-drop */
}

/* Handle up direction Select2 */
.ui-select-container[theme=select2].direction-up .ui-select-match {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ui-select-container[theme=select2].direction-up .ui-select-dropdown {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-width: 1px; /* FIXME hardcoded value :-/ */
  border-top-style: solid;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  margin-top: -4px; /* FIXME hardcoded value :-/ */
}

.ui-select-container[theme=select2].direction-up .ui-select-dropdown .select2-search {
  margin-top: 4px; /* FIXME hardcoded value :-/ */
}

.ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match {
  border-bottom-color: #5897fb;
}

/* Selectize theme */
/* Helper class to show styles when focus */
.selectize-input.selectize-focus {
  border-color: #007FBB !important;
}

/* Fix input width for Selectize theme */
.selectize-control > .selectize-input > input {
  width: 100%;
}

/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%;
}

/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
  border-color: #D44950;
}

/* Handle up direction Selectize */
.ui-select-container[theme=selectize].direction-up .ui-select-dropdown {
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
  margin-top: -2px; /* FIXME hardcoded value :-/ */
}

/* Bootstrap theme */
/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-select-bootstrap .ui-select-toggle {
  position: relative;
}

.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px;
}

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static;
}

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  border-radius: 4px !important; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ui-select-bootstrap > .ui-select-match > .btn {
  /* Instead of center because of .btn */
  text-align: left !important;
}

.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px;
}

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px;
}

body > .ui-select-bootstrap.open {
  z-index: 1000; /* Standard Bootstrap dropdown z-index */
}

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 3px 3px 0 3px;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important; /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
  margin-bottom: 3px;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
  margin: 0 3px 3px 0;
}

.ui-select-multiple .ui-select-match-item {
  position: relative;
}

.ui-select-multiple .ui-select-match-item.dropping-before:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  margin-right: 2px;
  border-left: 1px solid #428bca;
}

.ui-select-multiple .ui-select-match-item.dropping-after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: 2px;
  border-right: 1px solid #428bca;
}

.ui-select-bootstrap .ui-select-choices-row > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.ui-select-bootstrap .ui-select-choices-row > a:hover, .ui-select-bootstrap .ui-select-choices-row > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.ui-select-bootstrap .ui-select-choices-row.active > a {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}

.ui-select-bootstrap .ui-select-choices-row.disabled > a,
.ui-select-bootstrap .ui-select-choices-row.active.disabled > a {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
  display: none !important;
}

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
  border-color: #D44950;
}

/* Handle up direction Bootstrap */
.ui-select-container[theme=bootstrap].direction-up .ui-select-dropdown {
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
}

.info-area--white .info-area__title, .search__headline, .store-search__header {
  float: left;
  padding: 1.25vw;
  width: 100%;
  float: none;
  margin: 0;
  padding: 1em 1.25vw 0.5em;
  text-align: center;
  letter-spacing: 0.3px;
  color: #000;
  font-size: 18px;
  font-weight: 100;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .info-area--white .info-area__title, .search__headline, .store-search__header {
    margin: 0;
    padding: 0;
    width: auto;
    text-align: left;
    color: #000;
    font-size: 24px;
    line-height: 28px;
  }
}
.search__headline, .store-search__header {
  position: relative;
}
.search__headline::before, .store-search__header::before, .search__headline::after, .store-search__header::after {
  position: absolute;
  bottom: 0;
  background: #3c3c3c;
  width: 15px;
  height: 1px;
  content: "";
}
.search__headline::before, .store-search__header::before {
  left: 50%;
}
.search__headline::after, .store-search__header::after {
  right: 50%;
}
@media (min-width: 1024px) {
  .search__headline, .store-search__header {
    text-align: center;
    line-height: 28px;
  }
}

.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}

.store-details__hours-thead, .label--store-search-country {
  position: absolute;
  top: auto;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.side-bar::-webkit-scrollbar, .address-lookup__results-list--multiple::-webkit-scrollbar, .store-results__shops::-webkit-scrollbar {
  width: 19px;
  height: 7px;
}
.side-bar::-webkit-scrollbar-button, .address-lookup__results-list--multiple::-webkit-scrollbar-button, .store-results__shops::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.side-bar::-webkit-scrollbar-thumb, .address-lookup__results-list--multiple::-webkit-scrollbar-thumb, .store-results__shops::-webkit-scrollbar-thumb {
  border-right: 6px solid #fff;
  border-left: 6px solid #fff;
  background: #c6c6c6;
}
.side-bar::-webkit-scrollbar-thumb:hover, .address-lookup__results-list--multiple::-webkit-scrollbar-thumb:hover, .store-results__shops::-webkit-scrollbar-thumb:hover {
  background: #767676;
}
.side-bar::-webkit-scrollbar-thumb:active, .address-lookup__results-list--multiple::-webkit-scrollbar-thumb:active, .store-results__shops::-webkit-scrollbar-thumb:active {
  background: #767676;
}
.side-bar::-webkit-scrollbar-track, .address-lookup__results-list--multiple::-webkit-scrollbar-track, .store-results__shops::-webkit-scrollbar-track {
  border: 9px solid #fff;
  border-top: 1px;
  border-bottom: 0 none;
  background: #c6c6c6;
}
.side-bar::-webkit-scrollbar-corner, .address-lookup__results-list--multiple::-webkit-scrollbar-corner, .store-results__shops::-webkit-scrollbar-corner {
  background: transparent;
}

.padding-top-a {
  padding-top: 1vh;
}

.padding-right-a {
  padding-right: 1vw;
}

.padding-bottom-a {
  padding-bottom: 1vh;
}

.padding-left-a {
  padding-left: 1vw;
}

.margin-top-a {
  margin-top: 1vh;
}

.margin-right-a {
  margin-right: 1vw;
}

.margin-bottom-a {
  margin-bottom: 1vh;
}

.margin-left-a {
  margin-left: 1vw;
}

.padding-top-b {
  padding-top: 2vh;
}

.padding-right-b {
  padding-right: 2vw;
}

.padding-bottom-b {
  padding-bottom: 2vh;
}

.padding-left-b {
  padding-left: 2vw;
}

.margin-top-b {
  margin-top: 2vh;
}

.margin-right-b {
  margin-right: 2vw;
}

.margin-bottom-b {
  margin-bottom: 2vh;
}

.margin-left-b {
  margin-left: 2vw;
}

.padding-top-c {
  padding-top: 3vh;
}

.padding-right-c {
  padding-right: 3vw;
}

.padding-bottom-c {
  padding-bottom: 3vh;
}

.padding-left-c {
  padding-left: 3vw;
}

.margin-top-c {
  margin-top: 3vh;
}

.margin-right-c {
  margin-right: 3vw;
}

.margin-bottom-c {
  margin-bottom: 3vh;
}

.margin-left-c {
  margin-left: 3vw;
}

.padding-top-d {
  padding-top: 4vh;
}

.padding-right-d {
  padding-right: 4vw;
}

.padding-bottom-d {
  padding-bottom: 4vh;
}

.padding-left-d {
  padding-left: 4vw;
}

.margin-top-d {
  margin-top: 4vh;
}

.margin-right-d {
  margin-right: 4vw;
}

.margin-bottom-d {
  margin-bottom: 4vh;
}

.margin-left-d {
  margin-left: 4vw;
}

.padding-top-e {
  padding-top: 6vh;
}

.padding-right-e {
  padding-right: 6vw;
}

.padding-bottom-e {
  padding-bottom: 6vh;
}

.padding-left-e {
  padding-left: 6vw;
}

.margin-top-e {
  margin-top: 6vh;
}

.margin-right-e {
  margin-right: 6vw;
}

.margin-bottom-e {
  margin-bottom: 6vh;
}

.margin-left-e {
  margin-left: 6vw;
}

.padding-top-f {
  padding-top: 8vh;
}

.padding-right-f {
  padding-right: 8vw;
}

.padding-bottom-f {
  padding-bottom: 8vh;
}

.padding-left-f {
  padding-left: 8vw;
}

.margin-top-f {
  margin-top: 8vh;
}

.margin-right-f {
  margin-right: 8vw;
}

.margin-bottom-f {
  margin-bottom: 8vh;
}

.margin-left-f {
  margin-left: 8vw;
}

.padding-top-g {
  padding-top: 12vh;
}

.padding-right-g {
  padding-right: 12vw;
}

.padding-bottom-g {
  padding-bottom: 12vh;
}

.padding-left-g {
  padding-left: 12vw;
}

.margin-top-g {
  margin-top: 12vh;
}

.margin-right-g {
  margin-right: 12vw;
}

.margin-bottom-g {
  margin-bottom: 12vh;
}

.margin-left-g {
  margin-left: 12vw;
}

.padding-top-h {
  padding-top: 16vh;
}

.padding-right-h {
  padding-right: 16vw;
}

.padding-bottom-h {
  padding-bottom: 16vh;
}

.padding-left-h {
  padding-left: 16vw;
}

.margin-top-h {
  margin-top: 16vh;
}

.margin-right-h {
  margin-right: 16vw;
}

.margin-bottom-h {
  margin-bottom: 16vh;
}

.margin-left-h {
  margin-left: 16vw;
}

.padding-top-i {
  padding-top: 24vh;
}

.padding-right-i {
  padding-right: 24vw;
}

.padding-bottom-i {
  padding-bottom: 24vh;
}

.padding-left-i {
  padding-left: 24vw;
}

.margin-top-i {
  margin-top: 24vh;
}

.margin-right-i {
  margin-right: 24vw;
}

.margin-bottom-i {
  margin-bottom: 24vh;
}

.margin-left-i {
  margin-left: 24vw;
}

.padding-top-j {
  padding-top: 32vh;
}

.padding-right-j {
  padding-right: 32vw;
}

.padding-bottom-j {
  padding-bottom: 32vh;
}

.padding-left-j {
  padding-left: 32vw;
}

.margin-top-j {
  margin-top: 32vh;
}

.margin-right-j {
  margin-right: 32vw;
}

.margin-bottom-j {
  margin-bottom: 32vh;
}

.margin-left-j {
  margin-left: 32vw;
}

.layout-component > .image-component {
  display: block;
}
.layout-component > .video-component__link--wrapper {
  float: none;
}
.layout-component .video-component {
  float: none;
  display: inline-block;
}

.layout-component__wrapper {
  float: left;
}

.layout-component__inner-wrapper {
  position: relative;
}

.layout-component__container {
  float: left;
  width: 100%;
}

.layout-component__overlay {
  position: absolute;
  max-width: calc(100% - 12);
  width: 100%;
  z-index: 100;
}

.spacer-component__wrapper {
  float: left;
}

.spacer-component__visible-desktop {
  display: none;
}

.layout-component__mob-centered_horizontal_vertical {
  top: 50%;
  margin-left: 50%;
  margin-right: -50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.layout-component__mob-centered_horizontal_bottom_vertical {
  bottom: 6;
  margin-left: 50%;
  margin-right: -50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

@media (min-width: 580px) {
  .layout-component__overlay {
    width: auto;
  }
}
@media (min-width: 768px) {
  .layout-component__tablet-centered_horizontal_vertical {
    top: 50%;
    bottom: auto;
    margin-left: 50%;
    margin-right: -50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .layout-component__tablet-centered_horizontal_bottom_vertical {
    top: auto;
    bottom: 6;
    margin-left: 50%;
    margin-right: -50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@media (min-width: 1024px) {
  .spacer-component__visible-desktop {
    display: block;
  }
  .spacer-component__visible-mobile {
    display: none;
  }
  .layout-component__desktop-centered_horizontal_vertical {
    top: 50%;
    bottom: auto;
    margin-left: 50%;
    margin-right: -50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .layout-component__desktop-centered_horizontal_bottom_vertical {
    top: auto;
    bottom: 6;
    margin-left: 50%;
    margin-right: -50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.sm-col-1 {
  width: 16.6666666667%;
}

.sm-col-2 {
  width: 33.3333333333%;
}

.sm-col-3 {
  width: 50%;
}

.sm-col-4 {
  width: 66.6666666667%;
}

.sm-col-5 {
  width: 83.3333333333%;
}

.sm-col-6 {
  width: 100%;
}

@media (min-width: 1024px) {
  .lg-col-1 {
    width: 8.3333333333%;
  }
  .lg-col-2 {
    width: 16.6666666667%;
  }
  .lg-col-3 {
    width: 25%;
  }
  .lg-col-4 {
    width: 33.3333333333%;
  }
  .lg-col-5 {
    width: 41.6666666667%;
  }
  .lg-col-6 {
    width: 50%;
  }
  .lg-col-7 {
    width: 58.3333333333%;
  }
  .lg-col-8 {
    width: 66.6666666667%;
  }
  .lg-col-9 {
    width: 75%;
  }
  .lg-col-10 {
    width: 83.3333333333%;
  }
  .lg-col-11 {
    width: 91.6666666667%;
  }
  .lg-col-12 {
    width: 100%;
  }
}
.d-none {
  display: none;
}
.d-block {
  display: block;
}
.d-flex {
  display: flex;
}
@media (min-width: 768px) {
  .d-md-none {
    display: none;
  }
  .d-md-block {
    display: block;
  }
  .d-md-flex {
    display: flex;
  }
}
@media (min-width: 820px) {
  .d-mdl-none {
    display: none;
  }
  .d-mdl-block {
    display: block;
  }
  .d-mdl-flex {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .d-lg-none {
    display: none;
  }
  .d-lg-block {
    display: block;
  }
  .d-lg-flex {
    display: flex;
  }
}

.position-absolute {
  position: absolute;
}
.position-relative {
  position: relative;
}
.position-fixed {
  position: fixed;
}

.flex-column {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}

.select {
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #ddd;
  border-radius: 0;
  background-color: #f8f8f8;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbi1jaGV2cm9uLWRvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iLTI5MSA0MTYuOSAxMiA4Ij48cGF0aCBmaWxsPSIjM0MzQzNDIiBkPSJNLTI4MC43LDQxNi45bC00LjMsNC40bC00LjMtNC40bC0xLjcsMS44bDQuMyw0LjRsMCwwbDEuNywxLjhsMCwwbDAsMGwxLjctMS44bDAsMGw0LjMtNC40Ii8+PC9zdmc+");
  background-repeat: no-repeat;
  background-position: right 14px top 50%;
  background-size: 12px 8px;
  padding: 8px 30px 8px 10px;
  width: 100%;
  min-height: 40px;
  vertical-align: middle;
  line-height: normal;
  font-weight: 100;
}
.select:focus {
  outline: none;
  border-color: #000;
}
.select:focus::-ms-value {
  background: none;
  color: #3c3c3c;
}
.select:disabled {
  color: #c6c6c6;
}
.select--bag-item {
  display: inline-block;
  width: auto;
  min-width: 80px;
  white-space: nowrap;
}
.select--bag-item--desktop-sticky {
  width: 0%;
}
.select--sm {
  background-position: 90% 50%;
  max-width: 140px;
}
.select--dob {
  float: left;
  margin: 0 0 0 2%;
  max-width: 32%;
}
.select--dob:first-child {
  margin-left: 0;
}
.select--white {
  background-color: #fff;
  color: #3c3c3c;
}
.select::-ms-expand {
  display: none;
}
.select--checkout-card-form {
  font-size: 14px;
}
.select--pdp {
  text-transform: uppercase;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select .select__placeholder {
  display: none;
}
.select.input--error {
  border-color: #ff401a;
}
.select.input--error:focus {
  border-color: #ff401a;
}
.select--new-font-pdp {
  border-radius: 4px;
  border: 1px solid #c6c6c6;
}
.select--custom-chevron {
  background-image: url("../image/icon/chevron-down-new.svg");
  background-size: 1.5rem auto;
}

@media (min-width: 1024px) {
  .select--bag-item {
    max-width: 120px;
  }
}
@media (min-width: 1600px) {
  .select--bag-item {
    max-width: 160px;
  }
}
.form-group {
  display: block;
  position: relative;
  margin-top: 14px;
}
.form-group--checkout-save-card {
  position: static;
}
.form-group__label {
  margin-bottom: 6px;
}
.form-group__label--checkout {
  width: 120px;
}
.form-group__label--address-book {
  margin-top: 0;
}
.form-group__first {
  margin-top: 0;
}
.form-group--account, .form-group--checkout {
  margin-top: 0;
}
.form-group--radio {
  margin-bottom: 24px;
}
.form-group--checkout::before, .form-group--checkout::after {
  display: table; /* 2 */
  content: " "; /* 1 */
}
.form-group--checkout::after {
  clear: both;
}
.form-group--submit {
  margin-top: 28px;
}
@media (min-width: 360px) {
  .form-group--account, .form-group--checkout {
    margin-top: 21px;
  }
}
@media (min-width: 580px) {
  .form-group--account, .form-group--checkout {
    margin-top: 21px;
  }
}
@media (min-width: 768px) {
  .form-group {
    margin: 0 auto;
    max-width: 1200px;
    margin-top: 21px;
  }
  .form-group::before, .form-group::after {
    display: table; /* 2 */
    content: " "; /* 1 */
  }
  .form-group::after {
    clear: both;
  }
}
@media (min-width: 768px) and (min-width: 1600px) {
  .form-group {
    max-width: 1400px;
  }
}
@media (min-width: 768px) {
  .form-group--account, .form-group--checkout {
    margin-top: 0;
  }
  .form-group--radio {
    margin-bottom: 24px;
  }
  .form-group--submit {
    margin-top: 7px;
  }
  .form-group__first {
    margin-top: 0;
  }
  .form-group__label {
    float: left;
    padding: 1.25vw;
    width: 20%;
    position: relative;
    padding: 35px 0 0;
    max-width: 180px;
    vertical-align: top;
  }
  .form-group__label--checkout-card-form {
    max-width: 120px;
  }
  .form-group__label--account {
    padding: 21px 0 0;
  }
  .form-group__field {
    float: left;
    padding: 1.25vw;
    width: 80%;
    position: relative;
    padding: 26px 0 0;
    vertical-align: middle;
  }
  .form-group__field--small {
    display: inline-block;
    padding: 26px 20px 0 0;
    width: 20%;
  }
  .form-group__field--small:last-child {
    margin-top: 0;
    padding: 26px 0 0;
  }
  .form-group__field--medium {
    display: inline-block;
    width: 40%;
  }
  .form-group__field--account, .form-group__field--checkout {
    margin-top: 0;
    padding-right: 0.5em;
  }
  .form-group__field--account:last-of-type, .form-group__field--checkout:last-of-type {
    padding-right: 0;
    padding-left: 0.5em;
  }
  .form-group__field--account {
    padding: 0;
    width: 100%;
  }
  .form-group__field--account:last-of-type {
    padding-left: 0;
  }
  .form-group__field--checkout-login {
    padding: 0;
    width: 100%;
  }
  .form-group__field--radio {
    padding-top: 0;
    width: 100%;
  }
  .form-group__field--radio .input::placeholder {
    color: #a3a3a3;
  }
}
@media (min-width: 1024px) {
  .form-group__label--account {
    padding: 31px 0 0;
  }
  .form-group__field--account {
    padding: 21px 0 0;
    width: 40%;
  }
}
.form__help {
  margin: 0;
  padding-top: 6px;
  color: #999;
  font-size: 12px;
}
.form__error-msg {
  display: none;
  position: absolute;
  bottom: 37px;
  font-style: italic;
  font-weight: 400;
  z-index: 1000;
  background: #ff401a;
  padding: 7px 12px;
  width: 100%;
  color: #fff;
}
.form__error-msg--address-line2 {
  bottom: 37px;
}
.form__error-msg--collection-mobile {
  bottom: 86px;
}
.form__error-msg--mobile-phone {
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.form__error-msg--email-address {
  bottom: 49px;
}
.form__error-msg--active {
  display: block;
}
.form__error-msg--radio {
  margin-bottom: 24px;
}
.form__error-msg--card-date {
  width: auto;
}
.form__error-msg--ng-hide {
  display: block;
  position: relative;
  bottom: -8px;
  margin-block-start: 0;
}
.input:focus + .form__error-msg, .select:focus + .form__error-msg, .select--multi:focus ~ .form__error-msg, .checkbox__input:focus + .checkbox__label + .form__error-msg {
  display: block;
}
.checkbox__input:focus + .checkbox__label + .form__error-msg {
  top: -21px;
  bottom: auto;
}
.form__error-msg::before {
  position: absolute;
  bottom: -10px;
  left: 10px;
  border-top: 10px solid #ff401a;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  content: "";
}
@media (min-width: 360px) {
  .form__error-msg--card-date {
    width: 48.5%;
  }
}
@media (min-width: 580px) {
  .form__error-msg--card-date {
    width: 49%;
  }
}
@media (min-width: 768px) {
  .form__error-msg--card-date {
    width: 96%;
  }
  .form__error-msg--card-expired {
    width: 200%;
  }
}
@media (min-width: 1024px) {
  .form__error-msg--email-address {
    bottom: 59px;
  }
}
.form-group__field--small {
  display: inline-block;
  width: 100%;
}
.form-group__field--small:last-child {
  margin-top: 20px;
  padding-right: 0;
}
.form-group__field--medium {
  display: inline-block;
  width: 100%;
}
.form-group__field--card-date::before, .form-group__field--card-date::after {
  display: table; /* 2 */
  content: " "; /* 1 */
}
.form-group__field--card-date::after {
  clear: both;
}
.form-group__field--checkout {
  float: left;
  padding: 0;
  padding-right: 0.5em;
  width: 50%;
}
.form-group__field--checkout:last-of-type {
  padding-right: 0;
  padding-left: 0.5em;
}

.storeCard_error-msg {
  position: relative;
  color: #ff401a;
  width: 500px;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
}

@media (min-width: 768px) {
  .form__subline-text {
    margin: 0 0 0 20%;
  }
}

.label {
  display: block;
  padding: 7px 0;
  width: 100%;
  line-height: 21px;
  font-weight: 400;
}
.label--required {
  display: block;
  padding: 10px 0 5px;
}
.label--required::after {
  content: " *";
}
.label--subline {
  color: #767676;
  padding-bottom: 0;
  font-weight: 100;
}
.label--account, .label--checkout {
  padding: 0 7px 0 0;
  font-size: 14px;
  font-weight: 400;
}
.label--top {
  font-weight: 100;
}
@media (min-width: 768px) {
  .label {
    display: inline-block;
  }
}

.input {
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  transition: border 0.3s;
  border: 1px solid #ddd;
  border-radius: 0;
  background-color: #f8f8f8;
  padding: 9px 10px;
  width: 100%;
  min-height: 40px;
  vertical-align: middle;
  line-height: normal;
  font-weight: 400;
}
.input:focus {
  outline: none;
  border-color: #000;
}
.input--error {
  border-color: #ff401a;
}
.input--error:focus {
  margin-top: auto;
  border-color: #ff401a;
}
.input--inline {
  padding-right: 60px;
}
.input__inline-wrapper {
  position: relative;
}
.input__inline-wrapper::before, .input__inline-wrapper::after {
  display: table; /* 2 */
  content: " "; /* 1 */
}
.input__inline-wrapper::after {
  clear: both;
}
.input__inline-control {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  margin: 9px 0;
  border-left: 1px solid #999;
  cursor: pointer;
  padding: 0 10px;
  min-width: 60px;
  vertical-align: middle;
  line-height: 21px;
  color: #999;
  font-weight: 400;
}
.input__inline-control--account {
  top: auto;
  bottom: 0;
}
.input--white {
  background: #fff;
}
.input--be-error.ng-pristine {
  border-color: #ff401a;
}
.input--be-error.ng-pristine:focus {
  border-color: #ff401a;
}
@media (min-width: 1024px) {
  .input--error {
    margin-top: auto;
    border-color: #ff401a;
  }
  .input--error:focus {
    margin-top: auto;
    border-color: #ff401a;
  }
}

.input[placeholder]:-ms-input-placeholder {
  color: #afafaf;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
}

.checkbox {
  position: relative;
  margin-bottom: 10px;
}
.checkbox:first-child {
  margin-top: 26px;
}
.checkbox__input {
  position: absolute;
  opacity: 0;
}
.checkbox__input:focus + .checkbox__label::before {
  border: solid 2px #3c3c3c;
}
.checkbox__input:checked {
  outline: none;
}
.checkbox__input--invert {
  background-color: transparent;
}
.checkbox__input--invert + .checkbox__label {
  color: #fff;
}
.checkbox__input--invert + .checkbox__label::before {
  background-color: transparent;
  border: solid 1px #fff;
}
.checkbox__input--invert:focus + .checkbox__label::before {
  border: solid 1px #fff;
}
.checkbox__input--invert:checked {
  background-color: transparent;
}
.checkbox__input--invert:checked + .checkbox__label::before {
  background-color: transparent;
}
.checkbox__input--invert:checked + .checkbox__label::after {
  color: #fff;
  top: calc(50% - 10px);
}
.checkbox__input--rounded + .checkbox__label::before {
  border-radius: 4px;
}
.checkbox__label {
  display: inline-block;
  position: relative;
  padding: 0 0 0 28px;
  vertical-align: middle;
  line-height: 21px;
}
.checkbox__label::before {
  display: inline-block;
  position: absolute;
  left: 0;
  border: 1px solid #c6c6c6;
  background-color: #fff;
  width: 20px;
  height: 20px;
  content: "";
}
.checkbox__input:checked + .checkbox__label::after {
  position: absolute;
  top: 0;
  left: 2px;
  width: 16px;
  height: 16px;
  font-family: newlook-icon;
  font-size: 12px;
  content: "\f107";
}
.checkbox__input:disabled + .checkbox__label {
  color: #c6c6c6;
}
.checkbox__label-rounded::before {
  border-radius: 4px;
  top: calc(50% - 10px);
}
.checkbox--error .checkbox__label::before,
.checkbox--error + .checkbox__label::before, .checkbox--error:focus + .checkbox__label::before {
  border-color: #ff401a;
  border-width: 1px;
}
.checkbox--account, .checkbox--checkout {
  display: inline-block;
  margin-top: 21px;
}
@media (min-width: 768px) {
  .checkbox--account, .checkbox--checkout {
    margin-left: -3px;
  }
}

.input__inline-wrapper .checkbox--error {
  height: 100%;
  z-index: 1;
}
.input__inline-wrapper .checkbox--error:focus + label {
  margin-top: 63px;
}
@media (min-width: 360px) {
  .input__inline-wrapper .checkbox--error:focus + label {
    margin-top: 42px;
  }
}
@media (min-width: 768px) {
  .input__inline-wrapper .checkbox--error:focus + label {
    margin-top: 56px;
  }
}
@media (min-width: 1024px) {
  .input__inline-wrapper .input--error:focus,
  .input__inline-wrapper .checkbox--error:focus + label {
    margin-top: 63px;
  }
}

.radio {
  margin-bottom: 10px;
}
.radio:first-child {
  margin-top: 26px;
}
.radio__input {
  position: absolute;
  left: -9999px;
}
.radio__label {
  display: inline-block;
  position: relative;
  padding: 0 0 0 28px;
  width: auto;
  vertical-align: middle;
  line-height: 21px;
  font-weight: 100;
}
.radio__label::before {
  display: inline-block;
  position: absolute;
  left: 0;
  border: 1px solid #c6c6c6;
  border-radius: 50%;
  background-color: #fff;
  width: 20px;
  height: 20px;
  content: "";
}
.radio__label::after {
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  background-color: #000;
  width: 16px;
  height: 16px;
  content: "";
}
.radio__input:checked + .radio__label::after {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio__input:disabled + .radio__label {
  color: #c6c6c6;
}
.radio .radio__input:checked + label::before {
  border-color: #000;
}
.radio--checkout:first-child {
  margin-top: 0;
  margin-bottom: 0;
}
.radio--account {
  margin: 14px 0;
}
.radio--account:first-child {
  margin: 7px 0;
}
.radio--checkout-modal {
  position: relative;
}
.radio--checkout-modal:first-child {
  margin-top: 0;
}
.radio--checkout-modal-hidden {
  opacity: 0.6;
  pointer-events: none;
}
.radio--checkout-delivery-updates:first-child {
  margin-bottom: 14px;
}

@media (min-width: 768px) {
  .storeCard_error-msg--modal {
    margin-left: 20%;
  }
}
@media (min-width: 1024px) {
  .storecard-expiry .input--error {
    margin-top: auto;
    border-color: #ff401a;
  }
  .select.input--error:focus {
    margin-top: auto;
  }
}
@font-face {
  font-family: "newlook-icon";
  src: url("../font/newlook-icon.eot?f0aac19325157a951462cc4906effd14?#iefix") format("embedded-opentype"), url("../font/newlook-icon.woff?f0aac19325157a951462cc4906effd14") format("woff"), url("../font/newlook-icon.ttf?f0aac19325157a951462cc4906effd14") format("truetype");
}
.iconf {
  /*    line-height: 1; */
}

.iconf::before {
  vertical-align: top;
  font-family: newlook-icon;
  font-weight: normal;
  font-style: normal;
}

.iconf--bag::before {
  content: "\f101";
}

.iconf--chevron-down::before {
  content: "\f102";
}

.iconf--chevron::before {
  content: "\f103";
}

.iconf--pin::before {
  content: "\f104";
}

.iconf--search::before {
  content: "\f105";
}

.iconf--share::before {
  content: "\f106";
}

.iconf--tick::before {
  content: "\f107";
}

.iconf--video::before {
  content: "\f108";
}

.iconf--zoom::before {
  content: "\f109";
}

.iconf--lock::before {
  content: "\f10a";
}

.iconf--print::before {
  content: "\f10b";
}

.iconf--map-pin::before {
  content: "\f10c";
}

.iconf--email::before {
  content: "\f10d";
}

.iconf--marker::before {
  content: "\f10e";
}

.iconf--marker2::before {
  content: "\f10f";
}

.iconf--list::before {
  content: "\f110";
}

.iconf--phone::before {
  content: "\f111";
}

.iconf--my-orders::before {
  content: "\f112";
}

.iconf--address-book::before {
  content: "\f113";
}

.iconf--saved-cards::before {
  content: "\f114";
}

.iconf--personal-details::before {
  content: "\f115";
}

.iconf--email2::before {
  content: "\f116";
}

.iconf--heart-outline::before {
  content: "\f117";
}

.iconf--heart-filled::before {
  content: "\f118";
}

.iconf--heart-boxed::before {
  content: "\f119";
}

.iconf--heart-boxed-selected::before {
  content: "\f11a";
}

.iconf--close::before {
  content: "\f11b";
}

.iconf--delivery-pass::before {
  content: "\f11c";
}

.iconf--tooltip::before {
  content: "\f11d";
}

.iconf--saved-items-icon::before {
  content: "\f11e";
}

.iconf--saved-items-icon-selected::before {
  content: "\f11f";
}

.iconf--Show-Less::before {
  content: "\f120";
}

.iconf--Show-More::before {
  content: "\f121";
}

.iconf--delivery_pass_logo::before {
  content: "\f122";
}

.link, .pudo-selection__link {
  cursor: pointer;
  text-decoration: underline;
  color: #3c3c3c;
}
.link--nounderline {
  text-decoration: none;
}
.link--button {
  cursor: pointer;
  border: 0;
  padding: 0;
  background: transparent;
  text-decoration: none;
}
.link:hover, .pudo-selection__link:hover, .link:active, .pudo-selection__link:active {
  color: #000;
}
.link--red, .link--sale {
  color: #e22921;
}
.link--blue, .link--offers {
  color: #36a9e1;
}
.link--beauty {
  color: #f6358a;
}
.link--premium {
  color: #c69633;
}
.link--tel {
  text-decoration: inherit;
  color: inherit;
}

a.sale,
.link.sale,
.sale.pudo-selection__link {
  color: #e22921;
}
a.offers,
.link.offers,
.offers.pudo-selection__link {
  color: #36a9e1;
}
a.beauty,
.link.beauty,
.beauty.pudo-selection__link {
  color: #f6358a;
}
a.premium,
.link.premium,
.premium.pudo-selection__link {
  color: #c69633;
}

.cms ul > * + .cms ul > *,
.cms ul > * + .cms ol > *,
.cms ol > * + .cms ul > *,
.cms ol > * + .cms ol > * {
  margin-top: 4px;
}
.cms ul > * > a,
.cms ol > * > a {
  transition: color 0.3s;
}
.cms ul > * > a:hover,
.cms ol > * > a:hover {
  color: #999;
}

.cms ul {
  padding-left: 0;
  list-style-type: none;
}
.cms ul > * {
  position: relative;
  padding-left: 0.7em;
}
.cms ul > *::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "-";
}

.cms ol {
  padding-left: 2em;
  list-style-type: decimal-leading-zero;
}

.nl-select__group, .nl-select__choices, .list--unordered {
  padding-left: 0;
  list-style-type: none;
}

.list--ordered {
  padding-left: 2em;
  list-style-type: decimal-leading-zero;
}

.list__item + .list__item {
  margin-top: 4px;
}

.list__item--unordered {
  position: relative;
  padding-left: 0.7em;
}
.list__item--unordered::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  content: "-";
}

.list__link {
  transition: color 0.3s;
}
.list__link:hover {
  color: #999;
}

.loading-wrapper {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  background: rgba(248, 248, 248, 0.5);
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.loading-wrapper::after {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url("../image/icons/loading-black@2x.gif") no-repeat 50% 50%;
  background-size: 50%;
  width: 52px;
  height: 56px;
  content: " ";
}

.search-filter__item .loading-wrapper {
  background-color: #fff;
}

.payment-card {
  display: inline-block;
}

.amex {
  background: url("../image/payment/cards-sprite.png") -50px -5px no-repeat;
  background-size: 150px 150px;
  width: 40px;
  height: 24px;
}
.amex.large {
  background: url("../image/payment/cards-sprite-large.png") -60px -5px;
  background-size: 200px 200px;
  width: 50px;
  height: 30px;
}
.amex.amex-svg {
  background: url("../image/payment/AMEX.svg") center no-repeat;
  width: 35px;
}
.amex.amex-footer-svg {
  background: url("../image/payment/AMEX.svg") center no-repeat;
  background-size: contain;
}

.maestro {
  background: url("../image/payment/cards-sprite.png") -5px -35px no-repeat;
  background-size: 150px 150px;
  width: 40px;
  height: 24px;
}
.maestro.large {
  background: url("../image/payment/cards-sprite-large.png") -5px -40px;
  background-size: 200px 200px;
  width: 50px;
  height: 30px;
}
.maestro.maestro-svg {
  background: url("../image/payment/Maestro.svg") center no-repeat;
  width: 40px;
}
.maestro.maestro-footer-svg {
  background: url("../image/payment/Maestro.svg") center no-repeat;
  background-size: contain;
}

.visa {
  background: url("../image/payment/cards-sprite.png") -5px -5px no-repeat;
  background-size: 150px 150px;
  width: 40px;
  height: 24px;
}
.visa.large {
  background: url("../image/payment/cards-sprite-large.png") -5px -5px;
  background-size: 200px 200px;
  width: 50px;
  height: 30px;
}
.visa.visa-svg {
  background: url("../image/payment/Visa.svg") center no-repeat;
  width: 54px;
}
.visa.visa-footer-svg {
  background: url("../image/payment/Visa.svg") center no-repeat;
  background-size: contain;
}

.master {
  background: url("../image/payment/cards-sprite.png") -95px -5px no-repeat;
  background-size: 150px 150px;
  width: 40px;
  height: 24px;
}
.master.large {
  background: url("../image/payment/cards-sprite-large.png") -115px -5px;
  background-size: 200px 200px;
  width: 50px;
  height: 30px;
}
.master.master-svg {
  background: url("../image/payment/Mastercard.svg") center no-repeat;
  width: 40px;
}
.master.master-footer-svg {
  background: url("../image/payment/Mastercard.svg") center no-repeat;
  background-size: contain;
}

.diners {
  background: url("../image/payment/cards-sprite.png") -50px -35px no-repeat;
  background-size: 150px 150px;
  width: 40px;
  height: 24px;
}
.diners.large {
  background: url("../image/payment/cards-sprite-large.png") -60px -40px;
  background-size: 200px 200px;
  width: 50px;
  height: 30px;
}
.diners.diners {
  background: url("../image/payment/Dinor.svg") center no-repeat;
  width: 25px;
}

.paypal {
  background: url("../image/payment/cards-sprite.png") -95px -35px no-repeat;
  background-size: 150px 150px;
  width: 50px;
  height: 24px;
}
.paypal.large {
  background: url("../image/payment/cards-sprite-large.png") -115px -40px;
  background-size: 200px 200px;
  width: 50px;
  height: 30px;
}
.paypal.paypal-svg {
  background: url("../image/payment/Paypal.svg") center no-repeat;
  background-size: contain;
}
.paypal.paypal-footer-svg {
  background: url("../image/payment/Footer-paypal.svg") center no-repeat;
  width: 25px;
}

.mastercard-securecode {
  background: url("../image/payment/cards-sprite.png") -55px -5px no-repeat;
  background-size: 148px 95px;
  width: 44px;
  height: 16px;
}
.mastercard-securecode.large {
  background: url("../image/payment/cards-sprite-large.png") -5px -126px;
  background-size: 181px 153px;
  width: 60px;
  height: 22px;
}

.verified-by-visa {
  background: url("../image/payment/cards-sprite.png") -5px -5px no-repeat;
  background-size: 148px 95px;
  width: 40px;
  height: 23px;
}
.verified-by-visa.large {
  background: url("../image/payment/cards-sprite-large.png") -5px -5px;
  background-size: 181px 153px;
  width: 55px;
  height: 31px;
}

.giftcard, .storecard {
  background: url("../image/payment/new-look.png");
  background-size: contain;
  width: 34px;
  height: 21px;
  display: inline-block;
}
.giftcard.large, .storecard.large {
  background: url("../image/payment/large/store-card.png");
  background-size: contain;
  width: 48px;
  height: 30px;
}
.giftcard.storecard-svg, .storecard.storecard-svg {
  background: url("../image/payment/large/NL-card.svg") center no-repeat;
  background-size: contain;
}

.ikano {
  background: url("../image/payment/cards-sprite.png") -5px -65px no-repeat;
  background-size: 150px 150px;
  width: 40px;
  height: 24px;
}
.ikano.large {
  background: url("../image/payment/cards-sprite-large.png") -5px -75px;
  background-size: 200px 200px;
  width: 50px;
  height: 30px;
}
.ikano.ikano-svg {
  background: url("../image/payment/NL-card.svg") center no-repeat;
  background-size: 50px 24px;
}
.ikano.ikano-footer-svg {
  background: url("../image/payment/NL-card.svg") center no-repeat;
  background-size: 80px 24px;
  width: 80px;
  height: 24px;
}

.klarna {
  background: url("../image/payment/cards-sprite.png") -50px -65px no-repeat;
  background-size: 150px 150px;
  width: 46px;
  height: 25px;
}
.klarna.large {
  background: url("../image/payment/cards-sprite-large.png") -60px -75px;
  background-size: 200px 200px;
  width: 51px;
  height: 30px;
}
.klarna.klarna-svg {
  background: url("../image/payment/Footer-klarna.svg") center no-repeat;
  background-size: contain;
}
.klarna.klarna-footer-svg {
  background: url("../image/payment/Footer-klarna.svg") center no-repeat;
}

.gpay {
  background: url("../image/payment/cards-sprite.png") -50px -65px no-repeat;
  background-size: 150px 150px;
  width: 47px;
  height: 20px;
  margin: 3px 2px;
}
.gpay.gpay-svg {
  background: url("../image/payment/gpay.svg") center no-repeat;
  background-size: contain;
}
.gpay.gpay-footer-svg {
  background: url("../image/payment/gpay.svg") center no-repeat;
  background-size: contain;
}

.apple {
  background: url("../image/payment/cards-sprite.png") -50px -65px no-repeat;
  background-size: 150px 150px;
  width: 45px;
  height: 20px;
  margin: 3px 2px;
}
.apple.apple-svg {
  background: url("../image/payment/applePay.svg") center no-repeat;
  background-size: contain;
}
.apple.apple-footer-svg {
  background: url("../image/payment/applePay.svg") center no-repeat;
  background-size: contain;
}

.store {
  background: url("../image/payment/cards-sprite.png") -50px -65px no-repeat;
  background-size: 150px 150px;
  width: 50px;
  height: 28px;
}
.store.store-svg {
  background: url("../image/payment/New Look.svg") center no-repeat;
  background-size: contain;
}
.store.store-footer-svg {
  background: url("../image/payment/New Look.svg") center no-repeat;
  background-size: contain;
}

.separator {
  margin: 0 auto 28px;
  border-width: 0;
  background-color: #000;
  width: 40px;
  height: 1px;
}

.nl-select {
  position: relative;
  z-index: 999;
  border: 1px solid #ddd;
  border-radius: 0;
  background-color: #f8f8f8;
  cursor: default;
  padding: 10px;
  height: 38px;
  font-size: 14px;
  font-weight: 100;
}
.nl-select--white {
  background-color: #fff;
}
.nl-select--white .nl-select__choice--default {
  color: #3c3c3c;
  font-weight: 400;
}
.nl-select--sm {
  max-width: 240px;
}
.nl-select--sm > .nl-select__choice {
  background-position: 95% 50%;
}
.nl-select--active {
  position: relative;
  z-index: 10000;
  outline: none;
  border-color: #000;
}
.nl-select--open {
  z-index: 200;
  background: #fff;
}
.nl-select--open > .nl-select__choice {
  background-position: 0% 1em;
  color: #c6c6c6;
}
.nl-select__icon-close {
  float: right;
}
.nl-select--disabled {
  color: #c6c6c6;
}

.nl-select__row-inner {
  padding: 0 10px;
}

.nl-select__chevron::after, .nl-select__chevron::before {
  top: 6px;
  background-color: #3c3c3c;
  height: 3px;
}

.nl-select__choice {
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  display: block;
  cursor: default;
  width: 100%;
  vertical-align: middle;
  text-decoration: none;
  line-height: normal;
}
.nl-select__choice:active, .nl-select__choice:hover {
  text-decoration: none;
  color: inherit;
}
.nl-select__choice--default {
  color: #c6c6c6;
}
.nl-select__choice--chosen {
  color: #3c3c3c;
}

.nl-select-toggle {
  float: right;
}

.nl-select__choices {
  margin: 0 0 1em;
}
.nl-select__choices:hover > .nl-select__item--disabled:hover {
  background-color: inherit;
  color: #c6c6c6;
}

.nl-select__item {
  margin: 0;
  line-height: 31px;
}
.nl-select__item + .nl-select__item {
  margin-top: 0;
}
.nl-select__item--search-enabled {
  margin: 0 10px;
}
.nl-select__item:hover, .nl-select__item--highlighted {
  background: #000;
  color: #fff;
}

.nl-select__group {
  margin: 0 0 10px;
}

.nl-select__dropdown {
  position: absolute;
  top: 36px;
  left: -1px;
  z-index: 10000;
  border: 1px solid #000;
  border-top: 0;
  background-color: #fff;
  width: 100%;
  box-sizing: content-box;
}
.nl-select__dropdown--hide {
  display: none;
}
.nl-select__dropdown > .nl-select__group {
  max-height: 240px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.nl-select__search-field {
  position: relative;
  padding: 10px;
  width: 100%;
}
.nl-select__search-field::after {
  display: block;
  position: absolute;
  top: 0;
  right: 18px;
  z-index: 99999;
  background: url("../image/icons/icon-search.svg") 50% 50% no-repeat;
  width: 20px;
  height: 100%;
  content: "";
  speak: none;
}

.nl-select__search {
  display: inline-block;
  outline: none;
  border: 1px solid #c6c6c6;
  border-radius: 0;
  padding: 8px 32px 8px 8px;
  width: 100%;
}

.nl-select__item--disabled {
  color: #c6c6c6;
}
.nl-select__item--disabled.nl-select__item--highlighted, .nl-select__item--disabled:hover, .nl-select__item--disabled:active {
  background-color: inherit;
  color: #c6c6c6;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  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;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[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;
}

.popover {
  position: relative;
}

.main-navigation__action-item .popover {
  position: static;
}

.popover__content {
  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.18);
  -ms-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.18);
  -o-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.18);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.18);
  border-collapse: separate;
  display: none;
  position: absolute;
  top: 2.5em;
  z-index: 500;
  margin: 0;
  background-color: #fff;
  padding: 12px 14px;
  width: 10em;
  list-style: none;
}
.popover__content::after {
  position: absolute;
  top: -13px;
  left: 13px;
  background: transparent url("../image/element/popover-arrow.png") 0 0 no-repeat;
  width: 25px;
  height: 13px;
  content: "";
}
.popover__content--above {
  top: auto;
  bottom: 2.5em;
}
.popover__content--above::after {
  top: auto;
  bottom: -13px;
  background-image: url("../image/element/popover-arrow-downwards.png");
}
.popover__content--show {
  display: block;
}
.main-navigation__action-item .popover__content {
  z-index: 9998;
  max-height: 100%;
  overflow-y: auto;
}

.popover__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}
.popover__overlay::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -13px;
}

.popover-trigger {
  cursor: pointer;
}

@media (min-width: 1024px) {
  .popover {
    z-index: 100;
  }
  .main-navigation__action-item .popoover__content {
    z-index: auto;
  }
  a[popover-trigger] {
    z-index: 1;
  }
}
.info-area--white .info-area__title, .search__headline, .store-search__header {
  float: left;
  padding: 1.25vw;
  width: 100%;
  float: none;
  margin: 0;
  padding: 1em 1.25vw 0.5em;
  text-align: center;
  letter-spacing: 0.3px;
  color: #000;
  font-size: 18px;
  font-weight: 100;
  line-height: 21px;
}
@media (min-width: 1024px) {
  .info-area--white .info-area__title, .search__headline, .store-search__header {
    margin: 0;
    padding: 0;
    width: auto;
    text-align: left;
    color: #000;
    font-size: 24px;
    line-height: 28px;
  }
}
.search__headline, .store-search__header {
  position: relative;
}
.search__headline::before, .store-search__header::before, .search__headline::after, .store-search__header::after {
  position: absolute;
  bottom: 0;
  background: #3c3c3c;
  width: 15px;
  height: 1px;
  content: "";
}
.search__headline::before, .store-search__header::before {
  left: 50%;
}
.search__headline::after, .store-search__header::after {
  right: 50%;
}
@media (min-width: 1024px) {
  .search__headline, .store-search__header {
    text-align: center;
    line-height: 28px;
  }
}

.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}

.carousel-component {
  margin: 0 auto;
  max-width: 1200px;
}
.carousel-component::before, .carousel-component::after {
  display: table; /* 2 */
  content: " "; /* 1 */
}
.carousel-component::after {
  clear: both;
}
@media (min-width: 1600px) {
  .carousel-component {
    max-width: 1400px;
  }
}
.carousel-component--added {
  margin: 21px 0 -21px;
}

.yCmsContentSlot > .carousel-component--buy {
  padding-top: 33px;
}

.carousel-component__title {
  border-bottom: 1px solid #e8e8e8;
  padding: 0 0 14px;
  font-size: 18px;
  font-weight: 100;
}
.carousel-component__title--email-notfication {
  position: relative;
  border-width: 0;
}
.carousel-component__title--email-notfication::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 1px solid #3c3c3c;
  width: 32px;
  content: "";
}
.carousel-component__title--grid {
  border-bottom-width: 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
}
.carousel-component__title--GT {
  font-family: "GT Walsheim", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  font-size: 20px;
}
.carousel-component__title--pdp-font {
  font-size: 18px;
  font-weight: 400 !important;
}
.carousel-component__description {
  text-align: center;
}
.carousel-component__container {
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
}
.carousel-component__container::before, .carousel-component__container::after {
  display: table; /* 2 */
  content: " "; /* 1 */
}
.carousel-component__container::after {
  clear: both;
}
@media (min-width: 1600px) {
  .carousel-component__container {
    max-width: 1400px;
  }
}
.carousel-component__container .slick-list {
  margin: 0 20px;
  overflow: hidden;
}
.carousel-component__container .slick-nav-button {
  height: 101px;
}
.carousel-component__container .slick-nav-button .slick-next,
.carousel-component__container .slick-nav-button .slick-prev {
  top: 0;
}
.carousel-component__item {
  display: inline-flex;
  flex-direction: column;
  padding: 7px 1.25vw;
  width: auto;
  text-align: center;
  color: #3c3c3c;
  font-size: 12px;
  font-weight: 600;
}
.carousel-component__item-wrapper--buy {
  background-color: #fff;
}
.carousel-component__item-wrapper--buy .button {
  width: 100%;
  min-width: 0;
}
.carousel-component__item-wrapper--buy .product-sizes__one-size {
  clear: both;
  margin: 8px 0;
  padding: 8px 0 8px 8px;
  width: 100%;
  vertical-align: middle;
  line-height: 24px;
}
.carousel-component__item--buy {
  width: 100%;
  padding: 40px 0 0;
  vertical-align: top;
}
.carousel-component__item--buy:first-child {
  padding-top: 22px;
}
.carousel-component__details-name {
  display: none;
}
.carousel-component__wrapper--grid {
  margin: 0 0 0 -1.25vw;
}
.carousel-component__container--grid > .carousel-component__item {
  float: left;
  padding: 1.25vw;
  width: 50%;
  padding-right: 0;
}
.carousel-component__container--grid > .carousel-component__item:nth-child(odd) {
  clear: both;
}
.carousel-component__container--grid > .carousel-component__item--buy {
  float: none;
  margin: 40px 0 0;
  padding: 0;
  width: 100%;
}
.carousel-component__container--recommended > .carousel-component__item {
  float: left;
  padding: 1.25vw;
  width: 33.3333333333%;
}
.carousel-component__container--recommended > .carousel-component__item:nth-child(3n+1) {
  clear: both;
  padding-left: 0;
}
.carousel-component__container--recommended > .carousel-component__item:nth-child(3n+3) {
  padding-right: 0;
}
.carousel-component__price {
  margin-top: 4px;
}
.carousel-component__price--perfect-partner {
  text-align: left;
  font-size: 14px;
}
.carousel-component__details--perfect-partner {
  text-align: left;
}
.carousel-component__details--perfect-partner .product-item__promo-image {
  display: inline;
  width: auto;
}
.carousel-component__details--perfect-partner .product-item__details {
  font-size: 14px;
}
.carousel-component__details--perfect-partner .carousel-component__details-name {
  display: inline;
  float: left;
  text-align: left;
  color: #767676;
  font-weight: 100;
}
.carousel-component__details--perfect-partner .price {
  font-size: 14px;
}
.carousel-component__details--perfect-partner .price.product-item__price--previous-price {
  font-size: 12px;
}
.carousel-component__details--perfect-partner .product-item__price {
  margin-top: 14px;
}
.carousel-component__details--buy {
  width: calc(100% - 36px);
}
.carousel-component__details--buy .product-item__price {
  margin-top: 8px;
  margin-bottom: 0;
}
.carousel-component__details--buy .product-item__details {
  display: block;
  max-width: initial;
}
.carousel-component-details__wrapper {
  position: relative;
}
.carousel-component-details__wrapper .product-item__saveditem-icon {
  position: absolute;
  top: -7px;
  right: 0;
}
.carousel-component-details__wrapper--buy {
  float: left;
  padding: 0 0 16px 16px;
  width: calc(100% - 120px);
}
.carousel-component__details-name--perfect-partner {
  display: inline;
  padding: 7px 0 0;
  height: 3.2em;
  text-align: left;
  color: #767676;
  font-size: 14px;
  font-weight: 100;
  overflow-y: hidden;
}
.carousel-component__promo {
  display: block;
  padding: 7px 0 0;
  text-decoration: underline;
  color: #36a9e1;
}
.carousel-component__promo--hidden {
  display: none;
}
.carousel-component__details-link {
  display: none;
  padding: 7px 0 0;
  text-transform: uppercase;
  text-decoration: none;
}
.carousel-component__details-link--hidden {
  display: none;
}
.carousel-component__img {
  display: flex;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 100%;
  object-fit: contain;
}
.carousel-component__img:first-child {
  padding-left: 0;
}
.carousel-component__img:last-child {
  padding-right: 0;
}
.carousel-component__item--container {
  padding: 21px 0 0;
}
.carousel-component__link {
  display: block;
}
.carousel-component__link--perfect-partner {
  text-decoration: none;
}
.carousel-component__link--buy {
  width: 100%;
  text-decoration: none;
}
.carousel-component__image-link {
  display: block;
}
.carousel-component__image-link--perfect-partner {
  display: block;
}
.carousel-component__image-link--buy {
  float: left;
  margin-bottom: 16px;
  width: 120px;
}
.carousel-component__buttons {
  margin: 21px 0;
  text-align: center;
}
.carousel-component__wrapper--perfect-partner .bag-item__prod-promo {
  text-decoration: underline;
  font-size: 14px;
}
.carousel-component__wrapper--perfect-partner .carousel-component__container {
  margin: 0 -1.25vw;
  width: calc(100% - -2.5vw);
}
.carousel-component__wrapper--perfect-partner .carousel-component__item {
  padding: 7px 1.25vw;
}
.carousel-component__wrapper--perfect-partner .product-item__promo-image {
  display: inline;
}
.carousel-component__wrapper--perfect-partner .swatches {
  margin-top: 21px;
}
.carousel-component .promo-message {
  margin-bottom: 8px;
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.carousel-component .product-details__added-to-bag {
  margin: 8px 0 0;
  padding: 0;
  font-size: 14px;
  font-weight: 100;
}
.carousel-component .product-details--warning-text {
  text-align: left;
}
.carousel-component .new_font_GT {
  font-family: "GT Walsheim", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
}

.carousel-component .carousel-component .carousel-component__price {
  display: block;
  padding: 7px 0 0;
  font-size: 14px;
  font-weight: 600;
}

.product-sizes.product-sizes--buy {
  margin: 8px 0;
}

.shop-the-look {
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  display: inline-block;
  transform: translate(8px, -38px);
  padding: 0 8px;
  vertical-align: middle;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 24px;
  font-weight: 600;
}
.shop-the-look--new-font-pdp {
  font-family: "GT Walsheim", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  color: #1c1c1c !important;
}
.product-gallery--has-dots .shop-the-look {
  transform: translate(8px, -76px);
}

.product-gallery__container .shop-the-look {
  display: inline-block;
}

@media (min-width: 768px) {
  .shop-the-look {
    transform: translate(16px, -62px);
  }
  .product-gallery--has-dots .shop-the-look {
    transform: translate(16px, -100px);
  }
  .carousel-component__details--buy .product-item__details {
    display: block;
    max-width: calc(100% - 34px);
  }
  .carousel-component__image-link--buy {
    margin-bottom: 8px;
    width: 100%;
  }
  .carousel-component-details__wrapper--buy {
    padding: 0;
    width: 100%;
  }
  .carousel-component__item-wrapper--buy {
    padding: 16px;
  }
  .carousel-component__item-wrapper--buy .button {
    padding: 0 8px;
  }
  .carousel-component__item-wrapper--buy .product-sizes__one-size {
    margin-top: 0;
    padding: 8px 0;
  }
  .carousel-component__container--buy {
    width: calc(100% + 8px);
  }
  .carousel-component__details--buy {
    float: left;
    width: 100%;
  }
  .carousel-component__details--buy .product-item__price {
    margin-bottom: 16px;
  }
  .carousel-component__wrapper--perfect-partner .carousel-component__details--perfect-partner .carousel-component__details-name {
    float: none;
  }
  .carousel-component__container--grid > .carousel-component__item {
    width: 33.3333333333%;
    float: left;
    margin: 0;
    padding: 8px 1.25vw 1.25vw;
  }
  .carousel-component__container--grid > .carousel-component__item:nth-child(odd) {
    clear: none;
  }
  .carousel-component__container--grid > .carousel-component__item:nth-child(3n+1) {
    clear: both;
  }
  .carousel-component__container--grid > .carousel-component__item__item--buy {
    padding: 8px 8px 0 0;
  }
  .carousel-component__details-name {
    display: block;
  }
  .carousel-component__container--recommended > .carousel-component__item {
    width: 20%;
  }
  .carousel-component__container--recommended > .carousel-component__item:nth-child(3n+1) {
    clear: none;
    padding-left: 1.25vw;
  }
  .carousel-component__container--recommended > .carousel-component__item:nth-child(3n+3) {
    padding-right: 1.25vw;
  }
  .carousel-component__container--recommended > .carousel-component__item:nth-child(5n+1) {
    clear: both;
    padding-left: 0;
  }
  .carousel-component__container--recommended > .carousel-component__item:nth-child(5n+5) {
    padding-right: 0;
  }
  .carousel-component__container--recommended > .carousel-component__item--buy:nth-child(5n+5) {
    padding-right: 8px;
  }
  .carousel-component__container .slick-list {
    margin: 0;
  }
  .shop-the-look {
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    padding: 0 16px;
    line-height: 40px;
  }
}
@media (min-width: 1024px) {
  .yCmsContentSlot > .carousel-component--buy {
    padding-top: 0;
  }
  .is-touch .yCmsContentSlot > .carousel-component--buy {
    padding-top: 33px;
  }
  .carousel-component__wrapper {
    overflow-x: hidden;
  }
  .carousel-component__item--buy {
    width: 20%;
  }
  .carousel-component__item--buy:nth-child(3n+3) {
    padding-right: 8px;
  }
  .carousel-component__details--perfect-partner .carousel-component__details-name {
    float: none;
  }
  .carousel-component__wrapper--perfect-partner .carousel-component__container {
    padding: 0 30px;
  }
  .carousel-component__wrapper--perfect-partner .carousel-component__container .slick-list {
    margin: 0;
  }
  .carousel-component__wrapper--perfect-partner .slick-nav-button.slick-nav-next {
    right: 1.25vw;
  }
  .carousel-component__wrapper--perfect-partner .slick-nav-button.slick-nav-prev {
    left: 1.25vw;
  }
  .carousel-component__container--grid > .carousel-component__item {
    width: 25%;
  }
  .carousel-component__container--grid > .carousel-component__item:nth-child(3n+1) {
    clear: none;
  }
  .carousel-component__container--grid > .carousel-component__item:nth-child(4n+1) {
    clear: both;
  }
  .carousel-component__container--grid > .carousel-component__item--buy {
    width: 20%;
  }
  .carousel-component__container--grid > .carousel-component__item--buy:nth-child(4n+1) {
    clear: none;
  }
  .carousel-component__container--grid > .carousel-component__item--buy:nth-child(5n+1) {
    clear: both;
  }
  .carousel-component__container--recommended > .carousel-component__item {
    width: 14.2857142857%;
  }
  .carousel-component__container--recommended > .carousel-component__item:nth-child(5n+1) {
    clear: none;
    padding-left: 1.25vw;
  }
  .carousel-component__container--recommended > .carousel-component__item:nth-child(5n+5) {
    padding-right: 1.25vw;
  }
  .carousel-component__container--recommended > .carousel-component__item:nth-child(7n+1) {
    clear: both;
    padding-left: 0;
  }
  .carousel-component__container--recommended > .carousel-component__item:nth-child(7n+7) {
    padding-right: 0;
  }
  .carousel-component .carousel-component__details-link {
    display: block;
  }
  .product-sizes--buy {
    margin: 8px 0;
  }
}
.carousel-component--new {
  margin: 24px auto 24px;
  padding: 0 2.5vw 0;
}
@media (min-width: 768px) {
  .carousel-component--new {
    padding: 0 1.875vw 0;
  }
}
@media (min-width: 1024px) {
  .carousel-component--new {
    padding: 0 1.25vw 0;
  }
}
.carousel-component--new .carousel-component__wrapper {
  width: auto;
  overflow: visible;
}
.carousel-component--new .carousel-component__container {
  margin: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .carousel-component--new .carousel-component__container {
    padding: 0;
  }
}
.carousel-component--new .carousel-component__item {
  border: 1px solid #dddddd;
  padding: 0;
}
.carousel-component--new .carousel-component__item-wrap {
  position: relative;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.carousel-component--new .carousel-component__item-wrap:hover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}
.carousel-component--new .carousel-component__title {
  border: none;
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  margin: 0 0 8px;
  padding-bottom: 0;
  text-align: center;
  text-transform: capitalize;
}
@media (min-width: 1024px) {
  .carousel-component--new .carousel-component__title {
    font-size: 32px;
    line-height: 40px;
  }
}
.carousel-component--new .carousel-component__title--left {
  border-bottom: 1px #e8e8e8 solid;
  font-size: 18px;
  font-weight: 100;
  text-align: left;
  line-height: 27px;
  padding-bottom: 16px;
}
.carousel-component--new .carousel-component__image-link {
  display: flex;
  flex-grow: 0;
  align-items: flex-start;
}
.carousel-component--new .carousel-component__buttons {
  margin: 0;
}
.carousel-component--new .carousel-component-details {
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  flex-grow: 1;
  height: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}
.carousel-component--new .carousel-component-details__product-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.carousel-component--new .carousel-component-details__name {
  color: #3c3c3c;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 42px;
}
.carousel-component--new .carousel-component-details__price {
  font-weight: 600;
  margin: 8px 0 0;
}
.carousel-component--new .carousel-component-details__price .price--previous-price {
  font-weight: 400;
  color: #3c3c3c;
  margin-left: 6px;
}
.carousel-component--new .carousel-component-details__quick-buy {
  font-size: 16px;
  font-weight: 600;
}
.carousel-component--new .carousel-component-details__select {
  margin-top: 8px;
  font-weight: 600;
}
.carousel-component--new .carousel-component-details__one-size {
  padding: 7px 0;
  margin: 8px 0 0;
}
.carousel-component--new .carousel-component-details__bag-wrap {
  position: relative;
}
.carousel-component--new .carousel-component-details__bag-button {
  width: 100%;
  min-width: 0;
  margin-top: 9px;
  z-index: 2;
  opacity: 1;
  transition: opacity 0.5s;
  padding: 0 15px;
}
.carousel-component--new .carousel-component-details__bag-button--hidden {
  opacity: 0;
}
.carousel-component--new .carousel-component-details__message {
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  margin: 8px 0 0;
  position: absolute;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
}
.carousel-component--new .carousel-component-details__message--show {
  opacity: 1;
}
.carousel-component--new .carousel-component-quick-buy__one-size {
  text-align: left;
  font-weight: 600;
}
.carousel-component--new .product-item__saveditem-icon {
  padding: 0;
}
.carousel-component--new .product-item__saveditem-icon--hover.iconf--saved-items-icon:hover {
  color: #3723f7;
}
@media (hover: none) {
  .carousel-component--new .product-item__saveditem-icon--hover.iconf--saved-items-icon:hover {
    color: #3c3c3c;
  }
}
.carousel-component--new .product-item__saveditem {
  position: absolute;
  cursor: pointer;
  top: 4px;
  left: 4px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.carousel-component--new .product-item__saveditem--selected {
  color: #3723f7;
}

.content .carousel-component--new {
  margin: 24px 0 24px;
  padding: 0;
}
@media (min-width: 768px) {
  .content .carousel-component--new {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .content .carousel-component--new {
    padding: 0;
  }
}

.accordion {
  border-bottom: 1px solid #ddd;
}

.accordion-item {
  border-top: 1px solid #ddd;
}
.accordion-item--menu {
  border-top: 0 none;
}

.accordion-item__title-bar {
  -moz-transition: color 0.35s ease;
  -ms-transition: color 0.35s ease;
  -o-transition: color 0.35s ease;
  -webkit-transition: color 0.35s ease;
  transition: color 0.35s ease;
  position: relative;
  cursor: pointer;
  padding: 14px 14px 14px 0;
  color: #767676;
}
.accordion-item__title-bar a {
  text-decoration: none;
  color: #767676;
  font-weight: 400;
}
.accordion-item__title-bar:hover {
  color: #000;
}
.accordion-item__title-bar:hover .accordion-item__indicator::before, .accordion-item__title-bar:hover .accordion-item__indicator::after {
  background-color: #000;
}
.accordion-item__title-bar--theme-1, .accordion-item__title-bar--theme-1:hover {
  background-color: #000;
  color: #fff;
}
.accordion-item__title-bar--theme-1 .accordion-item__indicator::before, .accordion-item__title-bar--theme-1 .accordion-item__indicator::after, .accordion-item__title-bar--theme-1:hover .accordion-item__indicator::before, .accordion-item__title-bar--theme-1:hover .accordion-item__indicator::after {
  background-color: #fff;
}

.accordion-item__indicator {
  position: absolute;
  top: 12px;
  right: 1.25vw;
}

.accordion-item__title {
  margin-right: 12px;
  border: 0;
  background: none;
  padding: 0;
  text-align: left;
  text-decoration: none;
  font-weight: 100;
}

.active .accordion-item__title-bar {
  color: #000;
}
.active .accordion-item__title-bar .accordion-item__indicator::before, .active .accordion-item__title-bar .accordion-item__indicator::after {
  background-color: #000;
}
.active .accordion-item__title-bar--theme-1 {
  color: #fff;
}
.active .accordion-item__title-bar--theme-1 .accordion-item__indicator::before, .active .accordion-item__title-bar--theme-1 .accordion-item__indicator::after {
  background-color: #fff;
}

.accordion-item__content {
  display: none;
  max-height: 0;
  overflow: hidden;
}

.active > .accordion-item__content {
  display: block;
  max-height: 100%;
}

.accordion-item--menu {
  margin: 0 0 14px;
}
.accordion-item--menu .accordion-item__title {
  margin-left: 14px;
}
.accordion-item--menu .accordion-item__link-list {
  display: block;
  margin: 0;
  padding: 0 0 0 24px;
  list-style: none;
}
.accordion-item--menu .accordion-item__list-item {
  display: block;
  padding: 7px 0;
}
.accordion-item--menu .accordion-item__indicator {
  right: 0;
}
.accordion-item--menu a {
  text-decoration: none;
}

@media (min-width: 1024px) {
  .accordion-item__title-bar.accordion-item__title-bar--theme-1 {
    display: none;
  }
  .accordion-item--menu .accordion-item__title {
    margin-left: 0;
  }
  .accordion-item--menu .accordion-item__link-list {
    padding: 0 0 0 10px;
  }
  .accordion-item__title-bar--mobile {
    display: none;
  }
  .accordion-item__content--mobile {
    display: block;
    max-height: 100%;
  }
}
.accordion-item.left-hand-nav-wrapper {
  border: 0;
}
.accordion-item.left-hand-nav-wrapper > .accordion-item__title-bar {
  background: #3c3c3c;
  padding: 14px 28px 14px 2.5vw;
}
.accordion-item.left-hand-nav-wrapper > .accordion-item__title-bar .accordion-item__title {
  color: #fff;
  font-weight: 600;
}
.accordion-item.left-hand-nav-wrapper > .accordion-item__title-bar .accordion-item__title--desktop-title {
  display: none;
}
.accordion-item.left-hand-nav-wrapper > .accordion-item__title-bar .icon--show::after,
.accordion-item.left-hand-nav-wrapper > .accordion-item__title-bar .icon--show::before {
  background: #fff;
}
.accordion-item.left-hand-nav-wrapper .accordion-item__link-list {
  margin: -14px 0 14px 3.125vw;
  padding: 0;
  list-style: none;
}
.accordion-item.left-hand-nav-wrapper .accordion-item__list-item {
  margin: 28px 0;
}
.accordion-item.left-hand-nav-wrapper .accordion-item__list-item > a {
  text-decoration: none;
  color: #767676;
  font-weight: 400;
}
.accordion-item.left-hand-nav-wrapper .link, .accordion-item.left-hand-nav-wrapper .pudo-selection__link {
  text-decoration: none;
}
.accordion-item.left-hand-nav-wrapper.active > .accordion-item__title-bar {
  padding: 14px 28px 14px 2.5vw;
}
.accordion-item.left-hand-nav-wrapper.active > .accordion-item__title-bar .accordion-item__title {
  color: #fff;
  font-weight: 600;
}
.accordion-item.left-hand-nav-wrapper.active > .accordion-item__title-bar .icon--show::after,
.accordion-item.left-hand-nav-wrapper.active > .accordion-item__title-bar .icon--show::before {
  background: #fff;
}

.left-hand-nav__first-tier .accordion-item__title-bar {
  padding: 14px 1.25vw;
}
.left-hand-nav__first-tier .accordion-item__title {
  font-weight: 100;
}
.left-hand-nav__first-tier .active .accordion-item__title-bar {
  padding: 14px 28px 14px 1.25vw;
}

@media (min-width: 1024px) {
  .accordion-item.left-hand-nav-wrapper > .accordion-item__title-bar {
    background: #fff;
    cursor: default;
    padding: 14px 1.25vw 14px 0;
  }
  .accordion-item.left-hand-nav-wrapper > .accordion-item__title-bar .accordion-item__title {
    color: #000;
  }
  .accordion-item.left-hand-nav-wrapper > .accordion-item__content {
    display: block;
    max-height: 100%;
  }
  .accordion-item.left-hand-nav-wrapper .master-title {
    display: none;
  }
  .accordion-item.left-hand-nav-wrapper .accordion-item__list-item:nth-child(1) {
    margin: 14px 0 28px;
  }
  .accordion-item.left-hand-nav-wrapper .left-hand-nav__first-tier .accordion-item__title-bar {
    padding: 14px 28px 14px 0;
  }
  .accordion-item.left-hand-nav-wrapper .accordion-item__link-list {
    margin: 0 0 14px 10px;
    padding: 0;
    list-style: none;
  }
}
.search-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 1;
  background: rgba(255, 255, 255, 0.8);
  width: 0;
  height: 0;
}
.search-overlay--active {
  width: 100%;
  height: 100%;
}
.search-overlay--close {
  -moz-transition: opacity 0.4s linear;
  -ms-transition: opacity 0.4s linear;
  -o-transition: opacity 0.4s linear;
  -webkit-transition: opacity 0.4s linear;
  transition: opacity 0.4s linear;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.site-search {
  -moz-transform: translateY(25%);
  -ms-transform: translateY(25%);
  -o-transform: translateY(25%);
  -webkit-transform: translateY(25%);
  transform: translateY(25%);
  position: fixed;
  top: -30px;
  left: 0;
  opacity: 0;
  z-index: -1;
  background: #fff;
  width: 100%;
  height: 100vh;
  pointer-events: none;
}
.site-search--active {
  -moz-transition: all .3s .1s ease-in, opacity .25s linear;
  -ms-transition: all .3s .1s ease-in, opacity .25s linear;
  -o-transition: all .3s .1s ease-in, opacity .25s linear;
  -webkit-transition: all .3s .1s ease-in, opacity .25s linear;
  transition: all .3s .1s ease-in, opacity .25s linear;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  display: block;
  top: 0;
  opacity: 1;
  z-index: 9999;
  height: 100%;
  pointer-events: all;
}
.site-search--close {
  -moz-transition: all .3s ease-in, opacity .25s linear;
  -ms-transition: all .3s ease-in, opacity .25s linear;
  -o-transition: all .3s ease-in, opacity .25s linear;
  -webkit-transition: all .3s ease-in, opacity .25s linear;
  transition: all .3s ease-in, opacity .25s linear;
  -moz-transform: translateY(25%);
  -ms-transform: translateY(25%);
  -o-transform: translateY(25%);
  -webkit-transform: translateY(25%);
  transform: translateY(25%);
  display: block;
  opacity: 0;
  z-index: 9999;
}

.search-area {
  border-bottom: 1px solid #ddd;
  padding: 7px 100px 7px 7px;
}

.search-area__search-field {
  border: 0;
  padding: 7px;
  width: 100%;
}

.search-area__input-field {
  display: inline-block;
  outline: none;
  border-width: 0;
  padding: 6px 12px;
  width: 100%;
}

.search-area__controls {
  position: absolute;
  top: 12px;
  right: 0;
}

.search-area__search-trigger {
  color: #767676;
  font-size: 18px;
}

.search-area__cancel,
.search-area__search-trigger {
  display: inline-block;
  margin: 4px 14px 0 0;
  border: 0;
  background: 0;
  cursor: pointer;
  padding: 0;
}

.site-search__search-suggestions {
  position: relative;
  height: calc(100% - 58px);
  overflow-y: auto;
}

.site-search__subsuggestions {
  position: absolute;
  width: 100%;
  overflow-x: hidden;
}

.site-search__product-suggestions,
.site-search__word-suggestions,
.site-search__content-suggestions {
  margin: 0;
  padding: 14px;
  overflow: hidden;
  list-style: none;
}

.site-search__recents {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}

.site-search__product-suggestions::after,
.site-search__word-suggestions::after {
  display: block;
  border-bottom: 1px solid #ddd;
  width: 200%;
  content: "";
}

.site-search__product-suggestions:only-child {
  padding: 14px 14px 0 14px;
}
.site-search__product-suggestions:only-child .product-suggestions__product:nth-last-child(1) {
  margin-bottom: 0;
}
.site-search__product-suggestions:only-child::after {
  content: "";
  border-bottom: none;
}

.site-search__word-suggestions--recent::after {
  display: none;
}

.site-search__recent-title {
  font-weight: 400;
  color: #000;
  font-style: italic;
}

.site-search__recent-clear {
  float: right;
  display: inline;
  border-width: 0;
  background-color: #fff;
  text-decoration: underline;
  font-weight: 100;
  font-style: normal;
}

.word-suggestions__word {
  margin: 14px 0;
}

.product-suggestions__title,
.content-suggestions__title {
  margin: 0 0 14px;
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
}

.product-suggestions__product,
.content-suggestions__content {
  position: relative;
  margin: 0 0 14px;
  border-bottom: dotted 1px #ddd;
  padding: 14px 14px 28px 64px;
}
.product-suggestions__product:nth-last-child(1),
.content-suggestions__content:nth-last-child(1) {
  border: 0;
}

.product-suggestions__product-image,
.content-suggestions__content-image {
  position: absolute;
  top: 0;
  left: 0;
}

.content-suggestions__content--no-image {
  padding: 14px 14px 28px 0;
}

@media (min-width: 1024px) {
  .search-overlay {
    display: none;
  }
  .search-area__input-field {
    width: 250px;
  }
  .site-search {
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    display: block;
    position: static;
    float: right;
    opacity: 1;
    z-index: 1;
    margin: 0;
    border: solid 1px #ddd;
    background: #fff;
    padding: 1px;
    width: 300px;
    height: auto;
    pointer-events: all;
  }
  .site-search--active {
    position: relative;
    z-index: 9999;
  }
  .search-area__search-trigger {
    margin-top: 0;
  }
  .search-area__search-field {
    padding: 0;
    width: 100%;
  }
  .search-area {
    position: relative;
    border: 0;
    padding: 0;
  }
  .search-area__controls {
    top: 2px;
  }
  .search-area__cancel {
    display: none;
  }
  .site-search__search-suggestions {
    display: none;
    position: absolute;
    right: -1px;
    left: -1px;
    z-index: 9999;
    border: 1px solid #ddd;
    border-top: 0;
    background: #fff;
    height: auto;
    overflow: hidden;
  }
  .site-search__subsuggestions {
    position: relative;
    left: -1px;
    border: 1px solid #ddd;
    border-top: 0;
    background: #fff;
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: content-box;
  }
  .site-search--active .site-search__search-suggestions {
    display: block;
  }
  .site-search__word-suggestions {
    padding-top: 0;
  }
  .site-search__word-suggestions li:nth-child(1) {
    margin-top: 7px;
  }
  .site-search__word-suggestions li:last-child {
    margin-bottom: 0;
  }
}
.editorial-component {
  padding: 7px 0 28px;
  overflow: hidden;
}

.editorial__header {
  text-align: center;
}

.editorial__optional-title {
  margin-bottom: 0;
  font-family: "Gibson", "Helvetica", "Arial", sans-serif;
  font-size: 28px;
  font-weight: 600;
}

.editorial__optional-description {
  margin: 7px 0;
  color: #3c3c3c;
  font-family: "Gibson", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 100;
}

.editorial-item {
  float: left;
  margin: 28px 0 42px;
  padding: 0;
  width: 100%;
  text-align: center;
}

.editorial-item__main-image {
  width: 100%;
}
.editorial-item__main-image--tablet {
  display: none;
}

.editorial-item__title {
  color: #3c3c3c;
  font-family: "Gibson", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 100;
}
.editorial-item__title--underline {
  border-bottom: 1px solid #3c3c3c;
  padding: 0 0 3px;
}
.editorial-item__title--underline a {
  text-decoration: none;
}

.editorial-item__description {
  padding-top: 7px;
  color: #3c3c3c;
  font-family: "Gibson", "Helvetica", "Arial", sans-serif;
  font-size: 13px;
  font-weight: 100;
}

.editorial-item__link-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.editorial-item__link-list-item, .editorial-item__link-list-item--title {
  display: inline-block;
  margin: 0 8px;
  text-decoration: none;
}

.editorial-item__link-list-item--title {
  color: #999;
}
.editorial-item__link-list-item--title a {
  text-decoration: none;
  color: #999;
}

@media (min-width: 768px) {
  .editorial-component {
    width: calc(100% + 2.5vw);
    margin-left: -1.25vw;
  }
  .editorial-item {
    padding: 0 1.25vw;
  }
  .editorial-item__main-image {
    width: 100%;
  }
  .editorial-item__main-image--mobile {
    display: none;
  }
  .editorial-item__main-image--tablet {
    display: block;
  }
  .editorial-component--two-items .editorial-item {
    width: 50%;
  }
  .editorial-component--three-items .editorial-item {
    width: 33.3%;
  }
  .editorial-component--four-items .editorial-item {
    width: 25%;
  }
}
.swatches {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

.swatches__swatch-container {
  display: inline-block;
  margin: 7px 14px 7px 0;
  line-height: 0;
}

.swatches__swatch {
  display: inline-block;
  position: relative;
  background: #e8e8e8;
  padding: 1px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  line-height: 0;
}
.swatches__swatch:hover {
  overflow: visible;
}
.swatches__swatch--active {
  border: solid 2px #3c3c3c;
}
.swatches__swatch .swatch__tooltip {
  -moz-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  display: none;
  top: -15px;
  left: 50%;
  margin: 0;
  white-space: nowrap;
}

.swatch__link:hover + .swatch__tooltip {
  display: block;
  opacity: 1;
}

.swatch__link {
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 26px;
  height: 26px;
}

.swatches__swatch--active .swatch__link {
  top: 1px;
  left: 1px;
}

.swatches__swatch--out-of-stock::before {
  -moz-transform-origin: 0;
  -ms-transform-origin: 0;
  -o-transform-origin: 0;
  -webkit-transform-origin: 0;
  transform-origin: 0;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.4);
  -ms-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.4);
  -o-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 3px;
  left: 4px;
  z-index: 1;
  background: #000;
  width: 36px;
  height: 1px;
  content: "";
}
.swatches__swatch--out-of-stock::after {
  -moz-transform-origin: 0;
  -ms-transform-origin: 0;
  -o-transform-origin: 0;
  -webkit-transform-origin: 0;
  transform-origin: 0;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -moz-box-shadow: 1px -1px 0 0 rgba(255, 255, 255, 0.4);
  -ms-box-shadow: 1px -1px 0 0 rgba(255, 255, 255, 0.4);
  -o-box-shadow: 1px -1px 0 0 rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 1px -1px 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: 1px -1px 0 0 rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 4px;
  left: 29px;
  background: #000;
  width: 36px;
  height: 1px;
  content: "";
}

.swatches__swatch--active.swatches__swatch--out-of-stock::before {
  top: 1px;
  left: 2px;
}
.swatches__swatch--active.swatches__swatch--out-of-stock::after {
  top: 2px;
  left: 27px;
}

.page-footer {
  position: relative;
  z-index: 99;
  border-top: 1px solid #ddd;
  background: #f8f8f8;
}

.page-footer__main {
  padding: 20px 0 0;
  font-size: 14px;
}

.page-footer__sign-up-content {
  display: block;
  margin: 0 auto;
}

.page-footer__sign-up-heading {
  margin: 0;
  letter-spacing: 0.5px;
  color: #000;
  font-family: "Gibson", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
}

.page-footer__sign-up-email-wrapper {
  position: relative;
  margin: 2% 0 1%;
  padding-right: 0;
  padding-bottom: 10px;
}

.page-footer__sign-up-email {
  background: #fff;
  padding: 10px;
  width: 100%;
  vertical-align: middle;
  line-height: 21px;
  letter-spacing: 0.3px;
  font-size: 16px;
  font-weight: 100;
}

.page-footer__sign-up-info {
  margin: 0;
  padding-top: 7px;
  padding-bottom: 5px;
  font-size: 14px;
}

.page-footer__sign-up-buttons {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
.page-footer__sign-up-buttons::before, .page-footer__sign-up-buttons::after {
  display: table; /* 2 */
  content: " "; /* 1 */
}
.page-footer__sign-up-buttons::after {
  clear: both;
}
@media (min-width: 1600px) {
  .page-footer__sign-up-buttons {
    max-width: 1400px;
  }
}

.page-footer__sign-up-button {
  line-height: 43px;
  height: 43px;
  letter-spacing: 1.5px;
  min-width: 0;
}

.page-footer__social-media {
  padding: 20px 0;
  line-height: 1;
}

.page-footer__social-media-info {
  display: none;
  margin: 15px 0;
  color: #767676;
  font-size: 13px;
  font-weight: 400;
}

.page-footer__social-media-heading {
  display: inline-block;
  margin: 0 15px 0 0;
  vertical-align: middle;
  line-height: 1;
  color: #000;
  font-family: "Gibson", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-size: 18px;
}

.page-footer__social-media-icons {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
}

.page-footer__social-media-item {
  display: inline-block;
  margin-right: 12px;
}

.page-footer__social-media-icon {
  display: inline-block;
  transition: opacity 0.3s;
  opacity: 1;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  line-height: 1;
}
.page-footer__social-media-icon:hover {
  opacity: 0.7;
}
.page-footer__social-media-icon--facebook {
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
  background-image: url("../image/social-sprite-footer.png");
  background-repeat: no-repeat;
  background-position: 0 -21px;
}
.page-footer__social-media-icon--instagram {
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
  background-image: url("../image/social-sprite-footer.png");
  background-repeat: no-repeat;
  background-position: -28px -21px;
}
.page-footer__social-media-icon--google-plus {
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
  background-image: url("../image/social-sprite-footer.png");
  background-repeat: no-repeat;
  background-position: -55px -21px;
}
.page-footer__social-media-icon--pinterest {
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
  background-image: url("../image/social-sprite-footer.png");
  background-repeat: no-repeat;
  background-position: -85px -21px;
}
.page-footer__social-media-icon--twitter {
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
  background-image: url("../image/social-sprite-footer.png");
  background-repeat: no-repeat;
  background-position: -113px -21px;
}
.page-footer__social-media-icon--youtube {
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
  background-image: url("../image/social-sprite-footer.png");
  background-repeat: no-repeat;
  background-position: -139px -21px;
  width: 38px;
}

.page-footer__twitter-widget {
  margin: 15px 0 10px;
}

.page-footer__primary-nav {
  border-bottom: 1px solid #ddd;
}

.page-footer__primary-nav-section {
  border-top: 1px solid #ddd;
}
.page-footer__primary-nav-section.active .page-footer__primary-nav-title {
  color: #000;
}

.page-footer__primary-nav-menu {
  display: none;
  transition: max-height 0.2s ease;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}
.page-footer__primary-nav-menu.active {
  display: block;
}

.page-footer__primary-nav-item {
  padding: 5px 0 15px;
}
.page-footer__primary-nav-item > a {
  text-decoration: none;
}

.page-footer__language {
  margin: 0;
  background: #f8f8f8;
  padding: 25px 0;
}

.page-footer__language-content {
  margin: 0;
}

.page-footer__flag {
  margin-right: 8px;
}

.page-footer__bottom {
  background: #ececec;
  padding: 20px 0 25px;
  color: #999;
  font-size: 12px;
}

.page-footer__secondary-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}

.page-footer__secondary-nav-item {
  display: inline-block;
  margin: 0.25em 0 0.25em 7px;
  border-left: 1px solid #767676;
  padding-left: 7px;
  line-height: 1em;
  font-size: 12px;
}
.page-footer__secondary-nav-item--secondary > a, .page-footer__secondary-nav-item--secondary > span {
  transition: color 0.2s ease;
  vertical-align: middle;
  text-decoration: none;
  color: #767676;
  font-size: 12px;
}
.page-footer__secondary-nav-item--secondary > a:hover {
  color: #999;
}
.page-footer__secondary-nav-item:first-child {
  margin-left: 0;
  border-left: 0;
  padding-left: 0;
}
.page-footer__secondary-nav-item:last-child {
  display: block;
  margin-left: 0;
  border-left: 0;
  padding-left: 0;
}

.page-footer__secondary-nav-link {
  transition: color 0.2s ease;
  vertical-align: middle;
  text-decoration: none;
  color: #767676;
  font-size: 12px;
}
.page-footer__secondary-nav-link:hover {
  color: #999;
}

.page-footer__payment {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.page-footer__payment--checkout {
  border-top: 1px solid #ddd;
  padding: 30px 15px 10px;
}

.page-footer__payment-item {
  display: inline-block;
  margin: 0 4px 13px;
  vertical-align: middle;
}
.page-footer__payment-item:first-child {
  margin-left: 0;
}
@media (max-width: 768px) {
  .page-footer__payment-item:first-child {
    margin-left: 4px;
  }
}

.page-footer__featured-celebrities-info {
  margin: 0;
  padding-bottom: 0.5em;
}

.page-footer__copyright {
  margin: 10px 0 0;
  color: #767676;
}

.page-footer__primary-nav-title {
  display: block;
  position: relative;
  transition: color 0.2s ease;
  z-index: 10;
  margin: 0;
  cursor: default;
  padding: 20px 0 20px 12px;
  width: auto;
  height: auto;
  color: #767676;
  font-size: 14px;
  font-weight: 400;
}
.page-footer__primary-nav-title::before, .page-footer__primary-nav-title::after {
  right: 0;
}

.app-footer--container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.app-footer--container > * {
  margin-right: 8px;
}
.app-footer--container .app-store--footer-link {
  background: url("../image/icons/appStore.svg") no-repeat;
  width: 101px;
  height: 35px;
}
.app-footer--container .play-store-footer-link {
  background: url("../image/icons/playStore.svg") no-repeat;
  width: 101px;
  height: 35px;
}

@media (min-width: 360px) {
  .page-footer__sign-up-button {
    letter-spacing: 1px;
  }
}
@media (min-width: 768px) {
  .page-footer {
    border-top: 0;
  }
  .page-footer__main {
    padding: 20px 0 0;
  }
  .page-footer__sign-up-content {
    position: relative;
    padding: 20px 0 30px;
  }
  .page-footer__sign-up-bottom {
    margin: 0 auto;
    max-width: 1200px;
  }
  .page-footer__sign-up-bottom::before, .page-footer__sign-up-bottom::after {
    display: table; /* 2 */
    content: " "; /* 1 */
  }
  .page-footer__sign-up-bottom::after {
    clear: both;
  }
}
@media (min-width: 768px) and (min-width: 1600px) {
  .page-footer__sign-up-bottom {
    max-width: 1400px;
  }
}
@media (min-width: 768px) {
  .page-footer__sign-up-email-wrapper {
    float: left;
    padding: 1.25vw;
    width: 75%;
    margin: 0;
    padding: 1.25vw 0;
  }
  .page-footer__sign-up-button-wrapper {
    float: left;
    padding: 1.25vw;
    width: 25%;
    padding: 1.25vw;
  }
  .page-footer__sign-up-button-wrapper--women {
    padding-right: 0;
  }
  .page-footer__language {
    padding: 25px 0;
  }
  .page-footer__bottom {
    padding: 25px 0;
  }
  .page-footer__secondary-nav-and-copyright-wrapper {
    overflow: hidden;
  }
  .page-footer__secondary-nav::before, .page-footer__secondary-nav::after {
    display: table; /* 2 */
    content: " "; /* 1 */
  }
  .page-footer__secondary-nav::after {
    clear: both;
  }
  .page-footer__payment-item {
    display: inline-block;
    margin: 0 4px 13px;
    vertical-align: middle;
  }
  .page-footer__payment-item:first-child {
    margin-left: 0;
  }
  .page-footer__secondary-nav-item {
    float: left;
  }
  .page-footer__secondary-nav-item:last-child {
    float: right;
  }
  .page-footer__payment--checkout {
    text-align: center;
  }
  .app-footer--container {
    display: none;
  }
}
@media (min-width: 1024px) {
  .page-footer .page-footer__main {
    padding: 30px 0 20px;
  }
  .page-footer .page-footer__sign-up {
    position: relative;
    margin: 0 0 38px;
    border-bottom: 1px solid #ececec;
  }
  .page-footer .page-footer__sign-up-content {
    position: relative;
    padding: 30px 0;
    max-width: 750px;
  }
  .page-footer .page-footer__sign-up-bottom {
    margin-top: 7px;
    max-width: 580px;
  }
  .page-footer .page-footer__sign-up-email-wrapper {
    float: left;
    padding: 1.25vw;
    width: 66.6666666667%;
    margin: 0;
    padding: 10px 0;
  }
  .page-footer .page-footer__sign-up-button-wrapper {
    float: left;
    padding: 1.25vw;
    width: 33.3333333333%;
    padding: 10px 13px;
  }
  .page-footer .page-footer__sign-up-heading {
    text-align: center;
    font-size: 24px;
    display: block;
  }
  .page-footer .page-footer__sign-up-info {
    padding-bottom: 0;
    text-align: center;
  }
  .page-footer .page-footer__navigation-and-social-media {
    margin: 0 auto;
    max-width: 1200px;
    padding-right: 250px;
  }
  .page-footer .page-footer__navigation-and-social-media::before, .page-footer .page-footer__navigation-and-social-media::after {
    display: table; /* 2 */
    content: " "; /* 1 */
  }
  .page-footer .page-footer__navigation-and-social-media::after {
    clear: both;
  }
}
@media (min-width: 1024px) and (min-width: 1600px) {
  .page-footer .page-footer__navigation-and-social-media {
    max-width: 1400px;
  }
}
@media (min-width: 1024px) {
  .page-footer .page-footer__social-media {
    float: right;
    margin-right: -250px;
    padding: 1.25vw 0;
    width: 250px;
  }
  .page-footer .page-footer__social-media-heading {
    font-size: 36px;
  }
  .page-footer .page-footer__social-media-info {
    display: block;
    margin: 5px 0 15px;
    letter-spacing: 0.5px;
  }
  .page-footer .page-footer__social-media-icon {
    width: 21px;
    height: 21px;
  }
  .page-footer .page-footer__social-media-icon--facebook {
    background-position: 0 0;
  }
  .page-footer .page-footer__social-media-icon--instagram {
    background-position: -33px 0;
  }
  .page-footer .page-footer__social-media-icon--google-plus {
    background-position: -65px 0;
  }
  .page-footer .page-footer__social-media-icon--pinterest {
    background-position: -104px 0;
  }
  .page-footer .page-footer__social-media-icon--twitter {
    background-position: -137px 0;
  }
  .page-footer .page-footer__social-media-icon--youtube {
    background-position: -168px 0;
    width: 50px;
  }
  .page-footer .page-footer__primary-nav {
    margin: 0 auto;
    max-width: 1200px;
    float: left;
    border-bottom-width: 0;
    width: 100%;
  }
  .page-footer .page-footer__primary-nav::before, .page-footer .page-footer__primary-nav::after {
    display: table; /* 2 */
    content: " "; /* 1 */
  }
  .page-footer .page-footer__primary-nav::after {
    clear: both;
  }
}
@media (min-width: 1024px) and (min-width: 1600px) {
  .page-footer .page-footer__primary-nav {
    max-width: 1400px;
  }
}
@media (min-width: 1024px) {
  .page-footer .page-footer__primary-nav-section {
    float: left;
    padding: 1.25vw;
    width: 25%;
    float: left;
    border-top-width: 0;
  }
  .page-footer .page-footer__primary-nav-section:first-child {
    padding-left: 0;
  }
  .page-footer .page-footer__primary-nav-title {
    padding: 20px 0px;
    color: #000;
  }
  .page-footer .page-footer__primary-nav-title::before, .page-footer .page-footer__primary-nav-title::after {
    display: none;
  }
  .page-footer .page-footer__primary-nav-menu {
    display: block !important;
  }
  .page-footer .page-footer__primary-nav-item {
    padding: 0 0 10px;
  }
  .page-footer .page-footer__language {
    background: #ececec;
    padding-bottom: 0;
    text-align: center;
  }
  .page-footer .page-footer__language-content {
    display: inline-block;
    text-align: left;
  }
  .page-footer .page-footer__flag {
    margin-right: 8px;
  }
  .page-footer .page-footer__secondary-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
  }
  .page-footer .page-footer__secondary-nav-and-copyright-wrapper {
    text-align: center;
  }
  .page-footer .page-footer__secondary-nav-item {
    display: inline-block;
    float: none;
    vertical-align: middle;
  }
  .page-footer .page-footer__secondary-nav-item:last-child {
    margin-left: 7px;
    border-left: 1px solid #767676;
    padding-left: 7px;
  }
  .page-footer .page-footer__payment {
    text-align: center;
  }
  .page-footer .page-footer__featured-celebrities-info {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .page-footer .page-footer__sign-up {
    position: relative;
    margin: 0 0 28px;
    border-bottom: 1px solid #ececec;
  }
}
.page-footer .page-footer__featured-celebrities-info .sitelink_footerUK {
  color: #999;
}

.product {
  margin: 0 auto;
  max-width: 1200px;
}
.product::before, .product::after {
  display: table; /* 2 */
  content: " "; /* 1 */
}
.product::after {
  clear: both;
}
@media (min-width: 1600px) {
  .product {
    max-width: 1400px;
  }
}

.product__item {
  float: left;
  padding: 1.25vw;
  width: 50%;
}
.product__item--hero {
  width: 100%;
}
.product__item--promo {
  width: 100%;
}

.price {
  font-weight: 600;
}
.price--loyalty {
  color: #e60b6b;
}

.price--marked-down {
  color: #e22921;
}

.price--previous-price {
  color: #767676;
  font-weight: 100;
}

@media (min-width: 580px) {
  .product__item--promo {
    width: 66.6666666667%;
  }
  .product__item--three {
    width: 33.3333333333%;
  }
  .product__item--four {
    width: 25%;
  }
}
.locale-select__flag {
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 21px;
  min-height: 14px;
}

.locale-select__content {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 67%;
}
.locale-select__content::after {
  display: none;
}

.locale-select__header {
  position: relative;
  margin: -12px -14px 25px;
  border-bottom: 1px solid #ddd;
  padding: 15px 35px;
}

.locale-select__heading {
  margin: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 100;
}

.locale-select__close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 24px;
  width: 0;
  box-sizing: content-box;
}
.locale-select__close::before {
  -moz-transform: translate(-9px, 9px) rotate(45deg);
  -ms-transform: translate(-9px, 9px) rotate(45deg);
  -o-transform: translate(-9px, 9px) rotate(45deg);
  -webkit-transform: translate(-9px, 9px) rotate(45deg);
  transform: translate(-9px, 9px) rotate(45deg);
  top: 14px;
}
.locale-select__close::after {
  -moz-transform: translate(-9px, 9px) rotate(-45deg);
  -ms-transform: translate(-9px, 9px) rotate(-45deg);
  -o-transform: translate(-9px, 9px) rotate(-45deg);
  -webkit-transform: translate(-9px, 9px) rotate(-45deg);
  transform: translate(-9px, 9px) rotate(-45deg);
  top: 14px;
}

.locale-select__cancel {
  display: inline-block;
  margin-top: 7px;
  width: 100%;
  text-align: center;
}

.locale-select__submit-button {
  width: 100%;
}

.locale-select__button {
  margin: 20px 0 10px;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .locale-select__header,
  .locale-select__cancel {
    display: none;
  }
  .locale-select__content {
    position: absolute;
    top: 12px;
    right: auto;
    bottom: auto;
    left: auto;
    min-width: 320px;
    font-size: 14px;
  }
  .locale-select__content::after {
    display: block;
  }
  .locale-select__content.full-width--sm {
    width: 320px;
  }
  .locale-select__content.popover__content--above {
    top: auto;
    bottom: 2.5em;
  }
}
.locale-select__flag--ad {
  background-image: url("../image/flag/ad.png");
}

.locale-select__flag--ae {
  background-image: url("../image/flag/ae.png");
}

.locale-select__flag--af {
  background-image: url("../image/flag/af.png");
}

.locale-select__flag--ag {
  background-image: url("../image/flag/ag.png");
}

.locale-select__flag--ai {
  background-image: url("../image/flag/ai.png");
}

.locale-select__flag--al {
  background-image: url("../image/flag/al.png");
}

.locale-select__flag--am {
  background-image: url("../image/flag/am.png");
}

.locale-select__flag--an {
  background-image: url("../image/flag/an.png");
}

.locale-select__flag--ao {
  background-image: url("../image/flag/ao.png");
}

.locale-select__flag--ar {
  background-image: url("../image/flag/ar.png");
}

.locale-select__flag--as {
  background-image: url("../image/flag/as.png");
}

.locale-select__flag--at {
  background-image: url("../image/flag/at.png");
}

.locale-select__flag--au {
  background-image: url("../image/flag/au.png");
}

.locale-select__flag--aw {
  background-image: url("../image/flag/aw.png");
}

.locale-select__flag--ax {
  background-image: url("../image/flag/ax.png");
}

.locale-select__flag--az {
  background-image: url("../image/flag/az.png");
}

.locale-select__flag--ba {
  background-image: url("../image/flag/ba.png");
}

.locale-select__flag--bb {
  background-image: url("../image/flag/bb.png");
}

.locale-select__flag--bd {
  background-image: url("../image/flag/bd.png");
}

.locale-select__flag--be {
  background-image: url("../image/flag/be.png");
}

.locale-select__flag--bf {
  background-image: url("../image/flag/bf.png");
}

.locale-select__flag--bg {
  background-image: url("../image/flag/bg.png");
}

.locale-select__flag--bh {
  background-image: url("../image/flag/bh.png");
}

.locale-select__flag--bi {
  background-image: url("../image/flag/bi.png");
}

.locale-select__flag--bj {
  background-image: url("../image/flag/bj.png");
}

.locale-select__flag--bm {
  background-image: url("../image/flag/bm.png");
}

.locale-select__flag--bn {
  background-image: url("../image/flag/bn.png");
}

.locale-select__flag--bo {
  background-image: url("../image/flag/bo.png");
}

.locale-select__flag--br {
  background-image: url("../image/flag/br.png");
}

.locale-select__flag--bs {
  background-image: url("../image/flag/bs.png");
}

.locale-select__flag--bt {
  background-image: url("../image/flag/bt.png");
}

.locale-select__flag--bv {
  background-image: url("../image/flag/bv.png");
}

.locale-select__flag--bw {
  background-image: url("../image/flag/bw.png");
}

.locale-select__flag--by {
  background-image: url("../image/flag/by.png");
}

.locale-select__flag--bz {
  background-image: url("../image/flag/bz.png");
}

.locale-select__flag--ca {
  background-image: url("../image/flag/ca.png");
}

.locale-select__flag--catalonia {
  background-image: url("../image/flag/catalonia.png");
}

.locale-select__flag--cc {
  background-image: url("../image/flag/cc.png");
}

.locale-select__flag--cd {
  background-image: url("../image/flag/cd.png");
}

.locale-select__flag--cf {
  background-image: url("../image/flag/cf.png");
}

.locale-select__flag--cg {
  background-image: url("../image/flag/cg.png");
}

.locale-select__flag--ch {
  background-image: url("../image/flag/ch.png");
}

.locale-select__flag--ci {
  background-image: url("../image/flag/ci.png");
}

.locale-select__flag--ck {
  background-image: url("../image/flag/ck.png");
}

.locale-select__flag--cl {
  background-image: url("../image/flag/cl.png");
}

.locale-select__flag--cm {
  background-image: url("../image/flag/cm.png");
}

.locale-select__flag--cn {
  background-image: url("../image/flag/cn.png");
}

.locale-select__flag--co {
  background-image: url("../image/flag/co.png");
}

.locale-select__flag--cr {
  background-image: url("../image/flag/cr.png");
}

.locale-select__flag--cs {
  background-image: url("../image/flag/cs.png");
}

.locale-select__flag--cu {
  background-image: url("../image/flag/cu.png");
}

.locale-select__flag--cv {
  background-image: url("../image/flag/cv.png");
}

.locale-select__flag--cx {
  background-image: url("../image/flag/cx.png");
}

.locale-select__flag--cy {
  background-image: url("../image/flag/cy.png");
}

.locale-select__flag--cz {
  background-image: url("../image/flag/cz.png");
}

.locale-select__flag--de {
  background-image: url("../image/flag/de.png");
}

.locale-select__flag--dj {
  background-image: url("../image/flag/dj.png");
}

.locale-select__flag--dk {
  background-image: url("../image/flag/dk.png");
}

.locale-select__flag--dm {
  background-image: url("../image/flag/dm.png");
}

.locale-select__flag--do {
  background-image: url("../image/flag/do.png");
}

.locale-select__flag--dz {
  background-image: url("../image/flag/dz.png");
}

.locale-select__flag--ec {
  background-image: url("../image/flag/ec.png");
}

.locale-select__flag--ee {
  background-image: url("../image/flag/ee.png");
}

.locale-select__flag--eg {
  background-image: url("../image/flag/eg.png");
}

.locale-select__flag--eh {
  background-image: url("../image/flag/eh.png");
}

.locale-select__flag--england {
  background-image: url("../image/flag/england.png");
}

.locale-select__flag--er {
  background-image: url("../image/flag/er.png");
}

.locale-select__flag--es {
  background-image: url("../image/flag/es.png");
}

.locale-select__flag--et {
  background-image: url("../image/flag/et.png");
}

.locale-select__flag--eu,
.locale-select__flag--europeanunion {
  background-image: url("../image/flag/europeanunion.png");
}

.locale-select__flag--fam {
  background-image: url("../image/flag/fam.png");
}

.locale-select__flag--fi {
  background-image: url("../image/flag/fi.png");
}

.locale-select__flag--fj {
  background-image: url("../image/flag/fj.png");
}

.locale-select__flag--fk {
  background-image: url("../image/flag/fk.png");
}

.locale-select__flag--fm {
  background-image: url("../image/flag/fm.png");
}

.locale-select__flag--fo {
  background-image: url("../image/flag/fo.png");
}

.locale-select__flag--fr {
  background-image: url("../image/flag/fr.png");
}

.locale-select__flag--ga {
  background-image: url("../image/flag/ga.png");
}

.locale-select__flag--gb {
  background-image: url("../image/flag/gb.png");
}

.locale-select__flag--gd {
  background-image: url("../image/flag/gd.png");
}

.locale-select__flag--ge {
  background-image: url("../image/flag/ge.png");
}

.locale-select__flag--gf {
  background-image: url("../image/flag/gf.png");
}

.locale-select__flag--gg {
  background-image: url("../image/flag/gb.png");
}

.locale-select__flag--gh {
  background-image: url("../image/flag/gh.png");
}

.locale-select__flag--gi {
  background-image: url("../image/flag/gi.png");
}

.locale-select__flag--gl {
  background-image: url("../image/flag/gl.png");
}

.locale-select__flag--gm {
  background-image: url("../image/flag/gm.png");
}

.locale-select__flag--gn {
  background-image: url("../image/flag/gn.png");
}

.locale-select__flag--gp {
  background-image: url("../image/flag/gp.png");
}

.locale-select__flag--gq {
  background-image: url("../image/flag/gq.png");
}

.locale-select__flag--gr {
  background-image: url("../image/flag/gr.png");
}

.locale-select__flag--gs {
  background-image: url("../image/flag/gs.png");
}

.locale-select__flag--gt {
  background-image: url("../image/flag/gt.png");
}

.locale-select__flag--gu {
  background-image: url("../image/flag/gu.png");
}

.locale-select__flag--gw {
  background-image: url("../image/flag/gw.png");
}

.locale-select__flag--gy {
  background-image: url("../image/flag/gy.png");
}

.locale-select__flag--hk {
  background-image: url("../image/flag/hk.png");
}

.locale-select__flag--hm {
  background-image: url("../image/flag/hm.png");
}

.locale-select__flag--hn {
  background-image: url("../image/flag/hn.png");
}

.locale-select__flag--hr {
  background-image: url("../image/flag/hr.png");
}

.locale-select__flag--ht {
  background-image: url("../image/flag/ht.png");
}

.locale-select__flag--hu {
  background-image: url("../image/flag/hu.png");
}

.locale-select__flag--id {
  background-image: url("../image/flag/id.png");
}

.locale-select__flag--ie {
  background-image: url("../image/flag/ie.png");
}

.locale-select__flag--il {
  background-image: url("../image/flag/il.png");
}

.locale-select__flag--im {
  background-image: url("../image/flag/gb.png");
}

.locale-select__flag--in {
  background-image: url("../image/flag/in.png");
}

.locale-select__flag--io {
  background-image: url("../image/flag/io.png");
}

.locale-select__flag--iq {
  background-image: url("../image/flag/iq.png");
}

.locale-select__flag--ir {
  background-image: url("../image/flag/ir.png");
}

.locale-select__flag--is {
  background-image: url("../image/flag/is.png");
}

.locale-select__flag--it {
  background-image: url("../image/flag/it.png");
}

.locale-select__flag--je {
  background-image: url("../image/flag/gb.png");
}

.locale-select__flag--jm {
  background-image: url("../image/flag/jm.png");
}

.locale-select__flag--jo {
  background-image: url("../image/flag/jo.png");
}

.locale-select__flag--jp {
  background-image: url("../image/flag/jp.png");
}

.locale-select__flag--ke {
  background-image: url("../image/flag/ke.png");
}

.locale-select__flag--kg {
  background-image: url("../image/flag/kg.png");
}

.locale-select__flag--kh {
  background-image: url("../image/flag/kh.png");
}

.locale-select__flag--ki {
  background-image: url("../image/flag/ki.png");
}

.locale-select__flag--km {
  background-image: url("../image/flag/km.png");
}

.locale-select__flag--kn {
  background-image: url("../image/flag/kn.png");
}

.locale-select__flag--kp {
  background-image: url("../image/flag/kp.png");
}

.locale-select__flag--kr {
  background-image: url("../image/flag/kr.png");
}

.locale-select__flag--kw {
  background-image: url("../image/flag/kw.png");
}

.locale-select__flag--ky {
  background-image: url("../image/flag/ky.png");
}

.locale-select__flag--kz {
  background-image: url("../image/flag/kz.png");
}

.locale-select__flag--la {
  background-image: url("../image/flag/la.png");
}

.locale-select__flag--lb {
  background-image: url("../image/flag/lb.png");
}

.locale-select__flag--lc {
  background-image: url("../image/flag/lc.png");
}

.locale-select__flag--li {
  background-image: url("../image/flag/li.png");
}

.locale-select__flag--lk {
  background-image: url("../image/flag/lk.png");
}

.locale-select__flag--lr {
  background-image: url("../image/flag/lr.png");
}

.locale-select__flag--ls {
  background-image: url("../image/flag/ls.png");
}

.locale-select__flag--lt {
  background-image: url("../image/flag/lt.png");
}

.locale-select__flag--lu {
  background-image: url("../image/flag/lu.png");
}

.locale-select__flag--lv {
  background-image: url("../image/flag/lv.png");
}

.locale-select__flag--ly {
  background-image: url("../image/flag/ly.png");
}

.locale-select__flag--ma {
  background-image: url("../image/flag/ma.png");
}

.locale-select__flag--mc {
  background-image: url("../image/flag/mc.png");
}

.locale-select__flag--md {
  background-image: url("../image/flag/md.png");
}

.locale-select__flag--me {
  background-image: url("../image/flag/me.png");
}

.locale-select__flag--mg {
  background-image: url("../image/flag/mg.png");
}

.locale-select__flag--mh {
  background-image: url("../image/flag/mh.png");
}

.locale-select__flag--mk {
  background-image: url("../image/flag/mk.png");
}

.locale-select__flag--ml {
  background-image: url("../image/flag/ml.png");
}

.locale-select__flag--mm {
  background-image: url("../image/flag/mm.png");
}

.locale-select__flag--mn {
  background-image: url("../image/flag/mn.png");
}

.locale-select__flag--mo {
  background-image: url("../image/flag/mo.png");
}

.locale-select__flag--mp {
  background-image: url("../image/flag/mp.png");
}

.locale-select__flag--mq {
  background-image: url("../image/flag/mq.png");
}

.locale-select__flag--mr {
  background-image: url("../image/flag/mr.png");
}

.locale-select__flag--ms {
  background-image: url("../image/flag/ms.png");
}

.locale-select__flag--mt {
  background-image: url("../image/flag/mt.png");
}

.locale-select__flag--mu {
  background-image: url("../image/flag/mu.png");
}

.locale-select__flag--mv {
  background-image: url("../image/flag/mv.png");
}

.locale-select__flag--mw {
  background-image: url("../image/flag/mw.png");
}

.locale-select__flag--mx {
  background-image: url("../image/flag/mx.png");
}

.locale-select__flag--my {
  background-image: url("../image/flag/my.png");
}

.locale-select__flag--mz {
  background-image: url("../image/flag/mz.png");
}

.locale-select__flag--na {
  background-image: url("../image/flag/na.png");
}

.locale-select__flag--nc {
  background-image: url("../image/flag/nc.png");
}

.locale-select__flag--ne {
  background-image: url("../image/flag/ne.png");
}

.locale-select__flag--nf {
  background-image: url("../image/flag/nf.png");
}

.locale-select__flag--ng {
  background-image: url("../image/flag/ng.png");
}

.locale-select__flag--ni {
  background-image: url("../image/flag/ni.png");
}

.locale-select__flag--nl {
  background-image: url("../image/flag/nl.png");
}

.locale-select__flag--no {
  background-image: url("../image/flag/no.png");
}

.locale-select__flag--np {
  background-image: url("../image/flag/np.png");
}

.locale-select__flag--nr {
  background-image: url("../image/flag/nr.png");
}

.locale-select__flag--nu {
  background-image: url("../image/flag/nu.png");
}

.locale-select__flag--nz {
  background-image: url("../image/flag/nz.png");
}

.locale-select__flag--om {
  background-image: url("../image/flag/om.png");
}

.locale-select__flag--pa {
  background-image: url("../image/flag/pa.png");
}

.locale-select__flag--pe {
  background-image: url("../image/flag/pe.png");
}

.locale-select__flag--pf {
  background-image: url("../image/flag/pf.png");
}

.locale-select__flag--pg {
  background-image: url("../image/flag/pg.png");
}

.locale-select__flag--ph {
  background-image: url("../image/flag/ph.png");
}

.locale-select__flag--pk {
  background-image: url("../image/flag/pk.png");
}

.locale-select__flag--pl {
  background-image: url("../image/flag/pl.png");
}

.locale-select__flag--pm {
  background-image: url("../image/flag/pm.png");
}

.locale-select__flag--pn {
  background-image: url("../image/flag/pn.png");
}

.locale-select__flag--pr {
  background-image: url("../image/flag/pr.png");
}

.locale-select__flag--ps {
  background-image: url("../image/flag/ps.png");
}

.locale-select__flag--pt {
  background-image: url("../image/flag/pt.png");
}

.locale-select__flag--pw {
  background-image: url("../image/flag/pw.png");
}

.locale-select__flag--py {
  background-image: url("../image/flag/py.png");
}

.locale-select__flag--qa {
  background-image: url("../image/flag/qa.png");
}

.locale-select__flag--re {
  background-image: url("../image/flag/re.png");
}

.locale-select__flag--ro {
  background-image: url("../image/flag/ro.png");
}

.locale-select__flag--rs {
  background-image: url("../image/flag/rs.png");
}

.locale-select__flag--ru {
  background-image: url("../image/flag/ru.png");
}

.locale-select__flag--rw {
  background-image: url("../image/flag/rw.png");
}

.locale-select__flag--sa {
  background-image: url("../image/flag/sa.png");
}

.locale-select__flag--sb {
  background-image: url("../image/flag/sb.png");
}

.locale-select__flag--sc {
  background-image: url("../image/flag/sc.png");
}

.locale-select__flag--scotland {
  background-image: url("../image/flag/scotland.png");
}

.locale-select__flag--sd {
  background-image: url("../image/flag/sd.png");
}

.locale-select__flag--se {
  background-image: url("../image/flag/se.png");
}

.locale-select__flag--sg {
  background-image: url("../image/flag/sg.png");
}

.locale-select__flag--sh {
  background-image: url("../image/flag/sh.png");
}

.locale-select__flag--si {
  background-image: url("../image/flag/si.png");
}

.locale-select__flag--sj {
  background-image: url("../image/flag/sj.png");
}

.locale-select__flag--sk {
  background-image: url("../image/flag/sk.png");
}

.locale-select__flag--sl {
  background-image: url("../image/flag/sl.png");
}

.locale-select__flag--sm {
  background-image: url("../image/flag/sm.png");
}

.locale-select__flag--sn {
  background-image: url("../image/flag/sn.png");
}

.locale-select__flag--so {
  background-image: url("../image/flag/so.png");
}

.locale-select__flag--sr {
  background-image: url("../image/flag/sr.png");
}

.locale-select__flag--st {
  background-image: url("../image/flag/st.png");
}

.locale-select__flag--sv {
  background-image: url("../image/flag/sv.png");
}

.locale-select__flag--sy {
  background-image: url("../image/flag/sy.png");
}

.locale-select__flag--sz {
  background-image: url("../image/flag/sz.png");
}

.locale-select__flag--tc {
  background-image: url("../image/flag/tc.png");
}

.locale-select__flag--td {
  background-image: url("../image/flag/td.png");
}

.locale-select__flag--tf {
  background-image: url("../image/flag/tf.png");
}

.locale-select__flag--tg {
  background-image: url("../image/flag/tg.png");
}

.locale-select__flag--th {
  background-image: url("../image/flag/th.png");
}

.locale-select__flag--tj {
  background-image: url("../image/flag/tj.png");
}

.locale-select__flag--tk {
  background-image: url("../image/flag/tk.png");
}

.locale-select__flag--tl {
  background-image: url("../image/flag/tl.png");
}

.locale-select__flag--tm {
  background-image: url("../image/flag/tm.png");
}

.locale-select__flag--tn {
  background-image: url("../image/flag/tn.png");
}

.locale-select__flag--to {
  background-image: url("../image/flag/to.png");
}

.locale-select__flag--tr {
  background-image: url("../image/flag/tr.png");
}

.locale-select__flag--tt {
  background-image: url("../image/flag/tt.png");
}

.locale-select__flag--tv {
  background-image: url("../image/flag/tv.png");
}

.locale-select__flag--tw {
  background-image: url("../image/flag/tw.png");
}

.locale-select__flag--tz {
  background-image: url("../image/flag/tz.png");
}

.locale-select__flag--ua {
  background-image: url("../image/flag/ua.png");
}

.locale-select__flag--ug {
  background-image: url("../image/flag/ug.png");
}

.locale-select__flag--um {
  background-image: url("../image/flag/um.png");
}

.locale-select__flag--us {
  background-image: url("../image/flag/us.png");
}

.locale-select__flag--uy {
  background-image: url("../image/flag/uy.png");
}

.locale-select__flag--uz {
  background-image: url("../image/flag/uz.png");
}

.locale-select__flag--va {
  background-image: url("../image/flag/va.png");
}

.locale-select__flag--vc {
  background-image: url("../image/flag/vc.png");
}

.locale-select__flag--ve {
  background-image: url("../image/flag/ve.png");
}

.locale-select__flag--vg {
  background-image: url("../image/flag/vg.png");
}

.locale-select__flag--vi {
  background-image: url("../image/flag/vi.png");
}

.locale-select__flag--vn {
  background-image: url("../image/flag/vn.png");
}

.locale-select__flag--vu {
  background-image: url("../image/flag/vu.png");
}

.locale-select__flag--wales {
  background-image: url("../image/flag/wales.png");
}

.locale-select__flag--wf {
  background-image: url("../image/flag/wf.png");
}

.locale-select__flag--ws {
  background-image: url("../image/flag/ws.png");
}

.locale-select__flag--ye {
  background-image: url("../image/flag/ye.png");
}

.locale-select__flag--yt {
  background-image: url("../image/flag/yt.png");
}

.locale-select__flag--za {
  background-image: url("../image/flag/za.png");
}

.locale-select__flag--zm {
  background-image: url("../image/flag/zm.png");
}

.locale-select__flag--zw {
  background-image: url("../image/flag/zw.png");
}

.country-flag.country-flag__round {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  border: none;
}

.staff-card__wrapper {
  float: left;
  width: 100%;
  margin-bottom: 28px;
}

.staff-card-register__title {
  position: relative;
  padding: 14px 1.25vw 21px;
  text-align: center;
  letter-spacing: 0.7px;
  color: #3c3c3c;
  font-weight: 100;
}
.staff-card-register__title::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  background: #3c3c3c;
  width: 40px;
  height: 1px;
  content: "";
}

.staff-card__landing {
  width: 320px;
  margin: 0 auto;
  text-align: center;
}

.staff-card__content {
  width: 100%;
  margin: 0 auto;
}

.staff-card__confirmation {
  width: 320px;
  margin: 0 auto;
  text-align: center;
}

.staff-card__registerform {
  width: 100%;
  text-align: left;
  float: left;
  display: inline;
}

.staff-card__registerform-content {
  padding: 14px 15px;
  border: 1px solid #ddd;
}

.staff-discount__account-details {
  width: 100%;
  text-align: left;
  float: right;
  display: inline;
}

.staff-discount__account-details-content {
  padding: 14px 21px 28px;
  border: 1px solid #ddd;
}

.staff-card__register-heading {
  font-size: 18px;
}

.staff-card__personal-heading {
  font-size: 18px;
}

.staff-card__name {
  font-weight: 600;
}

.staff-card__email {
  font-weight: 600;
}

.staff-card__cta-container {
  float: left;
  padding: 1.25vw;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.staff-card__cta-account {
  margin-bottom: 21px;
}

.staff-card__cta-continue {
  margin-bottom: 21px;
}

.staff-card__cta-start {
  margin-top: 21px;
  margin-bottom: 21px;
}

.staff-card__cta-register {
  margin-top: 21px;
  margin-bottom: 21px;
  width: 100%;
}

.staff-card__checkbox-input--error::before {
  border: 1px solid #ff401a;
}

.staff-card__checkbox-message--error {
  color: #ff401a;
  font-weight: 400;
  margin: 21px 0 0 0;
}

.staff-card__country {
  display: block;
  padding: 0;
  margin: 0;
}

.staff-card__country--selected {
  display: inline-block;
}

.staff-card__change {
  display: block;
  padding: 0;
  margin: 0;
}

.staff-card__label {
  display: inline-block;
}

@media (min-width: 768px) {
  .staff-discount__account-details {
    width: 49%;
  }
  .staff-card__registerform {
    width: 49%;
    margin-right: 2%;
  }
  .staff-card__registerform-content {
    padding: 14px 40px;
  }
  .staff-card__content {
    width: 100%;
    max-width: 744px;
  }
  .staff-card__register-heading {
    font-size: 24px;
  }
  .staff-card__personal-heading {
    font-size: 24px;
  }
}
.checkout__store-card {
  padding: 0;
}

.form-group__field--store-card-expiry-year:last-of-type {
  margin-top: 0;
}

.checkout-store-card__form-divider {
  display: none;
}

.checkout-store-card__title {
  margin: 7px 0 21px;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
}

.checkbox.checkbox--save-card {
  margin-top: 14px;
}

.checkout-store-card__saved-cards {
  position: relative;
}

.checkout-store-card__card-expiry-date {
  display: inline-block;
  margin-left: 6px;
  letter-spacing: 0.5px;
  color: #c6c6c6;
  font-weight: 100;
}
.checkout-store-card__card-expiry-date--expired {
  color: #ff401a;
}
.checkout-store-card__card-expiry-date--radio-inline {
  float: right;
}

.checkout__delivery-modal-actions--cancel.checkout__delivery-modal-actions--store-card {
  text-align: center;
}

@media (min-width: 420px) {
  .checkout-store-card__card-expiry-date {
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .checkout-store-card__card-expiry-date {
    display: inline;
  }
  .checkout-store-card__save-card {
    margin-left: 52px;
  }
  .checkbox.checkbox--save-card {
    margin-top: 0;
    margin-left: 0;
  }
  .checkout-store-card__form-divider {
    display: block;
    float: left;
    width: 20%;
    max-width: 180px;
  }
  .form-group--checkout--store-card {
    margin-left: 56px;
  }
  .checkout__store-card--radio {
    padding-top: 0px;
  }
}
@media (min-width: 1024px) {
  .checkout-store-card__change-card-links--radio {
    display: none;
  }
}
.store-search {
  min-height: 390px;
}

.store-search__header {
  margin-bottom: 28px;
}

.store-search__separator-content--checkout {
  margin-top: 0;
  margin-bottom: 21px;
  font-size: 18px;
  font-weight: 400;
}
.store-search__separator-content--checkout.store-search__location-title {
  margin-top: 14px;
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  .store-search__separator-content--checkout.store-search__location-title {
    margin-top: 7px;
  }
}

.store-search__separator {
  position: relative;
  margin: 25px 0 15px;
  text-align: center;
}
.store-search__separator::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  background-color: #ddd;
  height: 1px;
  content: "";
}

.store-search__collection {
  position: relative;
  margin: 14px 0;
  text-align: center;
}
.store-search__collection--search-options {
  margin: 0;
}
.store-search__collection-msg-nearme {
  margin-left: 3px;
}
.store-search__collection-fullprice-only {
  padding-bottom: 96px;
}
.store-search__collection::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  background-color: #ddd;
  height: 1px;
  content: "";
}

.store-search__separator-content {
  display: inline-block;
  position: relative;
  background-color: #fff;
  width: 60px;
}
.store-search__separator-content--checkout {
  padding: 0 1.25vw 0 0;
}

.form-group--store-search {
  margin-top: 7px;
}

.label--store-search {
  display: block;
  margin-top: 7px;
}

.store-search__country-select {
  margin: 21px 0;
}
.store-search__country-select--error .ui-select-container,
.store-search__country-select--error .select {
  border-color: #ff401a;
}

.input--store-search {
  width: 100%;
}

.button--store-search {
  margin-top: 21px;
  width: 100%;
  line-height: 40px;
}

.store-search__col-nearme--checkout .button--store-nearme {
  min-width: 0;
  padding: 0 24px;
}

.button--store-nearme {
  margin-top: 7px;
  width: 100%;
  line-height: 40px;
  height: 40px;
}

.store-search__iconf-marker::before {
  margin-right: 6px;
  line-height: 40px;
  font-size: 20px;
}

.store-search__near-me-short {
  display: none;
}

.store-search__country-trigger {
  margin: 21px 0;
  text-align: center;
}

.store-search__col-submit--checkout {
  width: 100%;
}

.store-search__col-nearme--checkout {
  padding: 0;
  width: 100%;
}

.store-search__col-address--checkout {
  position: relative;
}

@media (min-width: 1024px) {
  .store-search {
    min-height: 190px;
  }
  .store-search__form::before, .store-search__form::after {
    display: table; /* 2 */
    content: " "; /* 1 */
  }
  .store-search__form::after {
    clear: both;
  }
  .store-search__row::before, .store-search__row::after {
    display: table; /* 2 */
    content: " "; /* 1 */
  }
  .store-search__row::after {
    clear: both;
  }
  .store-search__col-nearme {
    float: left;
    padding: 1.25vw;
    width: 20.8333333333%;
    padding: 21px 1.25vw 0;
  }
  .store-search__col-nearme--checkout {
    width: 25%;
  }
  .store-search__col-label {
    float: left;
    padding: 1.25vw;
    width: 25%;
    padding-bottom: 0;
    text-align: right;
  }
  .store-finder__search-link {
    margin: 14px 0 28px;
  }
  .store-search__col-address {
    float: left;
    padding: 1.25vw;
    width: 33.3333333333%;
    padding: 21px 1.25vw 0;
  }
  .store-search__col-address--checkout {
    padding: 0;
    width: 36%;
  }
}
@media (min-width: 1024px) and (min-width: 1165px) {
  .store-search__col-address--checkout {
    width: 38%;
  }
}
@media (min-width: 1024px) and (min-width: 1600px) {
  .store-search__col-address--checkout {
    width: 40%;
  }
}
@media (min-width: 1024px) {
  .store-search__col-submit {
    float: left;
    padding: 1.25vw;
    width: 20.8333333333%;
    padding: 21px 1.25vw 0;
  }
  .store-search__col-submit--checkout {
    width: 25.5%;
  }
  .store-search__col-or {
    float: left;
    padding: 1.25vw;
    width: 20.8333333333%;
    padding: 21px 0 0;
  }
  .store-search__col-or--checkout {
    width: 5%;
  }
  .store-search__separator {
    display: none;
  }
  .store-search__collection {
    float: left;
    margin: 10px 2px;
  }
  .store-search__collection--modal {
    display: none;
  }
  .store-search__collection-fullprice-only {
    padding-bottom: 49px;
  }
  .form-group--store-search {
    margin-top: 0;
  }
  .label--store-search,
  .input--store-search,
  .button--store-search {
    display: inline-block;
    float: none;
    margin-top: 0;
    width: 100%;
    max-width: 100%;
    height: 40px;
    min-height: 40px;
  }
  .store-search__country-select {
    margin-top: 0;
  }
  .button--store-search {
    min-width: 0;
  }
  .button--store-nearme {
    margin-top: 0;
  }
  .store-search__near-me {
    display: none;
  }
  .store-search__near-me-short {
    display: inline;
  }
  .store-search--country-change {
    margin-top: 0;
    text-align: left;
  }
  .store-search__country-trigger {
    margin-top: 0;
    text-align: left;
  }
  .store-search__col-submit--checkout {
    float: left;
    margin-left: 21px;
    padding: 0;
    width: 25%;
  }
  .store-search__col-nearme--checkout {
    float: left;
    padding: 0 1.25vw 0;
    width: 25%;
    height: 40px;
    min-height: 40px;
  }
}
.checkout__sections.fabric-delivery .store-search__separator-content--checkout.store-search__location-title {
  margin-top: 0;
  margin-bottom: 24px;
  color: #1c1c1c;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 767px) {
  .checkout__sections.fabric-delivery .store-search__separator-content--checkout.store-search__location-title {
    margin-top: -8px;
  }
}
@media (min-width: 768px) {
  .checkout__sections.fabric-delivery .store-search__separator-content--checkout.store-search__location-title {
    margin-top: 16px;
  }
}
@media (min-width: 1024px) {
  .checkout__sections.fabric-delivery .store-search__separator-content--checkout.store-search__location-title {
    margin-top: 3px;
  }
}
.checkout__sections.fabric-delivery .store-search__col-nearme--checkout {
  padding: 0;
  height: 48px;
  min-width: 128px;
  width: 100%;
}
@media (min-width: 768px) {
  .checkout__sections.fabric-delivery .store-search__col-nearme--checkout {
    float: left;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .checkout__sections.fabric-delivery .store-search__col-nearme--checkout {
    max-width: 180px;
  }
}
@media (min-width: 1024px) and (max-width: 1169px) {
  .checkout__sections.fabric-delivery .store-search__col-nearme--checkout {
    width: auto;
    max-width: 184px;
  }
}
@media (min-width: 1170px) {
  .checkout__sections.fabric-delivery .store-search__col-nearme--checkout {
    max-width: 184px;
  }
}
.checkout__sections.fabric-delivery .store-search__col-nearme--checkout .button--store-nearme {
  box-shadow: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 12px 24px;
  border-radius: 100px;
  background: #1c1c1c;
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media (min-width: 768px) {
  .checkout__sections.fabric-delivery .store-search__col-nearme--checkout .button--store-nearme {
    margin-top: 0;
  }
}
.checkout__sections.fabric-delivery .store-search__col-nearme--checkout .button--store-nearme .store-search__iconf-marker::before {
  display: flex;
  height: 24px;
  width: 24px;
  content: url(../image/icon/marker-pin-fabric.svg);
  background-position: center;
  background-repeat: no-repeat;
  line-height: 24px;
  margin-right: 8px;
}
@media (max-width: 767px) {
  .checkout__sections.fabric-delivery .store-search__collection {
    margin: 24px 0;
  }
}
@media (min-width: 768px) {
  .checkout__sections.fabric-delivery .store-search__collection {
    float: left;
    margin: 12px 40px;
  }
}
.checkout__sections.fabric-delivery .store-search__collection .store-search__separator-content {
  color: #757575;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: auto;
}
@media (max-width: 767px) {
  .checkout__sections.fabric-delivery .store-search__collection .store-search__separator-content {
    padding: 0 8px;
  }
}
.checkout__sections.fabric-delivery .store-search__col-address--checkout {
  height: 48px;
  width: 100%;
  min-width: 0;
}
@media (max-width: 767px) {
  .checkout__sections.fabric-delivery .store-search__col-address--checkout {
    margin-bottom: 3px;
  }
}
@media (min-width: 768px) {
  .checkout__sections.fabric-delivery .store-search__col-address--checkout {
    float: left;
    padding: 0;
    max-width: 229px;
  }
}
.checkout__sections.fabric-delivery .store-search__col-address--checkout .input--store-search {
  height: 100%;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #C6C6C6;
  background-color: #fff;
  color: #1c1c1c;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.checkout__sections.fabric-delivery .store-search__col-address--checkout .input--store-search::placeholder {
  color: #767676;
}
.checkout__sections.fabric-delivery .store-search__col-submit--checkout {
  height: 48px;
  min-width: 128px;
  width: 100%;
}
@media (min-width: 768px) {
  .checkout__sections.fabric-delivery .store-search__col-submit--checkout {
    float: left;
    margin-left: 32px;
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .checkout__sections.fabric-delivery .store-search__col-submit--checkout {
    max-width: 180px;
  }
}
@media (min-width: 1024px) and (max-width: 1169px) {
  .checkout__sections.fabric-delivery .store-search__col-submit--checkout {
    width: auto;
    max-width: 184px;
  }
}
@media (min-width: 1170px) {
  .checkout__sections.fabric-delivery .store-search__col-submit--checkout {
    max-width: 184px;
  }
}
.checkout__sections.fabric-delivery .store-search__col-submit--checkout .button--store-search {
  height: 100%;
  box-shadow: none;
  padding: 12px 24px;
  border-radius: 100px;
  border: 1px solid #1c1c1c;
  color: #1c1c1c !important;
  background-color: #fff !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  min-width: 128px;
}
@media (min-width: 768px) {
  .checkout__sections.fabric-delivery .store-search__col-submit--checkout .button--store-search {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .checkout__sections.fabric-delivery .store-search__row .store-search__col-label {
    display: none;
  }
}
.checkout__sections.fabric-delivery .store-search__row .collection-country-selector {
  width: 100%;
  min-width: 0;
  text-align: left;
}
@media (max-width: 767px) {
  .checkout__sections.fabric-delivery .store-search__row .collection-country-selector {
    padding: 53px 0 32px 0;
  }
}
@media (min-width: 768px) {
  .checkout__sections.fabric-delivery .store-search__row .collection-country-selector {
    max-width: 229px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .checkout__sections.fabric-delivery .store-search__row .collection-country-selector {
    margin-left: 280.8px;
  }
}
@media (min-width: 1024px) and (max-width: 1169px) {
  .checkout__sections.fabric-delivery .store-search__row .collection-country-selector {
    margin-left: 241.68px;
  }
}
@media (min-width: 1170px) {
  .checkout__sections.fabric-delivery .store-search__row .collection-country-selector {
    margin-left: 282.8px;
  }
}
.checkout__sections.fabric-delivery .store-search__row .collection-country-selector .bag-footer__delivering-to, .checkout__sections.fabric-delivery .store-search__row .collection-country-selector a {
  color: #1c1c1c;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0;
}
.checkout__sections.fabric-delivery .store-search__row .collection-country-selector .alert__list--checkout a {
  font-size: 12px;
}
.checkout__sections.fabric-delivery .store-search__row .collection-country-selector .checkout__delivery-country-select .select {
  padding: 12px;
  height: 48px;
  font-size: 16px;
  font-weight: 400;
  background-color: #fff;
  border-radius: 4px;
  color: #1c1c1c;
  border-color: #c6c6c6;
  line-height: 24px;
  letter-spacing: 0;
}
.checkout__sections.fabric-delivery .store-search__row .collection-country-selector .checkout__delivery-country-select-wrapper {
  margin: 24px 0 16px 0;
  padding: 0;
}
@media (min-width: 768px) {
  .checkout__sections.fabric-delivery .store-search__row .collection-country-selector .checkout__delivery-country-select-wrapper {
    margin: 16px 0 16px 0;
  }
}
.checkout__sections.fabric-delivery .store-search__row .collection-country-selector .checkout__delivery-country-select-wrapper .checkout__delivery-btn--country-select {
  height: 48px;
  min-width: 128px;
  border-radius: 100px;
  background-color: #fff;
  color: #1C1C1C;
  font-size: 16px;
  box-shadow: none;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 12px 24px;
  letter-spacing: 0;
  border: 1px solid #1C1C1C;
  width: auto;
}
.checkout__sections.fabric-delivery .store-search__row .collection-country-selector .checkout__delivery-country-select-wrapper .alert__group--warning-no-border {
  margin-top: 0;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .checkout__sections.fabric-delivery .store-search__row .collection-country-selector .checkout__delivery-country-select-wrapper .alert__group--warning-no-border {
    margin-top: 16px;
    width: 343px;
  }
}
.checkout__sections.fabric-delivery .store-search__row .collection-country-selector .checkout__delivery-country-select-wrapper .alert__group--warning-no-border .icon--warning {
  padding: 0;
  width: 27px;
  height: 21px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  left: 5px;
}
.checkout__sections.fabric-delivery .store-search__row .collection-country-selector .checkout__delivery-country-select-wrapper .alert__group--warning-no-border .icon--warning::before {
  background-image: url(../image/icons/fabric_alert.svg);
}
.checkout__sections.fabric-delivery .store-search__row .collection-country-selector .checkout__delivery-country-select-wrapper .alert__group--warning-no-border .alert__list--checkout {
  padding: 18px 14px 12px 34px;
}
.checkout__sections.fabric-delivery .store-search__row .collection-country-selector .checkout__delivery-country-select-wrapper .alert__group--warning-no-border .alert__list--checkout .alert__item {
  padding: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.12px;
  color: #1c1c1c;
}
.checkout__sections.fabric-delivery .store-search__row .collection-country-selector .collection-country-selector__cancel {
  margin: 0;
  color: #1c1c1c;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0;
}
.checkout__sections.fabric-delivery .store-results__error {
  color: #D52C4A;
}
.checkout__sections.fabric-delivery .collection__select-home-delivery {
  height: 48px;
  width: 100%;
  box-shadow: none;
  padding: 12px 24px;
  border-radius: 100px;
  border: 1px solid #1c1c1c;
  color: #1c1c1c !important;
  background-color: #fff !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  min-width: 128px;
}
@media (min-width: 768px) {
  .checkout__sections.fabric-delivery .collection__select-home-delivery {
    float: left;
    width: auto;
  }
}

.store-results::before, .store-results::after {
  display: table; /* 2 */
  content: " "; /* 1 */
}
.store-results::after {
  clear: both;
}

.store-results__no-stores {
  margin: 14px 0 42px;
  border-top: 1px solid #ddd;
  padding-top: 21px;
  text-align: center;
}
.store-results__no-stores--collection {
  float: left;
  width: 100%;
  text-align: left;
  padding-top: unset;
  border-top: none;
}

.store-results__error {
  color: #ff401a;
  font-size: 16px;
}

.store-results__alt-text {
  font-style: italic;
}

.store-results__alt-links {
  margin: 0;
  padding: 0;
  list-style: none outside none;
}

.store-results__title {
  margin: 0 0 7px;
  padding: 0 21px 0 0;
  font-size: 16px;
  font-weight: 400;
}

.store-results__head {
  position: relative;
}

.store-results__total {
  padding-right: 120px;
}

.store-results__tabs {
  position: absolute;
  top: -14px;
  right: 0;
}

.store-results__tab-button {
  border: 0 none;
  background: transparent none;
  padding: 0 2px;
  width: 50px;
  height: 50px;
  color: #999;
  font-size: 25px;
}
.store-results__tab-button--active {
  color: #000;
}

.store-results__shops {
  overflow-y: auto;
}

.store-results__shops,
.store-results__map {
  position: absolute;
  left: -9999px;
  width: 100%;
}
.store-results__shops--active,
.store-results__map--active {
  position: static;
}

.store-results__location {
  font-weight: 600;
}

.label--store-results {
  display: inline-block;
  float: none;
  margin-top: 0;
  width: 100%;
  max-width: 100%;
}

.store-results__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #ececec;
}
.store-results__list.acc_list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.store-results__list.acc_list .store-results__item {
  position: relative;
  display: block;
  font-weight: 400;
  border-bottom-width: 0;
  padding: 0;
  margin: 0;
}

.store-results__item {
  position: relative;
  display: block;
  font-weight: 400;
  border-bottom-width: 0;
  padding: 0 1.25vw;
}

.store-results__header-item {
  margin-bottom: 14px;
  border-bottom: 1px solid #ddd;
  padding: 0 0 14px;
  font-size: 16px;
  font-weight: 400;
}
.store-results__header-item--first {
  margin-bottom: 28px;
}

.store-results__map-item {
  margin-top: 14px;
}

.store-results__shops .store-results__gmap-marker {
  display: none;
}
.store-results__shops .store-results__item {
  padding: 0;
}
.store-results__shops .store-results__item:first-child {
  border-top: 0 none;
  padding: 11px 0 0;
}

.store-results__gmap-marker {
  display: block;
  position: absolute;
  top: 0;
  right: 1.25vw;
  background: transparent url("../image/google/spotlight-poi-dotless_hdpi.png") center 6px no-repeat;
  background-size: contain;
  width: 24px;
  height: 52.5px;
  text-align: center;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 600;
  content: "";
}
.store-results__gmap-marker--custom-marker {
  background: none;
  background-size: contain;
}

.store-results__pin-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
}

.store-results__pin-text {
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  z-index: 9999;
  margin: 3px 0 0 1px;
  font-weight: 400;
}

.store-results__distance {
  margin-top: 0;
}

.store-results__message {
  color: #ff401a;
}

.store-results__address {
  margin: 25px 0px 10px 0;
  color: #767676;
}

.store-results__section-header {
  margin: 0 0 14px;
  text-align: left;
  font-weight: 600;
}

.store-results__ranges {
  margin-bottom: 21px;
  margin-top: 21px;
}
.store-results__ranges h4 {
  margin-bottom: 7px;
}
.store-results__ranges p {
  margin: 0px;
}

.store-results__phone {
  margin: 0;
  color: #999;
}

.store-results__clickandcollect {
  text-transform: uppercase;
  font-weight: bold;
}

.store-results-details__clickandcollect {
  margin-bottom: 0;
}

.store-results__details-link {
  margin: 0 0 28px;
  font-weight: 400;
}
.store-results__details-link a {
  color: #767676;
  padding-bottom: 3px;
  border-bottom: 1px solid #767676;
  text-decoration: none;
}

.store-results__search-link {
  margin: 21px 0;
}

.store-results__map-canvas {
  margin-top: 21px;
  height: 350px;
}

.store-results__value {
  margin-bottom: 0;
}

.store-results__collectDate {
  margin-top: 0;
}

.pudo-sort__span {
  padding: 0 5px;
}

@media (min-width: 1024px) {
  .store-results__shops .store-results__gmap-marker {
    display: block;
  }
  .store-results__row::before, .store-results__row::after {
    display: table; /* 2 */
    content: " "; /* 1 */
  }
  .store-results__row::after {
    clear: both;
  }
  .store-results__head {
    float: left;
    padding: 1.25vw;
    width: 60%;
    padding: 0;
  }
  .store-results__range {
    float: left;
    padding: 1.25vw;
    width: 40%;
    padding-right: 0;
    text-align: right;
  }
  .label--store-results {
    display: inline;
  }
  .select--store-results {
    margin-left: 1em;
    width: 50%;
    max-width: 250px;
  }
  .store-results__total {
    padding-right: 0;
  }
  .store-results__tabs {
    display: none;
  }
  .store-results__shops,
  .store-results__shops--active {
    float: left;
    padding: 1.25vw;
    width: 40%;
    position: static;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
  }
  .checkout-collection--stores-results {
    margin-top: 7px;
  }
  .checkout-collection__find-store-results {
    margin: 0;
    padding-top: 10px;
  }
  .checkout-collection .store-results__shops {
    width: 42%;
  }
  .store-results__map,
  .store-results__map--active {
    float: left;
    padding: 1.25vw;
    width: 60%;
    position: static;
    padding-right: 0;
    padding-top: 0;
  }
  .store-results__list-container {
    padding-right: 2.5vw;
    height: 560px;
  }
  .store-results__collection-price {
    margin: 0;
  }
  .store-results__collection-date {
    margin: 0 0 7px;
  }
  .store-results__collection-date-content {
    margin: 0 5px;
  }
  .store-results__list {
    padding: 21px 0 0;
    border-top: 1px dotted #c6c6c6;
  }
  .store-results__list.acc_list {
    padding: 0;
  }
  .store-results__item {
    display: block;
    position: relative;
    padding: 0;
  }
  .store-results__item:last-child {
    margin-bottom: 0;
  }
  .store-results__details-link {
    margin: 7px 0 28px;
  }
  .store-results__map {
    width: 60%;
  }
  .store-results__map-canvas {
    margin-top: 0;
    height: 560px;
  }
  .pudo-sort__span {
    width: 220px;
  }
  .store-results__gmap-marker {
    right: 1.25vw;
    background-position: 50% 0;
  }
}
.store-details__image-slot img {
  display: block;
  margin: 14px 0;
  width: 100%;
}

.store-details__shop::before, .store-details__shop::after,
.store-details__opening::before,
.store-details__opening::after {
  display: table; /* 2 */
  content: " "; /* 1 */
}
.store-details__shop::after,
.store-details__opening::after {
  clear: both;
}

.store-details__opening {
  padding: 14px 0 28px;
}

.store-details__backlink {
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
}

.store-details__backlink-text {
  display: inline-block;
  margin-left: 1em;
}

.store-details__print {
  display: none;
}

.store-details__section-header {
  margin: 0 0 14px;
  text-align: left;
  font-weight: 600;
}

.store-details__ranges {
  margin-bottom: 21px;
  margin-top: 21px;
}
.store-details__ranges p {
  margin: 0px;
}

.store-details__hours {
  margin-bottom: 28px;
  width: 100%;
}

.store-details__hours-day-time:first-child {
  width: 40%;
  white-space: nowrap;
}
.store-details__hours-day-time:last-child {
  padding-left: 1.25vw;
  width: 60%;
}
.store-details__hours-day-time--closed {
  text-transform: uppercase;
}

.store-details__nearby-store {
  margin: 14px 0 0;
}

.store-details__nearby-distance {
  margin: 0;
  color: #999;
}

.store-details__map-canvas {
  margin-top: 0;
  height: 500px;
}

@media screen and (min-width: 1024px) {
  .store-details__map-canvas {
    width: 100%;
  }
}
.accordion-item--store-details {
  margin: 21px 0;
  border-bottom: 1px solid #ddd;
}

.store-details__googlemaps-link {
  display: none;
}

.store-details__maps-directions-btn {
  margin: 14px 0;
  width: 100%;
}

.accordion-item__title-bar--store-finder {
  padding: 14px 0;
}

.accordion-item__title--store-finder {
  margin-left: 0;
}

.store-details__maps-googlelink {
  display: none;
}

.store-search__header--no-mobile {
  display: none;
}

.collection-summary__map .store-details__maps-googlelink,
.collection-summary__map .store-details__maps-directions {
  float: right;
}

@media (min-width: 580px) {
  .store-details__hours-day-time:first-child {
    width: 30%;
  }
  .store-details__hours-day-time:last-child {
    padding-left: 1.25vw;
    width: 70%;
  }
}
@media (min-width: 768px) {
  .store-details__hours-day-time:first-child {
    width: 20%;
  }
  .store-details__hours-day-time:last-child {
    width: 80%;
  }
}
@media (min-width: 1024px) {
  .store-details__utils {
    margin-bottom: 28px;
    border-bottom: 1px dotted #c6c6c6;
  }
  .store-details__utils::before, .store-details__utils::after {
    display: table; /* 2 */
    content: " "; /* 1 */
  }
  .store-details__utils::after {
    clear: both;
  }
  .store-details__clickandcollect,
  .store-details__back-to-results {
    float: left;
  }
  .store-details__print {
    display: block;
    float: right;
  }
  .store-details__shop,
  .store-details__opening {
    float: left;
    padding: 1.25vw;
    width: 40%;
    padding-left: 0;
  }
  .store-details__shop {
    padding-bottom: 0;
  }
  .store-details__hours-day-time:first-child {
    width: 40%;
  }
  .store-details__hours-day-time:last-child {
    padding-left: 1.25vw;
    width: 60%;
  }
  .accordion-item--store-details {
    margin-top: 0;
    border-top: 0;
    border-bottom: 0;
  }
  .store-details__map {
    float: left;
    padding: 1.25vw;
    width: 60%;
    float: right;
    padding-right: 0;
  }
  .store-details__googlemaps-link {
    display: block;
    text-align: right;
  }
  .accordion-item__content .store-details__maps-directions {
    display: none;
  }
  .store-search__header--no-mobile {
    display: block;
  }
}
.track-and-trace__wrap {
  padding: 30px 0;
}

.address-lookup {
  display: block;
  position: relative;
  margin: 0;
}

.address-lookup__results {
  position: relative;
  top: -1px;
  left: 0;
}
.address-lookup__results--active {
  border: 1px solid #3c3c3c;
  border-top: 0 none;
}
.address-lookup__results--active::-webkit-scrollbar-track {
  border-top: 1px solid #fff;
}

.address-lookup-modal-btn-wrapper {
  clear: both;
}

.address-lookup__results-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.address-lookup__results-list--multiple {
  height: 250px;
  max-height: 250px;
  overflow-y: scroll;
}
.address-lookup__results-list--multiple.address-lookup__results-list--active {
  border-top: 1px solid #fff;
}

.address-lookup__results-list-item {
  display: block;
  border: 0 none;
  text-align: left;
}
.address-lookup__results-list-item:focus {
  outline: none;
}
.address-lookup__results-list-item:hover {
  outline: none;
  background: #f8f8f8;
}
.address-lookup__results-list-item--error {
  color: #ff401a;
}
.address-lookup__results-list-item--error a {
  padding: 9px 10px;
  color: #ff401a;
}

.address-lookup__results-list-item-link {
  display: inline-block;
  padding: 7px 10px;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.address-lookup__label.checkout__form-group-label {
  display: none;
}

.address-lookup__form.form-group--checkout {
  margin-top: 0;
}

.address-lookup__message-wrapper.checkout__delivery-address-input {
  padding: 14px 0 0;
}

.address-lookup__message {
  margin: 0;
  font-style: italic;
}

.address-lookup__view-or-text {
  margin-right: 5px;
}

.checkout__delivery-address-input .icon.icon--close-address-lookup {
  position: absolute;
}

.checkout__delivery-address-control {
  padding: 21px 0 0;
}

.input--address-lookup.input.input--address-lookup-active {
  border-color: #3c3c3c;
  border-bottom-color: #fff;
  background-color: #fff;
}

.icon.icon--close-address-lookup {
  position: absolute;
  top: 13px;
  right: 10px;
}
.icon.icon--close-address-lookup::before, .icon.icon--close-address-lookup::after {
  background-color: #3c3c3c;
  width: 18px;
}
.icon.icon--loading-address-lookup {
  position: absolute;
  top: 10px;
  right: 50px;
}
.icon.icon--loading-collection {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 14px auto 0;
  text-align: center;
}

@media (min-width: 768px) {
  .icon.icon--close-address-lookup {
    right: 9px;
  }
  .icon.icon--loading {
    right: 50px;
  }
  .icon.icon--loading-collection {
    top: 0;
    right: 0;
  }
  .address-lookup__results-list-item-link {
    overflow: visible;
    white-space: normal;
  }
  .address-lookup__label.checkout__form-group-label {
    display: block;
  }
}
@media (min-width: 768px) and (orientation: portrait) {
  .icon.icon--close-address-lookup {
    top: 13px;
  }
  .checkout__delivery-address-input .icon.icon--close-address-lookup {
    position: absolute;
    top: 13px;
  }
  .checkout__delivery-address-control--visible {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .checkout__delivery-address-input .icon.icon--close-address-lookup {
    top: 34px;
  }
  .checkout__delivery-address-control {
    width: 40%;
  }
}
.pageLabel-checkout-login {
  background-color: #f8f8f8;
}

.checkout-header-full {
  -moz-box-shadow: 0.2px 0.2px 5px #ddd;
  -ms-box-shadow: 0.2px 0.2px 5px #ddd;
  -o-box-shadow: 0.2px 0.2px 5px #ddd;
  -webkit-box-shadow: 0.2px 0.2px 5px #ddd;
  box-shadow: 0.2px 0.2px 5px #ddd;
}
.checkout-header-full.header-v2 {
  display: initial;
}

.checkout__wrapper {
  margin: 0 auto;
  max-width: 1200px;
  margin: 0 auto;
}
.checkout__wrapper::before, .checkout__wrapper::after {
  display: table; /* 2 */
  content: " "; /* 1 */
}
.checkout__wrapper::after {
  clear: both;
}
@media (min-width: 1600px) {
  .checkout__wrapper {
    max-width: 1400px;
  }
}

.checkout__header {
  float: left;
  padding: 1.25vw;
  width: 100%;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 0;
  font-size: 18px;
  font-weight: 100;
}

.checkout__header-title {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

.checkout__header-title-img {
  width: 100%;
  max-width: 160px;
  height: auto;
}

.checkout__header-text {
  margin: 0 auto;
  padding-bottom: 10px;
  text-align: center;
  font-size: 12px;
}

.checkout__header-img {
  display: none;
}

.checkout__sub-header-wrapper {
  display: none;
}

.checkout__subtitle {
  display: none;
  text-align: center;
  letter-spacing: 1px;
  font-size: 24px;
  font-weight: 100;
}

.checkout__softlogin {
  width: 100%;
}

.checkout__login-box {
  float: left;
  padding: 1.25vw;
  width: 100%;
  max-width: none;
  margin-top: 14px;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 14px 15px;
}
.checkout__login-box:last-of-type {
  margin-bottom: 2em;
  margin-left: 0;
}
@media (min-width: 768px) {
  .checkout__login-box:last-of-type {
    margin-left: 2%;
  }
}
.checkout__login-box--signin, .checkout__login-box--forgotten, .checkout__login-box--new-customers {
  padding: 21px 15px;
}
.checkout__login-box--deliverypass, .checkout__login-box--deliverypassadded {
  float: none;
  border: 1px dashed #ddd;
  padding: 14px 32px;
}
.checkout__login-box--deliverypass-renewal {
  float: none;
  margin: 0 auto;
  border: 0 none;
  max-width: none;
  text-align: center;
}

.checkout__form-title {
  margin: 0;
  letter-spacing: 0.5px;
  font-size: 18px;
  font-weight: 400;
}
.checkout__form-title--my-order-login {
  display: none;
}

.page-trackMyOrder .checkout__form-title--login {
  display: none;
}
.page-trackMyOrder .checkout__form-title--my-order-login {
  display: block;
}

.checkout__form-text {
  margin: 21px 0;
}

.checkout__form-link {
  display: block;
  float: right;
}

.checkout__header-wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 320px;
}

.checkout__header-icon {
  padding: 0 5px;
  color: #767676;
}
.checkout__header-icon:first-child {
  display: none;
}
.checkout__header-icon:last-child {
  display: inline-block;
}

.checkout__form-label {
  display: block;
  margin: 7px auto;
  padding: 0;
  max-width: 100%;
  letter-spacing: 0.5px;
  font-weight: 400;
}

.checkout__form-input {
  display: block;
  margin: 0 auto;
  border: 1px solid #ddd;
  border-radius: 0;
  background-color: #f8f8f8;
  width: 100%;
  min-width: auto;
  height: 40px;
  font-size: 14px;
  font-weight: 100;
}
.checkout__form-input--error {
  margin-top: auto;
  border-color: #ff401a;
}
.checkout__form-input--error:focus {
  border-color: #ff401a;
}

.checkout__form-span {
  top: auto;
  bottom: 0;
}

.checkout__form-button {
  width: 100%;
}

.checkout__forgotten-password {
  margin: 14px 0 7px;
}

.checkout__login-boxes {
  padding: 0 1em;
  font-weight: 400;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.checkout__notify {
  margin: 21px 0;
  text-align: center;
}

.checkout__notify-icon {
  display: inline-block;
  padding: 0 7px;
  color: #767676;
  font-size: 18px;
}

@media (min-width: 768px) {
  .checkout__login-boxes {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 744px;
  }
  .checkout {
    margin: 28px 0 160px;
    max-width: none;
  }
  .checkout__header {
    padding: 32px 0;
  }
  .checkout__header-title-img {
    width: auto;
    max-width: 285px;
  }
  .checkout__wrapper {
    margin-bottom: 63px;
  }
  .checkout__login-box {
    width: 50%;
    margin-top: 0;
    padding: 35px 40px;
    max-width: 49%;
    min-height: 400px;
  }
  .checkout__login-box--soft-login {
    float: none;
    margin: 0 auto;
    margin-right: auto;
    width: auto;
  }
  .checkout__login-box:last-child::after::before, .checkout__login-box:last-child::after::after {
    display: table; /* 2 */
    content: " "; /* 1 */
  }
  .checkout__login-box:last-child::after::after {
    clear: both;
  }
  .checkout__login-box--signin {
    float: none;
    margin: 0 auto;
    width: 360px;
  }
  .checkout__login-box--signin:last-of-type {
    margin: 0 auto 2em;
  }
  .checkout__login-box--deliverypass {
    float: none;
    margin: 0 auto;
    width: 360px;
    min-height: 0;
    padding: 23px 50px;
  }
  .checkout__login-box--deliverypass-renewal {
    padding: 14px 32px;
    float: none;
    margin: 0 auto;
    width: 75%;
    max-width: none;
    position: relative;
    bottom: 50px;
  }
  .checkout__login-box--deliverypassadded {
    float: none;
    margin: 14px auto;
    width: 360px;
    min-height: 0;
  }
  .checkout__login-box--forgotten {
    float: none;
    margin: 14px auto;
    width: 360px;
    min-height: auto;
  }
  .checkout-login .checkout__login-box--signin {
    float: left;
    height: fit-content;
  }
  .checkout__softlogin .checkout__login-box--signin {
    float: none;
  }
  .checkout__header-icon:first-child {
    display: inline-block;
    vertical-align: bottom;
  }
  .checkout__header-icon:last-child {
    display: none;
  }
  .checkout__header-wrapper {
    position: relative;
    width: 100%;
    max-width: 735px;
  }
  .checkout__header-wrapper::before, .checkout__header-wrapper::after {
    display: table; /* 2 */
    content: " "; /* 1 */
  }
  .checkout__header-wrapper::after {
    clear: both;
  }
  .checkout__header-text {
    float: left;
    margin: -6px 0 0;
    max-width: 105px;
    font-size: 14px;
  }
  .checkout__header-title {
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    padding: 0;
    width: 300px;
  }
  .checkout__header-img-wrapper {
    display: block;
    float: right;
    width: 83px;
    height: 52px;
  }
  .checkout__header-img {
    display: block;
    width: 100%;
    height: auto;
  }
  .checkout__sub-header-wrapper {
    display: block;
    border: 1px solid #ddd;
    background-color: #fff;
  }
  .checkout__sub-header {
    display: block;
    margin: 0 auto;
    padding: 14px 0;
    width: 100%;
    max-width: 320px;
    overflow: auto;
    list-style-type: none;
  }
  .checkout__sub-header-icon {
    vertical-align: bottom;
  }
  .checkout__sub-header-promo {
    display: block;
    float: left;
    width: 160px;
    text-align: center;
    letter-spacing: 0.5px;
    font-weight: 400;
  }
  .checkout__subtitle {
    display: block;
  }
}
@media (min-width: 1024px) {
  .checkout__header-wrapper {
    max-width: 950px;
  }
  .checkout__login-box--deliverypass-renewal {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .checkout__header-wrapper {
    max-width: 1000px;
  }
}
.checkout__wrapper.login_accordion {
  max-width: 480px;
  width: 100%;
  margin-bottom: 64px;
}
.checkout__wrapper.login_accordion .checkout__login-boxes {
  justify-content: flex-start;
}
.checkout__wrapper.login_accordion .checkout__subtitle {
  text-align: left;
  letter-spacing: 0.1px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  padding: 0;
  margin: 32px 0;
  display: block;
}
.checkout__wrapper.login_accordion .formNewUI {
  min-width: 100% !important;
  border-color: #c6c6c6;
  border-top-color: transparent !important;
  padding: 24px;
  min-height: auto;
  margin: -32px 0 16px 0;
  z-index: 1;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .checkout__wrapper.login_accordion .formNewUI {
    padding: 24px 16px;
  }
}
.checkout__wrapper.login_accordion .formNewUI .checkout__form-text {
  margin: 20px 0 0 0;
  line-height: 20px;
}
.checkout__wrapper.login_accordion .formNewUI .form-group {
  margin: 0;
}
.checkout__wrapper.login_accordion .formNewUI .form-group .checkout__form-label {
  margin: 0 0 8px 0;
  letter-spacing: 0.14px;
  line-height: 20px;
}
.checkout__wrapper.login_accordion .formNewUI .form-group .psdForgot {
  position: relative;
}
.checkout__wrapper.login_accordion .formNewUI .form-group .input {
  padding: 12px;
  height: 48px;
  margin-bottom: 24px;
}
.checkout__wrapper.login_accordion .formNewUI .form-group .form__error-msg {
  bottom: 71px;
}
.checkout__wrapper.login_accordion .formNewUI .form-group .checkout__form-span {
  margin: 12px 0;
  height: 24px;
  top: auto;
  right: 0;
  left: auto;
  bottom: 0;
  min-width: 67px;
  padding: 0 16px;
}
.checkout__wrapper.login_accordion .formNewUI .form-group .checkout__forgotten-password {
  margin: -4px 0 30px 0;
  line-height: normal;
}
.checkout__wrapper.login_accordion .formNewUI .form-group .checkout__forgotten-password .js-password-forgotten {
  text-underline-offset: 6px;
  line-height: 20px;
}
.checkout__wrapper.login_accordion .formNewUI .form-group .checkout__form-button {
  box-shadow: none;
}
.checkout__wrapper.login_accordion .formNewUI.softloginNewUI {
  border-top-color: #c6c6c6 !important;
  margin: 0;
}
.checkout__wrapper.login_accordion .formNewUI.softloginNewUI .checkout__form-title {
  font-size: 20px;
  line-height: 22px;
  letter-spacing: 0.2px;
}
.checkout__wrapper.login_accordion .formNewUI.softloginNewUI .checkout__form-link {
  line-height: 22px;
  text-underline-offset: 5px;
}
.checkout__wrapper.login_accordion .formNewUI.softloginNewUI .checkout__form-text {
  margin: 12px 0 32px 0;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.16px;
}
.checkout__wrapper.login_accordion .radioButtons {
  line-height: 24px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
}
.checkout__wrapper.login_accordion .radioButtons .border_added {
  border-color: #c6c6c6 !important;
}
.checkout__wrapper.login_accordion .radioButtons .delText {
  padding-left: 36px;
  letter-spacing: 0.16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  display: block;
}
.checkout__wrapper.login_accordion .radioButtons .returningContainer, .checkout__wrapper.login_accordion .radioButtons .guestContainer {
  position: relative;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  max-width: 480px;
  width: 100%;
  height: auto;
  background: #fff;
  border: 1px solid #ddd;
  margin-bottom: 16px;
}
.checkout__wrapper.login_accordion .radioButtons .returningContainer input[type=radio], .checkout__wrapper.login_accordion .radioButtons .guestContainer input[type=radio] {
  opacity: 0;
  appearance: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  cursor: pointer;
}
.checkout__wrapper.login_accordion .radioButtons .returningContainer .checkout__form-title, .checkout__wrapper.login_accordion .radioButtons .guestContainer .checkout__form-title {
  font-size: 20px !important;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.2px;
  margin-bottom: 24px;
}
.checkout__wrapper.login_accordion .radioButtons .delLabel {
  position: relative;
  line-height: normal;
}
.checkout__wrapper.login_accordion .radioButtons .delLabel::before {
  position: absolute;
  top: 1px;
  left: 2px;
  display: inline-block;
  height: 20px;
  width: 20px;
  overflow: hidden;
  content: url("../image/icons/radio_default.svg");
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.checkout__wrapper.login_accordion .radioButtons input[type=radio]:checked + .delLabel::before {
  border-color: #000;
}
.checkout__wrapper.login_accordion .radioButtons input[type=radio]:checked + .delLabel::after {
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 2px;
  height: 20px;
  width: 20px;
  content: url("../image/icons/radio_checked.svg");
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

.checkout__header_v2 {
  display: flex;
  padding: 0 40px;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
  height: 68px;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 767px) {
  .checkout__header_v2 {
    padding: 12px 16px;
  }
}
@media (min-width: 768px) {
  .checkout__header_v2 {
    height: 80px;
  }
}
.checkout__header_v2.order-confirmation {
  position: sticky;
}
@media (max-width: 767px) {
  .checkout__header_v2.order-confirmation {
    border-bottom: none;
  }
}
.checkout__header-logo {
  width: 106.4px;
  height: 53.2px;
  background: url("../image/header/New_Look_Header.svg") center no-repeat;
}
@media (max-width: 767px) {
  .checkout__header-logo {
    width: 76px;
    height: 40px;
    background: url("../image/header/New_Look_Header_Mobile.svg") center no-repeat;
  }
}
.checkout__header-tracker {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 64px;
  z-index: 0;
}
.checkout__header-tracker.order-confirmation::before, .checkout__header-tracker.order-confirmation::after {
  background: #3c3c3c;
}
.checkout__header-tracker.tick::before {
  background: #3c3c3c;
}
.checkout__header-tracker.tick.payment-tick::after {
  background: #3c3c3c;
}
.checkout__header-tracker::before, .checkout__header-tracker::after {
  width: 93px;
  height: 1px;
  background: #c6c6c6;
  position: absolute;
  content: "";
  z-index: -1;
}
@media (max-width: 767px) {
  .checkout__header-tracker::before, .checkout__header-tracker::after {
    width: 53px;
  }
}
.checkout__header-tracker::before {
  top: 12px;
  left: 33px;
}
.checkout__header-tracker::after {
  top: 12px;
  right: 33px;
}
@media (max-width: 767px) {
  .checkout__header-tracker::after {
    width: 57px;
  }
}
.checkout__header-tracker.deSite::after {
  width: 120px;
}
@media (max-width: 767px) {
  .checkout__header-tracker.deSite::after {
    width: 84px;
  }
}
@media (max-width: 767px) {
  .checkout__header-tracker {
    gap: 24px;
  }
}
.checkout__header-tracker .tracking-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}
.checkout__header-tracker .tracking-component .tracking-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 90px;
  background: #3c3c3c url("../image/header/tracker-circle-black.svg") no-repeat center;
}
.checkout__header-tracker .tracking-component .tracking-circle label {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 6px;
  height: 20px;
}
.checkout__header-tracker .tracking-component .tracking-circle.order-confirmation {
  background: #3c3c3c url("../image/header/header-check.svg") no-repeat center;
}
.checkout__header-tracker .tracking-component .tracking-circle.order-confirmation label {
  display: none;
}
.checkout__header-tracker .tracking-component.delivery.tick .tracking-circle {
  background: #3c3c3c url("../image/header/header-check.svg") no-repeat center;
}
.checkout__header-tracker .tracking-component.delivery.tick .tracking-circle label {
  display: none;
}
.checkout__header-tracker .tracking-component.payment .tracking-circle {
  background: #fff url("../image/header/tracker-circle-grey.svg") no-repeat center;
}
.checkout__header-tracker .tracking-component.payment .tracking-circle label {
  color: #c6c6c6;
}
.checkout__header-tracker .tracking-component.payment .tracker-label {
  color: #c6c6c6;
}
.checkout__header-tracker .tracking-component.payment.delivery-tick .tracking-circle {
  background: #3c3c3c url("../image/header/tracker-circle-black.svg") no-repeat center;
}
.checkout__header-tracker .tracking-component.payment.delivery-tick .tracking-circle label {
  color: #fff;
}
.checkout__header-tracker .tracking-component.payment.delivery-tick .tracker-label {
  color: #3c3c3c;
}
.checkout__header-tracker .tracking-component.payment.delivery-tick.payment-tick .tracking-circle {
  background: #3c3c3c url("../image/header/header-check.svg") no-repeat center;
}
.checkout__header-tracker .tracking-component.payment.delivery-tick.payment-tick .tracking-circle label {
  display: none;
}
.checkout__header-tracker .tracking-component.complete .tracking-circle {
  background: #fff url("../image/header/tracker-circle-grey.svg") no-repeat center;
}
.checkout__header-tracker .tracking-component.complete .tracking-circle label {
  color: #c6c6c6;
}
.checkout__header-tracker .tracking-component.complete .tracker-label {
  color: #c6c6c6;
}
.checkout__header-tracker .tracking-component.complete.payment-tick .tracking-circle {
  background: #3c3c3c url("../image/header/tracker-circle-black.svg") no-repeat center;
}
.checkout__header-tracker .tracking-component.complete.payment-tick .tracking-circle label {
  color: #fff;
}
.checkout__header-tracker .tracking-component.complete.payment-tick .tracker-label {
  color: #3c3c3c;
}
.checkout__header-secure-checkout-container {
  display: flex;
  height: 51.12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
@media (max-width: 767px) {
  .checkout__header-secure-checkout-container {
    display: none;
  }
}
.checkout__header-secure-checkout-container .secure-checkout-text {
  color: #c6c6c6;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.checkout-header-full.header-v2 + .alert.content {
  margin-top: 68px;
}
@media (min-width: 768px) {
  .checkout-header-full.header-v2 + .alert.content {
    margin-top: 80px;
  }
}

.consent-createform_save .label_wrapper {
  display: flex;
  align-items: center;
}
.consent-createform_save input {
  position: absolute;
  opacity: 0;
  margin: 10px 0 16px -12px;
  width: 24px;
  height: 24px;
  background-color: #fff;
  z-index: 1;
  cursor: pointer;
}
.consent-createform_save input:checked ~ .checkmark:after {
  display: block;
}
.consent-createform_save .checkmark {
  position: absolute;
  border: solid 1px #ddd;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 10px 0 16px -12px;
}
.consent-createform_save .checkmark:after {
  width: 24px;
  height: 24px;
  border: solid #3c3c3c;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.consent-createform_save .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.consent-createform_save .checkmark {
  border: none;
  width: 24px;
  height: 24px;
  background: url(../image/checkout/create-account-marketing-consent-checkbox.svg) center no-repeat;
}
.consent-createform_save input[type=checkbox]:checked + .checkmark {
  background: url(../image/checkout/create-account-marketing-consent-checkbox-checked.svg) center no-repeat;
}
.consent-createform_save input[type=checkbox]:checked + .checkmark::after {
  content: none;
}
.consent-createform_save label {
  color: #757575;
  line-height: 22px;
  font-size: 14px;
  margin: 10px 0 16px 24px;
}
.consent-createform_save .termsAndConditionText {
  color: #757575;
  font-size: 12px;
  margin-left: 24px;
}
.consent-createform_save a, .consent-createform_save b {
  color: #1C1C1C;
  font-weight: 500;
}
.consent-createform_save .termsAndConditionsLink.privacy {
  display: none;
}
.consent-createform_save .termsAndConditionsLink.privacy.UKPayments, .consent-createform_save .termsAndConditionsLink.privacy.FRPayments, .consent-createform_save .termsAndConditionsLink.privacy.ROWPayments {
  display: inline;
}

.live-chat-container {
  margin: 14px 0;
}

@media (min-width: 1024px) {
  .live-chat-container {
    position: fixed;
    bottom: 0;
    left: 20px;
    z-index: 500;
    margin: 0;
  }
}
.pudo-sort__list {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
}

.pudo-sort__item {
  position: relative;
  float: left;
  margin: 0 5% 0 0;
  width: 30%;
  min-height: 76px;
  vertical-align: middle;
}
.pudo-sort__item:last-child {
  margin: 0;
}

.pudo-sort__label {
  -moz-box-shadow: 2px 2px 0 0 #ddd;
  -ms-box-shadow: 2px 2px 0 0 #ddd;
  -o-box-shadow: 2px 2px 0 0 #ddd;
  -webkit-box-shadow: 2px 2px 0 0 #ddd;
  box-shadow: 2px 2px 0 0 #ddd;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 90;
  border: 1px solid #c6c6c6;
  background-color: #fff;
  cursor: pointer;
  padding: 7px 0;
  width: 100%;
  min-height: 76px;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  color: #3c3c3c;
  font-weight: 600;
}
.pudo-sort__label--selected {
  border-width: 0;
  background-color: #000;
  color: #fff;
}
.pudo-sort__label--selected span:first-child::after {
  border-bottom: 1px #fff solid;
}

.pudo-sort__span {
  display: table-cell;
  width: 220px;
  height: 65px;
  vertical-align: middle;
  font-size: 11px;
}

.pudo-sort__input {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pudo-sort__input[type=radio] {
  opacity: 0.011;
  z-index: 100;
}
.pudo-sort__input[type=radio]:checked + label {
  background: #000;
}

.pudo-sort__checkbox {
  display: inline-block;
  margin: 30px 0;
  width: 100%;
}

.pudo-sort__nofilter {
  margin: 0 0 30px;
}

.pudo-selection__img {
  margin-top: 0;
  max-width: 133px;
}

.pudo-selection__icon {
  position: absolute;
  top: 0;
  left: -30px;
}

.pudo-selection__name {
  position: relative;
  margin: 7px 0 0;
}

.pudo-selection__address {
  margin: 7px 0;
}

.pudo-selection__type {
  margin: 7px 0;
}

.pudo-selection__cutoff {
  color: #ff401a;
}

.pudo-selection__price {
  margin: -7px 0;
}

.pudo-selection__colFrom {
  margin: 7px 0;
}

.pudo-selection__link {
  padding-right: 30px;
  font-weight: 400;
}

.pudo-selection__time {
  display: inline-block;
  background: #fbf3ce;
  padding: 21px;
  width: 100%;
}

.pudo-selection__details {
  display: inline-block;
  margin: 21px 0 0;
  border-top: 1px solid #c6c6c6;
  padding: 14px 0 0;
  width: 100%;
}
.pudo-selection__details .select {
  width: 50%;
}

.pudo-selection__divider {
  display: block;
}

.iphone-label-click {
  pointer-events: none;
}

.pudo-collection-info strong {
  font-weight: 300;
}

@media (min-width: 768px) {
  .pudo-selection__divider {
    display: none;
  }
}
@media (min-width: 1024px) {
  .pudo-sort__span {
    width: 90px;
  }
}
.side-panel-wrapper {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  overflow: hidden;
}

.side-panel {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1000;
  background: #fff;
}

.side-panel__header {
  position: relative;
  background: #fff;
  padding: 0 10px;
  height: 40px;
  text-align: right;
  box-sizing: inherit;
}
.side-panel__header--hidden {
  display: none;
}

.side-panel__content {
  height: 98%;
  height: calc(100% - 55px);
}

.side-panel--pay-in-three {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
  border-left: none !important;
}
.side-panel--pay-in-three .side-panel__content {
  height: 100%;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal {
  display: flex;
  padding: 0 16px 0 16px;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  height: 100%;
  overflow-y: auto;
}
@media (min-width: 768px) {
  .side-panel--pay-in-three .side-panel__content .pay-in-three-modal {
    width: 480px;
    padding: 0 32px;
  }
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal.fabric-alignment {
  font-family: "GT Walsheim", "Helvetica", "Arial", sans-serif;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal.fabric-alignment span, .side-panel--pay-in-three .side-panel__content .pay-in-three-modal.fabric-alignment p, .side-panel--pay-in-three .side-panel__content .pay-in-three-modal.fabric-alignment a, .side-panel--pay-in-three .side-panel__content .pay-in-three-modal.fabric-alignment .paypal-sticky-button, .side-panel--pay-in-three .side-panel__content .pay-in-three-modal.fabric-alignment .klarna-sticky-button, .side-panel--pay-in-three .side-panel__content .pay-in-three-modal.fabric-alignment button {
  color: #1c1c1c !important;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-close-button-container {
  position: absolute;
  display: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
  top: 20px;
  left: 544px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  border-radius: 16px;
  background: #fff;
}
@media (min-width: 768px) {
  .side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-close-button-container {
    display: flex;
  }
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-close-button-container .pay-in-three-close-button {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: url("../image/payment/pay-in-three-close.svg") center no-repeat;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767px) {
  .side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-header {
    width: 293px;
  }
}
@media (min-width: 768px) {
  .side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-header {
    align-self: stretch;
  }
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-header .pay-in-three-tabs {
  position: relative;
  display: flex;
  height: 72px;
  align-items: flex-start;
  flex: 1 0 0;
  border-bottom: 1px solid #ececec;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-header .pay-in-three-tabs:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 50%;
  height: 2px;
  left: 0;
  background: #3c3c3c;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  transition: all 0.2s ease-in;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-header .pay-in-three-tabs--right-corder:after {
  left: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-header .pay-in-three-tabs--hideKlarna:after {
  display: none;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-header .pay-in-three-tabs .pay-in-three-tab {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  height: 100%;
  cursor: pointer;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-header .pay-in-three-tabs .pay-in-three-tab .pay-in-three-label {
  display: flex;
  height: 24px;
  padding: 0 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767px) {
  .side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-header .pay-in-three-tabs .pay-in-three-tab .pay-in-three-label {
    flex-shrink: 0;
  }
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-header .pay-in-three-tabs .pay-in-three-tab .pay-in-three-label .pay-in-three-klarna-logo {
  display: flex;
  width: 35.833px;
  height: 20px;
  justify-content: center;
  align-items: center;
  background: url("../image/payment/klarna-pay-in-three-tab-logo.svg") center no-repeat;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-header .pay-in-three-tabs .pay-in-three-tab .pay-in-three-label .pay-in-three-paypal-logo {
  display: flex;
  width: 54.667px;
  height: 16px;
  justify-content: center;
  align-items: center;
  background: url("../image/payment/paypal-pay-in-three-tab-logo.svg") center no-repeat;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content {
  display: flex;
  width: 293px;
  height: 100%;
  padding-bottom: 0;
  flex-direction: column;
}
@media (min-width: 768px) {
  .side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content {
    width: 100%;
  }
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content .letter-spacing-0 {
  letter-spacing: 0;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content .modal-height-100 {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna {
  align-items: center;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna--hidden {
  display: none;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .klarna-sticky-button-container {
  display: flex;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  padding: 24px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #ececec;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .klarna-sticky-button-container .klarna-sticky-button {
  display: flex;
  width: 120px;
  height: 40px;
  padding: 5px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid #3c3c3c;
  background: #fff;
  color: #3c3c3c;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description {
  display: flex;
  padding-top: 24px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding-bottom: 90px;
}
@media (min-width: 768px) {
  .side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description {
    padding-top: 32px;
  }
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description .choose-klarna-text {
  align-self: stretch;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description .klarna-multiple-lines {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description .klarna-multiple-lines .klarna-para {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description .klarna-multiple-lines .klarna-para .klarna-bullet {
  width: 24px;
  height: 24px;
  background: url("../image/payment/klarna-bullet.svg") center no-repeat;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description .klarna-multiple-lines .klarna-para .klarna-para-container {
  display: flex;
  padding-top: 2px;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description .klarna-multiple-lines .klarna-para .klarna-para-container .klarna-para-line-text {
  flex: 1 0 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description .klarna-multiple-lines .klarna-para .klarna-para-container .klarna-para-line-text--last-four {
  line-height: 20px;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description .klarna-multiple-lines .klarna-para .klarna-para-line-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description .klarna-multiple-lines .klarna-para .klarna-para-line-wrap .klarna-para-line-wrap-frame {
  display: flex;
  padding-top: 2px;
  align-items: center;
  gap: 4px;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description .klarna-multiple-lines .klarna-para .klarna-para-line-wrap .klarna-para-line-wrap-frame .klarna-para-line-wrap-frame-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description .klarna-multiple-lines .klarna-para .klarna-para-line-wrap .klarna-para-line-wrap-frame .klarna-para-line-wrap-frame-text span {
  font-weight: 900;
  color: #0A0B09;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description .klarna-disclaimer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description .klarna-disclaimer .klarna-disclaimer-text, .side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description .klarna-disclaimer .klarna-disclaimer-link {
  align-self: stretch;
  color: #767676;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description .klarna-disclaimer .klarna-disclaimer-text .klarna-anchor-link, .side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--klarna .pay-in-three-klarna-description .klarna-disclaimer .klarna-disclaimer-link .klarna-anchor-link {
  color: #3c3c3c;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal {
  align-items: flex-start;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal--hidden {
  display: none;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .paypal-sticky-button-container {
  display: flex;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  padding: 24px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #ececec;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .paypal-sticky-button-container .paypal-sticky-button {
  display: flex;
  width: 120px;
  height: 40px;
  padding: 5px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid #3c3c3c;
  background: #fff;
  color: #3c3c3c;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description {
  display: flex;
  padding-top: 24px;
  padding-bottom: 90px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
@media (min-width: 768px) {
  .side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description {
    padding-top: 32px;
  }
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .choose-paypal-text {
  align-self: stretch;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-payment-installments {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}
@media (min-width: 768px) {
  .side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-payment-installments {
    gap: 64px;
  }
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-payment-installments .installment-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-payment-installments .installment-container circle {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-payment-installments .installment-container circle.circle-chart__circle {
  animation: circle-chart-fill-1 1s reverse;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-payment-installments .installment-container circle.circle-chart__circle2 {
  animation: circle-chart-fill-2 1.2s reverse;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-payment-installments .installment-container circle.circle-chart__circle3 {
  animation: circle-chart-fill-3 1.4s reverse;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-payment-installments .installment-container .installment-text-container {
  display: flex;
  width: 64px;
  flex-direction: column;
  align-items: flex-start;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-payment-installments .installment-container .installment-text-container .installment-amount {
  align-self: stretch;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-payment-installments .installment-container .installment-text-container .installment-text {
  align-self: stretch;
  color: #767676;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-multiple-lines {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-multiple-lines .paypal-para {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-multiple-lines .paypal-para .paypal-bullet-container {
  display: flex;
  width: 24px;
  height: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-multiple-lines .paypal-para .paypal-bullet-container .paypal-bullet {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background-color: #ececec;
  border-radius: 50%;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-multiple-lines .paypal-para .paypal-bullet-container .paypal-bullet-text {
  display: flex;
  width: 24px;
  height: 24px;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  color: #3c3c3c;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-multiple-lines .paypal-para .paypal-para-text {
  display: flex;
  padding-top: 2px;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-multiple-lines .paypal-para .paypal-para-text--not_first {
  line-height: 20px;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-disclaimer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-disclaimer .paypal-disclaimer-text {
  align-self: stretch;
  color: #767676;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-disclaimer .paypal-disclaimer-link {
  align-self: stretch;
  color: #3c3c3c;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-sticky-button-container {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  padding: 24px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #ececec;
}
@media (min-width: 768px) {
  .side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-sticky-button-container {
    width: 100%;
  }
}
.side-panel--pay-in-three .side-panel__content .pay-in-three-modal .pay-in-three-content--paypal .pay-in-three-paypal-description .paypal-sticky-button-container .paypal-sticky-button {
  display: flex;
  width: 120px;
  height: 40px;
  padding: 5px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid #3c3c3c;
  background: #fff;
}

.side-panel__iframe {
  border: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.side-panel__close {
  display: inline-block;
  position: absolute;
  right: 0;
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #3c3c3c;
  font-size: 20px;
}
.side-panel__close:hover {
  color: #999;
}

.side-panel__overlay {
  -moz-transition: opacity .3s ease;
  -ms-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 999;
  background: #ececec;
}
.side-panel__overlay--visible {
  visibility: visible;
  opacity: 0.85;
}
.side-panel__overlay--active {
  /*margin-right: 15px;
  overflow: hidden;
  position: fixed;*/
}

.side-panel__button {
  display: inline-block;
  position: relative;
  outline: none;
  cursor: pointer;
  padding: 10px 16px;
}

@media (min-width: 320px) {
  .side-panel {
    width: 100%;
    max-width: 400px;
  }
  .side-panel--left {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 0;
    margin-left: -50px;
    border-right: 1px solid #c4c5c5;
    padding-left: 50px;
  }
  .side-panel--left.side-panel--visible {
    -moz-animation: open-side-panel--left .3s linear forwards;
    -ms-animation: open-side-panel--left .3s linear forwards;
    -o-animation: open-side-panel--left .3s linear forwards;
    -webkit-animation: open-side-panel--left .3s linear forwards;
    animation: open-side-panel--left .3s linear forwards;
  }
  .side-panel--left.side-panel--hide {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -moz-animation: close-side-panel--left .3s linear forwards;
    -ms-animation: close-side-panel--left .3s linear forwards;
    -o-animation: close-side-panel--left .3s linear forwards;
    -webkit-animation: close-side-panel--left .3s linear forwards;
    animation: close-side-panel--left .3s linear forwards;
  }
  .side-panel--right {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    right: 0;
    margin-right: -50px;
    border-left: 1px solid #c4c5c5;
    padding-right: 50px;
  }
  .side-panel--right.side-panel--visible {
    -moz-animation: open-side-panel--right .3s linear forwards;
    -ms-animation: open-side-panel--right .3s linear forwards;
    -o-animation: open-side-panel--right .3s linear forwards;
    -webkit-animation: open-side-panel--right .3s linear forwards;
    animation: open-side-panel--right .3s linear forwards;
  }
  .side-panel--right.side-panel--hide {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -moz-animation: close-side-panel--right .3s linear forwards;
    -ms-animation: close-side-panel--right .3s linear forwards;
    -o-animation: close-side-panel--right .3s linear forwards;
    -webkit-animation: close-side-panel--right .3s linear forwards;
    animation: close-side-panel--right .3s linear forwards;
  }
  .side-panel--sm {
    width: 33.3333333333%;
    min-width: 270px;
  }
}
@media (min-width: 560px) {
  .side-panel {
    max-width: none;
  }
  .side-panel--md, .side-panel--lg {
    width: 66.6666666667%;
    min-width: 510px;
  }
}
@media (min-width: 1024px) {
  .side-panel__header {
    height: 50px;
  }
  .side-panel--md {
    width: 33.3333333333%;
  }
  .side-panel--lg {
    width: 66.6666666667%;
  }
}
@-webkit-keyframes open-side-panel--right {
  0% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes open-side-panel--right {
  0% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes open-side-panel--right {
  0% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes open-side-panel--right {
  0% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes close-side-panel--right {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-moz-keyframes close-side-panel--right {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-o-keyframes close-side-panel--right {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes close-side-panel--right {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes open-side-panel--left {
  0% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes open-side-panel--left {
  0% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes open-side-panel--left {
  0% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes open-side-panel--left {
  0% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes close-side-panel--left {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-moz-keyframes close-side-panel--left {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-o-keyframes close-side-panel--left {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes close-side-panel--left {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes circle-chart-fill-1 {
  0% {
    stroke-dasharray: 33 100;
  }
  100% {
    stroke-dasharray: 0 100;
  }
}
@keyframes circle-chart-fill-2 {
  0% {
    stroke-dasharray: 66 100;
  }
  100% {
    stroke-dasharray: 0 100;
  }
}
@keyframes circle-chart-fill-3 {
  0% {
    stroke-dasharray: 100 100;
  }
  100% {
    stroke-dasharray: 0 100;
  }
}
.side-bar {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  min-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}
.side-bar::-webkit-scrollbar {
  padding-right: 3px;
}
.side-bar > main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
}
.side-bar .header-cart__title {
  padding: 0;
  text-align: left;
}
.side-bar .header-cart__title::before, .side-bar .header-cart__title::after {
  display: none;
}
.side-bar .bag-page {
  margin-bottom: 120px;
}
.side-bar .bag-page .cart-top-promos {
  display: none;
}
.side-bar .bag-page .cart-top-promo {
  display: block;
  padding: 3.5px 0;
}
.side-bar .bag-page .cart-top-promo__title {
  margin: 0;
}
.side-bar .product-details-page .cart-top-promo {
  display: block;
}
.side-bar .bag-footer--sticky {
  position: fixed;
  right: 20px;
  bottom: 0;
  left: 3.75vw;
  z-index: 999;
  margin-bottom: 0;
  background-color: #fff;
  width: auto;
}
.side-bar .bag-items {
  margin-top: 0;
}

.side-bar__bag-header--fixed {
  position: relative;
  top: 0;
  right: 20px;
  left: 0;
  z-index: 10;
  background-color: #fff;
}

@media (max-width: 400px) {
  .side-bar .bag-items {
    margin-top: 0;
  }
  .side-bar .bag-item {
    border-bottom: 0 none;
    padding-left: 0;
  }
  .side-bar .bag-item__col--image {
    display: none;
  }
  .side-bar .bag-item__controls {
    display: none;
  }
}
@media (min-width: 401px) {
  .side-bar .bag-page .cart-top-promos {
    display: block;
    margin: 0 0 28px;
    border: 0 none;
  }
  .side-bar .bag-footer--sticky {
    left: 2.5vw;
  }
}
.consent-request {
  margin: 28px 0 105px;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 14px 21px 21px;
}

.consent-request__header {
  text-align: center;
  margin: 28px auto 21px;
  font-size: 24px;
  font-weight: 100;
}

.consent-request__intro {
  text-align: center;
  margin-bottom: 28px;
}

.consent-request__title {
  display: inline-block;
  margin: 0;
  letter-spacing: 0.5px;
  font-size: 18px;
  font-weight: 400;
}

.consent-request__title__icon {
  margin-right: 10px;
}

.consent-request-label {
  display: block;
  margin: 7px auto;
  padding: 0;
  max-width: 100%;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 400;
}

.consent-request__paragraph {
  font-size: 16px;
  margin-bottom: 0;
}

.consent-request__button {
  margin-top: 21px;
}
.consent-request__button--expired {
  margin-top: 91px;
  margin-bottom: 42px;
}
.consent-request__button--optin {
  margin-top: 7px;
}

.consent-request__resend {
  border: 0;
  padding: 0;
  background: 0;
}

#verifyEmailForm .form-group {
  margin-top: 14px;
}

@media (min-width: 1024px) {
  .consent-request {
    width: 50%;
    padding: 35px 42px 42px;
    max-width: 49%;
    float: none;
    margin: 35px auto;
    width: 360px;
    min-height: auto;
  }
  .consent-request__button--expired {
    margin-top: 125px;
  }
}
.slick-vertical-nav-button {
  width: 100%;
  height: 22px;
}
.slick-vertical-nav-button.slick-nav-prev {
  margin-bottom: 5px;
}
.slick-vertical-nav-button.slick-nav-next {
  margin-top: 5px;
}
.slick-vertical-nav-button .slick-next,
.slick-vertical-nav-button .slick-prev {
  cursor: pointer;
  font-size: 18px;
  pointer-events: all;
  position: absolute;
  left: 39%;
  height: 22px;
}
.slick-vertical-nav-button .slick-next--horizontal,
.slick-vertical-nav-button .slick-prev--horizontal {
  left: 34%;
  font-size: 10px;
  height: 11px;
}
.slick-vertical-nav-button .slick-prev {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.slick-vertical-nav-button.slick-disabled .slick-next,
.slick-vertical-nav-button.slick-disabled .slick-prev {
  cursor: auto;
  color: #c6c6c6;
  pointer-events: none;
}

.slick-carousel {
  visibility: hidden;
}
.slick-carousel.slick-initialized {
  visibility: visible;
}

.slick-nav-button {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  padding: 0;
  height: 50px;
  width: 50px;
  pointer-events: none;
  z-index: 10;
}
.slick-nav-button .slick-next,
.slick-nav-button .slick-prev {
  position: absolute;
  top: 50%;
  transition: opacity 0.3s;
  opacity: 0;
  margin-top: -1.25em;
  cursor: pointer;
  padding: 1em 1em 1em 0;
  text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.6), 1px -1px 0 rgba(255, 255, 255, 0.6), -1px 1px 0 rgba(255, 255, 255, 0.6), 1px 1px 0 rgba(255, 255, 255, 0.6);
  font-size: 24px;
  pointer-events: all;
}
.slick-nav-button .slick-next .slick-next,
.slick-nav-button .slick-prev .slick-next {
  padding: 1em 0 1em 1em;
}
.slick-slider:hover .slick-nav-button .slick-next, .slick-slider:active .slick-nav-button .slick-next,
.slick-slider:hover .slick-nav-button .slick-prev,
.slick-slider:active .slick-nav-button .slick-prev {
  opacity: 0.6;
}
.slick-slider .slick-nav-button .slick-next:hover, .slick-slider .slick-nav-button .slick-next:active,
.slick-slider .slick-nav-button .slick-prev:hover,
.slick-slider .slick-nav-button .slick-prev:active {
  opacity: 1;
}
.slick-nav-button .slick-next {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: auto;
  right: 0;
}
.slick-nav-button.slick-disabled .slick-next,
.slick-nav-button.slick-disabled .slick-prev {
  cursor: auto;
  color: #767676;
}
.slick-slider .slick-nav-button.slick-disabled .slick-next:hover, .slick-slider .slick-nav-button.slick-disabled .slick-next:active,
.slick-slider .slick-nav-button.slick-disabled .slick-prev:hover,
.slick-slider .slick-nav-button.slick-disabled .slick-prev:active {
  opacity: 0.6;
}
.slick-nav-button.slick-nav-next {
  right: 0;
}

.slick-slide {
  outline: 0;
}
.slick-slide img {
  width: 100%;
  outline: 0;
}
.slick-slide a {
  outline: 0;
}

.slick-dots {
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
  position: relative;
}
.slick-dots button {
  display: none;
}
.slick-dots > li {
  display: inline-block;
  position: relative;
  margin: 7px;
  border-radius: 50%;
  background: #999;
  cursor: pointer;
  width: 10px;
  height: 10px;
  z-index: 99;
}
.slick-dots > li::after {
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  content: "";
}
.slick-dots > li.slick-active {
  background-color: #3c3c3c;
}

.carousel-component--new .slick-slider:hover .slick-nav-button .slick-next,
.carousel-component--new .slick-slider:hover .slick-nav-button .slick-prev,
.carousel-component--new .slick-slider:active .slick-nav-button .slick-next,
.carousel-component--new .slick-slider:active .slick-nav-button .slick-prev {
  opacity: 1;
}
.carousel-component--new .slick-slide {
  margin: 16px 8px;
  height: auto;
}
.carousel-component--new .slick-slide > div {
  height: 100%;
}
.carousel-component--new .slick-list {
  padding: -8px;
  margin: 0 -7px;
}
.carousel-component--new .slick-track {
  display: flex;
}
.carousel-component--new .slick-nav-button {
  height: 36px;
  width: 36px;
  margin-top: -29.5px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}
.carousel-component--new .slick-nav-button:hover {
  background-color: #696969;
}
.carousel-component--new .slick-nav-button:hover .slick-next::after,
.carousel-component--new .slick-nav-button:hover .slick-prev::after {
  background: url("../image/icons/icon-chevron-left-white.svg") no-repeat center;
}
.carousel-component--new .slick-nav-button.slick-disabled {
  opacity: 0;
}
.carousel-component--new .slick-nav-button.slick-nav-next {
  right: -15px;
}
.carousel-component--new .slick-nav-button.slick-nav-prev {
  left: -15px;
}
.carousel-component--new .slick-nav-button .slick-next,
.carousel-component--new .slick-nav-button .slick-prev {
  font-size: 0;
  padding: 0;
  height: 36px;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}
.carousel-component--new .slick-nav-button .slick-next::before,
.carousel-component--new .slick-nav-button .slick-prev::before {
  display: none;
}
.carousel-component--new .slick-nav-button .slick-next::after,
.carousel-component--new .slick-nav-button .slick-prev::after {
  content: "";
  min-width: 100%;
  margin-right: 3px;
  height: 12px;
  background: url("../image/icons/icon-chevron-left.svg") no-repeat center;
  background-size: contain;
}
.carousel-component--new .slick-dots {
  margin: 24px 0 0;
  line-height: 6px;
  display: flex;
  height: 6px;
  justify-content: center;
}
.carousel-component--new .slick-dots > li {
  margin: 0 4px;
  width: 6px;
  height: 6px;
  transition: width 0.5s, border-radius 0.5s;
}
.carousel-component--new .slick-dots > li::after {
  display: none;
}
.carousel-component--new .slick-dots > li.slick-active {
  width: 24px;
  border-radius: 4px;
}
@media (min-width: 768px) {
  .carousel-component--new .slick-slide {
    margin: 16px 10px;
  }
  .carousel-component--new .slick-list {
    padding: -10px;
    margin: 0 -9px;
  }
}
@media (min-width: 1024px) {
  .carousel-component--new .slick-slide {
    margin: 16px 13px;
  }
  .carousel-component--new .slick-list {
    padding: -13px;
    margin: 0 -12px;
  }
}

.search-content {
  padding: 0 1.25vw;
}

.search__headline {
  margin-bottom: 21px;
  padding-bottom: 14px;
}

.search__suggestion {
  margin-bottom: 28px;
  text-align: center;
}

.search__suggestion-description {
  font-style: italic;
}

.search-filter__select {
  margin-bottom: 21px;
}

.search-filter__list {
  display: none;
  margin: 28px 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
}
.search-filter__list > li:last-of-type {
  margin-right: 0;
}

.search-filter__item {
  -moz-box-shadow: 2px 2px 0 0 #ddd;
  -ms-box-shadow: 2px 2px 0 0 #ddd;
  -o-box-shadow: 2px 2px 0 0 #ddd;
  -webkit-box-shadow: 2px 2px 0 0 #ddd;
  box-shadow: 2px 2px 0 0 #ddd;
  display: inline-block;
  position: relative;
  margin-right: 1em;
  border: 1px solid #c6c6c6;
  background-color: #fff;
  padding: 7px;
  min-width: 165px;
  text-align: center;
  color: #3c3c3c;
}
.search-filter__item:hover {
  cursor: pointer;
}
.search-filter__item--content {
  background-color: #f8f8f8;
}
.search-filter__item--selected {
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 0;
  background-color: #000;
  color: #fff;
}
.search-filter__item--selected > a {
  color: #fff;
}
.search-filter__item > a {
  cursor: pointer;
}

.search-filter__title {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  pointer-events: none;
}

.search-filter__count {
  display: block;
  pointer-events: none;
}

@media (min-width: 1024px) {
  .search-filter {
    text-align: center;
  }
  .search-filter__select {
    display: none;
  }
  .search-filter__list {
    display: block;
  }
}
.table-wrapper {
  position: relative;
}
.table-wrapper table {
  width: 100%;
}
.table-wrapper table th,
.table-wrapper table td {
  border: 1px solid #ddd;
  padding: 21px 11px;
  text-align: left;
}
.table-wrapper table th {
  background: #ececec;
}
.table-wrapper table thead {
  background: #ececec;
  font-weight: 600;
}
.table-wrapper table tr:nth-child(even) {
  background: #f8f8f8;
}

.table-wrapper__table-container {
  overflow-x: auto;
}

.table-wrapper__fade-out {
  -moz-background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
  -ms-background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
  -o-background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
  -webkit-background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
}

.table-wrapper__more-arrow {
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  position: absolute;
  top: 25%;
  right: 0;
}

.table-wrapper__left-handed th {
  width: 110px;
  min-width: 110px;
  max-width: 110px;
}

.table-wrapper__sticky-left-hand-header {
  position: absolute;
  top: 0;
  left: 0;
}

.responsive-table__price {
  min-width: 70px;
}

.progress {
  position: relative;
  margin: 21px auto 0;
  width: 280px;
}
.progress::before {
  position: absolute;
  top: 1.5em;
  right: 0;
  left: 0;
  z-index: -1;
  border-top: 1px solid #c6c6c6;
  content: "";
}

.progress__item {
  display: inline-block;
  position: relative;
  margin: 0 3.1em;
  border-radius: 100%;
  background-color: #c6c6c6;
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  color: #fff;
}
.progress__item::before, .progress__item::after {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #fff;
  width: 8px;
  content: "";
}
.progress__item::before {
  left: -8px;
}
.progress__item::after {
  right: -8px;
}
.progress__item:first-child {
  margin-left: 0;
}
.progress__item:last-child {
  margin-right: 0;
}
.progress__item--active {
  border: 2px solid #000;
  background-color: #fff;
  width: 3em;
  height: 3em;
  line-height: 2.5em;
  color: #000;
  font-weight: 600;
}
.progress__item--active::before {
  left: -10px;
}
.progress__item--active::after {
  right: -10px;
}

@media (min-width: 768px) {
  .progress {
    margin-bottom: 28px;
  }
}
.track-order-login__title {
  position: relative;
  padding: 14px 2.5vw 21px;
  text-align: center;
  letter-spacing: 0.7px;
  color: #3c3c3c;
  font-weight: 100;
}
.track-order-login__title::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  background: #3c3c3c;
  width: 40px;
  height: 1px;
  content: "";
}

.order-tracking__inner-wrapper {
  margin: 14px 0;
  overflow: hidden;
}
.order-tracking__inner-wrapper .checkout__login-box {
  margin: 0 0 14px;
}

.order-tracking-login .form-group {
  margin-top: 21px;
}

.order-tracking__sub-label {
  margin: 7px 0 21px;
}

@media (min-width: 768px) {
  .order-tracking__wrapper {
    left: 0;
  }
  .order-tracking__inner-wrapper {
    position: relative;
    margin: 14px auto 42px;
    max-width: 740px;
  }
  .order-tracking__inner-wrapper .checkout__login-box {
    float: left;
    height: 376px;
  }
  .order-tracking__inner-wrapper .order-tracking-login {
    float: right;
  }
  .order-tracking__inner-wrapper .form-group__field {
    padding: 0;
    width: 100%;
  }
  .order-tracking__inner-wrapper .form-group__label {
    display: block;
    margin: 4px auto;
    padding: 0;
    max-width: 100%;
    letter-spacing: 0.5px;
    font-weight: 400;
  }
}
.slider {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.slider__image {
  max-width: 100%;
}

.info-areas {
  margin: 14px 0;
}
.info-areas::before, .info-areas::after {
  display: table; /* 2 */
  content: " "; /* 1 */
}
.info-areas::after {
  clear: both;
}

.info-areas__grid {
  margin-bottom: 21px;
}

.info-areas--border {
  border: 1px solid #ddd;
}

.info-areas--tinted {
  background-color: #f8f8f8;
}
.info-areas--tinted .info-areas__para {
  color: #999;
}

.info-area {
  padding: 2.5vw;
}

.info-area--white .info-area__title {
  padding-right: 0;
  padding-left: 0;
  text-align: left;
}

.info-area__links {
  margin: 7px 0 0;
  padding: 0;
  width: 100%;
  list-style: none outside none;
}

.info-area__links-item {
  padding: 7px 0;
}
.info-area__links-item::before, .info-area__links-item::after {
  display: table; /* 2 */
  content: " "; /* 1 */
}
.info-area__links-item::after {
  clear: both;
}

.info-area__image {
  float: left;
}

.info-area__item-image {
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: middle;
}

.info-area__support-copy {
  display: block;
  margin-top: 7px;
}

.info-area__title {
  margin: 0 0 7px;
  font-size: 24px;
}
.info-area__title--bold {
  font-size: 16px;
  font-weight: 600;
}

.info-area__link,
.info-area__image,
.info-area__support-copy {
  padding: 7px 0;
}

@media (min-width: 1024px) {
  .info-areas {
    display: table;
    width: 100%;
    border-spacing: 20px 1px;
  }
  .info-areas__row {
    display: table-row;
  }
  .info-areas__grid {
    display: table-cell;
    float: none;
    margin-bottom: 0;
    padding: 1.25vw;
    width: 50%;
  }
  .info-areas__grid:nth-child(odd) {
    padding-left: 0;
  }
  .info-areas__grid:nth-child(even) {
    padding-right: 0;
  }
  .info-area {
    padding: 1.875vw;
  }
  .info-area::before, .info-area::after {
    display: table; /* 2 */
    content: " "; /* 1 */
  }
  .info-area::after {
    clear: both;
  }
  .info-area__links {
    display: table;
    border-spacing: 0;
  }
  .info-area__links-item {
    display: table-row;
  }
  .info-area__link,
  .info-area__image,
  .info-area__support-copy {
    display: table-cell;
    float: none;
    padding: 14px 0;
    vertical-align: middle;
  }
  .info-area__image {
    width: 1%;
  }
  .info-area__support-copy {
    padding-left: 25px;
    text-align: right;
  }
  .info-area__para--half {
    float: left;
    padding: 7px 1.25vw;
    width: 50%;
  }
  .info-area__para--half:nth-child(even) {
    padding-left: 0;
  }
  .info-area__para--half:nth-child(odd) {
    padding-right: 0;
  }
}
.split-image-text {
  margin-bottom: 21px;
  padding: 21px 0 0;
  overflow: hidden;
}

.split-image-text__image-wrapper {
  text-align: center;
}

.split-image-text__text-body {
  text-align: center;
}

.split-image-text__title-wrapper {
  margin: 7px 0 21px;
}

.split-image-text__button {
  margin-top: 28px;
}

@media (min-width: 768px) {
  .split-image-text__image-wrapper {
    float: left;
    width: 50%;
  }
  .split-image-text__text-body {
    float: left;
    padding: 0 0 0 30px;
    width: 50%;
  }
  .split-image-text.split-image-text--right-image .split-image-text__image-wrapper {
    float: right;
  }
  .split-image-text.split-image-text--right-image .split-image-text__text-body {
    padding: 0 30px 0 0;
  }
}
.mini-items__header {
  text-align: center;
}

.mini-items__title {
  margin-bottom: 0;
  font-family: "Gibson", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  font-size: 28px;
}

.mini-items__description {
  margin-top: 7px;
  color: #3c3c3c;
}

.mini-items__items-container {
  margin: 21px 0 0 -1.25vw;
  padding: 0;
  width: calc(100% + 2.5vw);
  overflow: hidden;
  list-style: none;
}

.mini-items__item {
  float: left;
  margin: 0 0 21px;
  padding: 0 1.25vw;
  width: 100%;
}

.mini-items__item-image {
  float: left;
  width: 117px;
}

.mini-items__item-copy {
  float: left;
  margin: 0;
  padding: 4px 0 0 22px;
  width: calc(100% - 117px);
  vertical-align: top;
}

@media (min-width: 768px) {
  .mini-items__item {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .mini-items {
    overflow: hidden;
  }
  .mini-items__item {
    width: 25%;
  }
}
.collection-summary {
  position: relative;
  clear: both;
  margin-top: 42px;
}
.collection-summary::before, .collection-summary::after {
  display: table; /* 2 */
  content: " "; /* 1 */
}
.collection-summary::after {
  clear: both;
}

.collection-summary__map {
  width: 100%;
}
.collection-summary__map--orderdetails-map {
  left: auto;
}

.collection-summary__map-canvas {
  margin-top: 21px;
  height: 403px;
}

.checkout-collection__logo-wrapper {
  max-width: 60px;
}
.checkout-collection__logo-wrapper--my-account {
  margin: 21px 20px 0 20px;
}

.checkout-collection__logo {
  max-width: 133px;
  height: auto;
}

@media (min-width: 420px) {
  .checkout-collection__logo-wrapper {
    max-width: 60px;
  }
}
@media (min-width: 768px) {
  .collection-summary {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .collection-summary {
    clear: none;
  }
}
.back-to-top {
  position: relative;
  z-index: 999;
}
.back-to-top__button {
  display: block;
  opacity: 0;
  height: 48px;
  width: 48px;
  position: fixed;
  z-index: 200;
  right: 20px;
  bottom: 48px;
  text-align: center;
  border: 2px solid #000;
  border-radius: 50%;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  padding: 11px 0 0 0;
}
@media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  .back-to-top__button {
    bottom: 90px;
  }
}
html.is-touch .back-to-top__button:active {
  background-color: #000;
}
html.is-touch .back-to-top__button:active .back-to-top__icon {
  fill: #fff;
}
html:not(.is-touch) .back-to-top__button:hover {
  background-color: #000;
}
html:not(.is-touch) .back-to-top__button:hover .back-to-top__icon {
  fill: #fff;
}
.back-to-top__button--inactive {
  opacity: 0;
  animation: fadeout 0.3s;
}
.back-to-top__button--active {
  opacity: 1;
  animation: fadein 0.3s;
}
.back-to-top__icon {
  fill: #000;
  width: 24px;
  height: 24px;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.delivery-pass__user-management {
  margin-right: auto;
  margin-left: auto;
}

.delivery-pass__submit-cta {
  width: 100%;
}

.delivery-pass__register {
  margin: 0 auto;
  width: 48px;
}

.delivery-pass__added-confirmed {
  margin: 0 auto;
  width: 137px;
}

.delivery-pass__expiry-date,
.delivery-pass__info,
.delivery-pass__subscription-fee {
  font-weight: bold;
}

.delivery-pass__additional-info {
  text-align: center;
}

.delivery-pass__bold {
  font-weight: 600;
}

.checkout__login-box--deliverypass div,
.checkout__login-box--deliverypassadded div {
  margin-bottom: 21px;
}

.checkout__login-box--deliverypass div:last-child,
.checkout__login-box--deliverypassadded div:last-child {
  margin-bottom: 0;
}

.delivery-pass__emblem {
  font-size: 120px;
}

.delivery-pass__emblem-wrapper {
  float: none;
  margin: 21px auto;
  width: auto;
  min-height: auto;
  text-align: center;
}

.delivery-pass__purchased-wrapper {
  float: none;
  margin: 21px auto;
  width: 265px;
  min-height: auto;
  text-align: center;
}

.delivery-pass__out-of-stock-wrapper {
  margin: 28px auto;
  border: 1px dashed #ddd;
  padding: 14px 21px;
  text-align: center;
}
.delivery-pass__out-of-stock-wrapper .cms-paragraph > p {
  margin: 0 auto;
  width: 220px;
  color: #ff401a;
}

.delivery-pass__description {
  font-size: 16px;
  text-align: center;
}
.delivery-pass__description:first-child {
  margin-top: 0;
}

.delivery-pass__emblem-border {
  border: 1px solid #ddd;
  width: 100%;
}

.delivery-pass__add-product-cta {
  width: 100%;
  height: 45px;
}

.delivery-pass__add-product {
  float: none;
  margin: 21px auto;
  width: 100%;
  min-height: auto;
}

.delivery-pass__terms-and-conditions {
  margin: 0 3px;
  font-weight: 400;
  text-align: center;
}

.delivery-pass__quantity-noborder {
  display: inline-block;
  color: #999;
  font-size: 12px;
}
.delivery-pass__quantity-noborder::after {
  display: inline-block;
  margin-top: -7px;
  padding: 0 0 0 3px;
  line-height: 1;
  color: #999;
  content: "";
}
.delivery-pass__quantity-noborder:last-child::after {
  display: none;
}

.delivery-pass__quantity-nopadding {
  margin: 2px 0 0 -5px;
}

.delivery-pass__wrapper {
  margin-top: 21px;
  background-color: #000;
  background-image: url("../image/subscription_products/deliverypass/bg-pattern.png");
  background-repeat: repeat;
}

.delivery-pass__inner-content-bg {
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  padding-top: 7px;
  padding-right: 7px;
  padding-bottom: 21px;
  padding-left: 7px;
  width: 100%;
}

.delivery-pass__renew-btn {
  margin-top: 21px;
  padding: 11px 0;
}

.delivery-pass__additional-info {
  margin-top: 35px;
  font-size: 14px;
}

@media (min-width: 310px) {
  .delivery-pass__emblem {
    font-size: 150px;
  }
}
@media (min-width: 360px) {
  .delivery-pass__emblem-wrapper {
    width: 265px;
  }
  .delivery-pass__emblem {
    font-size: 175px;
  }
}
@media (min-width: 768px) {
  .delivery-pass__inner-content-bg {
    padding: 49px 1.25vw;
    width: 90%;
  }
  .delivery-pass__additional-info {
    margin-top: 49px;
  }
  .delivery-pass__add-product {
    width: 300px;
  }
  .delivery-pass__wrapper {
    margin-top: 14px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .delivery-pass__emblem-border {
    margin-top: -65px;
    border: 0;
    width: 100%;
  }
  .delivery-pass__emblem-wrapper {
    width: 320px;
  }
  .delivery-pass__purchased-wrapper {
    width: 500px;
  }
  .delivery-pass__out-of-stock-wrapper {
    width: 355px;
  }
  .delivery-pass__emblem {
    font-size: 220px;
  }
  .delivery-pass__renew-btn {
    width: 300px;
  }
}
@media (min-width: 1024px) {
  .delivery-pass__inner-content-bg.delivery-pass__inner-content-bg--renewal {
    width: auto;
  }
  .delivery-pass__main-title {
    font-size: 24px;
  }
  .delivery-pass__inner-content-bg {
    width: 72%;
  }
  .account-menu {
    float: left;
    width: 25%;
    padding: 0 40px;
  }
  .delivery-pass__section {
    float: left;
    width: 75%;
  }
  .delivery-pass__clearboth {
    clear: both;
  }
  .delivery-pass__emblem.delivery-pass__emblem--renewal {
    font-size: 120px;
  }
  .delivery-pass__logo-wrapper,
  .delivery-pass__renewal-content {
    float: left;
  }
  .delivery-pass__logo-wrapper {
    width: 25%;
  }
  .delivery-pass__renewal-content {
    width: 75%;
  }
  .delivery-pass__description {
    margin-bottom: 35px;
  }
}
.store-stock-lookup__wrapper--geolocation-enabled .store-stock-lookup__location-inline-control {
  display: inline-block;
}
.store-stock-lookup__wrapper--geolocation-enabled .store-stock-lookup__location-input {
  padding-right: 62px;
}

.page-store-stock-lookup-page .content {
  padding-left: 21px;
  padding-right: 21px;
}

.store-stock-lookup__heading {
  margin-top: 0;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: solid 1px #e8e8e8;
  text-align: left;
}

.store-stock-lookup__select-desc-wrapper {
  margin-bottom: 14px;
}

.store-stock-lookup__product-wrapper {
  width: 100%;
  vertical-align: middle;
}

.store-stock-lookup__select-wrapper {
  vertical-align: middle;
  white-space: nowrap;
}

.store-stock-lookup__select {
  width: 100%;
  min-width: 140px;
  padding-right: 38px;
}

.store-stock-lookup__product-desc {
  margin: 0 0 14px 0;
}

.store-stock-lookup__swatches-wrapper {
  margin-bottom: 7px;
}

.store-stock-lookup__swatches {
  margin-top: 0;
  margin-left: 0;
  vertical-align: middle;
  cursor: pointer;
}

.store-stock-lookup__one-size {
  text-align: left;
}

.store-stock-lookup__location-wrapper {
  margin-bottom: 14px;
}

.store-stock-lookup__location-input {
  padding-left: 14px;
  padding-right: 14px;
}

.store-stock-lookup__location-inline-control {
  border: none;
  padding: 0;
  min-width: auto;
  padding-left: 14px;
  padding-right: 14px;
  border-left: solid 1px #ddd;
  color: #767676;
  display: none;
}

.store-stock-lookup__icon-location,
.store-stock-lookup__location-text {
  display: inline-block;
  vertical-align: middle;
}

.store-stock-lookup__location-text {
  display: none;
}

.store-stock-lookup__icon-location {
  width: 18px;
  height: 18px;
  margin: 0 3px 0 0;
}

.store-stock-lookup__cta-wrapper {
  margin-bottom: 21px;
}

.store-stock-lookup__marker-cta-text {
  margin: 0 0 0 9px;
}

.store-stock-lookup__rule {
  border-bottom: solid 1px #e8e8e8;
}

.store-stock-lookup__promo-message {
  margin-bottom: 14px;
  text-align: left;
}

.store-stock-lookup__map {
  text-align: left;
}

.store-stock-lookup__map-canvas {
  height: 200px;
}

.store-stock-lookup__accordion-item {
  border-top: none;
  border-bottom: 1px solid #e8e8e8;
}

.store-stock-lookup__accordion-item-title-bar {
  color: #3c3c3c;
  padding-left: 0;
  padding-right: 0;
}

.store-stock-lookup__accordion-item-indicator {
  right: 0;
  width: 10px;
}
.store-stock-lookup__accordion-item-indicator:before, .store-stock-lookup__accordion-item-indicator:after {
  right: 0;
}

.store-stock-lookup-spinner-container {
  text-align: center;
}

.store-stock-lookup__results-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.store-stock-lookup__results-list-item {
  border-bottom: 1px solid #e8e8e8;
  padding: 21px 0 21px 50px;
  position: relative;
  text-align: left;
}

.store-stock-lookup__results-store-wrapper {
  line-height: 1.27;
}

.store-stock-lookup__results-stock-wrapper {
  font-weight: 400;
}

.store-stock-lookup__results-gmap-marker {
  position: absolute;
  left: 0;
  top: auto;
  bottom: auto;
  right: auto;
  height: 45px;
  width: 25px;
  display: block;
  padding: 3px 0 0 1px;
  background: transparent url(../image/google/spotlight-poi-dotless_hdpi.png) center 2px no-repeat;
  background-size: contain;
  text-align: center;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 600;
  content: "";
}

.store-stock-lookup__results-store-link {
  display: block;
  text-decoration: none;
  font-weight: 400;
  font-size: 18px;
  margin: 0 0 7px 0;
}
.store-stock-lookup__results-store-link:hover, .store-stock-lookup__results-store-link:focus, .store-stock-lookup__results-store-link:active {
  text-decoration: underline;
}

.store-stock-lookup__results-store-info-link {
  display: block;
  color: #999;
  font-weight: 400;
  margin-bottom: 7px;
}

.store-stock-lookup__results-stock-item {
  color: #767676;
}

.store-stock-lookup__result-item-cc--icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.store-stock-lookup__results-stock-item--good-stock,
.store-stock-lookup__results-stock-item--low-stock {
  color: #3723f7;
}

.store-stock-lookup__result-item-status,
.store-stock-lookup__result-item-rating,
.store-stock-lookup__result-item-cc {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.store-stock-lookup__result-item-status {
  max-width: 150px;
  white-space: normal;
}

.store-stock-lookup__results-stock-item--out-of-stock .store-stock-lookup__result-item-status,
.store-stock-lookup__results-stock-item--no-stock .store-stock-lookup__result-item-status {
  max-width: 190px;
}

.store-stock-lookup__result-item-rating {
  font-size: 9px;
  letter-spacing: -1.2px;
  margin: 0 0 0 4px;
  min-width: 24px;
}

.store-stock-lookup__result-item-cc {
  margin: 0 0 0 4px;
}

.store-stock-lookup__stock-level-msg {
  text-align: left;
  margin: 21px 0 0 0;
}

@media (min-width: 420px) {
  .store-stock-lookup__wrapper--geolocation-enabled .store-stock-lookup__location-input {
    padding-right: 117px;
  }
  .store-stock-lookup__heading {
    margin: 0 0 0.67em 0;
    padding: 0;
    border: none;
  }
  .store-stock-lookup__wrapper {
    text-align: right;
  }
  .store-stock-lookup__product-wrapper {
    display: table-cell;
    text-align: left;
  }
  .store-stock-lookup__select-wrapper {
    display: table-cell;
    padding: 0 0 0 14px;
  }
  .store-stock-lookup__select {
    width: auto;
  }
  .store-stock-lookup__swatches {
    margin-left: 14px;
    margin-right: 0;
  }
  .store-stock-lookup__product-desc {
    margin: 0;
  }
  .store-stock-lookup__results-store-wrapper,
  .store-stock-lookup__results-stock-wrapper {
    display: table-cell;
    vertical-align: middle;
  }
  .store-stock-lookup__results {
    margin: 0;
  }
  .store-stock-lookup__results-list-item {
    padding: 28px 0 28px 38px;
  }
  .store-stock-lookup__results-store-wrapper {
    width: 100%;
  }
  .store-stock-lookup__location-text {
    display: inline-block;
  }
  .store-stock-lookup__results-store-info-link {
    margin-bottom: 0;
  }
  .store-stock-lookup__results-stock-wrapper {
    white-space: nowrap;
    text-align: right;
    padding-left: 35px;
  }
  .store-stock-lookup__result-item-status {
    width: 150px;
  }
  .store-stock-lookup__results-stock-item--out-of-stock .store-stock-lookup__result-item-status,
  .store-stock-lookup__results-stock-item--no-stock .store-stock-lookup__result-item-status {
    max-width: none;
    width: 190px;
  }
  .store-stock-lookup__stock-level-msg {
    text-align: left;
    margin: 28px 0 0 0;
  }
  .store-stock-lookup__map {
    margin: 0;
  }
  .store-stock-lookup__accordion-title-bar {
    padding-left: 0;
  }
  .store-stock-lookup__rule {
    border-bottom: solid 1px #e8e8e8;
  }
}
.forget-me {
  border: 1px solid #ddd;
  padding: 14px 21px 21px;
  margin-top: 28px;
}

.forget-me__fields-wrapper {
  margin-top: 14px;
}

.forget-me__fields-wrapper .address-lookup__view > div:nth-child(2) .form-group--checkout {
  margin-top: 0;
}

.forget-me .label--checkout {
  font-size: 14px;
  font-weight: 400;
}

.forget-me-request {
  margin: 42px 0 105px;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 14px 21px 21px;
}
.forget-me-request .forget-me-request__paragraph {
  margin-bottom: 0;
}

.forget-me-request__title {
  display: inline-block;
  margin: 0 0 7px;
  letter-spacing: 0.5px;
  font-size: 18px;
  font-weight: 400;
}

.forget-me-request__title__icon {
  margin-right: 10px;
}

.forget-me .form-group__label {
  padding: 0;
  margin-bottom: 14px;
}

.forget-me__header {
  margin: 28px auto 21px;
  text-align: center;
  font-size: 24px;
  font-weight: 100;
}

.rtbf-country-input {
  color: #c6c6c6;
}

.country-field-note {
  font-size: 13px;
  font-style: italic;
  margin: 7px 0 -7px 0;
}

.forget-me__intro {
  margin: 7px auto 28px;
  text-align: center;
}

.forget-me__fieldset {
  margin: 0;
  border-width: 0;
  min-width: 0;
  padding: 0;
}

.forget-me__legend {
  display: inline-block;
  letter-spacing: 0.5px;
  font-size: 18px;
  font-weight: 400;
}

.forget-me__paragraph {
  font-size: 14px;
}

.forget-me-request__paragraph {
  font-size: 16px;
}

.forget-me__label {
  font-size: 14px;
  font-weight: 400;
}

.forget-me__button {
  margin: 21px 0 0;
}

.recaptcha-wrapper {
  position: relative;
}

.recaptcha-rtbf {
  display: none;
  margin: 21px 0 0 0;
}
.recaptcha-rtbf--small {
  display: block;
}

.form__error-msg--reCaptcha {
  bottom: initial;
  top: -60px;
}
.form__error-msg--reCaptcha--show {
  display: block;
}

.forget-me-request__button--expired {
  margin-top: 21px;
}

@media (min-width: 380px) {
  .recaptcha-rtbf {
    display: block;
  }
  .recaptcha-rtbf--small {
    display: none;
  }
}
@media (min-width: 768px) {
  .forget-me {
    margin-top: 0;
  }
  .forget-me .form-group__label {
    padding: 0;
    margin-bottom: 14px;
  }
  .forget-me .form-group__field {
    padding: 0;
    width: 100%;
  }
  .forget-me .form-group--checkout {
    margin-top: 21px;
  }
}
@media (min-width: 1024px) {
  .forget-me {
    margin: 35px auto 0;
    padding: 35px 42px 42px;
    max-width: 736px;
  }
  .forget-me__fields-wrapper {
    margin-top: 28px;
  }
  .forget-me .form-group__field {
    max-width: 301px;
  }
  .forget-me__button {
    max-width: 301px;
    margin: 21px 0 0 20%;
  }
  .country-field-note {
    margin-bottom: 0;
  }
  .recaptcha-rtbf {
    margin: 21px 0 0 20%;
  }
  .form__error-msg--reCaptcha {
    max-width: 301px;
    top: -46px;
    margin: 0 0 0 20%;
  }
  .forget-me__intro {
    margin-bottom: 35px;
  }
  .forget-me__header {
    margin-bottom: 28px;
  }
  .forget-me-request {
    width: 50%;
    padding: 42px;
    max-width: 49%;
    float: none;
    margin: 35px auto;
    width: 360px;
    min-height: auto;
  }
  .forget-me-request__button--expired {
    margin-top: 28px;
  }
}
.rtbf {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px 24px 24px;
}

.rtbf__heading {
  margin: 0;
  padding: 16px 0;
  font-size: 14px;
  font-weight: 600;
}

.rtbf__text {
  margin: 0;
  padding: 8px 0;
}

.rtbf__button {
  margin: 16px 0 0;
}

.banner-links {
  display: flex;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  padding-top: 8px;
  padding-bottom: 8px;
  overflow: hidden;
}
.banner-links__container {
  font-size: 0;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  margin-bottom: -50px; /* maximum width of scrollbar */
  padding-bottom: 50px; /* maximum width of scrollbar */
  -webkit-overflow-scrolling: touch;
}
.banner-links__content {
  float: left;
  position: relative;
  padding: 0 1px;
  transition: transform 0.2s ease-in-out;
}
.banner-links__content--no-transition {
  transition: none;
}
.banner-links__link {
  display: inline-block;
  color: #3c3c3c;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.38px;
  text-align: center;
  text-decoration: none;
  padding: 9px 16px;
  border: solid 1px #ddd;
  border-radius: 6px;
  margin-right: 8px;
  background-color: #f8f8f8;
}
.banner-links__link:last-child {
  margin-right: 0;
}
.banner-links__link--active {
  color: #fff;
  background-color: #3c3c3c;
  border-color: #3c3c3c;
  text-decoration: none;
}

.banner-links__scroller {
  display: none;
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: -1;
  margin-top: 8px;
  transition: opacity 0.3s;
}
@media (min-width: 1024px) {
  .banner-links__scroller {
    display: block;
  }
}
.banner-links__scroller:focus {
  outline: 0;
}
.banner-links__scroller:hover {
  cursor: pointer;
}
.banner-links__scroller:after {
  content: "";
  width: 18px;
  height: 36px;
  background-color: #f8f8f8;
  display: block;
  top: 0;
  position: absolute;
}
.banner-links__scroller-btn {
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
  padding-top: 10px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
  z-index: 2;
  transition: background-color 0.3s;
}
.banner-links__scroller-btn:hover {
  background-color: #3c3c3c;
}
.banner-links__scroller-btn:hover .banner-links__scroller-icon {
  fill: #fff;
}
.banner-links__scroller-icon {
  width: 18px;
  height: 18px;
  fill: #3c3c3c;
  transition: fill 0.3s;
}
.banner-links__scroller--left {
  left: 0;
}
.banner-links__scroller--left:after {
  left: 0;
}
.banner-links__scroller--left .banner-links__scroller-btn {
  padding-left: 9px;
}
.banner-links__scroller--left .banner-links__scroller-icon {
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.banner-links__scroller--right {
  right: 0;
}
.banner-links__scroller--right:after {
  right: 0;
}
.banner-links__scroller--right .banner-links__scroller-btn {
  padding-left: 10px;
}
.banner-links__scroller--right .banner-links__scroller-icon {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.banner-links .both .banner-links__scroller--right, .banner-links .right .banner-links__scroller--right {
  opacity: 1;
  z-index: auto;
}
.banner-links .both .banner-links__scroller--left, .banner-links .left .banner-links__scroller--left {
  opacity: 1;
  z-index: auto;
}

@media (min-width: 1024px) {
  .is-not-touch .banner-links__link:hover {
    text-decoration: underline;
  }
  .is-not-touch .banner-links__link--active:hover {
    text-decoration: none;
  }
}
.fabric-carousel-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.fabric-carousel-container .slick-carousel {
  overflow: hidden;
  max-height: 400px;
}
.fabric-carousel-container .slick-carousel.slick-initialized {
  max-height: none;
}
.fabric-carousel-container .slick-slide .cms-link {
  display: none;
}
.fabric-carousel-container .slick-slide.slick-active .cms-link {
  display: block;
}
.fabric-carousel-container .layout-component {
  padding: 0;
}
.fabric-carousel-container .slick-nav-button > .slick-next, .fabric-carousel-container .slick-nav-button .slick-prev {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0;
  font-size: 15px;
  color: #3c3c3c;
  opacity: 1;
}
.fabric-carousel-container .slick-nav-button > .slick-next {
  -moz-transform: rotate(180deg) translateY(50%);
  -ms-transform: rotate(180deg) translateY(50%);
  -o-transform: rotate(180deg) translateY(50%);
  -webkit-transform: rotate(180deg) translateY(50%);
  transform: rotate(180deg) translateY(50%);
  right: auto;
  padding: 1em 1.4em;
}
.fabric-carousel-container .slick-nav-button .slick-prev {
  left: auto;
  padding: 1em 1.3em;
}
.fabric-carousel-container .slick-dots > li {
  width: 7px;
  height: 7px;
  border-radius: 10px;
  margin: 3px;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  -webkit-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
  margin-top: 10px;
}
.fabric-carousel-container .slick-dots > li:after {
  display: none;
}
.fabric-carousel-container .slick-dots > li.slick-active {
  width: 25px;
  border-radius: 10px;
}

.fabric-carousel-container--content {
  padding: 0;
}

.slick-nav-button--fabric-1 {
  -moz-transition: background 200ms ease-out, transform 200ms ease-out;
  -ms-transition: background 200ms ease-out, transform 200ms ease-out;
  -o-transition: background 200ms ease-out, transform 200ms ease-out;
  -webkit-transition: background 200ms ease-out, transform 200ms ease-out;
  transition: background 200ms ease-out, transform 200ms ease-out;
  background: white;
  margin-top: -25px;
  border-radius: 50%;
  opacity: 1;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  transform: none;
  outline: none;
  display: none;
}
.slick-nav-button--fabric-1.slick-disabled {
  opacity: 0;
}
.slick-nav-button--fabric-1.slick-nav-next {
  right: -15px;
}
.slick-nav-button--fabric-1.slick-nav-prev {
  left: -15px;
}

.is-not-touch .slick-nav-button--fabric-1:hover {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  background: #696969;
}
.is-not-touch .slick-nav-button--fabric-1:hover .slick-next,
.is-not-touch .slick-nav-button--fabric-1:hover .slick-prev {
  color: #fff;
}

.layout-component__container--full-width .slick-nav-button--fabric-1.slick-nav-next {
  right: 0;
}
.layout-component__container--full-width .slick-nav-button--fabric-1.slick-nav-prev {
  left: 0;
}

.fabric-carousel-container.mode_1 .image-placeholder {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
}
.fabric-carousel-container.mode_1 .image-placeholder > .image-component {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  display: block;
  height: 100%;
  max-width: initial;
  max-height: initial;
}
.fabric-carousel-container.mode_1 .video-component {
  width: 100%;
  padding-bottom: 100%;
}
.fabric-carousel-container.mode_1 .slick-slide {
  -moz-transform: scale(0.91);
  -ms-transform: scale(0.91);
  -o-transform: scale(0.91);
  -webkit-transform: scale(0.91);
  transform: scale(0.91);
  -moz-transition: transform 300ms ease-in;
  -ms-transition: transform 300ms ease-in;
  -o-transition: transform 300ms ease-in;
  -webkit-transition: transform 300ms ease-in;
  transition: transform 300ms ease-in;
}
.fabric-carousel-container.mode_1 .slick-center {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.yCmsComponent .fabric-carousel-container.mode_1 .image-placeholder {
  min-width: 15vw;
  min-height: 15vw;
}

@media (min-width: 768px) {
  .fabric-carousel-container {
    padding-left: 2vw;
    padding-right: 2vw;
  }
  .fabric-carousel-container .slick-list {
    margin: 0 -1vw;
  }
  .fabric-carousel-container .slick-slide {
    margin: 0 1vw;
  }
  .fabric-carousel-container .slick-slide .cms-link {
    display: block;
  }
  .fabric-carousel-container.mode_1 .slick-slide {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .fabric-carousel-container--content {
    padding: 0 1.875vw;
  }
  .fabric-carousel-container--content .slick-nav-button--fabric-1.slick-nav-prev {
    left: 0;
  }
  .fabric-carousel-container--content .slick-nav-button--fabric-1.slick-nav-next {
    right: 0;
  }
  .slick-nav-button--fabric-1[aria-disabled=false] {
    display: block;
  }
}
@media (min-width: 1024px) {
  .fabric-carousel-container--content {
    padding: 0 1.25vw;
  }
}
@media (min-width: 1200px) {
  .fabric-carousel-container {
    padding-left: 0;
    padding-right: 0;
  }
  .fabric-carousel-container--content .slick-nav-button--fabric-1.slick-nav-next {
    right: -25px;
  }
  .fabric-carousel-container--content .slick-nav-button--fabric-1.slick-nav-prev {
    left: -25px;
  }
  .layout-component__container--full-width .slick-nav-button--fabric-1.slick-nav-next {
    right: -25px;
  }
  .layout-component__container--full-width .slick-nav-button--fabric-1.slick-nav-prev {
    left: -25px;
  }
}
.fabric-carousel-title {
  padding-left: 5.6vw;
  padding-right: 5.6vw;
}
@media (min-width: 768px) {
  .fabric-carousel-title {
    padding-left: 2vw;
    padding-right: 2vw;
  }
}
@media (min-width: 1200px) {
  .fabric-carousel-title {
    padding-left: 0;
    padding-right: 0;
  }
}
.fabric-carousel-title ~ .fabric-carousel-container {
  margin-top: 20px;
}

.container.mode_2 {
  margin: 0 auto;
  max-width: 1200px;
}
.container.mode_2 .mode_2 .slider {
  margin: 0 !important;
  padding: 0 !important;
}
.container.mode_2 .fabric-carousel-title p.fabric,
.container.mode_2 .fabric-carousel-title h1.fabric,
.container.mode_2 .fabric-carousel-title h2.fabric,
.container.mode_2 .fabric-carousel-title h3.fabric {
  margin-top: 24px;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
}
.container.mode_2 .fabric-carousel-container {
  padding: 16px 0;
  margin-top: 0;
}
.container.mode_2 .fabric-carousel-container .center-align-items {
  left: 50% !important;
}
.container.mode_2 .fabric-carousel-container .slick-list {
  margin: 0;
}
.container.mode_2 .fabric-carousel-container .slick-slide {
  margin: 0;
  padding: 0 7px;
}
@media (min-width: 768px) {
  .container.mode_2 .fabric-carousel-container .slick-slide {
    padding: 0 14px;
  }
}
.container.mode_2 .fabric-carousel-container .slick-slide .cms-link {
  display: block;
  height: 40px;
  overflow: hidden;
}
.container.mode_2 .fabric-carousel-container .slick-slide .cms-link a {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.44px;
  line-height: 20px;
  text-decoration: none;
  margin: 6px 3px 0;
}
.container.mode_2 .fabric-carousel-container .slick-nav-button {
  height: 36px;
  width: 36px;
  margin-top: -36px;
  display: none;
  text-align: initial;
}
.container.mode_2 .fabric-carousel-container .slick-nav-button .slick-next, .container.mode_2 .fabric-carousel-container .slick-nav-button .slick-prev {
  padding: 0;
  height: 36px;
  width: 36px;
  background: url("../image/icons/icon-chevron-left.svg") no-repeat center;
  background-size: 8px 12px;
}
.container.mode_2 .fabric-carousel-container .slick-nav-button .slick-next::before, .container.mode_2 .fabric-carousel-container .slick-nav-button .slick-prev::before {
  display: none;
}
.container.mode_2 .fabric-carousel-container .slick-nav-button:hover .slick-next, .container.mode_2 .fabric-carousel-container .slick-nav-button:hover .slick-prev {
  background-image: url("../image/icons/icon-chevron-left-white.svg");
}
.container.mode_2 .fabric-carousel-container .slick-nav-button.slick-nav-next, .container.mode_2 .fabric-carousel-container .slick-nav-button.slick-nav-prev {
  visibility: hidden;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .container.mode_2 .fabric-carousel-container .slick-nav-button.slick-nav-next, .container.mode_2 .fabric-carousel-container .slick-nav-button.slick-nav-prev {
    pointer-events: initial;
    visibility: visible;
  }
}
@media (min-width: 1024px) {
  .container.mode_2 .fabric-carousel-container .slick-nav-button.slick-nav-next {
    right: -4.5%;
  }
  .container.mode_2 .fabric-carousel-container .slick-nav-button.slick-nav-prev {
    left: -4.5%;
  }
  .container.mode_2 .fabric-carousel-container .slick-nav-button.slick-hidden {
    display: none;
  }
}
@media (min-width: 1024px) {
  .container.mode_2 .fabric-carousel-container {
    max-width: 90%;
  }
}
@media (min-width: 1024px) {
  .container.mode_2 {
    max-width: 1200px;
  }
}
@media (min-width: 1600px) {
  .container.mode_2 {
    max-width: 1400px;
  }
}

.content .container.mode_2 {
  margin-left: -2.5vw;
  margin-right: -2.5vw;
}
@media (min-width: 768px) {
  .content .container.mode_2 {
    margin-left: -1.875vw;
    margin-right: -1.875vw;
  }
}
@media (min-width: 1024px) {
  .content .container.mode_2 {
    margin-left: -1.25vw;
    margin-right: -1.25vw;
  }
}

.cms-loyalty {
  /* - SME - loyaltyBanner */
}
.cms-loyalty__heading {
  color: #e60b6b;
  text-align: left;
}
@media (min-width: 768px) {
  .cms-loyalty__heading {
    text-align: center;
  }
}
.cms-loyalty__heading--text {
  font-weight: 400;
}
.cms-loyalty__heading--center {
  text-align: center;
}
@media (min-width: 768px) {
  .cms-loyalty__heading--center {
    text-align: center;
  }
}
.cms-loyalty__heading--left {
  text-align: left;
}
@media (min-width: 768px) {
  .cms-loyalty__heading--left {
    text-align: left;
  }
}
.cms-loyalty__heading--invert {
  color: #f8e8da;
}

.cms-loyalty__banner .grid-container {
  display: flex;
  flex-direction: column-reverse;
}
.cms-loyalty__banner .grid-container > .yCmsComponent,
.cms-loyalty__banner .grid-container > .layout-component__wrapper {
  display: flex;
  flex: 100%;
  /* - JSP - loyaltyBanners (textarea) */
  /* - JSP - loyaltyBanners (picture) */
}
.cms-loyalty__banner .grid-container > .yCmsComponent .layout-component,
.cms-loyalty__banner .grid-container > .layout-component__wrapper .layout-component {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.cms-loyalty__banner .grid-container > .yCmsComponent .layout-component h1.text-component,
.cms-loyalty__banner .grid-container > .layout-component__wrapper .layout-component h1.text-component {
  letter-spacing: 0.5px;
  font-size: 32px;
  line-height: 34px;
}
@media (min-width: 769px) {
  .cms-loyalty__banner .grid-container > .yCmsComponent .layout-component h1.text-component,
  .cms-loyalty__banner .grid-container > .layout-component__wrapper .layout-component h1.text-component {
    font-size: 28px;
    line-height: 36px;
  }
}
.cms-loyalty__banner .grid-container > .yCmsComponent .layout-component .cms-link,
.cms-loyalty__banner .grid-container > .layout-component__wrapper .layout-component .cms-link {
  width: 100%;
}
.cms-loyalty__banner .grid-container > .yCmsComponent .layout-component .cms-link a,
.cms-loyalty__banner .grid-container > .layout-component__wrapper .layout-component .cms-link a {
  color: #e60b6b;
  background: #fff;
  border: 0;
  border-radius: 24px;
  margin: 0 auto;
  text-decoration: none;
  white-space: nowrap;
}
.is-not-touch .cms-loyalty__banner .grid-container > .yCmsComponent .layout-component .cms-link a:hover,
.is-not-touch .cms-loyalty__banner .grid-container > .layout-component__wrapper .layout-component .cms-link a:hover {
  color: #e60b6b;
  background: rgba(255, 255, 255, 0.8);
  border: 0;
}
.cms-loyalty__banner .grid-container > .yCmsComponent .layout-component .cms-link a .iconf,
.cms-loyalty__banner .grid-container > .layout-component__wrapper .layout-component .cms-link a .iconf {
  color: #e60b6b;
}
.cms-loyalty__banner .grid-container > .yCmsComponent .layout-component p,
.cms-loyalty__banner .grid-container > .layout-component__wrapper .layout-component p {
  font-weight: 400;
  color: #fff;
}
.cms-loyalty__banner .grid-container > .yCmsComponent .layout-component p a,
.cms-loyalty__banner .grid-container > .layout-component__wrapper .layout-component p a {
  color: #fff;
}
.cms-loyalty__banner .grid-container > .yCmsComponent .layout-component p a:active, .cms-loyalty__banner .grid-container > .yCmsComponent .layout-component p a:hover,
.cms-loyalty__banner .grid-container > .layout-component__wrapper .layout-component p a:active,
.cms-loyalty__banner .grid-container > .layout-component__wrapper .layout-component p a:hover {
  color: #fff;
}
.cms-loyalty__banner .grid-container > .yCmsComponent .layout-component .button,
.cms-loyalty__banner .grid-container > .layout-component__wrapper .layout-component .button {
  white-space: nowrap;
}
.cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(1) .layout-component,
.cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(1) .layout-component {
  padding: 36px 24px;
  height: 100%;
}
.cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(1) .layout-component .image-placeholder,
.cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(1) .layout-component .image-placeholder {
  height: 48px;
  width: 48px;
  margin: 0 auto;
}
.cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(1) .layout-component .image-placeholder .picture-component__image,
.cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(1) .layout-component .image-placeholder .picture-component__image {
  height: 100%;
}
@media (min-width: 769px) {
  .cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(1) .layout-component .image-placeholder .picture-component__image,
  .cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(1) .layout-component .image-placeholder .picture-component__image {
    max-width: 105%;
  }
}
@media (min-width: 769px) {
  .cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(1) .layout-component .image-placeholder,
  .cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(1) .layout-component .image-placeholder {
    height: 64px;
    width: 64px;
  }
}
@media (min-width: 769px) {
  .cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(1) .layout-component,
  .cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(1) .layout-component {
    padding: 24px 56px;
  }
}
@media (min-width: 1024px) {
  .cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(1) .layout-component,
  .cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(1) .layout-component {
    padding: 24px 72px;
  }
}
@media (min-width: 1024px) {
  .cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(1),
  .cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(1) {
    max-width: 700px;
    margin-left: auto;
  }
}
.cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(2) .layout-component,
.cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(2) .layout-component {
  height: 100%;
  width: 100%;
  overflow: hidden;
  flex-direction: row;
  /* - SmartEditOnly - loyaltyBanners */
}
.cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(2) .layout-component .yCmsComponent,
.cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(2) .layout-component .yCmsComponent {
  height: 100%;
}
.cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(2) .layout-component__wrapper,
.cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(2) .layout-component__wrapper {
  height: 100%;
  /* - SmartEditOnly - loyaltyBanners */
}
.cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(2) .layout-component__wrapper .yCmsComponent,
.cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(2) .layout-component__wrapper .yCmsComponent {
  height: 100%;
}
.cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(2) .layout-component .image-placeholder,
.cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(2) .layout-component .image-placeholder {
  width: 100%;
  height: 100%;
}
.cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(2) .layout-component .image-placeholder .picture-component,
.cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(2) .layout-component .image-placeholder .picture-component {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(2) .layout-component .image-placeholder .picture-component__image,
.cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(2) .layout-component .image-placeholder .picture-component__image {
  object-fit: cover;
  height: 100%;
  max-width: 146%;
  width: auto;
  min-width: 100%;
}
.account-content .cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(2) .layout-component .image-placeholder .picture-component__image,
.account-content .cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(2) .layout-component .image-placeholder .picture-component__image {
  margin-top: 0;
}
.cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(2) .layout-component .image-placeholder.squared-ratio,
.cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(2) .layout-component .image-placeholder.squared-ratio {
  height: 100%;
}
.cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(2) .layout-component .image-placeholder.squared-ratio .picture-component__image,
.cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(2) .layout-component .image-placeholder.squared-ratio .picture-component__image {
  margin-top: 100%;
}
.account-content .cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(2) .layout-component,
.account-content .cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(2) .layout-component {
  max-height: none;
}
@media (min-width: 769px) {
  .cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(2),
  .cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(2) {
    max-width: 50%;
  }
  .account-content .cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(2),
  .account-content .cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(2) {
    max-width: none;
  }
  .modal__banner .cms-loyalty__banner .grid-container > .yCmsComponent:nth-child(2),
  .modal__banner .cms-loyalty__banner .grid-container > .layout-component__wrapper:nth-child(2) {
    max-width: none;
  }
}
@media (min-width: 800px) {
  .cms-loyalty__banner .grid-container {
    flex-direction: row;
  }
}
@media (min-width: 769px) {
  .account-content .cms-loyalty__banner .grid-container {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1024px) {
  .account-content .cms-loyalty__banner .grid-container {
    flex-direction: row;
  }
}

.cms-loyalty__banner--pdp {
  position: relative;
  background-color: #e60b6b;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  float: none !important;
  z-index: calc(200 - 10);
}
.cms-loyalty__banner--pdp .grid-container {
  display: flex;
}
.cms-loyalty__banner--pdp .grid-container > .yCmsComponent {
  margin: 0 auto;
}
.cms-loyalty__banner--pdp-content .layout-component {
  display: flex;
  color: #f8e8da;
  font-weight: 400;
  width: 100%;
  z-index: 10001;
  flex-direction: row;
  align-items: center;
}
.cms-loyalty__banner--pdp-content h3.text-component {
  font-size: 16px;
  line-height: 25px;
  font-weight: 400 !important;
  white-space: nowrap;
  text-align: left;
}
@media (min-width: 580px) {
  .cms-loyalty__banner--pdp-content h3.text-component {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  .cms-loyalty__banner--pdp-content h3.text-component {
    font-weight: 600 !important;
    font-size: 20px;
  }
}
.cms-loyalty__banner--pdp-content .button {
  font-size: 14px;
  padding: 0 16px;
  width: auto;
  margin: 0 0 0 auto;
  white-space: nowrap;
}
@media (min-width: 580px) {
  .cms-loyalty__banner--pdp-content .button {
    font-size: 16px;
    padding: 0 24px;
  }
}
.cms-loyalty__banner--pdp-content .picture-component {
  display: flex;
  height: 100%;
}
.cms-loyalty__banner--pdp-content .picture-component__image {
  margin: 16px 12px 16px 0;
  height: 36px;
  width: 36px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .cms-loyalty__banner--pdp-content .picture-component__image {
    margin: 16px 16px 16px 0;
  }
}
.cms-loyalty__banner--pdp-content--login-box {
  width: 360px;
}

.cms-loyalty {
  /* - JSP - loyaltyPerks */
}
.cms-loyalty__perks {
  background-color: #f8e8da;
}
.cms-loyalty__perks--bg {
  background-color: #f8e8da;
}
.cms-loyalty__perks--header {
  padding: 48px 24px 8px 24px;
}
.cms-loyalty__perks--header-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .cms-loyalty__perks--header-wrapper {
    max-width: 1400px;
  }
}
@media (min-width: 1440px) {
  .cms-loyalty__perks--header-wrapper {
    padding: 0 36px;
  }
  .account-content .cms-loyalty__perks--header-wrapper {
    padding: 0;
  }
}
.cms-loyalty__perks .grid-container {
  display: grid;
  grid-column-gap: 0;
  grid-row-gap: 12px;
  grid-template-columns: 56px auto;
  padding: 16px;
  max-width: 1200px;
  /* - SmartEditOnly - loyaltyPerks */
}
.cms-loyalty__perks .grid-container .layout-component__wrapper {
  padding: 0;
  /* - JSP - loyaltyPerks (icons) */
  /* - JSP - loyaltyPerks (textarea) */
}
.cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(odd) {
  grid-column: 1;
}
.cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(odd) .layout-component {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: left;
}
@media (min-width: 768px) {
  .cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(odd) .layout-component {
    align-items: center;
  }
}
.account-content .cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(odd) .layout-component {
  align-items: flex-start;
}
.cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(odd) .layout-component .image-placeholder {
  width: 48px;
  height: 48px;
  padding-bottom: 0;
}
.cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(odd) .layout-component .image-placeholder .picture-component__image {
  height: 100%;
}
@media (min-width: 768px) {
  .cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(odd) {
    grid-column: auto;
    grid-row: 1;
  }
}
.cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(even) {
  grid-column: 2;
  width: 100%;
}
.cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(even) .layout-component {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 8px;
  justify-content: center;
  align-items: flex-start;
}
.account-content .cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(even) .layout-component {
  justify-content: flex-start;
  align-items: flex-start;
}
.cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(even) .layout-component h2.text-component {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 8px;
}
.cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(even) .layout-component .layout-component .yCmsComponent {
  height: 100%;
}
@media (min-width: 768px) {
  .cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(even) .layout-component {
    align-items: center;
  }
  .cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(even) .layout-component h2.text-component {
    text-align: center;
  }
  .cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(even) .layout-component .text-component {
    text-align: center;
  }
  .account-content .cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(even) .layout-component {
    justify-content: flex-start;
  }
  .account-content .cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(even) .layout-component .text-component {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .cms-loyalty__perks .grid-container .layout-component__wrapper:nth-child(even) {
    grid-column: auto;
    grid-row: 2;
  }
}
@media (min-width: 768px) {
  .cms-loyalty__perks .grid-container {
    max-width: 1400px;
    grid-template-columns: auto;
    grid-column-gap: 12px;
  }
}
.cms-loyalty__perks .grid-container .yCmsComponent--header {
  padding: 48px 24px 8px 24px;
}
.cms-loyalty__perks .grid-container .yCmsComponent:nth-child(odd) {
  grid-column: 1;
  padding: 0;
}
.cms-loyalty__perks .grid-container .yCmsComponent:nth-child(odd) .layout-component__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.cms-loyalty__perks .grid-container .yCmsComponent:nth-child(odd) .image-placeholder {
  width: 48px;
  height: 48px;
}
@media (min-width: 768px) {
  .cms-loyalty__perks .grid-container .yCmsComponent:nth-child(odd) {
    grid-column: auto;
    grid-row: 1;
  }
}
.cms-loyalty__perks .grid-container .yCmsComponent:nth-child(even) {
  grid-column: 2;
  width: 100%;
}
.cms-loyalty__perks .grid-container .yCmsComponent:nth-child(even) .layout-component__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: flex-start;
  padding: 0 8px;
}
.cms-loyalty__perks .grid-container .yCmsComponent:nth-child(even) .layout-component__wrapper .layout-component h2.text-component {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .cms-loyalty__perks .grid-container .yCmsComponent:nth-child(even) .layout-component__wrapper .layout-component h2.text-component {
    text-align: center;
  }
  .cms-loyalty__perks .grid-container .yCmsComponent:nth-child(even) .layout-component__wrapper .layout-component .text-component {
    text-align: center;
  }
  .account-content .cms-loyalty__perks .grid-container .yCmsComponent:nth-child(even) .layout-component__wrapper .layout-component {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .account-content .cms-loyalty__perks .grid-container .yCmsComponent:nth-child(even) .layout-component__wrapper .layout-component h2.text-component {
    text-align: left;
  }
  .account-content .cms-loyalty__perks .grid-container .yCmsComponent:nth-child(even) .layout-component__wrapper .layout-component .text-component {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .cms-loyalty__perks .grid-container .yCmsComponent:nth-child(even) .layout-component__wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .cms-loyalty__perks .grid-container .yCmsComponent:nth-child(even) {
    grid-column: auto;
    grid-row: 2;
  }
}
@media (min-width: 768px) {
  .account-content .cms-loyalty__perks .grid-container {
    padding: 16px;
  }
}
@media (min-width: 768px) {
  .account-content .cms-loyalty__perks {
    margin-bottom: 12px;
  }
}

.cms-loyalty {
  /* - JSP - loyalty links */
}
.cms-loyalty__links {
  position: relative;
  background-color: #fff;
  padding-top: 24px;
  padding-bottom: 24px;
  z-index: calc(10001 + 11);
}
.cms-loyalty__links .cms-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  width: 100%;
  /* - SmartEditOnly - loyaltyLinks */
}
.cms-loyalty__links .cms-link a {
  position: relative;
  padding: 0 0 0 24px;
  line-height: 40px;
  text-align: left;
  color: #000;
  text-decoration: underline;
  margin: 0;
}
@media (min-width: 768px) {
  .cms-loyalty__links .cms-link a {
    padding: 8px 48px 8px 16px;
    border: solid 1px #ececec;
    width: auto;
    min-width: 124px;
    text-decoration: none;
    margin: 0 8px;
  }
  .cms-loyalty__links .cms-link a::after {
    content: "→";
    position: absolute;
    top: 8px;
    right: 16px;
  }
}
.account-content .cms-loyalty__links .cms-link a {
  padding: 0 0 0 16px;
  border: none;
  text-align: left;
  width: 100%;
  text-decoration: underline;
  min-width: 1px;
  margin: 0;
}
@media (min-width: 768px) {
  .account-content .cms-loyalty__links .cms-link a {
    width: auto;
    padding: 8px 32px 8px 16px;
  }
  .account-content .cms-loyalty__links .cms-link a::after {
    content: "|";
    right: 8px;
    color: #c6c6c6;
    display: block;
  }
  .account-content .cms-loyalty__links .cms-link a:last-of-type::after {
    display: none;
  }
}
.yCmsComponent .cms-loyalty__links .cms-link .yCmsComponent {
  position: relative;
}
.account-content .yCmsComponent .cms-loyalty__links .cms-link .yCmsComponent::after {
  display: block;
  content: "|";
  color: #c6c6c6;
  position: absolute;
  top: 20px;
  right: 8px;
}
.account-content .yCmsComponent .cms-loyalty__links .cms-link .yCmsComponent:last-of-type::after {
  display: none;
}
@media (min-width: 768px) {
  .cms-loyalty__links .cms-link {
    flex-direction: row;
    text-align: center;
    width: auto;
  }
  .account-content .cms-loyalty__links .cms-link {
    flex-direction: row;
    text-align: left;
    width: 100%;
    justify-content: flex-start;
  }
}
.cms-loyalty__links h2.text-component {
  display: none;
}
@media (min-width: 768px) {
  .cms-loyalty__links h2.text-component {
    display: block;
  }
}
.account-content .cms-loyalty__links h2.text-component {
  display: none;
}

.cms-loyalty {
  /* - JSP - registerLoyalty */
}
.cms-loyalty__register {
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  color: #fff;
  background-color: #e60b6b;
  font-size: 16px;
  font-weight: 400;
  /* - SmartEditOnly - registerLoyalty */
}
.cms-loyalty__register-form {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  padding: 36px 24px;
}
.cms-loyalty__register-form--wrapper {
  background-color: #e60b6b;
  width: 100%;
  align-content: center;
}
@media (min-width: 768px) {
  .cms-loyalty__register-form--wrapper {
    width: 50%;
  }
  .account-content .cms-loyalty__register-form--wrapper {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .cms-loyalty__register-form--wrapper {
    max-width: 600px;
    margin-left: auto;
  }
  .account-content .cms-loyalty__register-form--wrapper {
    width: 50%;
    max-width: none;
  }
}
@media (min-width: 1440px) {
  .cms-loyalty__register-form--wrapper {
    max-width: 700px;
    margin-left: auto;
  }
}
.cms-loyalty__register-form--icon {
  height: 48px;
  width: 48px;
  margin: 1vh auto;
}
@media (min-width: 768px) {
  .cms-loyalty__register-form--icon {
    height: 64px;
    width: 64px;
  }
}
.cms-loyalty__register-form h2.text-component {
  color: #f8e8da;
  font-size: 32px;
  line-height: 34px;
  text-align: center;
}
.cms-loyalty__register-form a {
  color: #fff;
}
@media (min-width: 768px) {
  .cms-loyalty__register-form {
    padding: 24px 56px;
  }
}
@media (min-width: 1024px) {
  .cms-loyalty__register-form {
    padding: 24px 72px;
  }
}
.cms-loyalty__register-picture {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  /* - SmartEditOnly - registerLoyalty */
}
.cms-loyalty__register-picture .image-placeholder {
  height: 100%;
}
.cms-loyalty__register-picture .image-placeholder .picture-component {
  display: flex;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.cms-loyalty__register-picture .image-placeholder .picture-component__image {
  width: auto;
  height: 100%;
  object-fit: cover;
  max-width: 125%;
  min-width: 100%;
}
@media (min-width: 800px) {
  .cms-loyalty__register-picture .image-placeholder .picture-component {
    max-height: none;
  }
}
.cms-loyalty__register-picture .yCmsComponent {
  height: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .cms-loyalty__register-picture {
    max-width: 50%;
  }
  .account-content .cms-loyalty__register-picture {
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  .account-content .cms-loyalty__register-picture {
    width: 50%;
  }
}
.cms-loyalty__register .yCmsComponent {
  height: 100%;
}
@media (min-width: 768px) {
  .cms-loyalty__register {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .account-content .cms-loyalty__register {
    margin-bottom: 12px;
  }
}

.cms-loyalty__confetti {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: calc(200 - 10);
  align-items: center;
  justify-content: center;
}
.cms-loyalty__confetti img {
  width: 120%;
  height: auto;
  object-fit: contain;
  align-self: center;
  justify-self: center;
  margin-top: -16%;
}
@media (min-width: 580px) {
  .cms-loyalty__confetti img {
    margin-top: -60%;
  }
}
@media (min-width: 1200px) {
  .cms-loyalty__confetti img {
    width: 110%;
  }
}

@media (min-width: 1200px) {
  .club-page__content .cms-loyalty__confetti img {
    margin-top: -76%;
  }
}

.account-content .cms-loyalty__confetti {
  top: 4vh;
  bottom: 2.25vh;
  z-index: calc(200 - 10);
  /* intercept md desktop devices */
}
@media (min-width: 1024px) {
  .account-content .cms-loyalty__confetti {
    left: 1.25vw;
  }
}
@media (min-width: 1200px) {
  .account-content .cms-loyalty__confetti {
    width: calc(100% - 1.2vw);
  }
}
@media (max-width: 1023px) and (min-height: 1024px) {
  .account-content .cms-loyalty__confetti img.d-mdl-flex {
    display: none;
  }
  .account-content .cms-loyalty__confetti img.d-mdl-none {
    display: flex;
  }
}
@media (min-width: 1024px) and (max-height: 600px) {
  .account-content .cms-loyalty__confetti img {
    margin-top: -60%;
  }
}

.account-content__club {
  display: flex;
  flex-direction: column;
}
.account-content__club > .layout-component__container:nth-of-type(1) {
  position: relative;
  background: #fff;
  z-index: calc(200 - 9);
}

.modal--simple .cms-loyalty__confetti {
  z-index: calc(10001 + 10);
}
.modal--simple .cms-loyalty__confetti img {
  /* intercept iPad tablet devices (override displays) */
}
@media (min-width: 768px) and (min-height: 1024px) {
  .modal--simple .cms-loyalty__confetti img.d-mdl-flex {
    display: none;
  }
  .modal--simple .cms-loyalty__confetti img.d-mdl-none {
    display: flex;
  }
}
@media (min-width: 1440px) {
  .modal--simple .cms-loyalty__confetti img {
    margin-top: -76%;
  }
}

.input__inline-wrapper--loyalty .checkbox__label {
  margin-top: 0 !important;
}
.input__inline-wrapper--loyalty .checkbox__label p {
  margin-top: 0;
  font-weight: 400;
  padding-left: 8px;
}
.input__inline-wrapper--loyalty .checkbox__label p.bold {
  font-weight: 600;
  margin-block-end: 0;
}
.input__inline-wrapper--loyalty .checkbox__input {
  position: absolute;
  opacity: 0;
}
.input__inline-wrapper--loyalty .checkbox__input:checked {
  background-color: #000;
}
.input__inline-wrapper--loyalty .checkbox__input:checked + .checkbox__label::before {
  background-color: #000;
}
.input__inline-wrapper--loyalty .checkbox__input:checked + .checkbox__label::after {
  color: #fff;
  top: calc(50% - 10px);
}
.input__inline-wrapper--loyalty .checkbox--error {
  height: auto;
}
.input__inline-wrapper--loyalty .checkbox--error:focus + label {
  margin-top: 0 !important;
}
.input__inline-wrapper--loyalty + .termsAndConditionText {
  margin-inline-start: 36px;
  font-weight: 400;
  color: #767676;
}

.cms-loyalty__popup {
  user-select: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cms-loyalty__popup .modal__banner {
  position: relative;
  padding: 0;
}
.cms-loyalty__popup .modal__banner .container {
  height: 100%;
}
.cms-loyalty__popup .modal__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  font-size: 16px;
  height: 100%;
  max-height: 100%;
  user-select: text;
}
.cms-loyalty__popup .modal__content .layout-component__container {
  float: none;
}
.cms-loyalty__popup .modal__content .icon--close::before, .cms-loyalty__popup .modal__content .icon--close::after {
  width: 24px;
}
@media (min-width: 420px) {
  .cms-loyalty__popup .modal__content h2.text-component {
    font-size: 32px;
    line-height: 35px;
  }
}
@media (min-width: 769px) {
  .cms-loyalty__popup .modal__content {
    margin-bottom: 0;
  }
}
.cms-loyalty__popup .modal__content--banner {
  padding: 10px 0 0 0;
  height: 100%;
}
.cms-loyalty__popup .modal__content--banner .cms-loyalty__banner {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
  height: 100%;
}
@media (min-width: 769px) {
  .cms-loyalty__popup .modal__content--banner .cms-loyalty__banner {
    border-radius: 0;
    overflow: visible;
  }
}
.cms-loyalty__popup .modal__content--banner .modal__close {
  background: transparent;
  top: 2px;
  right: 5px;
}
.cms-loyalty__popup .modal__content--banner .modal__banner {
  height: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .cms-loyalty__popup .modal__content--banner .modal__banner {
    width: auto;
  }
}
@media (min-width: 1024px) {
  .cms-loyalty__popup .modal__content--banner .modal__banner {
    height: auto;
  }
}
.cms-loyalty__popup .modal__content--banner .modal__banner .grid-container {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
}
.cms-loyalty__popup .modal__content--banner .modal__banner .grid-container > .yCmsComponent:nth-child(1),
.cms-loyalty__popup .modal__content--banner .modal__banner .grid-container > .layout-component__wrapper:nth-child(1) {
  max-height: 45vh;
}
.cms-loyalty__popup .modal__content--banner .modal__banner .grid-container > .yCmsComponent:nth-child(1) .layout-component,
.cms-loyalty__popup .modal__content--banner .modal__banner .grid-container > .layout-component__wrapper:nth-child(1) .layout-component {
  justify-content: space-evenly;
  padding: 12px 24px;
}
@media (min-width: 420px) {
  .cms-loyalty__popup .modal__content--banner .modal__banner .grid-container > .yCmsComponent:nth-child(1) .layout-component,
  .cms-loyalty__popup .modal__content--banner .modal__banner .grid-container > .layout-component__wrapper:nth-child(1) .layout-component {
    padding: 36px 24px;
  }
}
@media (min-width: 769px) {
  .cms-loyalty__popup .modal__content--banner .modal__banner .grid-container > .yCmsComponent:nth-child(1) .layout-component,
  .cms-loyalty__popup .modal__content--banner .modal__banner .grid-container > .layout-component__wrapper:nth-child(1) .layout-component {
    justify-content: center;
  }
}
@media (min-width: 769px) {
  .cms-loyalty__popup .modal__content--banner .modal__banner .grid-container > .yCmsComponent:nth-child(1),
  .cms-loyalty__popup .modal__content--banner .modal__banner .grid-container > .layout-component__wrapper:nth-child(1) {
    max-height: none;
  }
}
.cms-loyalty__popup .modal__content--banner .modal__banner .grid-container > .yCmsComponent:nth-child(2) .layout-component,
.cms-loyalty__popup .modal__content--banner .modal__banner .grid-container > .layout-component__wrapper:nth-child(2) .layout-component {
  max-height: 64.5vh;
}
@media (min-width: 769px) {
  .cms-loyalty__popup .modal__content--banner .modal__banner .grid-container > .yCmsComponent:nth-child(2) .layout-component,
  .cms-loyalty__popup .modal__content--banner .modal__banner .grid-container > .layout-component__wrapper:nth-child(2) .layout-component {
    max-height: none;
  }
}
@media (min-width: 769px) {
  .cms-loyalty__popup .modal__content--banner .modal__banner {
    margin: 0 auto;
    height: auto;
  }
  .cms-loyalty__popup .modal__content--banner .modal__banner .grid-container {
    height: auto;
  }
  .cms-loyalty__popup .modal__content--banner .modal__banner .grid-container > .yCmsComponent .layout-component,
  .cms-loyalty__popup .modal__content--banner .modal__banner .grid-container > .layout-component__wrapper .layout-component {
    justify-content: center;
  }
}
.cms-loyalty__popup .modal__content--banner .icon--close::before, .cms-loyalty__popup .modal__content--banner .icon--close::after {
  width: 32px;
}
@media (min-width: 769px) {
  .cms-loyalty__popup .modal__content--banner {
    height: auto;
  }
}
.cms-loyalty__popup .modal__content--soft-login .checkout__login-box {
  padding: 48px 24px 48px 24px;
}
@media (min-width: 769px) {
  .cms-loyalty__popup .modal__content--soft-login .checkout__login-box {
    padding: 48px 56px 48px 56px;
  }
}
@media (min-width: 1024px) {
  .cms-loyalty__popup .modal__content--soft-login .checkout__login-box {
    width: 33%;
    max-width: 420px;
  }
}
.cms-loyalty__popup .modal__content--soft-login .modal__close {
  top: 0;
}
.cms-loyalty__popup .modal__content--soft-login .alert {
  padding: 0;
  margin-bottom: 16px;
}
.cms-loyalty__popup .modal__content--success {
  z-index: calc(10001 + 11);
}
.cms-loyalty__popup .modal__content--success .cms-loyalty__banner .grid-container > .yCmsComponent .layout-component,
.cms-loyalty__popup .modal__content--success .cms-loyalty__banner .grid-container > .layout-component__wrapper .layout-component {
  padding: 48px 24px 48px 24px;
}
@media (min-width: 769px) {
  .cms-loyalty__popup .modal__content--success .cms-loyalty__banner .grid-container > .yCmsComponent .layout-component,
  .cms-loyalty__popup .modal__content--success .cms-loyalty__banner .grid-container > .layout-component__wrapper .layout-component {
    padding: 48px 32px 48px 32px;
  }
}
@media (min-width: 1024px) {
  .cms-loyalty__popup .modal__content--success .cms-loyalty__banner .grid-container > .yCmsComponent .layout-component,
  .cms-loyalty__popup .modal__content--success .cms-loyalty__banner .grid-container > .layout-component__wrapper .layout-component {
    padding: 48px 56px 48px 56px;
  }
}

.help-section__header {
  font-weight: 100;
}

.help-section__content {
  margin-bottom: 56px;
}
.help-section__content .form-group__label {
  padding-top: 0;
  max-width: 100%;
  font-weight: 100;
}

.help-content .alert {
  padding: 0;
}

.contact-form__sub-label {
  margin: 0.2em 0;
  color: #999;
}

.helpPageSideBottomContent {
  display: none;
}

.helpPageBottomContent {
  float: left;
  width: 100%;
}

@media (min-width: 768px) {
  .help-section__content .form-group__label {
    float: none;
  }
  .help-section__content .form-group__field {
    padding-top: 0;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .help-nav {
    float: left;
    width: 200px;
  }
  .help-content {
    float: left;
    margin: 0 0 0 40px;
    width: calc(100% - 240px);
  }
  .help-content .button--full-width {
    max-width: 260px;
  }
  .help-section__content {
    width: 445px;
  }
  .help-section__content .form-group {
    position: relative;
    padding: 0 0 0 145px;
  }
  .help-section__content .form-group__label {
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 145px;
  }
  .help-section__content .contact-form__sub-label {
    padding: 0 0 14px 145px;
  }
  .helpPageSideBottomContent {
    display: block;
  }
}
/*!*****************************************************

Freak Flags, Copyright ©2020 Michael P. Cohen. Freak flags is licenced under the MIT licence.  

For complete information visit: www.freakflagsprite.com 

******************************************************/
.country-flag {
  background-image: url("../image/flag/flagSprite42.png");
  background-repeat: no-repeat;
  background-size: 100% 49494%;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  box-sizing: content-box;
}
.country-flag--DZ {
  background-position: center 0.2287%;
}
.country-flag--AO {
  background-position: center 0.4524%;
}
.country-flag--BJ {
  background-position: center 0.6721%;
}
.country-flag--BW {
  background-position: center 0.8958%;
}
.country-flag--BF {
  background-position: center 1.1162%;
}
.country-flag--BI {
  background-position: center 1.3379%;
}
.country-flag--CM {
  background-position: center 1.5589%;
}
.country-flag--CV {
  background-position: center 1.7836%;
}
.country-flag--CF {
  background-position: center 2.0047%;
}
.country-flag--TD {
  background-position: center 2.2247%;
}
.country-flag--CD {
  background-position: left 2.4467%;
}
.country-flag--DJ {
  background-position: left 2.6674%;
}
.country-flag--EG {
  background-position: center 2.8931%;
}
.country-flag--GQ {
  background-position: center 3.1125%;
}
.country-flag--ER {
  background-position: left 3.3325%;
}
.country-flag--ET {
  background-position: center 3.5542%;
}
.country-flag--GA {
  background-position: center 3.7759%;
}
.country-flag--GM {
  background-position: center 4.0015%;
}
.country-flag--GH {
  background-position: center 4.2229%;
}
.country-flag--GN {
  background-position: center 4.441%;
}
.country-flag--GW {
  background-position: left 4.66663%;
}
.country-flag--CI {
  background-position: center 4.8844%;
}
.country-flag--KE {
  background-position: center 5.1061%;
}
.country-flag--LS {
  background-position: center 5.3278%;
}
.country-flag--LR {
  background-position: left 5.5495%;
}
.country-flag--LY {
  background-position: center 5.7712%;
}
.country-flag--MG {
  background-position: center 5.994%;
}
.country-flag--MW {
  background-position: center 6.2156%;
}
.country-flag--ML {
  background-position: center 6.4363%;
}
.country-flag--MR {
  background-position: center 6.658%;
}
.country-flag--MU {
  background-position: center 6.8805%;
}
.country-flag--YT {
  background-position: center 7.1038%;
}
.country-flag--MA {
  background-position: center 7.3231%;
}
.country-flag--MZ {
  background-position: left 7.5448%;
}
.country-flag--NA {
  background-position: left 7.7661%;
}
.country-flag--NE {
  background-position: center 7.98937%;
}
.country-flag--NG {
  background-position: center 8.2099%;
}
.country-flag--CG {
  background-position: center 8.4316%;
}
.country-flag--RE {
  background-position: center 8.6533%;
}
.country-flag--RW {
  background-position: right 8.875%;
}
.country-flag--SH {
  background-position: center 9.0967%;
}
.country-flag--ST {
  background-position: center 9.32237%;
}
.country-flag--SN {
  background-position: center 9.5426%;
}
.country-flag--SC {
  background-position: left 9.7628%;
}
.country-flag--SL {
  background-position: center 9.9845%;
}
.country-flag--SO {
  background-position: center 10.2052%;
}
.country-flag--ZA {
  background-position: left 10.4269%;
}
.country-flag--SS {
  background-position: left 10.6486%;
}
.country-flag--SD {
  background-position: center 10.8703%;
}
.country-flag--SR {
  background-position: center 11.0945%;
}
.country-flag--SZ {
  background-position: center 11.3135%;
}
.country-flag--TG {
  background-position: left 11.5354%;
}
.country-flag--TN {
  background-position: center 11.7593%;
}
.country-flag--UG {
  background-position: center 11.9799%;
}
.country-flag--TZ {
  background-position: center 12.2005%;
}
.country-flag--EH {
  background-position: center 12.4222%;
}
.country-flag--YE {
  background-position: center 12.644%;
}
.country-flag--ZM {
  background-position: center 12.8664%;
}
.country-flag--ZW {
  background-position: left 13.0873%;
}
.country-flag--AI {
  background-position: center 13.309%;
}
.country-flag--AG {
  background-position: center 13.5307%;
}
.country-flag--AR {
  background-position: center 13.7524%;
}
.country-flag--AW {
  background-position: left 13.9741%;
}
.country-flag--BS {
  background-position: left 14.1958%;
}
.country-flag--BB {
  background-position: center 14.4175%;
}
.country-flag--BQ {
  background-position: center 14.6415%;
}
.country-flag--BZ {
  background-position: center 14.8609%;
}
.country-flag--BM {
  background-position: center 15.0826%;
}
.country-flag--BO {
  background-position: center 15.306%;
}
.country-flag--VG {
  background-position: center 15.528%;
}
.country-flag--BR {
  background-position: center 15.7496%;
}
.country-flag--CA {
  background-position: center 15.9694%;
}
.country-flag--KY {
  background-position: center 16.1911%;
}
.country-flag--CL {
  background-position: left 16.4128%;
}
.country-flag--CO {
  background-position: left 16.6345%;
}
.country-flag--KM {
  background-position: center 16.8562%;
}
.country-flag--CR {
  background-position: center 17.0779%;
}
.country-flag--CU {
  background-position: left 17.2996%;
}
.country-flag--CW {
  background-position: center 17.5213%;
}
.country-flag--DM {
  background-position: center 17.743%;
}
.country-flag--DO {
  background-position: center 17.968%;
}
.country-flag--EC {
  background-position: center 18.1864%;
}
.country-flag--SV {
  background-position: center 18.4081%;
}
.country-flag--FK {
  background-position: center 18.6298%;
}
.country-flag--GF {
  background-position: center 18.8515%;
}
.country-flag--GL {
  background-position: left 19.0732%;
}
.country-flag--GD {
  background-position: center 19.2987%;
}
.country-flag--GP {
  background-position: center 19.518%;
}
.country-flag--GT {
  background-position: center 19.7383%;
}
.country-flag--GY {
  background-position: center 19.96%;
}
.country-flag--HT {
  background-position: center 20.1817%;
}
.country-flag--HN {
  background-position: center 20.4034%;
}
.country-flag--JM {
  background-position: center 20.6241%;
}
.country-flag--MQ {
  background-position: center 20.8468%;
}
.country-flag--MX {
  background-position: center 21.0685%;
}
.country-flag--MS {
  background-position: center 21.2902%;
}
.country-flag--NI {
  background-position: center 21.5119%;
}
.country-flag--PA {
  background-position: center 21.7336%;
}
.country-flag--PY {
  background-position: center 21.9553%;
}
.country-flag--PE {
  background-position: center 22.177%;
}
.country-flag--PR {
  background-position: left 22.4002%;
}
.country-flag--BL {
  background-position: center 22.6204%;
}
.country-flag--KN {
  background-position: center 22.8421%;
}
.country-flag--LC {
  background-position: center 23.0638%;
}
.country-flag--PM {
  background-position: center 23.2855%;
}
.country-flag--VC {
  background-position: center 23.5072%;
}
.country-flag--SX {
  background-position: left 23.732%;
}
.country-flag--TT {
  background-position: center 23.9506%;
}
.country-flag--TC {
  background-position: center 24.1723%;
}
.country-flag--US {
  background-position: center 24.394%;
}
.country-flag--VI {
  background-position: center 24.6157%;
}
.country-flag--UY {
  background-position: left 24.8374%;
}
.country-flag--VE {
  background-position: center 25.0591%;
}
.country-flag--AF {
  background-position: center 25.2808%;
}
.country-flag--AZ {
  background-position: center 25.5025%;
}
.country-flag--BD {
  background-position: center 25.7242%;
}
.country-flag--BT {
  background-position: center 25.9459%;
}
.country-flag--BN {
  background-position: center 26.1676%;
}
.country-flag--KH {
  background-position: center 26.3885%;
}
.country-flag--CN {
  background-position: left 26.611%;
}
.country-flag--GE {
  background-position: center 26.8327%;
}
.country-flag--HK {
  background-position: center 27.0544%;
}
.country-flag--IN {
  background-position: center 27.2761%;
}
.country-flag--ID {
  background-position: center 27.4978%;
}
.country-flag--JP {
  background-position: center 27.7195%;
}
.country-flag--KZ {
  background-position: center 27.9412%;
}
.country-flag--LA {
  background-position: center 28.1615%;
}
.country-flag--MO {
  background-position: center 28.3846%;
}
.country-flag--MY {
  background-position: center 28.6063%;
}
.country-flag--MV {
  background-position: center 28.829%;
}
.country-flag--MN {
  background-position: left 29.0497%;
}
.country-flag--MM {
  background-position: center 29.2714%;
}
.country-flag--NP {
  background-position: left 29.4931%;
}
.country-flag--KP {
  background-position: left 29.7148%;
}
.country-flag--MP {
  background-position: center 29.9365%;
}
.country-flag--PW {
  background-position: center 30.1582%;
}
.country-flag--PG {
  background-position: center 30.3799%;
}
.country-flag--PH {
  background-position: left 30.6016%;
}
.country-flag--SG {
  background-position: left 30.8233%;
}
.country-flag--KR {
  background-position: center 31.045%;
}
.country-flag--LK {
  background-position: right 31.2667%;
}
.country-flag--TW {
  background-position: left 31.4884%;
}
.country-flag--TJ {
  background-position: center 31.7101%;
}
.country-flag--TH {
  background-position: center 31.9318%;
}
.country-flag--TL {
  background-position: left 32.1535%;
}
.country-flag--TM {
  background-position: center 32.3752%;
}
.country-flag--VN {
  background-position: center 32.5969%;
}
.country-flag--AL {
  background-position: center 32.8186%;
}
.country-flag--AD {
  background-position: center 33.0403%;
}
.country-flag--AM {
  background-position: center 33.258%;
}
.country-flag--AT {
  background-position: center 33.4837%;
}
.country-flag--BY {
  background-position: left 33.7054%;
}
.country-flag--BE {
  background-position: center 33.9271%;
}
.country-flag--BA {
  background-position: center 34.1488%;
}
.country-flag--BG {
  background-position: center 34.3705%;
}
.country-flag--HR {
  background-position: center 34.5922%;
}
.country-flag--CY {
  background-position: center 34.8139%;
}
.country-flag--CZ {
  background-position: left 35.0356%;
}
.country-flag--DK {
  background-position: center 35.2555%;
}
.country-flag--EE {
  background-position: center 35.479%;
}
.country-flag--FO {
  background-position: center 35.7007%;
}
.country-flag--FI {
  background-position: center 35.9224%;
}
.country-flag--FR {
  background-position: center 36.1441%;
}
.country-flag--DE {
  background-position: center 36.3658%;
}
.country-flag--GI {
  background-position: center 36.5875%;
}
.country-flag--GR {
  background-position: left 36.8092%;
}
.country-flag--HU {
  background-position: center 37.0309%;
}
.country-flag--IS {
  background-position: center 37.2526%;
}
.country-flag--IE {
  background-position: center 37.4743%;
}
.country-flag--IM {
  background-position: center 37.696%;
}
.country-flag--IT {
  background-position: center 37.9177%;
}
.country-flag--JE {
  background-position: center 38.1394%;
}
.country-flag--XK {
  background-position: center 38.3611%;
}
.country-flag--LV {
  background-position: center 38.5828%;
}
.country-flag--LI {
  background-position: left 38.8045%;
}
.country-flag--LT {
  background-position: center 39.0262%;
}
.country-flag--LU {
  background-position: center 39.2479%;
}
.country-flag--MT {
  background-position: left 39.4696%;
}
.country-flag--MD {
  background-position: center 39.6913%;
}
.country-flag--MC {
  background-position: center 39.913%;
}
.country-flag--ME {
  background-position: center 40.1347%;
}
.country-flag--NL {
  background-position: center 40.3564%;
}
.country-flag--MK {
  background-position: center 40.5781%;
}
.country-flag--NO {
  background-position: center 40.7998%;
}
.country-flag--PL {
  background-position: center 41.0215%;
}
.country-flag--PT {
  background-position: center 41.2432%;
}
.country-flag--RO {
  background-position: center 41.4649%;
}
.country-flag--RU {
  background-position: center 41.6866%;
}
.country-flag--SM {
  background-position: center 41.9083%;
}
.country-flag--RS {
  background-position: center 42.13%;
}
.country-flag--SK {
  background-position: center 42.3517%;
}
.country-flag--SI {
  background-position: center 42.5734%;
}
.country-flag--ES {
  background-position: left 42.7951%;
}
.country-flag--SE {
  background-position: center 43.0168%;
}
.country-flag--CH {
  background-position: center 43.2385%;
}
.country-flag--TR {
  background-position: center 43.4602%;
}
.country-flag--UA {
  background-position: center 43.6819%;
}
.country-flag--GB {
  background-position: center 43.9036%;
}
.country-flag--VA {
  background-position: right 44.1253%;
}
.country-flag--BH {
  background-position: center 44.347%;
}
.country-flag--IR {
  background-position: center 44.5687%;
}
.country-flag--IQ {
  background-position: center 44.7904%;
}
.country-flag--IL {
  background-position: center 45.0121%;
}
.country-flag--KW {
  background-position: left 45.2338%;
}
.country-flag--JO {
  background-position: left 45.4555%;
}
.country-flag--KG {
  background-position: center 45.6772%;
}
.country-flag--LB {
  background-position: center 45.897%;
}
.country-flag--OM {
  background-position: left 46.1206%;
}
.country-flag--PK {
  background-position: center 46.3423%;
}
.country-flag--PS {
  background-position: center 46.561%;
}
.country-flag--QA {
  background-position: center 46.7857%;
}
.country-flag--SA {
  background-position: center 47.0074%;
}
.country-flag--SY {
  background-position: center 47.2291%;
}
.country-flag--AE {
  background-position: center 47.4508%;
}
.country-flag--UZ {
  background-position: left 47.6725%;
}
.country-flag--AS {
  background-position: right 47.8942%;
}
.country-flag--AU {
  background-position: center 48.1159%;
}
.country-flag--CX {
  background-position: center 48.3376%;
}
.country-flag--CC {
  background-position: center 48.5593%;
}
.country-flag--CK {
  background-position: center 48.781%;
}
.country-flag--FJ {
  background-position: center 49.0027%;
}
.country-flag--PF {
  background-position: center 49.2244%;
}
.country-flag--GU {
  background-position: center 49.4445%;
}
.country-flag--KI {
  background-position: center 49.6678%;
}
.country-flag--MH {
  background-position: left 49.8895%;
}
.country-flag--FM {
  background-position: center 50.1112%;
}
.country-flag--NC {
  background-position: center 50.3329%;
}
.country-flag--NZ {
  background-position: center 50.5546%;
}
.country-flag--NR {
  background-position: left 50.7763%;
}
.country-flag--NU {
  background-position: center 50.998%;
}
.country-flag--NF {
  background-position: center 51.2197%;
}
.country-flag--WS {
  background-position: left 51.4414%;
}
.country-flag--SB {
  background-position: left 51.6631%;
}
.country-flag--TK {
  background-position: center 51.8848%;
}
.country-flag--TO {
  background-position: left 52.1065%;
}
.country-flag--TV {
  background-position: center 52.3282%;
}
.country-flag--VU {
  background-position: left 52.5499%;
}
.country-flag--WF {
  background-position: center 52.7716%;
}
.country-flag--EU {
  background-position: center 52.9933%;
}
.country-flag--JR {
  background-position: center 53.215%;
}
.country-flag--OLY {
  background-position: center 53.4315%;
}
.country-flag--UN {
  background-position: center 53.6584%;
}

.landing-page {
  margin: 0 10px;
  height: 100%;
  min-height: 440px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.5px;
  font-weight: 400;
}
.landing-page h1 {
  font-size: 20px;
  margin: 38px 10px 32px;
  line-height: 24px;
  letter-spacing: 0.63px;
}
.landing-page h2 {
  font-size: 16px;
  margin: 15px 0;
}
.landing-page h1, .landing-page h2 {
  font-weight: 600;
}
.landing-page__header {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.landing-page__logo {
  margin-top: 20px;
  background-image: url("../image/header/newlook-logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 167px;
  height: 15px;
}
.landing-page__country {
  width: 100%;
  border: 1px solid #ececec;
  display: flex;
  align-items: stretch;
  border-radius: 2px;
  height: 100%;
}
.landing-page__link {
  text-decoration: none;
  width: 100%;
  padding: 9px 22px 9px 14px;
  min-height: 100%;
  display: flex;
  align-items: center;
}
.landing-page__countries {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 8px;
}
.landing-page__popular, .landing-page__geo-country {
  border-bottom: 1px solid #ddd;
  padding-bottom: 16px;
}
.landing-page__all {
  margin-top: 24px;
}
.landing-page__flag {
  width: 24px;
  height: 16px;
  margin-right: 9px;
  border: 1px solid #ececec;
  border-radius: 3px;
}
.landing-page__footer {
  position: absolute;
  left: 0;
  text-align: left;
  width: 100vw;
  margin-top: 80px;
  background-color: #ececec;
  padding: 10px 10px 20px;
  color: #696969;
}
.landing-page__footer a {
  color: #696969;
  text-decoration: none;
}
.landing-page__footer a:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .landing-page {
    margin: 0 20px;
  }
  .landing-page h1 {
    margin: 38px 0 52px;
  }
  .landing-page h2 {
    margin: 24px 0;
  }
  .landing-page__all {
    margin-top: 27px;
  }
  .landing-page__countries {
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
  }
  .landing-page__footer {
    padding: 15px 20px 60px;
  }
}
@media (min-width: 1024px) {
  .landing-page h1 {
    font-size: 32px;
    margin-bottom: 40px;
  }
  .landing-page__all {
    margin-top: 32px;
  }
  .landing-page__countries {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 36px;
  }
  .landing-page__country:hover .landing-page__country-name {
    text-decoration: underline;
    font-weight: 600;
  }
  .landing-page__popular, .landing-page__geo-country {
    padding-bottom: 24px;
  }
  .landing-page__geo-country {
    display: grid;
    column-gap: 36px;
    grid-template-columns: 1fr 1fr;
  }
  .landing-page__footer {
    text-align: center;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .landing-page__countries {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-right: -40px;
  }
  .landing-page__countryWrap {
    max-width: calc(24.9% - 36px);
    margin-right: 36px;
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
  }
  .landing-page__geo-country .landing-page__country {
    max-width: calc(50% - 18px);
  }
}
.country {
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 28px 0;
  max-width: 630px;
  height: 310px;
}
.country--select_country {
  padding: 14px 7px;
  height: auto;
}

.country__logo,
.country__description {
  text-align: center;
}

.country__secondry-title {
  margin: 7px 0;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

.country__logo {
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
  background-image: url("//media2.newlookassets.com/i/newlook/newlook_logo_dpp?w=480");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 0 0 20px;
  background-size: 228px 20px;
  line-height: 1.5em;
  font-size: 36px;
  font-weight: 400;
}
.country__logo--select_country {
  margin: 0;
}

.country__description {
  margin: 20px 0;
  letter-spacing: 1px;
}
.country__description--select_country {
  margin-bottom: 14px;
  font-weight: 600;
}

.select_country {
  margin-top: 21px;
  font-weight: 400;
}

.select_country__description {
  margin-bottom: 14px;
  margin-top: 21px;
  text-align: center;
  letter-spacing: 1px;
}

.select_country__secondry-title {
  margin: 7px 0;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

.select_country__logo {
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
  background-image: url("//media2.newlookassets.com/i/newlook/newlook_logo_dpp?w=480");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 0;
  background-size: 228px 20px;
  line-height: 1.5em;
  font-size: 36px;
  font-weight: 400;
}

.select_country__form {
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 21px;
  max-width: 500px;
}
.select_country__form p {
  text-align: center;
}

@media (min-width: 580px) {
  .select_country__logo {
    margin: 0;
    background-size: 285px 25px;
  }
  .select_country {
    padding-top: 0;
    padding-bottom: 28px;
  }
}
@media (min-width: 768px) {
  .select_country {
    margin-top: 0;
    font-weight: 100;
  }
  .select_country__logo {
    margin: 0;
    background-size: 285px 25px;
  }
  .select_country__secondry-title {
    font-size: 28px;
  }
  .select_country__submit_container {
    margin-right: 22%;
    margin-left: 22%;
  }
  .select_country__submit {
    margin: 21px auto;
    width: 100%;
  }
  .select_country__form {
    padding: 0;
    letter-spacing: 1px;
  }
  .select_country__form .select_country__country_container {
    margin-right: 20%;
    margin-left: 20%;
  }
  .select_country__form > p {
    margin-right: 0;
    margin-left: 0;
    text-align: center;
  }
}
.country__form--landing {
  margin: 0 auto;
  padding: 0 25px;
  max-width: 350px;
}
.country__form--select_country {
  margin: 0 auto;
  padding: 0 21px;
  max-width: 500px;
}
.country__form p {
  text-align: center;
}

.country__selector {
  display: block;
  margin: 0 0 15px;
  width: 100%;
}

.country__submit {
  display: block;
  margin: 21px 0 0;
  width: 100%;
  min-width: initial;
}

.country-list {
  max-height: 120px;
  overflow-y: auto;
}

.hero2 {
  margin-top: 42px;
}

@media (min-width: 580px) {
  .country__logo {
    background-size: 285px 25px;
  }
  .country__logo--select_country {
    margin: 0;
  }
  .country--select_country {
    padding-top: 0;
    padding-bottom: 28px;
  }
}
@media (min-width: 768px) {
  .country__logo {
    margin: 14px 0 26px;
  }
  .country__logo--select_country {
    margin: 0;
  }
  .country__secondry-title {
    font-size: 28px;
  }
  .country__submit {
    margin: 21px auto;
  }
  .country__submit--select_country {
    width: 90%;
  }
  .country__form--select_country > * {
    margin-right: 17%;
    margin-left: 17%;
  }
  .country__form--select_country > p {
    margin-right: 0;
    margin-left: 0;
    text-align: center;
    font-weight: 100;
  }
}
@media (min-width: 1024px) {
  .hero2 {
    margin: 0;
  }
}
.confirmation-header {
  margin: 42px 0;
}

.confirmation-header__title {
  margin: 14px 0;
  text-align: center;
  font-size: 18px;
  font-weight: 100;
}

.confirmation-header__description {
  margin: 7px 0;
  text-align: center;
}

.quick-signup {
  margin: 7px 2.5vw 35px;
  border: 1px solid #ddd;
  padding: 7px 0;
}
.quick-signup::before, .quick-signup::after {
  display: table; /* 2 */
  content: " "; /* 1 */
}
.quick-signup::after {
  clear: both;
}

.quick-signup__title {
  margin: 7px 0;
  font-size: 18px;
  font-weight: 100;
}

.quick-signup__description {
  margin: 7px 0 14px;
}

.quick-signup__wrapper {
  float: left;
  padding: 1.25vw;
  width: 100%;
  margin: 0;
  padding: 7px 2.5vw;
}

.quick-signup__input-wrapper {
  display: block;
  position: relative;
  margin: 21px 0;
  width: 100%;
}
.quick-signup__input-wrapper > .button {
  line-height: 40px;
}
.quick-signup__input-wrapper > .button:before, .quick-signup__input-wrapper > .button:after {
  height: 40px;
}
.quick-signup__input-wrapper > .button:before:hover, .quick-signup__input-wrapper > .button:after:hover {
  height: 40px;
}
.quick-signup__input-wrapper > .form__error-msg {
  bottom: 107px;
}

.subscriptionproduct__applieditems-list {
  margin: 0;
  padding: 0;
}

.subscriptionproduct__applieditems-list-item {
  list-style: none;
}

.quick-signup__list {
  margin: 0;
  padding: 0;
}

.quick-signup__list-item {
  list-style: none;
}
.quick-signup__list-item::before {
  display: inline-block;
  margin-right: 10px;
  color: #3a8c1a;
  font-size: 12px;
}

.confirmation__wrapper {
  padding-bottom: 14px;
}
.confirmation__wrapper .bag-head__col--image {
  width: 12%;
  font-size: 18px;
  font-weight: 400;
}

.confirmation-order {
  padding-bottom: 21px;
}

.confirmation__wrapper--grouped {
  margin: 0;
  border-bottom: 0;
  padding: 0;
}

.confirmation-order__column--price-header {
  margin-bottom: 35px;
}
.confirmation-order__column--date {
  margin-top: 21px;
}

.confirmation-order__wrapper {
  padding: 7px 0;
}
.confirmation-order__wrapper .collection-summary-wrapper {
  margin-bottom: 28px;
  border-bottom: 1px solid #ddd;
  padding: 0 0 21px;
}

.confirmation-order__info {
  margin: 7px 0 0;
}

.confirmation-order__info-title {
  margin-top: 21px;
}

.confirmation-order__title {
  margin: 14px 0;
  font-size: 18px;
  font-weight: 400;
}

.confirmation-order__pickup-address.confirmation-order__pickup-address--title {
  margin: 0 0 7px;
  font-size: 18px;
}

.confirmation-order__print {
  display: none;
}

.confirmation-order__total {
  margin: 0;
  border: 7px solid #ececec;
  padding: 7px 1.25vw;
}

.confirmation-order__total-price {
  margin: 7px 0 0;
  text-align: center;
  white-space: nowrap;
  font-size: 24px;
  font-weight: 600;
}

.confirmation-order__total-items {
  margin: 7px 0;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}

.confirmation-order__details {
  margin: 28px 0 7px;
  font-size: 14px;
  font-weight: 600;
}

.confirmation-order__arrival,
.confirmation-order__arrival-details {
  margin: 0;
}

.confirmation-order__delivery {
  margin: 28px 0 14px;
  font-size: 14px;
  font-weight: 600;
}

.confirmation-items {
  padding: 21px 0 0;
}
.confirmation-items .bag-item {
  padding-top: 28px;
  padding-bottom: 28px;
}

.confirmation-items__title {
  margin: 14px 0;
  font-size: 18px;
  font-weight: 400;
  display: none;
}
.confirmation-items__title--customer-messaging {
  display: block;
}

.bag-item__details--confirmation > .bag-item__desc::before {
  display: inline-block;
  margin-top: -7px;
  margin-left: 3px;
  padding: 0 3px 0 0;
  line-height: 1;
  color: #999;
  content: "|";
}

.bag-item__details--confirmation > li:first-child::before {
  display: none;
}

.bag-item__details--confirmation > .bag-item__desc::after {
  display: none;
}

.confirmation-promotion {
  margin-top: 21px;
  border-bottom: 1px solid #ddd;
}

.confirmation-promotion__title {
  margin: 7px 0;
  font-size: 14px;
  font-weight: 100;
  font-style: italic;
}

.confirmation-promotion__item {
  margin: 7px 0;
  font-weight: 100;
}

.confirmation-promotion__icon::before {
  margin-right: 7px;
  color: #3723f7;
  font-size: 12px;
}

.confirmation-total {
  margin: 21px 0 0;
}

.confirmation-total-list,
.confirmation-total-list-total {
  margin: 0;
}
.confirmation-total-list::before, .confirmation-total-list::after,
.confirmation-total-list-total::before,
.confirmation-total-list-total::after {
  display: table; /* 2 */
  content: " "; /* 1 */
}
.confirmation-total-list::after,
.confirmation-total-list-total::after {
  clear: both;
}

.confirmation-total-list {
  padding-bottom: 7px;
}

.confirmation-total-list-total {
  padding: 7px 0;
  font-size: 16px;
  font-weight: 600;
}

.confirmation-total-list__title {
  float: left;
  clear: both;
  max-width: 75%;
}

.confirmation-total-list__detail {
  float: right;
  margin-left: 0;
  padding-left: 10px;
  text-align: right;
}

.confirmation-delivery-pass__detail {
  float: left;
  clear: both;
  margin-left: 0;
  padding: 0 0 14px;
  text-align: left;
}
.confirmation-delivery-pass__detail--text {
  font-weight: 400;
}

.confirmation-total-list__title--promo,
.confirmation-total-list__detail--promo {
  color: #3723f7;
}

.confirmation-payment {
  clear: both;
  margin: 21px 2.5vw;
  background-color: #f8f8f8;
  padding: 28px 2.5vw;
}
.confirmation-payment::before, .confirmation-payment::after {
  display: table; /* 2 */
  content: " "; /* 1 */
}
.confirmation-payment::after {
  clear: both;
}

.confirmation-payment__title {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
}

.confirmation-payment__table {
  width: 100%;
}

.confirmation-payment__header {
  padding: 7px 0;
  text-align: left;
  font-size: 14px;
  font-weight: 100;
}
.confirmation-payment__header--expires {
  display: none;
}
.confirmation-payment__header--amount {
  width: 33%;
  text-align: right;
}

.confirmation-payment__item {
  padding: 14px 0;
  vertical-align: top;
}

.confirmation-payment__item--expires {
  display: none;
}

.confirmation-payment__item--amount {
  text-align: right;
}

.confirmation-payment__card {
  margin-right: 8px;
  vertical-align: middle;
}

.confirmation-payment__card-type {
  text-transform: capitalize;
}

.confirmation-payment__billing {
  margin: 14px 0 7px;
}

.confirmation-payment__address {
  display: block;
  margin: 7px 0;
  color: #767676;
  font-style: italic;
}

.confirmation-payment__expires {
  display: block;
  color: #b2b2b2;
}

.confirmation-payment__row {
  border-bottom: 1px solid #ddd;
}

.confirmation-payment__security {
  display: inline-block;
  position: relative;
  margin: 21px 0 0;
  padding-left: 20px;
  vertical-align: middle;
  color: #767676;
}
.confirmation-payment__security::before {
  position: absolute;
  left: 0;
  margin-right: 10px;
  color: #767676;
  font-size: 14px;
}

.confirmation-actions {
  clear: both;
}
.confirmation-actions::before, .confirmation-actions::after {
  display: table; /* 2 */
  content: " "; /* 1 */
}
.confirmation-actions::after {
  clear: both;
}

.confirmation-actions__item {
  float: left;
  padding: 1.25vw;
  width: 100%;
  float: none;
  margin: 42px 0 21px;
  padding: 0;
  width: auto;
}
.confirmation-actions__item > .button {
  width: 100%;
}

.confirmation-actions__description {
  margin: 0 0 7px;
}

.bag-items--confirmation .bag-item {
  display: block;
  position: relative;
  padding: 0;
  min-height: 0;
  overflow: hidden;
}
.bag-items--confirmation .bag-item__col--image {
  display: block;
  position: relative;
  float: left;
  padding: 28px 3.75vw 28px 0;
  width: 26%;
  max-width: 90px;
  box-sizing: content-box;
}
.bag-items--confirmation .bag-item__col--image img {
  max-width: 90px;
}
.bag-items--confirmation .bag-item__col--main {
  display: block;
  padding: 28px 0;
}
.bag-items--confirmation .bag-item__col--main--customer-messaging {
  padding: 28px 0 0;
}
.bag-items--confirmation .bag-item__col--price {
  display: block;
  padding: 0 0 28px;
}

.confirmation-collection__column {
  position: relative;
  z-index: 100;
  margin-top: 28px;
  padding: 0;
}
.confirmation-collection__column ul {
  display: table;
  padding: 0;
  list-style: none;
}
.confirmation-collection__column ul li {
  display: table-row;
}
.confirmation-collection__column ul span {
  display: table-cell;
}

.confirmation-collection__address {
  margin: 0 0 35px;
}

.confirmation-collection__title,
.collection-summary__title {
  margin: 0 0 7px;
  font-weight: 600;
}

.confirmation-collection__date,
.confirmation-collection__time {
  padding-right: 20px;
  white-space: nowrap;
}

.confirmation-collection__date {
  width: 180px;
}

.confirmation-collection__closed {
  text-transform: uppercase;
}

.confirmation-collection-map__column {
  float: left;
  padding: 1.25vw;
  width: 40%;
  padding: 0;
}
.confirmation-collection-map__column:first-child {
  width: 20%;
}

.confirmation-cancel-order-container {
  background: #f8f8f8;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 36px;
  padding-bottom: 32px;
}
.confirmation-cancel-order-container .header-text {
  color: #1c1c1c;
  text-align: center;
  font-family: "Gibson", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 14px;
  margin-top: 18px;
}
.confirmation-cancel-order-container .subheader-text {
  color: #1c1c1c;
  text-align: center;
  font-family: "Gibson", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 14px;
}
.confirmation-cancel-order-container .cancel-cta {
  width: 25%;
}

@media (min-width: 360px) {
  .confirmation-cancel-order-container {
    padding-bottom: 24px;
  }
  .confirmation-cancel-order-container .header-text {
    font-size: 18px;
  }
  .confirmation-cancel-order-container .subheader-text {
    font-size: 14px;
    font-weight: 250;
    padding: 0 25px;
  }
  .confirmation-cancel-order-container .cancel-cta {
    width: 90%;
  }
}
@media (min-width: 580px) {
  .confirmation-collection__column {
    float: left;
    padding: 1.25vw;
    width: 50%;
    margin-top: 7px;
    padding: 0 20px 0 0;
  }
  .confirmation-cancel-order-container {
    padding-bottom: 24px;
  }
  .confirmation-cancel-order-container .header-text {
    font-size: 18px;
  }
  .confirmation-cancel-order-container .subheader-text {
    font-size: 14px;
  }
  .confirmation-cancel-order-container .cancel-cta {
    width: 90%;
  }
}
@media (min-width: 1024px), print {
  .confirmation-order__wrapper .collection-summary-wrapper {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 28px 0 49px;
  }
  .confirmation-order__wrapper .collection-summary-wrapper .collection-results .store-results__map {
    width: 100%;
  }
  .confirmation-order.confirmation__wrapper {
    margin-bottom: 0;
  }
  .confirmation-order__column--price-header {
    margin-bottom: 35px;
  }
  .confirmation-order__column--date {
    margin-top: 0;
    border-bottom: 0;
    padding: inherit;
  }
  .bag-items--confirmation .bag-item {
    display: table-row;
  }
  .bag-items--confirmation .bag-item--customer-messaging {
    display: block;
    border: none;
  }
  .bag-items--confirmation .bag-item--checkout-confirmation .bag-item__col--image,
  .bag-items--confirmation .bag-item--checkout-confirmation .bag-item__col--main,
  .bag-items--confirmation .bag-item--checkout-confirmation .bag-item__col--price {
    display: table-cell;
    float: none;
    padding: 35px 0 0;
    width: auto;
  }
  .bag-items--confirmation .bag-item__col--image {
    padding-bottom: 28px;
  }
  .bag-items--confirmation .bag-item__col--main {
    padding-left: 0;
  }
  .confirmation-header__title {
    margin: 21px 0 14px;
    font-size: 28px;
  }
  .quick-signup__wrapper {
    padding-right: 1.875vw;
    padding-left: 1.875vw;
    width: 60%;
  }
  .quick-signup__wrapper:last-child {
    float: right;
    width: 35%;
  }
  .confirmation-total,
  .confirmation-payment,
  .confirmation-actions {
    margin: 0;
  }
  .confirmation__wrapper {
    padding-bottom: 0;
  }
  .confirmation__wrapper--grouped::before, .confirmation__wrapper--grouped::after {
    display: table; /* 2 */
    content: " "; /* 1 */
  }
  .confirmation__wrapper--grouped::after {
    clear: both;
  }
  .confirmation-order {
    padding-bottom: 0;
  }
  .confirmation-items {
    margin-top: 28px;
  }
  .quick-signup {
    margin-right: 1.875vw;
    margin-left: 1.875vw;
  }
  .quick-signup__input-wrapper {
    float: left;
    margin: 7px 3% 7px 0;
    width: 57%;
  }
  .quick-signup__input-wrapper > .button {
    min-width: 180px;
    min-height: 40px;
  }
  .quick-signup__input-wrapper > .error {
    white-space: no-wrap;
  }
  .input:focus + .quick-signup__input-wrapper {
    display: block;
  }
  .quick-signup__input-wrapper--small {
    width: 37%;
  }
  .quick-signup__description {
    margin-bottom: 7px;
  }
  .bag-item__details--confirmation {
    display: block;
    margin-top: 7px;
  }
  .bag-item__details--confirmation > li:last-child,
  .bag-item__details--confirmation > li:last-child::before {
    display: none;
  }
  .bag-item__details--confirmation--customer-messaging > li:last-child,
  .bag-item__details--confirmation--customer-messaging > li:last-child::before {
    display: inline-block;
  }
  .quick-signup__title {
    margin-bottom: 21px;
    font-size: 24px;
    font-weight: 100;
  }
  .confirmation-order__print {
    display: block;
    float: right;
    font-size: 14px;
  }
  .confirmation-order__print::before {
    display: inline-block;
    background: url("../image/icons/print-icon.svg") no-repeat top left;
    width: 35px;
    height: 25px;
    vertical-align: middle;
    content: "";
  }
  .confirmation-order__total {
    display: inline-block;
    padding: 28px 1.875vw;
  }
  .confirmation-order__wrapper {
    padding: 21px 0 21px;
  }
  .confirmation-order__wrapper::before, .confirmation-order__wrapper::after {
    display: table; /* 2 */
    content: " "; /* 1 */
  }
  .confirmation-order__wrapper::after {
    clear: both;
  }
  .confirmation-order__column {
    float: left;
    padding: 1.25vw;
    width: 40%;
    padding: 0;
  }
  .confirmation-order__column:first-child {
    width: 20%;
  }
  .confirmation-collection__column {
    float: left;
    padding: 1.25vw;
    width: 30%;
    margin-top: 7px;
    padding: 0 20px 0 0;
  }
  .confirmation-collection__column ul {
    display: table;
    padding: 0;
    list-style: none;
  }
  .confirmation-collection__column ul li {
    display: table-row;
  }
  .confirmation-collection__column ul span {
    display: table-cell;
  }
  .confirmation-collection__column ul span:first-child {
    padding: 0 2.2rem 0 0;
  }
  .store-results__map-canvas.no--height {
    height: 350px;
  }
  .confirmation-order__details,
  .confirmation-order__delivery {
    margin-top: 0;
  }
  .confirmation-order__arriving-on {
    display: none;
  }
  .confirmation-order-guest__pickup-store-name {
    font-size: 14px;
    font-weight: bold;
  }
  .confirmation-promotion {
    float: left;
    padding: 1.25vw;
    width: 66.6666666667%;
    margin: 7px 0 0;
    border-bottom: 0;
    padding-left: 1.875vw;
  }
  .confirmation-total {
    float: left;
    padding: 1.25vw;
    width: 33.3333333333%;
    margin: 7px 0 28px;
    border-bottom: 0;
    padding-right: 0;
  }
  .confirmation-payment__header--date,
  .confirmation-payment__item--date {
    display: table-cell;
  }
  .confirmation-payment__item--date {
    color: #b2b2b2;
  }
  .confirmation-payment__expires {
    display: none;
  }
  .confirmation-payment__billing {
    margin-left: 45px;
  }
  .confirmation-actions__item {
    width: 50%;
    float: left;
    margin: 14px 0;
    padding: 14px 1.25vw;
    text-align: center;
  }
  .confirmation-actions__item > .button {
    width: auto;
  }
  .confirmation-actions__description {
    margin: 0 0 21px;
  }
  .confirmation-total {
    float: right;
    margin: 0;
  }
  .bag-items--confirmation {
    position: relative;
    padding: 0;
  }
  .bag-items--confirmation .bag-item__col--image img {
    width: 90px;
  }
  .confirmation-cancel-order-container {
    padding-bottom: 32px;
  }
  .confirmation-cancel-order-container .header-text {
    font-size: 24px;
  }
  .confirmation-cancel-order-container .subheader-text {
    font-size: 16px;
    font-weight: 400;
  }
  .confirmation-cancel-order-container .cancel-cta {
    width: 25%;
  }
}
@media print {
  .confirmation-collection__column {
    width: 30%;
  }
  .confirmation-collection__column ul span:first-child {
    padding: 0 1.2em 0 0;
  }
}
.full-width--sm {
  width: 100%;
}

@media (min-width: 1024px) {
  .full-width--sm {
    width: auto;
  }
}
.print-logo-wrapper {
  display: none;
}

@media print {
  body {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  [data-recently-viewed=true],
  .noprint,
  .header__top,
  .header__actions,
  .header__navigation,
  .search,
  .breadcrumb,
  .page-footer,
  .account-nav,
  .header__top,
  .header__actions,
  .header__navigation,
  .search__overlay,
  .site-search,
  .confirmation-actions,
  .header__logo {
    display: none !important;
  }
  .header {
    position: relative;
    border: 0 none !important;
  }
  .header::before, .header::after {
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid #000;
    width: 16px;
    height: 1px;
    content: "";
  }
  .header::before {
    left: 50%;
  }
  .header::after {
    right: 50%;
  }
  .header {
    position: relative !important;
    top: 50% !important;
    width: 100% !important;
    margin: 0 auto !important;
    height: 51px !important;
    border-bottom: 0 none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
  }
  .header__wrapper {
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    position: relative !important;
    top: 50% !important;
    width: 100% !important;
    margin: 0 auto !important;
    border: 0 none !important;
  }
  .header__home {
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    position: relative !important;
    width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
    text-align: center !important;
    padding-top: 50px !important;
    page-break-inside: avoid;
  }
  .header__home img {
    height: auto !important;
    max-width: 280px !important;
  }
}
@media print and (min-width: 1024px) {
  .header__home {
    padding-top: 21px !important;
  }
}
@media print {
  .accordion-item--store-details .accordion-item__title-bar {
    display: none !important;
  }
  .accordion-item--store-details .accordion-item__content {
    max-height: 100% !important;
  }
  .print-logo-wrapper {
    display: block;
    margin-top: 0;
  }
  .print-logo-wrapper::after {
    display: block;
    margin: 30px auto;
    background: #000;
    width: 42px;
    height: 1px;
    content: "";
  }
  .site-search {
    display: none;
  }
  .account-content {
    width: 100% !important;
    padding-left: 0;
    float: none !important;
  }
  .account-content .my-account__order-details {
    float: none !important;
  }
  .account-content .my-account__order-details .confirmation-promotion {
    width: 350px;
  }
  .my-account__order-details .confirmation-order__print,
  .my-account__order-details .print-order-page.confirmation-order__print, .checkout-confirmation-section .confirmation-order__print,
  .checkout-confirmation-section .print-order-page.confirmation-order__print {
    display: none;
  }
  .my-account__order-details .order-summary-container > .order-info__wrapper, .checkout-confirmation-section .order-summary-container > .order-info__wrapper {
    margin-left: 2.5vw !important;
  }
  .my-account__order-details .order-progress__wrapper.guest .order-progress__route,
  .my-account__order-details .order-progress__wrapper .order-progress__route, .checkout-confirmation-section .order-progress__wrapper.guest .order-progress__route,
  .checkout-confirmation-section .order-progress__wrapper .order-progress__route {
    width: 20%;
  }
  .my-account__order-details .order-progress__wrapper.guest .order-progress__route--collection,
  .my-account__order-details .order-progress__wrapper .order-progress__route--collection, .checkout-confirmation-section .order-progress__wrapper.guest .order-progress__route--collection,
  .checkout-confirmation-section .order-progress__wrapper .order-progress__route--collection {
    width: 10.5%;
  }
  .my-account__order-details .confirmation-order__wrapper, .checkout-confirmation-section .confirmation-order__wrapper {
    padding: 21px 0 28px;
  }
  .my-account__order-details .confirmation-items.confirmation__wrapper, .checkout-confirmation-section .confirmation-items.confirmation__wrapper {
    border-top: 1px solid #ddd;
  }
  .my-account__order-details .confirmation-items.confirmation__wrapper .confirmation-items__title, .checkout-confirmation-section .confirmation-items.confirmation__wrapper .confirmation-items__title {
    display: none !important;
  }
  .my-account__order-details .confirmation-items.confirmation__wrapper .bag-items.bag-items--confirmation .bag-item__col--image, .checkout-confirmation-section .confirmation-items.confirmation__wrapper .bag-items.bag-items--confirmation .bag-item__col--image {
    padding: 35px 10px 20px 0;
  }
  .my-account__order-details .confirmation-items.confirmation__wrapper .bag-items .bag-item__col--main, .checkout-confirmation-section .confirmation-items.confirmation__wrapper .bag-items .bag-item__col--main {
    width: auto;
  }
  .my-account__order-details .confirmation-items.confirmation__wrapper .bag-items .bag-head__col--image, .checkout-confirmation-section .confirmation-items.confirmation__wrapper .bag-items .bag-head__col--image {
    text-align: left;
  }
  .my-account__order-details .confirmation-items.confirmation__wrapper .bag-items .bag-head__col--qty,
  .my-account__order-details .confirmation-items.confirmation__wrapper .bag-items .bag-head__col--status,
  .my-account__order-details .confirmation-items.confirmation__wrapper .bag-items .bag-head__col--price, .checkout-confirmation-section .confirmation-items.confirmation__wrapper .bag-items .bag-head__col--qty,
  .checkout-confirmation-section .confirmation-items.confirmation__wrapper .bag-items .bag-head__col--status,
  .checkout-confirmation-section .confirmation-items.confirmation__wrapper .bag-items .bag-head__col--price {
    font-weight: 400;
  }
  .my-account__order-details .confirmation-items.confirmation__wrapper .bag-items .bag-item__col--image, .checkout-confirmation-section .confirmation-items.confirmation__wrapper .bag-items .bag-item__col--image {
    padding-top: 21px;
    padding-right: 10px;
  }
  .my-account__order-details .confirmation-items.confirmation__wrapper .bag-items .bag-item__col--image img, .checkout-confirmation-section .confirmation-items.confirmation__wrapper .bag-items .bag-item__col--image img {
    width: 100%;
    max-width: none;
  }
  .my-account__order-details .confirmation-items.confirmation__wrapper .bag-items .bag-item__col--quantity,
  .my-account__order-details .confirmation-items.confirmation__wrapper .bag-items .bag-item__col--status,
  .my-account__order-details .confirmation-items.confirmation__wrapper .bag-items .bag-item__col--price, .checkout-confirmation-section .confirmation-items.confirmation__wrapper .bag-items .bag-item__col--quantity,
  .checkout-confirmation-section .confirmation-items.confirmation__wrapper .bag-items .bag-item__col--status,
  .checkout-confirmation-section .confirmation-items.confirmation__wrapper .bag-items .bag-item__col--price {
    width: 10%;
    padding-top: 63px;
  }
  .my-account__order-details .confirmation-items.confirmation__wrapper .bag-items .bag-item__col--main,
  .my-account__order-details .confirmation-items.confirmation__wrapper .bag-items .bag-item__col--status, .checkout-confirmation-section .confirmation-items.confirmation__wrapper .bag-items .bag-item__col--main,
  .checkout-confirmation-section .confirmation-items.confirmation__wrapper .bag-items .bag-item__col--status {
    padding: 63px 0 0;
  }
  .my-account__order-details .confirmation-items.confirmation__wrapper .bag-items .confirmation-items__title, .checkout-confirmation-section .confirmation-items.confirmation__wrapper .bag-items .confirmation-items__title {
    display: none;
  }
  .my-account__order-details .confirmation-items.confirmation__wrapper .bag-items .bag-items__head, .checkout-confirmation-section .confirmation-items.confirmation__wrapper .bag-items .bag-items__head {
    display: table-row-group;
  }
  .my-account__order-details .order-confirmation-payment__subtitle,
  .my-account__order-details .refund-confirmation-payment__subtitle,
  .my-account__order-details .billing-info > .billing-info__card-info, .checkout-confirmation-section .order-confirmation-payment__subtitle,
  .checkout-confirmation-section .refund-confirmation-payment__subtitle,
  .checkout-confirmation-section .billing-info > .billing-info__card-info {
    width: 65%;
  }
  .my-account__order-details .billing-info .billing-info__card-info, .checkout-confirmation-section .billing-info .billing-info__card-info {
    margin-top: 7px;
  }
  .my-account__order-details .billing-info .billing-info__card-info .card-expiry, .checkout-confirmation-section .billing-info .billing-info__card-info .card-expiry {
    display: inline-block;
  }
  .my-account__order-details .billing-info .billing-info__card-info .card-expiry__date, .checkout-confirmation-section .billing-info .billing-info__card-info .card-expiry__date {
    display: inline-block;
    color: #3c3c3c;
  }
  .my-account__order-details .card-expiry.card-expiry--mobile, .checkout-confirmation-section .card-expiry.card-expiry--mobile {
    display: none;
  }
  .my-account__order-details .card-expiry__date.card-expiry__date--mobile, .checkout-confirmation-section .card-expiry__date.card-expiry__date--mobile {
    display: none;
  }
  .my-account__order-details .order-confirmation-payment__amount-due,
  .my-account__order-details .order-confirmation-payment__date,
  .my-account__order-details .refund-confirmation-payment__amount-due,
  .my-account__order-details .refund-confirmation-payment__date,
  .my-account__order-details .billing-info > .billing-info__amount-paid,
  .my-account__order-details .billing-info__payment-date, .checkout-confirmation-section .order-confirmation-payment__amount-due,
  .checkout-confirmation-section .order-confirmation-payment__date,
  .checkout-confirmation-section .refund-confirmation-payment__amount-due,
  .checkout-confirmation-section .refund-confirmation-payment__date,
  .checkout-confirmation-section .billing-info > .billing-info__amount-paid,
  .checkout-confirmation-section .billing-info__payment-date {
    display: block;
    width: 17.5%;
  }
  .my-account__order-details .refund-confirmation-payment__date,
  .my-account__order-details .billing-info__payment-date, .checkout-confirmation-section .refund-confirmation-payment__date,
  .checkout-confirmation-section .billing-info__payment-date {
    position: relative;
    text-align: left;
    top: inherit;
    font-size: inherit;
  }
  .my-account__order-details .billing-info > .billing-info__amount-paid,
  .my-account__order-details .billing-info__payment-date, .checkout-confirmation-section .billing-info > .billing-info__amount-paid,
  .checkout-confirmation-section .billing-info__payment-date {
    margin-top: inherit;
  }
  .my-account__order-details .billing-info__address-title, .checkout-confirmation-section .billing-info__address-title {
    clear: left;
  }
  .my-account__order-details .order-progress__tracking-link-wrapper, .checkout-confirmation-section .order-progress__tracking-link-wrapper {
    display: none;
  }
  .confirmation-order__total {
    display: inline-block;
    padding: 21px 10px;
    width: auto;
  }
  .confirmation-payment {
    border-top: 1px solid #ddd;
    background: #fff;
    padding: 0 14px;
  }
  .bag-items--confirmation .bag-item__col.bag-item__col--main {
    width: 30%;
  }
  .order-confirmation-payment {
    page-break-inside: avoid;
  }
  .confirmation__wrapper .bag-items tr.bag-item {
    display: table-row;
  }
}
@media print and (min-width: 1024px) {
  .header__wrapper {
    height: 51px !important;
  }
}
html.no-js .hide-unless-js {
  display: none;
}