.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

body {
  font-family: Gotham, sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Gotham, sans-serif;
  font-size: 35px;
  line-height: 1.1em;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
}

h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Gotham, sans-serif;
  font-size: 22px;
  line-height: 1.1em;
  font-weight: 300;
  letter-spacing: 0.5px;
}

h4 {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top: 3px;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 400;
  letter-spacing: 0px;
}

h5 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Gotham, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 500;
}

p {
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 1.5em;
}

.hero {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Copy-of-Seyi-Awolowo-Yomi-Casual-New-Campaign-OnoBello-8.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.nav {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1vw 3vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 2px solid hsla(0, 0%, 40%, 0.17);
  background-color: #fff;
  box-shadow: none;
}

.hamburger {
  width: 2vw;
  height: 2vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('../images/menu.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.logo {
  position: absolute;
  left: 50%;
  width: 20vw;
  height: 3vw;
  margin-left: -10vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('../images/MK-logo.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.nav-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.search-button {
  width: 2vw;
  height: 2vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('../images/search.svg');
  background-position: 50% 50%;
  background-size: 80%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.cart-button {
  position: relative;
  width: 2vw;
  height: 2vw;
  margin-left: 2vw;
  background-image: url('../images/shopping-bag.svg');
  background-position: 50% 50%;
  background-size: 85%;
  background-repeat: no-repeat;
}

.cart-indicator {
  position: absolute;
  left: -0.5vw;
  top: auto;
  right: auto;
  bottom: -0.5vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1.5vw;
  height: 1.5vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #7d1d4e;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 9px;
  line-height: 13px;
  font-weight: 500;
}

.menu-dropdown {
  position: relative;
  margin-left: 2vw;
}

.dropdown-button {
  position: relative;
  width: 2vw;
  height: 2vw;
  padding: 0px;
  background-image: url('../images/user.svg');
  background-position: 50% 50%;
  background-size: 80%;
  background-repeat: no-repeat;
}

.dropdown-wrapper {
  right: 1vw;
  margin-top: 0.5vw;
  padding: 0.5vw;
  background-color: #fff;
  box-shadow: 0 0 50px -2px rgba(0, 0, 0, 0.09);
}

.dropdown-wrapper.w--open {
  position: absolute;
  right: 1vw;
}

.dropdown-link {
  padding: 15px 20px 15px 50px;
  border-style: none solid solid;
  border-width: 1px;
  border-color: #000;
  background-image: url('../images/measuring.svg');
  background-position: 13px 50%;
  background-size: 26px;
  background-repeat: no-repeat;
  -webkit-transition: color 400ms ease, background-color 400ms ease;
  transition: color 400ms ease, background-color 400ms ease;
  font-weight: 700;
  text-transform: uppercase;
}

.dropdown-link:hover {
  background-color: #000;
  color: #fff;
}

.dropdown-link.w--current {
  background-color: rgba(0, 0, 0, 0.98);
  color: #fff;
}

.dropdown-link.top {
  border-top-style: solid;
  background-image: url('../images/edit.svg');
  background-position: 17px 50%;
  background-size: 20px;
}

.dropdown-link.top.w--current {
  background-color: #000;
  color: #fff;
}

.dropdown-link.history {
  background-image: url('../images/document.svg');
  background-size: 21px;
}

.dropdown-link.like {
  background-image: url('../images/like.svg');
  background-position: 14px 50%;
  background-size: 22px;
}

.dropdown-link.logout {
  background-image: url('../images/turn-off.svg');
  background-position: 16px 45%;
  background-size: 20px;
}

.nav-menu {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25vw;
  min-height: 100vh;
  min-width: 25vw;
  padding: 12vw 3vw 3vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #000;
  -webkit-transform: translate(-100%, 0px);
  -ms-transform: translate(-100%, 0px);
  transform: translate(-100%, 0px);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(.165, .84, .44, 1);
  transition: -webkit-transform 500ms cubic-bezier(.165, .84, .44, 1);
  transition: transform 500ms cubic-bezier(.165, .84, .44, 1);
  transition: transform 500ms cubic-bezier(.165, .84, .44, 1), -webkit-transform 500ms cubic-bezier(.165, .84, .44, 1);
}

.nav-menu.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform: translate(0%, 0px);
  -ms-transform: translate(0%, 0px);
  transform: translate(0%, 0px);
}

.nav-wrapper {
  position: fixed;
  top: 0px;
  z-index: 2;
  width: 100%;
}

.close-button {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 2vw;
  height: 2vw;
  margin-bottom: 4vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('../images/close.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.close-button.popup {
  position: absolute;
  left: auto;
  top: 1vw;
  right: 0.5vw;
  bottom: auto;
  width: 3vw;
  height: 3vw;
  background-color: #c7c7c7;
  background-size: 50%;
}

.close-button.menu {
  position: static;
  left: auto;
  top: 10px;
  right: auto;
  bottom: auto;
  cursor: pointer;
}

.close-button.search {
  width: 3vw;
  height: 3vw;
  margin-bottom: 0vw;
  margin-left: 2vw;
  background-image: url('../images/close_1.svg');
  background-size: 45%;
  cursor: pointer;
}

.close-button.modal {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 4vw;
  height: 4vw;
  background-color: #acacac;
  background-size: 40%;
  cursor: pointer;
}

.close-button.details {
  position: absolute;
  left: auto;
  top: 1vw;
  right: 0.5vw;
  bottom: auto;
  width: 3vw;
  height: 3vw;
  background-color: #c7c7c7;
  background-size: 50%;
  cursor: pointer;
}

.nav-links-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.nav-link {
  font-family: Gotham, sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 1.5em;
  font-weight: 300;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-transform: uppercase;
}

.subscribe-popup {
  position: fixed;
  top: 60%;
  right: 0px;
  z-index: 2;
  max-width: 335px;
  min-height: 10vw;
  min-width: 20vw;
  background-color: #fff;
  -webkit-transform: translate(100%, 0px);
  -ms-transform: translate(100%, 0px);
  transform: translate(100%, 0px);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(.165, .84, .44, 1);
  transition: -webkit-transform 500ms cubic-bezier(.165, .84, .44, 1);
  transition: transform 500ms cubic-bezier(.165, .84, .44, 1);
  transition: transform 500ms cubic-bezier(.165, .84, .44, 1), -webkit-transform 500ms cubic-bezier(.165, .84, .44, 1);
}

.subscribe-popup.show {
  -webkit-transform: translate(0%, 0px);
  -ms-transform: translate(0%, 0px);
  transform: translate(0%, 0px);
}

.subscribe-header {
  position: relative;
  width: 100%;
  padding: 1.5vw 7vw 1.5vw 4vw;
  font-size: 30px;
  line-height: 1.1em;
  text-transform: uppercase;
}

.subscribe-inner {
  width: 100%;
  padding: 1.5vw 4vw;
  background-color: #000;
  color: #fff;
}

.small-paragraph {
  font-size: 12px;
  line-height: 1em;
}

.hero-text-wrapper {
  width: 570px;
  padding-top: 1vw;
  padding-bottom: 1vw;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
}

.hero-link-wrapper {
  position: absolute;
  bottom: 10vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Gotham, sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 1.5em;
  font-weight: 700;
  text-transform: uppercase;
}

.product-section {
  width: 100%;
  padding: 3vw 10vw 1vw;
}

.section-header {
  margin-bottom: 2vw;
}

.h0 {
  font-size: 70px;
  letter-spacing: 0px;
}

.product-block-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-block-wrapper.saved {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-block {
  position: relative;
  width: 23%;
  color: #000;
  text-decoration: none;
}

.product-block.saved {
  width: 27%;
  margin-right: 6%;
  margin-bottom: 6%;
}

.product-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 20%;
  object-position: 50% 20%;
}

.uppercase {
  text-transform: uppercase;
}

.uppercase.measurement {
  font-size: 12px;
  line-height: 15px;
}

.purple-text {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #7d1d4e;
}

.product-image-wrapper {
  position: relative;
  height: 25vw;
  margin-bottom: 1vw;
}

.add-to-cart-button {
  position: absolute;
  left: auto;
  top: auto;
  right: -1vw;
  bottom: -1vw;
  width: 3vw;
  height: 3vw;
  border-radius: 50%;
  background-color: #7d1d4e;
  background-image: url('../images/shopping-bag-1.svg');
  background-position: 50% 40%;
  background-size: 55%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.footer {
  width: 100%;
  padding: 5vw;
  background-color: #000;
  color: #fff;
}

.sticky-block {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 3vw;
  margin-top: 7vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f9e94d;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: -webkit-filter 400ms ease;
  transition: -webkit-filter 400ms ease;
  transition: filter 400ms ease;
  transition: filter 400ms ease, -webkit-filter 400ms ease;
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.sticky-block:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.sticky-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200%;
  height: 100%;
  padding-top: 0.5vw;
  padding-left: 20vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('../images/Ruler.svg');
  background-position: 50% 0%;
  background-size: auto;
  background-repeat: repeat-x;
  font-weight: 400;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.sticky-inner:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.measurement-text {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: Gotham, sans-serif;
  letter-spacing: 3px;
}

.footer-top-block {
  width: 100%;
  margin-bottom: 3vw;
}

.newsletter-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.message-icon {
  width: 4vw;
  height: 3.5vw;
  margin-right: 2vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('../images/envelope.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.newsletter-inner {
  min-width: 45%;
  margin-right: 2vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 16px;
  line-height: 1.5em;
  text-transform: uppercase;
}

.form-field {
  min-height: 50px;
  margin-bottom: 0px;
  padding-right: 95px;
  padding-left: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #858585;
  background-color: #000;
  -webkit-transition: border-color 400ms ease;
  transition: border-color 400ms ease;
  color: #fff;
  font-size: 16px;
  line-height: 1.5em;
}

.form-field:hover {
  border-color: #fff;
}

.form-field:focus {
  border-color: #fff;
}

.form-field::-webkit-input-placeholder {
  font-size: 14px;
}

.form-field:-ms-input-placeholder {
  font-size: 14px;
}

.form-field::-ms-input-placeholder {
  font-size: 14px;
}

.form-field::placeholder {
  font-size: 14px;
}

.form-field.outline {
  min-height: 40px;
  margin-right: 1vw;
  padding-right: 20px;
  border-color: #9b9b9b;
  border-radius: 0px;
  background-color: transparent;
  color: #000;
}

.form-field.outline::-webkit-input-placeholder {
  color: #000;
}

.form-field.outline:-ms-input-placeholder {
  color: #000;
}

.form-field.outline::-ms-input-placeholder {
  color: #000;
}

.form-field.outline::placeholder {
  color: #000;
}

.form-field.outline.mb-10 {
  min-height: 45px;
}

.form-field.outline.black {
  border-color: #000;
  border-radius: 0px;
}

.form-field.outline.black.mb-10 {
  text-transform: uppercase;
}

.form-button.submit {
  position: absolute;
  left: auto;
  top: 50%;
  right: 0%;
  bottom: auto;
  min-height: 40px;
  margin-top: -21px;
  background-color: #000;
  -webkit-transition: background-color 300ms ease, color 350ms ease;
  transition: background-color 300ms ease, color 350ms ease;
  color: #7d1d4e;
  font-size: 16px;
  line-height: 1.5em;
  text-transform: uppercase;
}

.form-button.submit:hover {
  background-color: #19191a;
  color: #fff;
}

.form-button.apply {
  position: static;
  left: auto;
  top: 50%;
  right: 1%;
  bottom: auto;
  min-height: 40px;
  border-radius: 5px;
  background-color: #9b9b9b;
  -webkit-transition: background-color 300ms ease, color 350ms ease;
  transition: background-color 300ms ease, color 350ms ease;
  color: #fff;
  font-size: 13px;
  line-height: 1.5em;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}

.form-button.apply:hover {
  background-color: #19191a;
  color: #fff;
}

.form-wrapper {
  position: relative;
  overflow: hidden;
  min-width: 35vw;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 8px;
}

.no-margin {
  margin-top: 0px;
  margin-bottom: 0px;
}

.footer-middle-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 3vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer-middle-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 49%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.footer-middle-inner.right {
  padding-left: 1vw;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.footer-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  margin-bottom: 3vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.footer-icon {
  width: 7vw;
  height: 7vw;
  margin-bottom: 1vw;
  background-image: url('../images/team.svg');
  background-position: 50% 50%;
  background-size: 65%;
  background-repeat: no-repeat;
}

.footer-icon.faq {
  background-image: url('../images/help.svg');
}

.footer-icon.hiw {
  background-image: url('../images/measuring.svg');
  background-size: 75%;
}

.footer-icon.coupon {
  background-image: url('../images/coupon.svg');
  background-size: 70%;
}

.footer-icon.review {
  background-image: url('../images/feedback.svg');
  background-size: 73%;
}

.footer-icon.contact {
  background-image: url('../images/call.svg');
  background-size: 55%;
}

.lowercase {
  text-transform: lowercase;
}

.divider {
  width: 1px;
  padding-right: 0px;
  padding-bottom: 0px;
  background-color: #7d1d4e;
}

.divider.horizontal {
  width: 80%;
  height: 1px;
  margin: 2vw auto;
  background-color: #c5c5c5;
}

.divider.horizontal.order {
  width: 100%;
  height: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #faeff4;
}

.divider.measurement {
  height: 40px;
  margin-right: 10px;
  margin-left: 10px;
  background-color: #000;
}

.divider.unit {
  width: 3px;
  background-color: #fff;
}

.divider.contact {
  height: 2vw;
  margin-right: 3vw;
  margin-left: 3vw;
}

.footer-text-link {
  display: block;
  margin-top: 1.5vw;
  padding-left: 15px;
  color: #fff;
  font-size: 16px;
  line-height: 1.5em;
  text-decoration: none;
}

.round-logo {
  width: 17vw;
  height: 17vw;
  margin-bottom: 3vw;
  border: 1px none #7d1d4e;
  border-radius: 50%;
  background-image: url('../images/footer-logo.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.round-logo.loading {
  margin-bottom: 0vw;
}

.footer-bottom-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-text-wrapper {
  font-size: 15px;
  line-height: 1.5em;
  text-align: right;
  letter-spacing: 2px;
}

.socials-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30vw;
  margin-left: 2.5vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.socials-wrapper.contact {
  width: auto;
  margin-left: -2.5vw;
}

.socials-icon {
  width: 2.5vw;
  height: 2.5vw;
  margin-left: 2.5vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('../images/instagram.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.socials-icon.fb {
  background-image: url('../images/facebook.svg');
}

.socials-icon.tw {
  background-image: url('../images/twitter.svg');
}

.socials-icon.pinterest {
  background-image: url('../images/pinterest.svg');
}

.socials-icon.yt {
  background-image: url('../images/youtube-1.svg');
  background-position: 50% 50%;
  background-size: contain;
}

.socials-icon.tiktok {
  background-image: url('../images/tik-tok.svg');
}

.payment-methods-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 5vw;
  padding-top: 2vw;
  padding-right: 1vw;
  padding-bottom: 2vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.payment-method {
  width: 5vw;
  height: 3vw;
  margin-left: 1vw;
  border-radius: 8px;
  background-color: #282829;
  background-image: url('../images/symbols.svg');
  background-position: 50% 50%;
  background-size: 60%;
  background-repeat: no-repeat;
}

.payment-method.pp {
  background-image: url('../images/paypal.svg');
  background-position: 50% 40%;
  background-size: 75%;
}

.payment-method.klarna {
  background-image: url('../images/symbols-1.svg');
  background-size: 75%;
}

.payment-method.mastercard {
  background-image: url('../images/Mastercard-logo_ImgID1.png');
}

.product-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 110vh;
  padding-top: 10vw;
  padding-right: 10vw;
  padding-left: 10vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #e7e7e7;
}

.product-image-slider-wrapper {
  width: 38vw;
  min-height: 40vw;
  padding-top: 2vw;
  padding-right: 2vw;
  padding-left: 2vw;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #fff;
}

.product-image-slider {
  width: 100%;
  height: 100%;
  background-color: #e7e7e7;
}

.product-details-block {
  width: 35vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.back-button {
  width: 3.5vw;
  height: 3.5vw;
  margin-bottom: 2vw;
  margin-left: 5vw;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  border-radius: 50%;
  background-image: url('../images/left-arrow.svg');
  background-position: 50% 45%;
  background-size: 60%;
  background-repeat: no-repeat;
}

.back-button.mobile {
  display: none;
}

.product-type {
  margin-bottom: 1vw;
  margin-left: 5vw;
  color: #7d1d4e;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 400;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.product-details-inner {
  margin-top: 1.5vw;
  margin-bottom: 1.5vw;
  margin-left: 5vw;
  text-transform: uppercase;
}

.product-name {
  margin-left: 5vw;
}

.quantity-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 1.5vw;
  padding-top: 0.75vw;
  padding-bottom: 0.75vw;
  padding-left: 5vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid none;
  border-width: 1px;
  border-color: #fff;
  text-transform: uppercase;
}

.quantity-block.small {
  margin-top: 1vw;
  margin-bottom: 0vw;
  padding-top: 0vw;
  padding-bottom: 0vw;
  padding-left: 0vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-style: none;
}

.quantiy-form {
  margin-right: 2vw;
  margin-bottom: 0px;
  margin-left: 1vw;
}

.quantiy-form.cart {
  width: 7vw;
  margin-right: 1vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.quantity-field {
  max-width: 4vw;
  margin-bottom: 0px;
  padding: 0px;
  border: 1px none #000;
  border-radius: 8px;
  color: #7d1d4e;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 600;
  text-align: center;
}

.quantity-field::-webkit-input-placeholder {
  color: #7d1d4e;
}

.quantity-field:-ms-input-placeholder {
  color: #7d1d4e;
}

.quantity-field::-ms-input-placeholder {
  color: #7d1d4e;
}

.quantity-field::placeholder {
  color: #7d1d4e;
}

.quantity-field.cart {
  max-width: none;
  border-radius: 8px;
}

.form-checkbox-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-left: 0px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
}

.form-checkbox-wrapper.cart {
  margin-bottom: 20px;
  margin-left: 0px;
  padding-left: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
}

.form-checkbox-wrapper.details {
  margin-right: 20px;
  margin-bottom: 0vw;
  margin-left: 0vw;
  padding-left: 0px;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  text-transform: none;
}

.form-checkbox-wrapper.ml-10 {
  margin-left: 10px;
}

.form-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  min-width: 60px;
  margin-right: 15px;
  padding: 5px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 5px;
  -webkit-transition: color 300ms ease, background-color 300ms ease, border 300ms ease;
  transition: color 300ms ease, background-color 300ms ease, border 300ms ease;
  font-size: 15px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}

.form-checkbox.active {
  border-color: #bbb;
  background-color: #fffefe;
  color: #7d1d4e;
}

.size-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.5vw;
  padding-left: 5vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
}

.button {
  max-height: 40px;
  padding: 13px 20px 12px;
  border-radius: 8px;
  background-color: #7d1d4e;
  color: #fff;
  font-size: 13px;
  line-height: 13px;
  font-weight: 500;
  letter-spacing: 0px;
  text-decoration: none;
  text-transform: uppercase;
}

.button.outline {
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  background-color: transparent;
  color: #000;
}

.button.outline.black {
  border-color: #000;
  border-radius: 0px;
  background-color: transparent;
  line-height: 1.5em;
  font-weight: 400;
  text-transform: uppercase;
}

.button.black {
  background-color: #000;
}

.button.black.form {
  min-width: 100px;
  text-align: center;
}

.button.black.mr20 {
  margin-right: 20px;
}

.button.cart {
  margin-left: 5vw;
  padding-left: 40px;
  background-image: url('../images/shopping-bag-1.svg');
  background-position: 15px 50%;
  background-size: 15px;
  background-repeat: no-repeat;
}

.button.mt30 {
  min-width: 120px;
  margin-top: 30px;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 6px;
  background-image: url('../images/edit-1.png');
  background-position: 81% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
}

.button.mt30.black {
  min-width: 0px;
  padding-right: 40px;
  padding-left: 40px;
  background-image: none;
}

.button.save {
  margin-left: 25px;
}

.button.back {
  position: absolute;
  left: 40%;
  top: auto;
  right: auto;
  bottom: 10%;
  display: inline-block;
}

.button.next {
  position: absolute;
  left: 53%;
  top: auto;
  right: auto;
  bottom: 10%;
  display: inline-block;
  background-color: #000;
}

.button.edit {
  padding-right: 40px;
  background-image: url('../images/edit-1.png');
  background-position: 85% 50%;
  background-size: 15px;
  background-repeat: no-repeat;
}

.button.grey {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 20%;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: #7c7c7c;
}

.button.cancel {
  margin-right: 10px;
  background-color: #fff;
  color: #000;
}

.button.add {
  margin-bottom: 10px;
  background-color: #757575;
}

.hide {
  display: none;
}

.slide {
  width: 100%;
  height: 100%;
}

.slider-mask {
  width: 100%;
  height: 100%;
}

.slide-image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.slider-nav {
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-top: 50px;
  padding-right: 12px;
  padding-left: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cart-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 110vh;
  padding-top: 10vw;
  padding-bottom: 5vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #e7e7e7;
}

.checkout-block {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50vw;
  min-height: 50vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}

.cart-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40vw;
  min-height: 50vw;
  padding-bottom: 3vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid solid solid none;
  border-width: 1px;
  border-color: #fff;
}

.checkout-header {
  width: 100%;
  margin-bottom: 3vw;
  padding: 2vw 6vw 1vw;
  border-bottom: 1px solid #e7e7e7;
  font-size: 20px;
  line-height: 1.5em;
}

.cart-header {
  width: 100%;
  margin-bottom: 3vw;
  padding: 2vw 4vw 1vw;
  border-bottom: 1px solid #fff;
  font-size: 20px;
  line-height: 1.5em;
}

.cart-inner {
  width: 100%;
  padding-right: 3vw;
  padding-left: 3vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cart-product {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 1vw;
  padding-top: 1vw;
  padding-right: 0vw;
  padding-bottom: 2vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #8a8a8a;
}

.cart-product-image-wrapper {
  overflow: hidden;
  width: 8vw;
  height: 10vw;
  margin-right: 2vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 5px;
}

.cart-product-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cart-product-inner {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-transform: uppercase;
}

.quantity-field-wrapper {
  position: relative;
  border-radius: 8px;
}

.counter-btn {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  width: 2.5vw;
  height: 100%;
  background-image: url('../images/remove.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.counter-btn.right {
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-image: url('../images/plus.svg');
  background-size: 12px;
}

.size-dropdown {
  margin-top: 1vw;
  margin-bottom: 0px;
}

.select-field {
  min-height: 45px;
  margin-bottom: 0px;
  border: 1px solid #000;
  border-radius: 8px;
  background-color: #e7e7e7;
  background-image: url('../images/drop-down-arrow.svg');
  background-position: 95% 50%;
  background-size: 15px;
  background-repeat: no-repeat;
  text-transform: uppercase;
  cursor: pointer;
}

.select-field:focus {
  border-color: #000;
}

.select-field.measurement {
  max-width: 100px;
  min-height: 40px;
  margin-right: 10px;
  padding-top: 9px;
  padding-right: 40px;
  padding-left: 10px;
  border-color: #dfdfdf;
  background-color: #fff;
  background-position: 88% 50%;
  background-size: 11px;
  font-size: 10px;
  line-height: 13px;
}

.select-field.measurement.large {
  max-width: 200px;
  font-size: 15px;
}

.delete-button {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 2vw;
  height: 2vw;
  background-image: url('../images/close_1.svg');
  background-position: 50% 50%;
  background-size: 60%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.delete-button.saved {
  right: -3vw;
  width: 2.5vw;
  height: 3vw;
  background-image: url('../images/delete.png');
  background-position: 50% 50%;
  background-size: 85%;
}

.coupon-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.coupon-block {
  margin-top: 1.5vw;
  margin-bottom: 1.5vw;
}

.subtotal-block {
  margin-bottom: 1vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
  border-top: 1px solid #8a8a8a;
  border-bottom: 1px solid #8a8a8a;
}

.price-column {
  text-align: right;
}

.column-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.column-block.bottom {
  margin-bottom: 0vw;
}

.checkout-inner {
  width: 100%;
  padding-right: 7vw;
  padding-bottom: 5vw;
  padding-left: 6vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.checkout-details-block {
  position: relative;
  width: 100%;
  margin-bottom: 2vw;
  padding: 2vw 3vw;
  border-style: solid;
  border-width: 1px;
  border-color: #c7c7c7;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-5 {
  margin-bottom: 5px;
}

.loader-wrapper {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: none;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.logo-icon {
  width: 15vw;
  height: 15vw;
  border: 1px solid #7d1d4e;
  border-radius: 50%;
  background-image: url('../images/logo-icon.svg');
  background-position: 50% 50%;
  background-size: 55%;
  background-repeat: no-repeat;
}

.logo-white {
  position: absolute;
  bottom: 16.2vw;
  width: 25vw;
  height: 2vw;
  background-image: url('../images/loader-logo-text.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.loader-text {
  position: absolute;
  bottom: 7vw;
}

.loading-inner {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  opacity: 1;
}

.loading-inner.bottom {
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-image: url('../images/Copy-of-27-scaled.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
}

.measurement-form {
  padding-left: 5vw;
}

.measurement-block {
  max-width: 30vw;
  margin-bottom: 10px;
}

.search-field {
  position: relative;
  z-index: 3;
  min-height: 45px;
  min-width: 450px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-right: 20px;
  padding-left: 55px;
  border: 1px solid #7d1d4e;
  border-radius: 7px;
  background-image: url('../images/search.svg');
  background-position: 15px 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transition: border-color 300ms ease;
  transition: border-color 300ms ease;
  font-size: 16px;
  line-height: 1.5em;
}

.search-field:focus {
  border-color: #000;
}

.search-field::-webkit-input-placeholder {
  font-size: 16px;
}

.search-field:-ms-input-placeholder {
  font-size: 16px;
}

.search-field::-ms-input-placeholder {
  font-size: 16px;
}

.search-field::placeholder {
  font-size: 16px;
}

.search-block {
  margin-bottom: 0px;
}

.search-wrapper {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: -6vw;
  display: none;
  width: 100%;
  min-height: 6vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  opacity: 1;
}

.search-wrapper.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}

.results-wrapper {
  position: absolute;
  left: 0%;
  top: 0px;
  right: 0%;
  bottom: auto;
  display: none;
  min-height: 15vw;
  padding: 6vw 2vw 2vw;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  border-radius: 1vw;
  background-color: #fff;
}

.results-wrapper.show {
  display: block;
}

.search-form {
  position: relative;
}

.results-inner-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #7d1d4e;
}

.clear-button {
  font-weight: 700;
  cursor: pointer;
}

.results-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.see-more-btn {
  display: block;
  max-width: 150px;
  margin-top: 4vw;
  margin-right: auto;
  margin-left: auto;
  color: #777;
  text-align: center;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.checkbox-label {
  margin-bottom: 0px;
  margin-left: 10px;
}

.checkbox {
  width: 20px;
  height: 20px;
  margin-top: 0px;
  margin-left: 0px;
  border-radius: 4px;
  line-height: 14;
}

.checkbox.details {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px solid #7d1d4e;
}

.edit-button {
  position: absolute;
  left: auto;
  top: 0%;
  right: -30px;
  bottom: auto;
  width: 20px;
  height: 20px;
  background-image: url('../images/edit.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.white-block {
  padding: 10vw 7vw 5vw;
  background-color: #e7e7e7;
}

.white-block.review {
  padding: 4vw 0vw 0px;
}

.white-block-wrapper {
  width: 100%;
  background-color: #fff;
}

.block-header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #dadada;
  color: #7d1d4e;
  font-size: 24px;
  line-height: 25px;
  font-weight: 700;
  text-transform: uppercase;
}

.block-header.grey {
  border-bottom-color: #fff;
}

.block-header.grey.summary {
  padding-right: 20%;
  padding-left: 20%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.block-header.designs {
  padding-right: 10vw;
  padding-left: 10vw;
}

.block-header.auth {
  padding-right: 10vw;
  padding-left: 10vw;
}

.block-header.onboarding {
  background-color: #6d6d6d;
  color: #fff;
}

.block-header.onboarding.measurement {
  padding-right: 5vw;
  padding-left: 5vw;
}

.block-header.shoulder {
  padding-right: 19vw;
  padding-left: 10vw;
  background-color: #6d6d6d;
  color: #fff;
}

.block-header.contact {
  padding-right: 20vw;
  padding-left: 20vw;
}

.block-header.size {
  padding-right: 7vw;
  padding-left: 7vw;
}

.block-inner {
  padding-top: 5vw;
  padding-bottom: 5vw;
}

.block-inner.measurement {
  padding: 2vw 10vw 0vw 15vw;
}

.block-inner.designs {
  padding-right: 10vw;
  padding-left: 10vw;
}

.block-inner.auth {
  padding-right: 10vw;
  padding-left: 10vw;
}

.block-inner.onboarding {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 5vw;
  padding-bottom: 0vw;
  padding-left: 5vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #e7e7e7;
}

.block-inner.about {
  position: relative;
}

.block-inner.patterned {
  position: relative;
  padding-bottom: 17vw;
}

.block-inner.patterned.size-guide {
  padding-right: 7vw;
  padding-left: 7vw;
}

.block-inner.patterned.review {
  padding-top: 0vw;
  padding-bottom: 0vw;
}

.block-inner.edit {
  padding-top: 3vw;
}

.form-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-flex.mb40 {
  margin-bottom: 40px;
}

.form-flex.last {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.form-flex.no-margin {
  width: auto;
  margin-bottom: 0px;
  font-weight: 400;
}

.form-flex.wrap {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.form-flex.vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form-flex.center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.form-flex.space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.form-flex.space-between.mt-20 {
  margin-top: 20px;
}

.form-label {
  min-width: 120px;
  margin-right: 10px;
  margin-bottom: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
}

.form-label.mb-10 {
  margin-bottom: 10px;
}

.form-label.contact {
  margin-right: 0px;
  margin-bottom: 10px;
  font-weight: 500;
  text-transform: none;
}

.input-field {
  max-width: none;
  min-height: 40px;
  margin-bottom: 0px;
  padding-top: 9px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: solid;
  border-width: 1px;
  border-color: #dfdfdf;
  border-radius: 8px;
  -webkit-transition: border-color 400ms ease;
  transition: border-color 400ms ease;
  color: #000;
  font-size: 16px;
  line-height: 16px;
}

.input-field:hover {
  border-color: #444;
}

.input-field:focus {
  border-color: #000;
}

.input-field.outline {
  border-color: #9b9b9b;
  border-radius: 8px;
  background-color: transparent;
  color: #000;
}

.input-field.outline:hover {
  border-color: #444;
}

.input-field.outline:focus {
  border-color: #000;
}

.input-field.outline::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}

.input-field.outline:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}

.input-field.outline::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}

.input-field.outline::placeholder {
  color: rgba(0, 0, 0, 0.3);
}

.input-field.outline.mb-10 {
  min-height: 45px;
}

.input-field.outline.black {
  border-color: #000;
  border-radius: 0px;
}

.input-field.outline.black.mb-10 {
  text-transform: uppercase;
}

.input-field.outline.mr-10 {
  margin-right: 10px;
}

.input-field.measurement {
  max-width: 100px;
  margin-right: 10px;
  text-transform: uppercase;
}

.input-field.with-unit {
  padding-right: 60px;
}

.input-field.with-unit.onboarding {
  max-width: 200px;
  padding-right: 75px;
}

.input-field.black {
  padding-right: 100px;
  border-style: none;
  background-color: #000;
  color: #fff;
}

.measurement-guide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 4vw;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #7d1d4e;
  text-transform: capitalize;
}

.pdf-icon {
  width: 25px;
  height: 25px;
  margin-right: 20px;
  background-image: url('../images/pdf.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.measurement-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #d6d6d6;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}

.measurement-list-item.last {
  border-bottom-style: none;
}

.measurement-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.view {
  width: 30px;
  height: 30px;
  background-image: url('../images/file.png');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
}

.delete {
  width: 30px;
  height: 30px;
  background-image: url('../images/delete.png');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.measurement-details-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.measurement-details-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 48%;
  min-height: 60px;
  margin-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #faeff4;
}

.measurement-details-block.white {
  background-color: #fff;
}

.grey-block-wrapper {
  width: 100%;
  background-color: transparent;
}

.grey-block-wrapper.measurement {
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
}

.name-label {
  margin-right: 15px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #686868;
  font-size: 11px;
  line-height: 15px;
  font-weight: 400;
}

.measurement-prompt {
  margin-bottom: 3vw;
  text-align: center;
  text-transform: uppercase;
}

.measurement-field-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 48%;
  margin-bottom: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.measurement-field-block.bottom {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.measurement-field {
  max-width: 100px;
  min-height: 30px;
  margin-right: 10px;
  margin-bottom: 0px;
  color: #7d1d4e;
  font-weight: 400;
}

.measurement-field::-webkit-input-placeholder {
  font-family: Gotham, sans-serif;
  color: rgba(126, 126, 126, 0.3);
  font-size: 16px;
  line-height: 18px;
}

.measurement-field:-ms-input-placeholder {
  font-family: Gotham, sans-serif;
  color: rgba(126, 126, 126, 0.3);
  font-size: 16px;
  line-height: 18px;
}

.measurement-field::-ms-input-placeholder {
  font-family: Gotham, sans-serif;
  color: rgba(126, 126, 126, 0.3);
  font-size: 16px;
  line-height: 18px;
}

.measurement-field::placeholder {
  font-family: Gotham, sans-serif;
  color: rgba(126, 126, 126, 0.3);
  font-size: 16px;
  line-height: 18px;
}

.measurement-field.select {
  width: 100px;
  background-color: #fff;
}

.measurement-field.name {
  max-width: 175px;
  padding-top: 10px;
  color: #7d1d4e;
  font-size: 11px;
}

.measurement-field.name::-webkit-input-placeholder {
  color: #a3a3a3;
}

.measurement-field.name:-ms-input-placeholder {
  color: #a3a3a3;
}

.measurement-field.name::-ms-input-placeholder {
  color: #a3a3a3;
}

.measurement-field.name::placeholder {
  color: #a3a3a3;
}

.measurement-field-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 140px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #5e5e5e;
  font-size: 14px;
  line-height: 1em;
}

.measurement-unit {
  min-width: 45px;
}

.order-history-wrapper {
  margin-bottom: 5vw;
}

.order-history-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-style: solid none solid solid;
  border-width: 1px;
  border-color: #000;
}

.order-history-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  min-height: 60px;
  padding: 10px 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-right: 1px solid #000;
}

.order-status-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1vw;
  padding: 15px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: 0.5px;
  cursor: pointer;
}

.details-header {
  margin-bottom: 1.5vw;
  padding: 15px 25px;
  background-color: #7d1d4e;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.details-wrapper {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
}

.details-button {
  min-width: 350px;
  margin-bottom: 15px;
  padding: 15px 25px;
  background-color: #fff;
  color: #7d1d4e;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
}

.details-button.grey {
  background-color: #b6b6b6;
  color: #000;
}

.introduction-block {
  max-width: 660px;
  margin-right: auto;
  margin-bottom: 5vw;
  margin-left: auto;
  font-size: 13px;
}

.red-text {
  color: #e91919;
}

.auth-form-block {
  max-width: 75%;
  margin-right: auto;
  margin-left: auto;
}

.auth-form-block.smallest {
  max-width: 35%;
}

.auth-form-block.small {
  max-width: 55%;
}

.left-column {
  padding-right: 30px;
  padding-left: 0px;
}

.right-column {
  padding-right: 0px;
  padding-left: 0px;
}

.form-input-wrapper {
  width: 47%;
  margin-right: 0%;
  margin-bottom: 5%;
}

.input-wrapper {
  position: relative;
}

.form-unit {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.default-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #a7a7a7;
  font-weight: 500;
}

.default-checkbox-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-left: 15px;
  border-radius: 5px;
}

.unit-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 50px;
  padding: 8px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #dfdfdf;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.unit-checkbox.active {
  background-color: #a1a1a1;
}

.auth-link {
  color: #7d1d4e;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
}

.selector-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.shoulder-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 250px;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-style: solid;
  border-width: 1px;
  border-color: #b6b6b6;
  border-radius: 8px;
  -webkit-transition: background-color 400ms ease, color 400ms ease;
  transition: background-color 400ms ease, color 400ms ease;
  font-weight: 700;
  text-transform: uppercase;
}

.shoulder-checkbox.active {
  background-color: #faeff4;
  color: #7d1d4e;
}

.selector-preview {
  width: 20vw;
  height: 25vw;
  background-color: #e7e7e7;
}

.onboarding-slider {
  min-height: 650px;
  background-color: transparent;
}

.slider-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.slide-text-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  margin-right: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.onboarding-video {
  display: block;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.video-wrapper {
  width: 35vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav-slider {
  position: absolute;
}

.pattern {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 11vw;
  background-image: url('../images/logo-icon_1.svg');
  background-position: 0px 0px;
  background-size: 20px;
  opacity: 0.11;
}

.text-field {
  max-width: none;
  min-height: 200px;
  margin-bottom: 0px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: solid;
  border-width: 1px;
  border-color: #dfdfdf;
  border-radius: 10px;
  -webkit-transition: border-color 400ms ease;
  transition: border-color 400ms ease;
  color: #000;
  font-size: 16px;
  line-height: 1.5em;
}

.text-field:hover {
  border-color: #444;
}

.text-field:focus {
  border-color: #000;
}

.text-field::-webkit-input-placeholder {
  font-size: 14px;
}

.text-field:-ms-input-placeholder {
  font-size: 14px;
}

.text-field::-ms-input-placeholder {
  font-size: 14px;
}

.text-field::placeholder {
  font-size: 14px;
}

.text-field.outline {
  min-height: 40px;
  margin-right: 1vw;
  padding-right: 20px;
  border-color: #9b9b9b;
  border-radius: 7px;
  background-color: transparent;
  color: #000;
}

.text-field.outline::-webkit-input-placeholder {
  color: #000;
}

.text-field.outline:-ms-input-placeholder {
  color: #000;
}

.text-field.outline::-ms-input-placeholder {
  color: #000;
}

.text-field.outline::placeholder {
  color: #000;
}

.text-field.outline.mb-10 {
  min-height: 45px;
}

.text-field.outline.black {
  border-color: #000;
  border-radius: 0px;
}

.text-field.outline.black.mb-10 {
  text-transform: uppercase;
}

.text-field.measurement {
  min-height: 30px;
  border-style: none;
  font-size: 13px;
  line-height: 1.3em;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

.text-field.measurement::-webkit-input-placeholder {
  font-size: 13px;
}

.text-field.measurement:-ms-input-placeholder {
  font-size: 13px;
}

.text-field.measurement::-ms-input-placeholder {
  font-size: 13px;
}

.text-field.measurement::placeholder {
  font-size: 13px;
}

.text-field.with-unit {
  padding-right: 60px;
}

.text-field.with-unit.onboarding {
  max-width: 200px;
}

.text-field.ouline {
  max-width: 100%;
  min-height: 150px;
  margin-bottom: 20px;
  border-color: #969696;
  border-radius: 6px;
  background-color: transparent;
}

.text-field.ouline:hover {
  border-color: #505050;
}

.text-field.ouline:focus {
  border-color: #000;
}

.contact-info {
  margin-bottom: 2vw;
}

.contact-link {
  color: #000;
  text-decoration: none;
}

.social-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #7d1d4e;
}

.list-item {
  margin-bottom: 20px;
}

.answer {
  font-size: 12px;
}

.question {
  font-weight: 500;
}

.policies p {
  font-size: 14px;
}

.policies h5 {
  color: #7d1d4e;
}

.list {
  padding-left: 0px;
}

.delivery-table {
  margin-top: 3vw;
  margin-bottom: 3vw;
  border-style: solid none none solid;
  border-width: 1px;
  border-color: #b6b6b6;
}

.column-header {
  color: #7d1d4e;
}

.column-header.white {
  color: #fff;
}

.column-inner {
  padding: 0.5vw 2vw;
  color: #000;
}

.column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
  padding-top: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #b6b6b6;
  border-bottom: 1px solid #b6b6b6;
}

.column.header {
  background-color: #000;
  color: #fff;
}

.size-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.size-text {
  max-width: 550px;
}

.size-table {
  border-style: solid solid none;
  border-width: 1px;
  border-color: #000;
}

.table-header-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.table-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 12.5%;
  min-height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #7d1d4e;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}

.table-block.black {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 2vw;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.table-block.white {
  background-color: #fff;
  color: #000;
}

.table-block.white.left {
  padding-left: 2vw;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.table-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #000;
}

.hiw-block {
  position: fixed;
  top: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  height: 100vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate(-100%, 0px);
  -ms-transform: translate(-100%, 0px);
  transform: translate(-100%, 0px);
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.hiw-block.open {
  z-index: 1000;
  -webkit-transform: translate(0%, 0px);
  -ms-transform: translate(0%, 0px);
  transform: translate(0%, 0px);
}

.hiw-inner {
  max-width: 23%;
  margin-right: 2%;
}

.hiw-icon {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  border-radius: 15px;
  background-color: #faeff4;
  background-image: url('../images/shopping-bag.png');
  background-position: 50% 50%;
  background-size: 50%;
  background-repeat: no-repeat;
}

.hiw-icon.tape {
  background-image: url('../images/Asset-1.png');
  background-position: 100% 50%;
  background-size: 85%;
}

.hiw-icon.pay {
  background-image: url('../images/credit-card.png');
}

.hiw-icon.clothes {
  background-image: url('../images/fashion.png');
  background-size: 54%;
}

.hiw-text {
  max-width: 250px;
  padding-bottom: 5px;
  font-size: 12px;
  line-height: 15px;
}

.hiw-text.border {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #7d1d4e;
}

.hiw-prompt {
  position: absolute;
  left: auto;
  top: 45%;
  right: -112px;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 50px 10px 20px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: #000;
  background-image: url('../images/expand-arrows.png');
  background-position: 90% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}

.hiw-inner-wrapper {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3vw 5vw;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background-color: #fff;
}

.save-button {
  position: absolute;
  left: auto;
  top: 10px;
  right: 10px;
  bottom: auto;
  width: 25px;
  height: 25px;
  background-image: url('../images/heart.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.contact-form {
  max-width: 40%;
  margin-right: auto;
  margin-left: auto;
}

.contact-info-wrapper {
  max-width: 40%;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}

.about-text-wrapper {
  max-width: 60%;
  margin-right: auto;
  margin-left: auto;
}

.details-button-wrapper {
  margin-top: 30px;
  padding-top: 25px;
  border-top: 2px solid #cfcfcf;
}

.details-form-block {
  max-width: 50%;
  margin-right: auto;
  margin-left: auto;
}

.measurement-guide-inner {
  max-width: 50%;
  margin-right: auto;
  margin-left: auto;
}

.block-container {
  max-width: 50%;
  margin-right: auto;
  margin-left: auto;
}

.block-container.flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.block-container.full-width {
  max-width: none;
}

.block-container.wide {
  max-width: 60%;
}

.block-container.wide.flex-space-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.block-container.wider {
  max-width: 80%;
}

.block-container.wider.flex-space-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.block-container.popup {
  max-width: 50%;
}

.full-width {
  width: 100%;
}

.full-width.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.full-width.flex.align-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.full-width.flex.align-right.mt20 {
  margin-top: 20px;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex.align-left {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flex.full-height {
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.details-popup-wrapper {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2000;
  display: none;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.69);
  opacity: 0;
}

.details-popup-wrapper.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}

.details-popup {
  overflow: auto;
  width: 70%;
  height: auto;
  background-color: #fff;
}

.order-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dropdown-icon {
  width: 30px;
  height: 30px;
  background-image: url('../images/drop-down-arrow.svg');
  background-position: 50% 50%;
  background-size: 50%;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.dropdown-icon.active {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.order-text-wrapper {
  overflow: hidden;
  width: 100%;
  max-height: 0px;
  padding-top: 0px;
  -webkit-transition: padding 400ms ease, max-height 400ms ease;
  transition: padding 400ms ease, max-height 400ms ease;
}

.order-text-wrapper.show {
  max-height: 100px;
  padding-top: 10px;
}

.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-top: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  border-radius: 1px;
}

.page-number {
  padding: 5px 15px;
  border-right: 1px solid #000;
  color: #7d1d4e;
  font-size: 13px;
  font-weight: 500;
}

.page-number.active {
  background-color: #7d1d4e;
  color: #fff;
}

.page-number.next {
  border-right-style: none;
}

.hiw-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100vw;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.64);
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

.hiw-overlay.active {
  opacity: 1;
}

.nav-overlay {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  height: 100vh;
}

.review-wrapper {
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.review-slider {
  width: 75%;
  min-height: 350px;
  background-color: #fff;
}

.review-inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  padding: 7vw 40px 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f0f0f0;
  background-image: url('../images/chat-1.png');
  background-position: 50% 0%;
  background-size: 27vw;
  background-repeat: no-repeat;
  font-size: 15px;
  line-height: 30px;
  font-weight: 400;
}

.review-inner.form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  line-height: 15px;
}

.review-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 100%;
  padding: 30px 75px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.review-block.left {
  padding-right: 0px;
}

.review-block.right {
  padding-left: 30px;
}

.review-date {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  max-width: 70px;
  padding: 10px;
  background-color: #e4e4e4;
  line-height: 16px;
  font-weight: 700;
}

.arrow {
  left: 10px;
  width: 40px;
  height: 40px;
  border-style: solid;
  border-width: 3px;
  border-color: #bbb;
  border-radius: 50%;
}

.arrow.right {
  left: auto;
  right: 10px;
}

.icon {
  color: #bbb;
  font-size: 17px;
  font-weight: 700;
}

.customer-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100px;
  height: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
}

.customer-name {
  max-width: 300px;
  margin-top: 10px;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}

.review-comment {
  max-width: 285px;
  margin-top: 10px;
  color: #414141;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}

.star-rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.review-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 29px;
  line-height: 30px;
  font-weight: 500;
}

.star-icon {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  background-image: url('../images/star.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.star-icon.filled {
  background-image: url('../images/star-1.png');
}

.star-icon.filled.small {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.star-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  margin-bottom: 15px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.star {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('../images/star.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.star.checked {
  background-image: url('../images/star-1.png');
}

.rating-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sbold {
  font-weight: 500;
}

.review-image {
  width: 100%;
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

@media screen and (max-width: 991px) {
  .nav {
    padding: 2vw 5vw;
  }

  .logo {
    width: 25vw;
    height: 3vw;
    margin-left: -12.5vw;
  }

  .search-button {
    width: 3vw;
    height: 3vw;
  }

  .cart-button {
    width: 3vw;
    height: 3vw;
  }

  .cart-indicator {
    width: 2vw;
    height: 2vw;
    font-size: 9px;
  }

  .dropdown-button {
    width: 3vw;
    height: 3vw;
  }

  .nav-menu {
    width: auto;
    min-width: 0vw;
    padding: 15vw 3vw 10vw;
  }

  .close-button {
    width: 2.5vw;
    height: 2.5vw;
  }

  .close-button.modal {
    width: 7vw;
    height: 6vw;
  }

  .nav-link {
    font-size: 17px;
  }

  .subscribe-header {
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  .subscribe-inner {
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  .section-header {
    margin-bottom: 4vw;
  }

  .product-block-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .product-block {
    width: 43%;
    margin-bottom: 5%;
  }

  .product-block.saved {
    width: 42%;
    margin-right: 8%;
    margin-bottom: 8%;
  }

  .product-image {
    width: 100%;
  }

  .uppercase.measurement {
    font-size: 13px;
  }

  .product-image-wrapper {
    height: 43vw;
  }

  .add-to-cart-button {
    width: 5vw;
    height: 5vw;
  }

  .sticky-block {
    height: 5vw;
  }

  .sticky-inner {
    width: 250%;
    padding-left: 20vw;
  }

  .newsletter-form {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .message-icon {
    width: 4vw;
    height: 4vw;
  }

  .newsletter-inner {
    margin-right: 0vw;
  }

  .form-wrapper {
    min-width: 50vw;
    margin-top: 2vw;
  }

  .product-container {
    padding-top: 20vw;
    padding-right: 5vw;
    padding-left: 5vw;
  }

  .product-image-slider-wrapper {
    width: 51vw;
  }

  .back-button {
    width: 5vw;
    height: 5vw;
    margin-bottom: 3vw;
    margin-left: 3vw;
  }

  .product-type {
    margin-left: 3vw;
  }

  .product-details-inner {
    margin-left: 3vw;
  }

  .product-name {
    margin-left: 3vw;
  }

  .quantity-block {
    margin-bottom: 2vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    padding-left: 3vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .quantiy-form.cart {
    width: 10vw;
  }

  .form-checkbox-wrapper {
    margin-left: 3vw;
  }

  .form-checkbox-wrapper.details {
    max-width: 60%;
    margin-right: 0px;
  }

  .form-checkbox-wrapper.mb-20 {
    margin-left: 0vw;
  }

  .form-checkbox {
    width: 6vw;
    height: 5vw;
    margin-right: 1.5vw;
    margin-bottom: 1.5vw;
  }

  .size-selector {
    margin-bottom: 2vw;
    padding-left: 3vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .button.cart {
    margin-left: 3vw;
  }

  .slider-nav {
    padding-right: 20px;
    padding-left: 20px;
  }

  .cart-container {
    padding-top: 15vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .checkout-block {
    width: 50vw;
  }

  .cart-block {
    width: 50vw;
    border-right-style: none;
  }

  .checkout-header {
    margin-bottom: 3vw;
    padding-right: 3vw;
    padding-left: 3vw;
  }

  .cart-header {
    padding-right: 3vw;
    padding-left: 3vw;
  }

  .cart-inner {
    padding-right: 3vw;
    padding-left: 3vw;
  }

  .cart-product {
    margin-bottom: 2vw;
  }

  .cart-product-image-wrapper {
    width: 12vw;
    height: 17vw;
    margin-right: 2vw;
  }

  .counter-btn {
    width: 3vw;
  }

  .delete-button.saved {
    width: 3vw;
  }

  .coupon-block {
    margin-bottom: 2vw;
  }

  .subtotal-block {
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  .checkout-inner {
    padding-right: 3vw;
    padding-left: 3vw;
  }

  .checkout-details-block {
    width: 90%;
    margin-bottom: 3vw;
  }

  .logo-white {
    bottom: 33.3vw;
  }

  .measurement-form {
    padding-left: 3vw;
  }

  .see-more-btn {
    margin-top: 2vw;
    margin-bottom: 1vw;
  }

  .white-block {
    padding-top: 14vw;
  }

  .white-block.review {
    padding-top: 7vw;
  }

  .block-header {
    padding: 3vw 7vw 2vw;
  }

  .block-header.grey.summary {
    padding-right: 5%;
    padding-left: 5%;
  }

  .block-header.contact {
    padding-right: 7vw;
    padding-left: 7vw;
  }

  .block-inner.measurement {
    padding-right: 0vw;
    padding-left: 0vw;
  }

  .block-inner.auth {
    padding-right: 5vw;
    padding-left: 5vw;
  }

  .block-inner.onboarding {
    padding-right: 0vw;
    padding-left: 0vw;
  }

  .block-inner.about {
    padding-right: 7vw;
    padding-bottom: 19vw;
    padding-left: 7vw;
  }

  .block-inner.patterned {
    padding-right: 7vw;
    padding-left: 7vw;
  }

  .block-inner.patterned.size-guide {
    padding-right: 5vw;
    padding-left: 5vw;
  }

  .block-inner.patterned.review {
    padding-right: 0vw;
    padding-left: 0vw;
  }

  .form-flex {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .form-label {
    margin-right: 20px;
  }

  .input-field {
    min-width: 100px;
  }

  .measurement-details-block {
    min-height: 9vw;
    padding-right: 2vw;
    padding-left: 2vw;
    font-size: 13px;
  }

  .measurement-unit {
    font-size: 12px;
  }

  .order-status-block {
    margin-bottom: 20px;
  }

  .introduction-block {
    max-width: 90%;
  }

  .auth-form-block {
    max-width: 90%;
  }

  .auth-form-block.smallest {
    max-width: 50%;
  }

  .auth-form-block.small {
    max-width: 70%;
  }

  .default-checkbox-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .onboarding-slider {
    height: auto;
  }

  .table-block.black {
    width: 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .table-block.white.left {
    width: 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 13px;
  }

  .hiw-block {
    top: 40px;
    width: 95%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .hiw-inner {
    max-width: 45%;
    margin-right: 5%;
    margin-bottom: 5%;
  }

  .hiw-icon {
    width: 70px;
    height: 70px;
  }

  .hiw-text {
    max-width: none;
  }

  .hiw-prompt {
    right: -112px;
  }

  .hiw-inner-wrapper {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .contact-form {
    max-width: 90%;
  }

  .about-text-wrapper {
    max-width: 100%;
  }

  .block-container {
    max-width: 80%;
  }

  .block-container.wide {
    max-width: 90%;
  }

  .block-container.wide.flex-wrap {
    max-width: 90%;
  }

  .block-container.wider {
    max-width: 100%;
  }

  .block-container.popup {
    max-width: 90%;
  }

  .block-container.text {
    max-width: 90%;
  }

  .details-popup {
    height: auto;
  }

  .button-wrapper.flex.align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .review-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .review-slider {
    min-height: 400px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .review-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 8vw 10px 30px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-position: 50% 0%;
    background-size: 34vw;
  }

  .review-inner.form {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .review-number {
    font-size: 25px;
  }

  .star-wrapper {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .review-form {
    min-width: 55%;
  }

  .rating-block {
    width: 250px;
  }
}

@media screen and (max-width: 767px) {
  .hero {
    height: 500px;
    min-height: 0px;
    margin-bottom: 40px;
  }

  .nav {
    z-index: 6001;
    padding: 25px;
  }

  .hamburger {
    width: 25px;
    height: 25px;
  }

  .logo {
    width: 170px;
    height: 30px;
    margin-left: -85px;
  }

  .search-button {
    width: 25px;
    height: 25px;
  }

  .cart-button {
    width: 25px;
    height: 25px;
    margin-left: 20px;
  }

  .cart-indicator {
    left: -12px;
    bottom: -12px;
    width: 25px;
    height: 25px;
  }

  .menu-dropdown {
    margin-left: 20px;
  }

  .dropdown-button {
    width: 25px;
    height: 25px;
  }

  .nav-menu {
    min-width: 200px;
    padding: 100px 30px 150px;
  }

  .close-button {
    width: 20px;
    height: 20px;
    margin-bottom: 40px;
  }

  .close-button.popup {
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
  }

  .close-button.search {
    width: 30px;
    height: 30px;
    margin-left: 10px;
  }

  .close-button.modal {
    width: 50px;
    height: 50px;
  }

  .close-button.details {
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
  }

  .subscribe-header {
    padding: 20px;
  }

  .subscribe-inner {
    padding: 20px;
  }

  .hero-text-wrapper {
    width: 400px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .hero-link-wrapper {
    bottom: 80px;
  }

  .product-section {
    padding: 0px 40px;
  }

  .section-header {
    margin-bottom: 30px;
  }

  .h0 {
    font-size: 50px;
  }

  .uppercase.measurement {
    font-size: 12px;
  }

  .product-image-wrapper {
    height: 300px;
    margin-bottom: 15px;
  }

  .add-to-cart-button {
    right: -15px;
    bottom: -15px;
    width: 40px;
    height: 40px;
  }

  .footer {
    padding: 50px 25px;
  }

  .sticky-block {
    height: 35px;
  }

  .sticky-inner {
    width: 400%;
    padding-left: 150px;
    font-size: 12px;
  }

  .footer-top-block {
    margin-bottom: 50px;
  }

  .newsletter-form {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .message-icon {
    width: 30px;
    height: 30px;
    margin-right: 20px;
    margin-bottom: 20px;
  }

  .form-field {
    min-height: 60px;
  }

  .form-field.outline {
    margin-right: 10px;
  }

  .form-wrapper {
    min-width: 350px;
    margin-top: 25px;
  }

  .footer-middle-block {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .footer-middle-inner {
    width: 100%;
    margin-bottom: 35px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .footer-middle-inner.right {
    padding-right: 15px;
    padding-left: 15px;
  }

  .footer-link {
    width: 50%;
    margin-bottom: 25px;
  }

  .footer-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
  }

  .divider {
    display: none;
  }

  .divider.horizontal {
    display: block;
    width: 90%;
    margin-top: 20px;
    margin-bottom: 25px;
  }

  .divider.horizontal.order {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .divider.measurement {
    display: block;
  }

  .divider.contact {
    display: block;
    height: 40px;
    margin-right: 20px;
    margin-left: 20px;
  }

  .footer-links-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer-text-link {
    margin-top: 15px;
    margin-right: 20px;
    margin-bottom: 5px;
    font-size: 19px;
  }

  .round-logo {
    width: 200px;
    height: 200px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
  }

  .footer-bottom-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }

  .footer-text-wrapper {
    margin-bottom: 20px;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1px;
  }

  .socials-wrapper {
    width: auto;
    margin-left: -20px;
  }

  .socials-icon {
    width: 25px;
    height: 25px;
    margin-left: 20px;
  }

  .payment-methods-wrapper {
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
  }

  .payment-method {
    width: 50px;
    height: 30px;
    margin-left: 10px;
  }

  .product-container {
    padding: 120px 25px 70px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .product-image-slider-wrapper {
    width: 100%;
    height: 500px;
    min-height: 0vw;
    margin-bottom: 50px;
    padding: 20px;
  }

  .product-details-block {
    width: 100%;
  }

  .back-button {
    display: none;
    width: 40px;
    height: 40px;
    margin-bottom: 30px;
    margin-left: 0px;
    border-width: 3px;
  }

  .back-button.mobile {
    display: block;
    margin-left: 0vw;
  }

  .product-type {
    margin-bottom: 15px;
    margin-left: 0vw;
  }

  .product-details-inner {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0vw;
  }

  .product-name {
    margin-left: 0px;
  }

  .quantity-block {
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .quantity-block.small {
    margin-top: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .quantiy-form {
    margin-right: 15px;
    margin-left: 15px;
  }

  .quantiy-form.cart {
    width: 80px;
    margin-right: 15px;
  }

  .quantity-field {
    max-width: 50px;
  }

  .form-checkbox-wrapper {
    margin-left: 30px;
  }

  .form-checkbox-wrapper.details {
    max-width: none;
    margin-bottom: 20px;
    margin-left: 0px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .form-checkbox {
    width: 50px;
    height: 40px;
    margin-right: 20px;
    margin-bottom: 0px;
  }

  .size-selector {
    margin-bottom: 25px;
    padding-left: 0px;
  }

  .button.outline {
    margin-top: 20px;
  }

  .button.cart {
    margin-left: 0px;
  }

  .button.back {
    left: 30%;
  }

  .button.next {
    left: 50%;
  }

  .slide-image {
    width: 100%;
  }

  .slider-nav {
    padding-top: 30px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .cart-container {
    padding-top: 100px;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .checkout-block {
    width: 100%;
  }

  .cart-block {
    width: 100%;
    padding-bottom: 50px;
  }

  .checkout-header {
    position: -webkit-sticky;
    position: sticky;
    top: 76px;
    z-index: 1;
    margin-bottom: 40px;
    padding: 20px 30px 10px;
    background-color: #fff;
  }

  .cart-header {
    position: -webkit-sticky;
    position: sticky;
    top: 76px;
    z-index: 1;
    margin-bottom: 20px;
    padding: 20px 30px 10px;
    background-color: #e7e7e7;
  }

  .cart-inner {
    padding-right: 40px;
    padding-left: 40px;
  }

  .cart-product {
    margin-bottom: 25px;
    padding-top: 15px;
    padding-right: 50px;
    padding-bottom: 20px;
  }

  .cart-product-image-wrapper {
    width: 120px;
    height: 150px;
    margin-right: 30px;
  }

  .counter-btn {
    width: 25px;
  }

  .size-dropdown {
    margin-top: 10px;
  }

  .delete-button.saved {
    width: 30px;
    height: 30px;
  }

  .coupon-block {
    margin-top: 0px;
    margin-bottom: 25px;
  }

  .subtotal-block {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .column-block {
    margin-bottom: 15px;
  }

  .checkout-inner {
    padding-right: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
  }

  .checkout-details-block {
    margin-bottom: 25px;
    padding: 20px;
  }

  .logo-icon {
    width: 170px;
    height: 170px;
  }

  .logo-white {
    width: 250px;
    height: 30px;
  }

  .loading-inner.bottom {
    background-position: 50% 74%;
    background-size: 142%;
  }

  .measurement-form {
    padding-left: 0vw;
  }

  .measurement-block {
    max-width: 300px;
  }

  .search-wrapper {
    bottom: -65px;
    min-height: 65px;
  }

  .results-wrapper {
    min-height: 150px;
    padding: 60px 35px 25px 25px;
    border-radius: 10px;
  }

  .results-inner {
    margin-top: 15px;
  }

  .see-more-btn {
    margin-top: 0px;
  }

  .white-block {
    padding-top: 100px;
    padding-right: 5vw;
    padding-left: 5vw;
  }

  .block-header {
    padding: 20px 30px;
  }

  .block-header.grey {
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .block-header.designs {
    padding-right: 20px;
    padding-left: 20px;
  }

  .block-header.contact {
    padding-right: 30px;
    padding-left: 30px;
  }

  .block-inner {
    padding: 30px;
  }

  .block-inner.measurement {
    padding-right: 20px;
    padding-left: 20px;
  }

  .block-inner.designs {
    padding-right: 20px;
    padding-left: 20px;
  }

  .block-inner.about {
    padding: 30px 30px 100px;
  }

  .block-inner.patterned {
    padding-right: 20px;
    padding-bottom: 120px;
    padding-left: 20px;
  }

  .form-flex.no-margin {
    margin-top: 10px;
    margin-bottom: 15px;
  }

  .form-label {
    margin-right: 30px;
  }

  .input-field.outline {
    margin-right: 10px;
  }

  .measurement-guide {
    margin-bottom: 30px;
  }

  .measurement-list-item {
    margin-top: 15px;
    padding-left: 0px;
  }

  .measurement-details-inner {
    margin-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .measurement-details-block {
    width: 100%;
    min-height: 60px;
    margin-bottom: 10px;
    padding-right: 40px;
    padding-left: 40px;
  }

  .measurement-details-block.white {
    background-color: #faeff4;
  }

  .measurement-field-block {
    min-width: 100%;
    margin-bottom: 10px;
  }

  .measurement-field-block.bottom {
    margin-top: 20px;
  }

  .order-history-wrapper {
    margin-bottom: 50px;
  }

  .order-history-block {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom-style: none;
  }

  .order-history-inner {
    width: 50%;
    border-bottom: 1px solid #000;
  }

  .order-status-block {
    margin-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    background-image: none;
  }

  .details-header {
    margin-bottom: 15px;
    padding: 15px 40px;
  }

  .details-button {
    margin-bottom: 15px;
    padding: 15px 40px;
  }

  .introduction-block {
    max-width: 100%;
  }

  .auth-form-block {
    max-width: 100%;
  }

  .auth-form-block.smallest {
    max-width: 75%;
  }

  .auth-form-block.small {
    max-width: 100%;
  }

  .left-column {
    padding-right: 0px;
  }

  .selector-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .shoulder-checkbox-wrapper {
    width: 100%;
  }

  .selector-preview {
    width: 170px;
    height: 170px;
    margin: 20px auto 40px;
  }

  .slider-inner {
    padding-bottom: 150px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .slide-text-wrapper {
    width: 85%;
    margin-right: 0vw;
    margin-bottom: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .video-wrapper {
    width: 350px;
  }

  .pattern {
    height: 100px;
  }

  .text-field.outline {
    margin-right: 10px;
  }

  .contact-info {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .list {
    padding-left: 20px;
  }

  .hiw-block {
    top: 0%;
    width: 85%;
    height: 100vh;
    padding-top: 75px;
    -webkit-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
  }

  .hiw-block.open {
    z-index: 600;
  }

  .hiw-prompt {
    right: -113px;
  }

  .hiw-inner-wrapper {
    overflow: auto;
    height: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .contact-form {
    max-width: 90%;
  }

  .contact-info-wrapper {
    max-width: 90%;
  }

  .about-text-wrapper {
    max-width: 90%;
  }

  .block-container {
    max-width: 100%;
  }

  .block-container.wide.flex-wrap {
    max-width: 100%;
  }

  .block-container.popup {
    max-width: 100%;
  }

  .block-container.text {
    max-width: 95%;
  }

  .flex.full-height {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .details-popup {
    width: 80%;
  }

  .order-text-wrapper.show {
    max-height: 160px;
  }

  .hiw-overlay {
    width: 100vw;
  }

  .review-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .review-slider {
    position: relative;
    width: 100%;
    min-height: 700px;
  }

  .review-inner {
    width: 100%;
    padding-top: 40px;
    background-position: 50% 30%;
    background-size: 300px;
  }

  .review-block {
    width: 100%;
    height: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .review-block.left {
    padding-left: 0px;
  }

  .review-block.right {
    padding-right: 0px;
    padding-left: 0px;
  }

  .arrow {
    top: 40%;
    width: 40px;
    height: 40px;
    margin-top: 0px;
  }

  .icon {
    font-size: 15px;
  }

  .review-comment {
    text-align: center;
  }

  .review-number {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .review-form {
    min-width: 80%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 26px;
  }

  .hero {
    background-position: 60% 30%;
    background-size: auto;
  }

  .nav {
    z-index: 1001;
    padding-right: 5%;
    padding-left: 5%;
  }

  .logo {
    display: block;
    width: 30px;
    margin-left: -15px;
    background-image: url('../images/logo-icon_1.svg');
  }

  .cart-button {
    margin-left: 15px;
  }

  .menu-dropdown {
    margin-left: 15px;
  }

  .close-button.modal {
    width: 40px;
    height: 40px;
  }

  .subscribe-popup {
    top: 54%;
    max-width: 250px;
    min-height: 0vw;
    min-width: 0vw;
    -webkit-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }

  .hero-text-wrapper {
    width: auto;
    max-width: 90%;
  }

  .product-section {
    padding: 0px 20px;
  }

  .section-header {
    margin-top: 34px;
  }

  .h0 {
    font-size: 36px;
  }

  .product-block {
    width: 48%;
    margin-bottom: 30px;
  }

  .product-block.saved {
    width: 46%;
    margin-right: 4%;
  }

  .product-image-wrapper {
    height: 250px;
  }

  .add-to-cart-button {
    right: 5px;
    bottom: 5px;
    width: 30px;
    height: 30px;
  }

  .message-icon {
    margin-bottom: 20px;
  }

  .newsletter-inner {
    width: 100%;
    min-width: 0px;
    margin-right: 0px;
  }

  .form-wrapper {
    max-width: 100%;
    min-width: 0px;
    margin-top: 15px;
  }

  .form-wrapper.footer-form {
    width: 100%;
  }

  .footer-middle-inner.right {
    margin-bottom: 25px;
  }

  .divider.horizontal {
    margin-bottom: 20px;
  }

  .footer-links-wrapper {
    margin-bottom: 30px;
  }

  .round-logo {
    margin-right: auto;
    margin-left: auto;
  }

  .product-container {
    padding-top: 100px;
    padding-right: 5%;
    padding-left: 5%;
  }

  .product-image-slider-wrapper {
    height: 405px;
    margin-bottom: 30px;
    padding: 10px;
  }

  .quantity-block.small {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .form-checkbox-wrapper.details {
    margin-bottom: 20px;
    margin-left: 0px;
  }

  .form-checkbox {
    margin-bottom: 15px;
  }

  .size-selector {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .button.black.mr20 {
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .button.back {
    left: 19%;
  }

  .button.grey {
    position: static;
    bottom: 15%;
    border-radius: 8px;
  }

  .cart-inner {
    padding-right: 25px;
    padding-left: 25px;
  }

  .cart-product {
    padding-right: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .cart-product-image-wrapper {
    margin-right: 0px;
    margin-bottom: 15px;
  }

  .delete-button.saved {
    left: auto;
    top: auto;
    right: 0%;
    bottom: 0%;
    width: 25px;
    height: 25px;
  }

  .loading-inner.bottom {
    background-position: 70% 74%;
    background-size: 250%;
  }

  .search-field {
    min-width: 0px;
  }

  .search-block {
    width: 79%;
  }

  .search-wrapper {
    display: none;
  }

  .results-wrapper {
    display: none;
  }

  .checkbox.details {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .white-block {
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }

  .block-header {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 20px;
  }

  .block-header.grey {
    padding-bottom: 16px;
  }

  .block-header.contact {
    padding-right: 20px;
    padding-left: 20px;
  }

  .block-inner {
    padding: 20px 15px;
  }

  .block-inner.measurement {
    padding-right: 0px;
    padding-left: 0px;
  }

  .block-inner.designs {
    padding-right: 10px;
    padding-left: 10px;
  }

  .block-inner.about {
    padding-right: 20px;
    padding-bottom: 150px;
    padding-left: 20px;
  }

  .block-inner.patterned {
    overflow: hidden;
    padding: 30px 15px 150px;
  }

  .block-inner.edit {
    padding-top: 20px;
  }

  .form-flex {
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .form-flex.no-margin {
    margin-bottom: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .form-flex.wrap {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .form-label {
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .measurement-details-block {
    padding-right: 20px;
    padding-left: 20px;
  }

  .name-label {
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .measurement-prompt {
    margin-bottom: 20px;
  }

  .order-history-inner {
    width: 100%;
  }

  .order-status-block {
    font-size: 15px;
  }

  .details-button {
    font-size: 14px;
  }

  .auth-form-block.smallest {
    max-width: 100%;
  }

  .form-input-wrapper {
    width: 100%;
  }

  .default-checkbox-wrapper {
    margin-left: 0px;
  }

  .auth-link {
    margin-bottom: 10px;
  }

  .selector-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .shoulder-checkbox {
    min-width: 100px;
  }

  .shoulder-checkbox.active {
    min-width: 100px;
  }

  .onboarding-slider {
    min-height: 0px;
  }

  .video-wrapper {
    width: 95%;
  }

  .list {
    padding-left: 10px;
  }

  .delivery-table {
    overflow: scroll;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 30px;
  }

  .column-table {
    width: 200%;
  }

  .size-flex {
    margin-bottom: 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .size-text {
    margin-bottom: 20px;
  }

  .size-table {
    overflow: auto;
  }

  .table-header-wrapper {
    width: 200%;
  }

  .table-wrapper {
    width: 200%;
  }

  .hiw-block {
    top: 0%;
    height: 100vh;
    padding-top: 75px;
  }

  .hiw-inner {
    max-width: none;
  }

  .hiw-prompt {
    display: none;
  }

  .hiw-inner-wrapper {
    padding-top: 15vw;
    padding-right: 8vw;
    padding-left: 8vw;
  }

  .contact-form {
    max-width: 100%;
  }

  .contact-info-wrapper {
    max-width: 100%;
  }

  .about-text-wrapper {
    max-width: 100%;
  }

  .block-container.wide {
    max-width: 100%;
  }

  .block-container.text {
    max-width: 100%;
  }

  .details-popup {
    width: 90%;
  }

  .order-text-wrapper.show {
    max-height: 200px;
  }

  .button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .button-wrapper.flex.align-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .hiw-overlay {
    width: 100vw;
  }

  .review-slider {
    min-height: 760px;
  }

  .review-block {
    height: auto;
    padding-right: 80px;
    padding-left: 30px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .review-block.left {
    padding-right: 70px;
    padding-left: 5vw;
  }

  .review-block.right {
    padding-right: 70px;
    padding-left: 5vw;
  }

  .review-date {
    top: 0%;
  }

  .arrow {
    left: 32%;
    top: auto;
    bottom: 4%;
  }

  .arrow.right {
    right: 33%;
  }

  .customer-image {
    margin-bottom: 10px;
  }

  .review-comment {
    max-width: none;
    font-size: 14px;
    text-align: left;
  }

  .review-form {
    min-width: 100%;
  }
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}