/** Shopify CDN: Minification failed

Line 17:2 Expected identifier but found "*"
Line 4558:17 Expected ")" to end URL token
Line 4561:15 Expected ")" to end URL token
Line 4562:15 Expected ")" to end URL token
Line 4568:17 Expected ")" to end URL token
Line 4571:15 Expected ")" to end URL token
Line 4572:15 Expected ")" to end URL token
Line 5659:27 Expected ")" to end URL token

**/
.grid_wrap,
.grid--full,
.grid--rev,
.grid-uniform {
  *zoom: 1;
}
.grid_wrap::after,
.grid--full::after,
.grid--rev::after,
.grid-uniform::after {
  content: "";
  display: table;
  clear: both;
}
.grid__item.clear {
  clear: both;
}
.grid_wrap,
.grid--full,
.grid--rev,
.grid-uniform {
  list-style: none;
  margin: 0;
  padding: 0;
 /* margin-left: -40px; */
}
@media screen and (max-width: 600px) {
  .grid_wrap,
  .grid--full,
  .grid--rev,
  .grid-uniform {
    margin-left: -13.3333333333px;
  }
}
.grid__item {
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  padding-left: 40px;
  vertical-align: top;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .grid__item {
    padding-left: 13.3333333333px;
  }
}
.grid--rev {
  direction: rtl;
  text-align: left;
}
.grid--rev > .grid__item {
  direction: ltr;
  text-align: left;
  float: right;
}
.grid--full {
  margin-left: 0;
}
.grid--full > .grid__item {
  padding-left: 0;
}
.one-whole {
  width: 100%;
}
.one-half {
  width: 50%;
}
.one-third {
  width: 33.333%;
}
.two-thirds {
  width: 66.666%;
}
.one-quarter {
  width: 25%;
}
.two-quarters {
  width: 50%;
}
.three-quarters {
  width: 75%;
}
.one-fifth {
  width: 20%;
}
.two-fifths {
  width: 40%;
}
.three-fifths {
  width: 60%;
}
.four-fifths {
  width: 80%;
}
.one-sixth {
  width: 16.666%;
}
.two-sixths {
  width: 33.333%;
}
.three-sixths {
  width: 50%;
}
.four-sixths {
  width: 66.666%;
}
.five-sixths {
  width: 83.333%;
}
.one-eighth {
  width: 12.5%;
}
.two-eighths {
  width: 25%;
}
.three-eighths {
  width: 37.5%;
}
.four-eighths {
  width: 50%;
}
.five-eighths {
  width: 62.5%;
}
.six-eighths {
  width: 75%;
}
.seven-eighths {
  width: 87.5%;
}
.one-tenth {
  width: 10%;
}
.two-tenths {
  width: 20%;
}
.three-tenths {
  width: 30%;
}
.four-tenths {
  width: 40%;
}
.five-tenths {
  width: 50%;
}
.six-tenths {
  width: 60%;
}
.seven-tenths {
  width: 70%;
}
.eight-tenths {
  width: 80%;
}
.nine-tenths {
  width: 90%;
}
.one-twelfth {
  width: 8.333%;
}
.two-twelfths {
  width: 16.666%;
}
.three-twelfths {
  width: 25%;
}
.four-twelfths {
  width: 33.333%;
}
.five-twelfths {
  width: 41.666%;
}
.six-twelfths {
  width: 50%;
}
.seven-twelfths {
  width: 58.333%;
}
.eight-twelfths {
  width: 66.666%;
}
.nine-twelfths {
  width: 75%;
}
.ten-twelfths {
  width: 83.333%;
}
.eleven-twelfths {
  width: 91.666%;
}
.show {
  display: block !important;
}
.hide {
  display: none !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
@media only screen and (max-width: 600px) {
  .small--one-whole {
    width: 100%;
  }
  .small--one-half {
    width: 50%;
  }
  .small--one-third {
    width: 33.333%;
  }
  .small--two-thirds {
    width: 66.666%;
  }
  .small--one-quarter {
    width: 25%;
  }
  .small--two-quarters {
    width: 50%;
  }
  .small--three-quarters {
    width: 75%;
  }
  .small--one-fifth {
    width: 20%;
  }
  .small--two-fifths {
    width: 40%;
  }
  .small--three-fifths {
    width: 60%;
  }
  .small--four-fifths {
    width: 80%;
  }
  .small--one-sixth {
    width: 16.666%;
  }
  .small--two-sixths {
    width: 33.333%;
  }
  .small--three-sixths {
    width: 50%;
  }
  .small--four-sixths {
    width: 66.666%;
  }
  .small--five-sixths {
    width: 83.333%;
  }
  .small--one-eighth {
    width: 12.5%;
  }
  .small--two-eighths {
    width: 25%;
  }
  .small--three-eighths {
    width: 37.5%;
  }
  .small--four-eighths {
    width: 50%;
  }
  .small--five-eighths {
    width: 62.5%;
  }
  .small--six-eighths {
    width: 75%;
  }
  .small--seven-eighths {
    width: 87.5%;
  }
  .small--one-tenth {
    width: 10%;
  }
  .small--two-tenths {
    width: 20%;
  }
  .small--three-tenths {
    width: 30%;
  }
  .small--four-tenths {
    width: 40%;
  }
  .small--five-tenths {
    width: 50%;
  }
  .small--six-tenths {
    width: 60%;
  }
  .small--seven-tenths {
    width: 70%;
  }
  .small--eight-tenths {
    width: 80%;
  }
  .small--nine-tenths {
    width: 90%;
  }
  .small--one-twelfth {
    width: 8.333%;
  }
  .small--two-twelfths {
    width: 16.666%;
  }
  .small--three-twelfths {
    width: 25%;
  }
  .small--four-twelfths {
    width: 33.333%;
  }
  .small--five-twelfths {
    width: 41.666%;
  }
  .small--six-twelfths {
    width: 50%;
  }
  .small--seven-twelfths {
    width: 58.333%;
  }
  .small--eight-twelfths {
    width: 66.666%;
  }
  .small--nine-twelfths {
    width: 75%;
  }
  .small--ten-twelfths {
    width: 83.333%;
  }
  .small--eleven-twelfths {
    width: 91.666%;
  }
  .small--show {
    display: block !important;
  }
  .small--hide {
    display: none !important;
  }
  .small--text-left {
    text-align: left !important;
  }
  .small--text-right {
    text-align: right !important;
  }
  .small--text-center {
    text-align: center !important;
  }
  .small--left {
    float: left !important;
  }
  .small--right {
    float: right !important;
  }
  .grid-uniform .small--one-half:nth-child(2n + 1),
  .grid-uniform .small--one-third:nth-child(3n + 1),
  .grid-uniform .small--one-quarter:nth-child(4n + 1),
  .grid-uniform .small--one-fifth:nth-child(5n + 1),
  .grid-uniform .small--one-sixth:nth-child(6n + 1),
  .grid-uniform .small--two-sixths:nth-child(3n + 1),
  .grid-uniform .small--three-sixths:nth-child(2n + 1),
  .grid-uniform .small--two-eighths:nth-child(4n + 1),
  .grid-uniform .small--four-eighths:nth-child(2n + 1),
  .grid-uniform .small--five-tenths:nth-child(2n + 1),
  .grid-uniform .small--one-twelfth:nth-child(12n + 1),
  .grid-uniform .small--two-twelfths:nth-child(6n + 1),
  .grid-uniform .small--three-twelfths:nth-child(4n + 1),
  .grid-uniform .small--four-twelfths:nth-child(3n + 1),
  .grid-uniform .small--six-twelfths:nth-child(2n + 1) {
    clear: both;
  }
}
@media only screen and (min-width: 601px) and (max-width: 1199px) {
  .medium--one-whole {
    width: 100%;
  }
  .medium--one-half {
    width: 50%;
  }
  .medium--one-third {
    width: 33.333%;
  }
  .medium--two-thirds {
    width: 66.666%;
  }
  .medium--one-quarter {
    width: 25%;
  }
  .medium--two-quarters {
    width: 50%;
  }
  .medium--three-quarters {
    width: 75%;
  }
  .medium--one-fifth {
    width: 20%;
  }
  .medium--two-fifths {
    width: 40%;
  }
  .medium--three-fifths {
    width: 60%;
  }
  .medium--four-fifths {
    width: 80%;
  }
  .medium--one-sixth {
    width: 16.666%;
  }
  .medium--two-sixths {
    width: 33.333%;
  }
  .medium--three-sixths {
    width: 50%;
  }
  .medium--four-sixths {
    width: 66.666%;
  }
  .medium--five-sixths {
    width: 83.333%;
  }
  .medium--one-eighth {
    width: 12.5%;
  }
  .medium--two-eighths {
    width: 25%;
  }
  .medium--three-eighths {
    width: 37.5%;
  }
  .medium--four-eighths {
    width: 50%;
  }
  .medium--five-eighths {
    width: 62.5%;
  }
  .medium--six-eighths {
    width: 75%;
  }
  .medium--seven-eighths {
    width: 87.5%;
  }
  .medium--one-tenth {
    width: 10%;
  }
  .medium--two-tenths {
    width: 20%;
  }
  .medium--three-tenths {
    width: 30%;
  }
  .medium--four-tenths {
    width: 40%;
  }
  .medium--five-tenths {
    width: 50%;
  }
  .medium--six-tenths {
    width: 60%;
  }
  .medium--seven-tenths {
    width: 70%;
  }
  .medium--eight-tenths {
    width: 80%;
  }
  .medium--nine-tenths {
    width: 90%;
  }
  .medium--one-twelfth {
    width: 8.333%;
  }
  .medium--two-twelfths {
    width: 16.666%;
  }
  .medium--three-twelfths {
    width: 25%;
  }
  .medium--four-twelfths {
    width: 33.333%;
  }
  .medium--five-twelfths {
    width: 41.666%;
  }
  .medium--six-twelfths {
    width: 50%;
  }
  .medium--seven-twelfths {
    width: 58.333%;
  }
  .medium--eight-twelfths {
    width: 66.666%;
  }
  .medium--nine-twelfths {
    width: 75%;
  }
  .medium--ten-twelfths {
    width: 83.333%;
  }
  .medium--eleven-twelfths {
    width: 91.666%;
  }
  .medium--show {
    display: block !important;
  }
  .medium--hide {
    display: none !important;
  }
  .medium--text-left {
    text-align: left !important;
  }
  .medium--text-right {
    text-align: right !important;
  }
  .medium--text-center {
    text-align: center !important;
  }
  .medium--left {
    float: left !important;
  }
  .medium--right {
    float: right !important;
  }
  .grid-uniform .medium--one-half:nth-child(2n + 1),
  .grid-uniform .medium--one-third:nth-child(3n + 1),
  .grid-uniform .medium--one-quarter:nth-child(4n + 1),
  .grid-uniform .medium--one-fifth:nth-child(5n + 1),
  .grid-uniform .medium--one-sixth:nth-child(6n + 1),
  .grid-uniform .medium--two-sixths:nth-child(3n + 1),
  .grid-uniform .medium--three-sixths:nth-child(2n + 1),
  .grid-uniform .medium--two-eighths:nth-child(4n + 1),
  .grid-uniform .medium--four-eighths:nth-child(2n + 1),
  .grid-uniform .medium--five-tenths:nth-child(2n + 1),
  .grid-uniform .medium--one-twelfth:nth-child(12n + 1),
  .grid-uniform .medium--two-twelfths:nth-child(6n + 1),
  .grid-uniform .medium--three-twelfths:nth-child(4n + 1),
  .grid-uniform .medium--four-twelfths:nth-child(3n + 1),
  .grid-uniform .medium--six-twelfths:nth-child(2n + 1) {
    clear: both;
  }
}
@media only screen and (max-width: 1199px) {
  .medium-down--one-whole {
    width: 100%;
  }
  .medium-down--one-half {
    width: 50%;
  }
  .medium-down--one-third {
    width: 33.333%;
  }
  .medium-down--two-thirds {
    width: 66.666%;
  }
  .medium-down--one-quarter {
    width: 25%;
  }
  .medium-down--two-quarters {
    width: 50%;
  }
  .medium-down--three-quarters {
    width: 75%;
  }
  .medium-down--one-fifth {
    width: 20%;
  }
  .medium-down--two-fifths {
    width: 40%;
  }
  .medium-down--three-fifths {
    width: 60%;
  }
  .medium-down--four-fifths {
    width: 80%;
  }
  .medium-down--one-sixth {
    width: 16.666%;
  }
  .medium-down--two-sixths {
    width: 33.333%;
  }
  .medium-down--three-sixths {
    width: 50%;
  }
  .medium-down--four-sixths {
    width: 66.666%;
  }
  .medium-down--five-sixths {
    width: 83.333%;
  }
  .medium-down--one-eighth {
    width: 12.5%;
  }
  .medium-down--two-eighths {
    width: 25%;
  }
  .medium-down--three-eighths {
    width: 37.5%;
  }
  .medium-down--four-eighths {
    width: 50%;
  }
  .medium-down--five-eighths {
    width: 62.5%;
  }
  .medium-down--six-eighths {
    width: 75%;
  }
  .medium-down--seven-eighths {
    width: 87.5%;
  }
  .medium-down--one-tenth {
    width: 10%;
  }
  .medium-down--two-tenths {
    width: 20%;
  }
  .medium-down--three-tenths {
    width: 30%;
  }
  .medium-down--four-tenths {
    width: 40%;
  }
  .medium-down--five-tenths {
    width: 50%;
  }
  .medium-down--six-tenths {
    width: 60%;
  }
  .medium-down--seven-tenths {
    width: 70%;
  }
  .medium-down--eight-tenths {
    width: 80%;
  }
  .medium-down--nine-tenths {
    width: 90%;
  }
  .medium-down--one-twelfth {
    width: 8.333%;
  }
  .medium-down--two-twelfths {
    width: 16.666%;
  }
  .medium-down--three-twelfths {
    width: 25%;
  }
  .medium-down--four-twelfths {
    width: 33.333%;
  }
  .medium-down--five-twelfths {
    width: 41.666%;
  }
  .medium-down--six-twelfths {
    width: 50%;
  }
  .medium-down--seven-twelfths {
    width: 58.333%;
  }
  .medium-down--eight-twelfths {
    width: 66.666%;
  }
  .medium-down--nine-twelfths {
    width: 75%;
  }
  .medium-down--ten-twelfths {
    width: 83.333%;
  }
  .medium-down--eleven-twelfths {
    width: 91.666%;
  }
  .medium-down--show {
    display: block !important;
  }
  .medium-down--hide {
    display: none !important;
  }
  .medium-down--text-left {
    text-align: left !important;
  }
  .medium-down--text-right {
    text-align: right !important;
  }
  .medium-down--text-center {
    text-align: center !important;
  }
  .medium-down--left {
    float: left !important;
  }
  .medium-down--right {
    float: right !important;
  }
  .grid-uniform .medium-down--one-half:nth-child(2n + 1),
  .grid-uniform .medium-down--one-third:nth-child(3n + 1),
  .grid-uniform .medium-down--one-quarter:nth-child(4n + 1),
  .grid-uniform .medium-down--one-fifth:nth-child(5n + 1),
  .grid-uniform .medium-down--one-sixth:nth-child(6n + 1),
  .grid-uniform .medium-down--two-sixths:nth-child(3n + 1),
  .grid-uniform .medium-down--three-sixths:nth-child(2n + 1),
  .grid-uniform .medium-down--two-eighths:nth-child(4n + 1),
  .grid-uniform .medium-down--four-eighths:nth-child(2n + 1),
  .grid-uniform .medium-down--five-tenths:nth-child(2n + 1),
  .grid-uniform .medium-down--one-twelfth:nth-child(12n + 1),
  .grid-uniform .medium-down--two-twelfths:nth-child(6n + 1),
  .grid-uniform .medium-down--three-twelfths:nth-child(4n + 1),
  .grid-uniform .medium-down--four-twelfths:nth-child(3n + 1),
  .grid-uniform .medium-down--six-twelfths:nth-child(2n + 1) {
    clear: both;
  }
}
@media only screen and (min-width: 1200px) {
  .large--one-whole {
    width: 100%;
  }
  .large--one-half {
    width: 50%;
  }
  .large--one-third {
    width: 33.333%;
  }
  .large--two-thirds {
    width: 66.666%;
  }
  .large--one-quarter {
    width: 25%;
  }
  .large--two-quarters {
    width: 50%;
  }
  .large--three-quarters {
    width: 75%;
  }
  .large--one-fifth {
    width: 20%;
  }
  .large--two-fifths {
    width: 40%;
  }
  .large--three-fifths {
    width: 60%;
  }
  .large--four-fifths {
    width: 80%;
  }
  .large--one-sixth {
    width: 16.666%;
  }
  .large--two-sixths {
    width: 33.333%;
  }
  .large--three-sixths {
    width: 50%;
  }
  .large--four-sixths {
    width: 66.666%;
  }
  .large--five-sixths {
    width: 83.333%;
  }
  .large--one-eighth {
    width: 12.5%;
  }
  .large--two-eighths {
    width: 25%;
  }
  .large--three-eighths {
    width: 37.5%;
  }
  .large--four-eighths {
    width: 50%;
  }
  .large--five-eighths {
    width: 62.5%;
  }
  .large--six-eighths {
    width: 75%;
  }
  .large--seven-eighths {
    width: 87.5%;
  }
  .large--one-tenth {
    width: 10%;
  }
  .large--two-tenths {
    width: 20%;
  }
  .large--three-tenths {
    width: 30%;
  }
  .large--four-tenths {
    width: 40%;
  }
  .large--five-tenths {
    width: 50%;
  }
  .large--six-tenths {
    width: 60%;
  }
  .large--seven-tenths {
    width: 70%;
  }
  .large--eight-tenths {
    width: 80%;
  }
  .large--nine-tenths {
    width: 90%;
  }
  .large--one-twelfth {
    width: 8.333%;
  }
  .large--two-twelfths {
    width: 16.666%;
  }
  .large--three-twelfths {
    width: 25%;
  }
  .large--four-twelfths {
    width: 33.333%;
  }
  .large--five-twelfths {
    width: 41.666%;
  }
  .large--six-twelfths {
    width: 50%;
  }
  .large--seven-twelfths {
    width: 58.333%;
  }
  .large--eight-twelfths {
    width: 66.666%;
  }
  .large--nine-twelfths {
    width: 75%;
  }
  .large--ten-twelfths {
    width: 83.333%;
  }
  .large--eleven-twelfths {
    width: 91.666%;
  }
  .large--show {
    display: block !important;
  }
  .large--hide {
    display: none !important;
  }
  .large--text-left {
    text-align: left !important;
  }
  .large--text-right {
    text-align: right !important;
  }
  .large--text-center {
    text-align: center !important;
  }
  .large--left {
    float: left !important;
  }
  .large--right {
    float: right !important;
  }
  .grid-uniform .large--one-half:nth-child(2n + 1),
  .grid-uniform .large--one-third:nth-child(3n + 1),
  .grid-uniform .large--one-quarter:nth-child(4n + 1),
  .grid-uniform .large--one-fifth:nth-child(5n + 1),
  .grid-uniform .large--one-sixth:nth-child(6n + 1),
  .grid-uniform .large--two-sixths:nth-child(3n + 1),
  .grid-uniform .large--three-sixths:nth-child(2n + 1),
  .grid-uniform .large--two-eighths:nth-child(4n + 1),
  .grid-uniform .large--four-eighths:nth-child(2n + 1),
  .grid-uniform .large--five-tenths:nth-child(2n + 1),
  .grid-uniform .large--one-twelfth:nth-child(12n + 1),
  .grid-uniform .large--two-twelfths:nth-child(6n + 1),
  .grid-uniform .large--three-twelfths:nth-child(4n + 1),
  .grid-uniform .large--four-twelfths:nth-child(3n + 1),
  .grid-uniform .large--six-twelfths:nth-child(2n + 1) {
    clear: both;
  }
}
[class*="push--"] {
  position: relative;
}
.push--one-whole {
  left: 100%;
}
.push--one-half {
  left: 50%;
}
.push--one-third {
  left: 33.333%;
}
.push--two-thirds {
  left: 66.666%;
}
.push--one-quarter {
  left: 25%;
}
.push--two-quarters {
  left: 50%;
}
.push--three-quarters {
  left: 75%;
}
.push--one-fifth {
  left: 20%;
}
.push--two-fifths {
  left: 40%;
}
.push--three-fifths {
  left: 60%;
}
.push--four-fifths {
  left: 80%;
}
.push--one-sixth {
  left: 16.666%;
}
.push--two-sixths {
  left: 33.333%;
}
.push--three-sixths {
  left: 50%;
}
.push--four-sixths {
  left: 66.666%;
}
.push--five-sixths {
  left: 83.333%;
}
.push--one-eighth {
  left: 12.5%;
}
.push--two-eighths {
  left: 25%;
}
.push--three-eighths {
  left: 37.5%;
}
.push--four-eighths {
  left: 50%;
}
.push--five-eighths {
  left: 62.5%;
}
.push--six-eighths {
  left: 75%;
}
.push--seven-eighths {
  left: 87.5%;
}
.push--one-tenth {
  left: 10%;
}
.push--two-tenths {
  left: 20%;
}
.push--three-tenths {
  left: 30%;
}
.push--four-tenths {
  left: 40%;
}
.push--five-tenths {
  left: 50%;
}
.push--six-tenths {
  left: 60%;
}
.push--seven-tenths {
  left: 70%;
}
.push--eight-tenths {
  left: 80%;
}
.push--nine-tenths {
  left: 90%;
}
.push--one-twelfth {
  left: 8.333%;
}
.push--two-twelfths {
  left: 16.666%;
}
.push--three-twelfths {
  left: 25%;
}
.push--four-twelfths {
  left: 33.333%;
}
.push--five-twelfths {
  left: 41.666%;
}
.push--six-twelfths {
  left: 50%;
}
.push--seven-twelfths {
  left: 58.333%;
}
.push--eight-twelfths {
  left: 66.666%;
}
.push--nine-twelfths {
  left: 75%;
}
.push--ten-twelfths {
  left: 83.333%;
}
.push--eleven-twelfths {
  left: 91.666%;
}
@media only screen and (min-width: 601px) and (max-width: 1199px) {
  .push--medium--one-whole {
    left: 100%;
  }
  .push--medium--one-half {
    left: 50%;
  }
  .push--medium--one-third {
    left: 33.333%;
  }
  .push--medium--two-thirds {
    left: 66.666%;
  }
  .push--medium--one-quarter {
    left: 25%;
  }
  .push--medium--two-quarters {
    left: 50%;
  }
  .push--medium--three-quarters {
    left: 75%;
  }
  .push--medium--one-fifth {
    left: 20%;
  }
  .push--medium--two-fifths {
    left: 40%;
  }
  .push--medium--three-fifths {
    left: 60%;
  }
  .push--medium--four-fifths {
    left: 80%;
  }
  .push--medium--one-sixth {
    left: 16.666%;
  }
  .push--medium--two-sixths {
    left: 33.333%;
  }
  .push--medium--three-sixths {
    left: 50%;
  }
  .push--medium--four-sixths {
    left: 66.666%;
  }
  .push--medium--five-sixths {
    left: 83.333%;
  }
  .push--medium--one-eighth {
    left: 12.5%;
  }
  .push--medium--two-eighths {
    left: 25%;
  }
  .push--medium--three-eighths {
    left: 37.5%;
  }
  .push--medium--four-eighths {
    left: 50%;
  }
  .push--medium--five-eighths {
    left: 62.5%;
  }
  .push--medium--six-eighths {
    left: 75%;
  }
  .push--medium--seven-eighths {
    left: 87.5%;
  }
  .push--medium--one-tenth {
    left: 10%;
  }
  .push--medium--two-tenths {
    left: 20%;
  }
  .push--medium--three-tenths {
    left: 30%;
  }
  .push--medium--four-tenths {
    left: 40%;
  }
  .push--medium--five-tenths {
    left: 50%;
  }
  .push--medium--six-tenths {
    left: 60%;
  }
  .push--medium--seven-tenths {
    left: 70%;
  }
  .push--medium--eight-tenths {
    left: 80%;
  }
  .push--medium--nine-tenths {
    left: 90%;
  }
  .push--medium--one-twelfth {
    left: 8.333%;
  }
  .push--medium--two-twelfths {
    left: 16.666%;
  }
  .push--medium--three-twelfths {
    left: 25%;
  }
  .push--medium--four-twelfths {
    left: 33.333%;
  }
  .push--medium--five-twelfths {
    left: 41.666%;
  }
  .push--medium--six-twelfths {
    left: 50%;
  }
  .push--medium--seven-twelfths {
    left: 58.333%;
  }
  .push--medium--eight-twelfths {
    left: 66.666%;
  }
  .push--medium--nine-twelfths {
    left: 75%;
  }
  .push--medium--ten-twelfths {
    left: 83.333%;
  }
  .push--medium--eleven-twelfths {
    left: 91.666%;
  }
}
@media only screen and (max-width: 1199px) {
  .push--medium-down--one-whole {
    left: 100%;
  }
  .push--medium-down--one-half {
    left: 50%;
  }
  .push--medium-down--one-third {
    left: 33.333%;
  }
  .push--medium-down--two-thirds {
    left: 66.666%;
  }
  .push--medium-down--one-quarter {
    left: 25%;
  }
  .push--medium-down--two-quarters {
    left: 50%;
  }
  .push--medium-down--three-quarters {
    left: 75%;
  }
  .push--medium-down--one-fifth {
    left: 20%;
  }
  .push--medium-down--two-fifths {
    left: 40%;
  }
  .push--medium-down--three-fifths {
    left: 60%;
  }
  .push--medium-down--four-fifths {
    left: 80%;
  }
  .push--medium-down--one-sixth {
    left: 16.666%;
  }
  .push--medium-down--two-sixths {
    left: 33.333%;
  }
  .push--medium-down--three-sixths {
    left: 50%;
  }
  .push--medium-down--four-sixths {
    left: 66.666%;
  }
  .push--medium-down--five-sixths {
    left: 83.333%;
  }
  .push--medium-down--one-eighth {
    left: 12.5%;
  }
  .push--medium-down--two-eighths {
    left: 25%;
  }
  .push--medium-down--three-eighths {
    left: 37.5%;
  }
  .push--medium-down--four-eighths {
    left: 50%;
  }
  .push--medium-down--five-eighths {
    left: 62.5%;
  }
  .push--medium-down--six-eighths {
    left: 75%;
  }
  .push--medium-down--seven-eighths {
    left: 87.5%;
  }
  .push--medium-down--one-tenth {
    left: 10%;
  }
  .push--medium-down--two-tenths {
    left: 20%;
  }
  .push--medium-down--three-tenths {
    left: 30%;
  }
  .push--medium-down--four-tenths {
    left: 40%;
  }
  .push--medium-down--five-tenths {
    left: 50%;
  }
  .push--medium-down--six-tenths {
    left: 60%;
  }
  .push--medium-down--seven-tenths {
    left: 70%;
  }
  .push--medium-down--eight-tenths {
    left: 80%;
  }
  .push--medium-down--nine-tenths {
    left: 90%;
  }
  .push--medium-down--one-twelfth {
    left: 8.333%;
  }
  .push--medium-down--two-twelfths {
    left: 16.666%;
  }
  .push--medium-down--three-twelfths {
    left: 25%;
  }
  .push--medium-down--four-twelfths {
    left: 33.333%;
  }
  .push--medium-down--five-twelfths {
    left: 41.666%;
  }
  .push--medium-down--six-twelfths {
    left: 50%;
  }
  .push--medium-down--seven-twelfths {
    left: 58.333%;
  }
  .push--medium-down--eight-twelfths {
    left: 66.666%;
  }
  .push--medium-down--nine-twelfths {
    left: 75%;
  }
  .push--medium-down--ten-twelfths {
    left: 83.333%;
  }
  .push--medium-down--eleven-twelfths {
    left: 91.666%;
  }
}
@media only screen and (min-width: 1200px) {
  .push--large--one-whole {
    left: 100%;
  }
  .push--large--one-half {
    left: 50%;
  }
  .push--large--one-third {
    left: 33.333%;
  }
  .push--large--two-thirds {
    left: 66.666%;
  }
  .push--large--one-quarter {
    left: 25%;
  }
  .push--large--two-quarters {
    left: 50%;
  }
  .push--large--three-quarters {
    left: 75%;
  }
  .push--large--one-fifth {
    left: 20%;
  }
  .push--large--two-fifths {
    left: 40%;
  }
  .push--large--three-fifths {
    left: 60%;
  }
  .push--large--four-fifths {
    left: 80%;
  }
  .push--large--one-sixth {
    left: 16.666%;
  }
  .push--large--two-sixths {
    left: 33.333%;
  }
  .push--large--three-sixths {
    left: 50%;
  }
  .push--large--four-sixths {
    left: 66.666%;
  }
  .push--large--five-sixths {
    left: 83.333%;
  }
  .push--large--one-eighth {
    left: 12.5%;
  }
  .push--large--two-eighths {
    left: 25%;
  }
  .push--large--three-eighths {
    left: 37.5%;
  }
  .push--large--four-eighths {
    left: 50%;
  }
  .push--large--five-eighths {
    left: 62.5%;
  }
  .push--large--six-eighths {
    left: 75%;
  }
  .push--large--seven-eighths {
    left: 87.5%;
  }
  .push--large--one-tenth {
    left: 10%;
  }
  .push--large--two-tenths {
    left: 20%;
  }
  .push--large--three-tenths {
    left: 30%;
  }
  .push--large--four-tenths {
    left: 40%;
  }
  .push--large--five-tenths {
    left: 50%;
  }
  .push--large--six-tenths {
    left: 60%;
  }
  .push--large--seven-tenths {
    left: 70%;
  }
  .push--large--eight-tenths {
    left: 80%;
  }
  .push--large--nine-tenths {
    left: 90%;
  }
  .push--large--one-twelfth {
    left: 8.333%;
  }
  .push--large--two-twelfths {
    left: 16.666%;
  }
  .push--large--three-twelfths {
    left: 25%;
  }
  .push--large--four-twelfths {
    left: 33.333%;
  }
  .push--large--five-twelfths {
    left: 41.666%;
  }
  .push--large--six-twelfths {
    left: 50%;
  }
  .push--large--seven-twelfths {
    left: 58.333%;
  }
  .push--large--eight-twelfths {
    left: 66.666%;
  }
  .push--large--nine-twelfths {
    left: 75%;
  }
  .push--large--ten-twelfths {
    left: 83.333%;
  }
  .push--large--eleven-twelfths {
    left: 91.666%;
  }
}

h4.title a {
  border: 0;
  padding: 0;
  margin: 0;
}
h5.sub_title,
.h5.sub_title {
  padding-bottom: 5px;
  text-shadow: 0px;
  padding-bottom: 1em;
  padding-top: 0px;
}
h6.title {
  text-transform: uppercase;
  font-size: 14px;
  padding: 5px 0;
}
.titlewrap {
  display: block;
  height: 11px;
  margin-top: 20px;
  margin-bottom: 40px;
  padding-top: 5px;
  max-height: 16px;
  border-bottom-width: 0px;
  border-bottom-style: none;
  border-bottom-color: #cacaca;
  text-align: center;
}
.titlewrap h6.title {
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  display: inline;
  line-height: 15px;
  text-transform: none;
  text-shadow: 100px;
}
.cap {
  text-transform: uppercase;
}
.t-1 {
  letter-spacing: 0.1em;
}
.t-2 {
  letter-spacing: 0.2em;
}
.w-b {
  font-weight: 600;
}
.w-m {
  font-weight: 500;
}

.container.fullwidth {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.container .container {
  padding-left: 0px;
  padding-right: 0px;
}

.container:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: " ";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.row:after,
.clearfix:after {
  clear: both;
}
.row,
.clearfix {
  zoom: 1;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.page-header {
  margin: 60px 0 30px;
  text-align: center;
}
.clear {
  display: table;
  clear: both;
}
.clearfix:after {
  display: table;
  width: 1px;
  height: 1px;
  content: "";
  clear: both;
}
.hide {
  display: none;
}
.no-transition {
  transition: none !important;
}
.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.video {
  display: block;
  width: 100%;
}
.video div {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
.video div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-video {
  padding: 56.2% 0 0 0;
  position: relative;
  vertical-align: middle;
  display: block;
  box-sizing: border-box;
  white-space: nowrap;
  width: 100%;
  margin: 0px;
}
.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 600px) {
  .responsive-table {
    width: 100%;
  }
  .responsive-table thead {
    display: none;
  }
  .responsive-table tr {
    display: block;
  }
  .responsive-table tr,
  .responsive-table td {
    float: left;
    clear: both;
    width: 100%;
  }
  .responsive-table th,
  .responsive-table td {
    display: block;
    padding: 15px;
    margin: 0;
  }
  .responsive-table td::before {
    content: attr(data-label);
    float: left;
    text-align: center;
    padding-right: 10px;
  }
  .responsive-table-row + .responsive-table-row,
  tfoot > .responsive-table-row:first-child {
    position: relative;
    margin-top: 10px;
    padding-top: 15px;
  }
  .responsive-table-row + .responsive-table-row::after,
  tfoot > .responsive-table-row:first-child::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    border-bottom: 1px solid #eee;
  }
}

.email_signup {
  margin: 0 0 45px;
}
@media screen and (max-width: 600px) {
  .email_signup {
    padding: 0 20px;
  }
}
.email_signup .error {
  color: red;
  margin: 10px 0 15px;
}
.signup-gender {
  margin: 20px 0 20px;
}

.no-refunds {
  display: none;
  border-bottom: 1px solid;
  padding-bottom: 30px;
  margin-bottom: 60px;
}
.customer_address label {
  margin: 30px 0 10px;
  display: block;
}
#customer-loyalty {
  display: flex;
  display: none;
  gap: 30px;
  margin-bottom: 30px;
}
.loyalty-tier {
  background: #000;
  color: #fff;
  padding: 30px 10px;
  text-align: center;
  flex: 1 1 33%;
}
.loyalty-tier.claimed {
  background: #f9f9f9;
  color: #000;
}
.loyalty-tier.claimed h3 {
  color: #000;
}
.loyalty-tier h3 {
  color: #fff;
}
.account-rewards {
  background: #0c0c0c;
  color: #fff;
}
@media screen and (min-width: 600px) {
  .account-rewards {
    font-size: 1.2em;
  }
}
.account-rewards img {
  width: 50%;
  margin: 0 0 15px -7px;
}
.account-rewards a {
  color: #fff;
}
.account-rewards a:first-of-type {
  margin-right: 15px;
}
.account-rewards a:hover {
  color: #eee;
}
.article_title {
  margin: 0;
  font-size: 22px;
  line-height: 1.5em;
}
.article_title a {
  color: var(--color-primary);
}
.article_title a:hover {
  color: var(--color-primary);
}
.article {
  text-align: center;
}
.article iframe {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.article_featured_img {
  margin-bottom: 15px;
  -webkit-backface-visibility: hidden;
}
#featured-article {
  position: relative;
}
@media screen and (min-width: 1200px) {
  #featured-article {
    height: 70vh;
    background-size: cover;
    background-position: center;
    overflow: hidden;
  }
}
@media screen and (min-width: 1200px) {
  #featured-article img {
    margin-top: -10vh;
  }
}
#featured-article .article-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 5s;
}
@media screen and (min-width: 1200px) {
  #featured-article .article-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
  }
  #featured-article .article-overlay:hover {
    background: rgba(0, 0, 0, 0.7);
  }
}
#featured-article .article-content {
  width: 800px;
  text-align: center;
  transition: 0.3s;
  padding: 15px 10px 0;
}
@media screen and (min-width: 1200px) {
  #featured-article .article-content {
    padding: 10px;
  }
}
#featured-article .article_title {
  font-size: 2.3em;
  line-height: 1;
  margin: 30px auto 15px;
}
@media screen and (min-width: 1200px) {
  #featured-article .article_title {
    margin: 15px auto;
    font-size: 5em;
    color: #fff;
  }
}
@media screen and (min-width: 1200px) {
  #featured-article .article_title a {
    color: #fff;
  }
}
#featured-article .excerpt {
  margin: 0 auto 30px;
  font-size: 1em;
}
@media screen and (min-width: 1200px) {
  #featured-article .excerpt {
    margin: 0 auto 45px;
    width: 80%;
    color: #fff;
    font-size: 1.3em;
  }
}
#featured-article .blog_meta {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 600;
  white-space: normal;
  font-size: 0.7em;
}
@media screen and (min-width: 1200px) {
  #featured-article .blog_meta {
    font-size: 0.9em;
    font-weight: bold;
    color: #fff;
  }
}
#featured-article .btn {
  color: #fff;
}
#featured-article .btn:hover {
  color: var(--color-primary);
}
@media screen and (max-width: 1200px) {
  #featured-article .btn {
    color: var(--color-primary);
    font-size: 0.8em;
    margin-bottom: 15px;
  }
}
#blog-feed {
  padding: 30px 30px 0;
}
#blog-feed .blog-article {
  text-align: center;
}
#blog-feed .blog-article img {
  margin-bottom: 30px;
  transition: 0.5s;
}
@media screen and (min-width: 1200px) {
  #blog-feed .blog-article img {
    margin-bottom: 60px;
  }
}
#blog-feed .blog-article img:hover {
  opacity: 0.85;
}
#blog-feed .article_title {
  font-size: 2.5em;
  margin: 30px auto 15px;
  line-height: 1.2;
}
@media screen and (min-width: 1200px) {
  #blog-feed .article_title {
    margin: 15px auto;
    width: 80%;
  }
}
#blog-feed .excerpt {
  margin: 0 auto 30px;
}
@media screen and (min-width: 1200px) {
  #blog-feed .excerpt {
    width: 80%;
  }
}
#blog-feed .blog_meta {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 600;
  white-space: normal;
}
@media screen and (max-width: 1200px) {
  #blog-feed .blog_meta {
    font-size: 0.8em;
  }
}
#blog-feed .btn {
  font-size: 0.8em;
  padding: 10px 15px;
  margin-bottom: 30px;
}
@media screen and (min-width: 1200px) {
  #blog-feed .btn {
    margin-bottom: 60px;
  }
}
#blog-article h1 {
  width: 800px;
  max-width: 90%;
  font-size: 2.5em;
  margin: 0 auto 30px;
  line-height: 1.3;
}
@media screen and (max-width: 600px) {
  #blog-article h1 {
    font-size: 1.7em;
  }
}
#blog-article .blog_meta {
  margin: 60px 0 30px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 600;
  white-space: normal;
  color: #959595;
}
#blog-article .blog_meta a,
#blog-article .blog_meta span {
  color: #959595;
}
#blog-article .rte p:first-of-type {
  font-size: 1.1em;
  font-weight: 600;
  margin: 0 auto 30px;
  width: 800px;
  max-width: 90%;
  text-align: center;
}
#blog-article .rte h2 {
  font-size: 1.3em;
  text-transform: initial;
  letter-spacing: 0;
  margin: 30px 0;
}
@media screen and (max-width: 600px) {
  #blog-article .rte h2 {
    font-size: 1.1em;
  }
}
#blog-article .rte h3,
#blog-article .rte h4,
#blog-article .rte h5 {
  font-size: 1.2em;
  text-transform: initial;
  margin: 30px 0;
}
@media screen and (max-width: 600px) {
  #blog-article .rte h3,
  #blog-article .rte h4,
  #blog-article .rte h5 {
    font-size: 1.1em;
  }
}
#blog-article #blog-archive {
  padding-top: 30px;
  margin-top: 30px;
  margin-bottom: 120px;
  border-top: 1px solid #eee;
}
.comment {
  margin-bottom: 30px;
}
.comment-body h6 {
  padding-bottom: 0.25em;
}
#collection-page {
  font-size: 14px;
}
@media screen and (max-width: 1200px) {
  #collection-page {
    font-size: 12px;
  }
}
@media screen and (max-width: 600px) {
  #collection-page {
    box-sizing: border-box;
    padding: 15px 5px;
  }
}
#collection-page section {
  box-sizing: border-box;
}
#collection-heading {
  display: flex;
  padding: 0 0 30px;
}
@media screen and (min-width: 600px) {
  #collection-heading {
    padding: 30px 0;
  }
}
@media screen and (min-width: 1200px) {
  #collection-heading {
    padding: 30px;
  }
}
#collection-heading .breadcrumbs {
  padding: 0px;
}
#collection-heading .breadcrumbs h1 {
  font-size: 1em;
  display: inline-block;
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.25em;
}
#collection-heading h1 {
  display: none;
}
#collection-heading .col {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-grow: 1;
  width: 50%;
}
@media screen and (max-width: 600px) {
  #collection-heading .col {
    gap: 5px;
  }
}
#collection-heading .view-options {
  display: none;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.25em;
  padding-right: 6px;
  margin-right: 6px;
  border-right: 1px solid #ccc;
}
@media screen and (min-width: 1200px) {
  #collection-heading .view-options {
    display: inline-block;
  }
}
#collection-heading .view-options button {
  color: var(--color-text-light);
}
#collection-heading .view-options button.active {
  color: #000;
  font-weight: 600;
}
#collection-heading button,
#collection-heading .btn {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  border: 1px solid #000;
  color: #000;
  background: #fff;
  padding: 10px 15px;
  font-size: 11px;
  line-height: 16px;
  width: auto;
  text-align: left;
  margin: 0;
}
#collection-heading button span,
#collection-heading .btn span {
  text-transform: initial;
  color: #999;
  letter-spacing: 0px;
}
#collection-heading button:hover,
#collection-heading .sort-wrap:hover {
  background: #000;
  color: #fff;
}
#collection-heading button:hover svg path,
#collection-heading .sort-wrap:hover svg path {
  stroke: #fff;
}
#collection-heading button:hover select,
#collection-heading .sort-wrap:hover select {
  color: #fff;
}
#collection-heading button svg,
#collection-heading .sort-wrap svg {
  width: 15px;
  margin-right: 5px;
}
#collection-heading button svg path,
#collection-heading .sort-wrap svg path {
  stroke: #000;
  transition: 0.3s;
}

@media screen and (max-width: 600px) {
  .collection-image {
    margin-bottom: 15px;
  }
}
.product-grid {
  margin-left: -5px;
}
.product-grid .grid-uniform {
  margin-left: 0px;
}
.product-grid .grid__item {
  padding-left: 5px;
}
.product-grid .hide {
  display: none;
}
.product-grid.owl-carousel .grid__item {
  padding-left: 0px;
}
.product-item .sale {
  position: absolute;
  top: 5px;
  right: 5px;
  left: auto;
  bottom: auto;
  transform: none;
  width: 40px;
  height: 40px;
  display: block;
  z-index: 5;
}
.product-item .info-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
@media screen and (max-width: 1200px) {
  .product-item .info-wrap {
    flex-direction: column;
    padding: 30px 10px 15px;
  }
}
.product-item .info-container {
  display: inline-block;
  flex: 1 1 50%;
  font-size: 0.8em;
  min-height: 0px;
}
.product-item .info-container-right {
  text-align: left;
  flex: 1 1 50%;
}
@media screen and (min-width: 1200px) {
  .product-item .info-container-right {
    text-align: right;
  }
}
.product-item .title {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 600;
  white-space: normal;
  display: block;
  width: 100%;
  line-height: 1.3;
  margin: 0 0 5px;
  padding: 0px;
}
@media screen and (max-width: 1200px) {
  .product-item .title {
    font-size: 0.9em;
    margin: 0 0 3.3333333333px;
  }
}
.product-item .subtitle {
  display: block;
  width: 100%;
  margin: 0 0 5px;
  padding: 0px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 600;
  white-space: normal;
  font-weight: normal;
  color: var(--color-text-light);
  line-height: 1.3;
  font-size: 0.9em;
}
@media screen and (max-width: 1200px) {
  .product-item .subtitle {
    font-size: 0.8em;
    margin: 0 0 3.3333333333px;
  }
}
@media screen and (max-width: 1200px) {
  .product-item .swatches {
    position: absolute;
    top: 10px;
    left: 9px;
    text-align: left;
    margin: 0;
    width: calc(100% - 15px);
  }
}
.product-item .swatches a {
  position: relative;
  min-width: 13px;
  height: 13px;
  margin: 0px 0px 0px 5px;
}
@media screen and (max-width: 1200px) {
  .product-item .swatches a {
    min-width: 10px;
    height: 10px;
    margin: 0px 5px 0px 0px;
  }
}
.product-item .swatches a:after {
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
}
.product-item .swatches a.white:after,
.product-item .swatches a.cream:after,
.product-item .swatches a.white-black:after,
.product-item .swatches a.black-white:after,
.product-item .swatches a.off-white:after,
.product-item .swatches a.natural:after {
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
}
.product-item .swatches a.selected:after,
.product-item .swatches a:hover:after {
  border-color: #999;
}
.product-item .price {
  color: var(--color-primary);
}
.product-item .price,
.product-item .del-price {
  font-size: 0.85em;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1200px) {
  .product-item .price,
  .product-item .del-price {
    width: 60%;
    font-size: 0.75em;
  }
}
.product-item .del-price {
  margin-top: 4px;
}
.product-item .percent-discount {
  font-size: 0.8em;
}
.price,
.del-price {
  display: block;
  width: 100%;
}
.price.reduced {
  color: #b50207;
}
.del-price {
  text-decoration: line-through;
}
.from {
  font-size: 0.8em;
  font-style: italic;
}
.product-image {
  position: relative;
  display: block;
  overflow: hidden;
}
.product-image img {
  display: block;
  width: 100%;
}

@keyframes quicklookshow {
  from {
    bottom: -15px;
  }
  to {
    bottom: 0px;
  }
}
@keyframes quicklookhide {
  from {
    bottom: 0px;
  }
  to {
    bottom: -15px;
  }
}
.thumbnail .sale,
.sale {
  color: #af1f31;
}
.thumbnail a {
  padding-bottom: 0px;
}
.thumbnail img {
  margin-bottom: 0px;
}
.grid__image img {
  margin-bottom: 15px;
}
.section__full-width-text p {
  width: 880px;
  max-width: 90%;
  margin: 20px auto 45px;
}
.was_price {
  text-decoration: line-through;
  color: #9da6ae;
  font-style: italic;
  text-shadow: none;
  font-weight: normal;
}


#collection-landing .padding-true {
  padding-bottom: 0;
}
.landing-page .section-video {
  position: relative;
  display: block;
  margin-bottom: 30px;
}
@media screen and (min-width: 600px) {
  .landing-page .section-video {
    margin-bottom: 90px;
  }
}
.landing-page .section-video h1,
.landing-page .section-video h2,
.landing-page .section-video h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 8vw;
  color: #fff;
}
@media screen and (min-width: 600px) {
  .landing-page .section-video h1,
  .landing-page .section-video h2,
  .landing-page .section-video h3 {
    font-size: 5vw;
  }
}
.section-image {
  position: relative;
  display: block;
  text-align: center;
}
.section-image.padding-true {
  margin-bottom: 15px;
}
@media screen and (min-width: 600px) {
  .section-image.padding-true {
    margin-bottom: 90px;
  }
}
.section-image .content {
  width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section-image .content.h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section-image .content.hide {
  display: none;
}
.section-image .content.light {
  color: #fff;
}
.section-image .content.light h1,
.section-image .content.light h2,
.section-image .content.light h3,
.section-image .content.light h4 {
  color: #fff;
  text-shadow: 0px 5px 22px rgba(0, 0, 0, 0.2);
}
.section-image .content.light p {
  text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
}
.section-image .content.light .btn {
  font-weight: 600;
  border: 1px solid #fff;
  background: #fff;
  color: #000;
  margin: 0 10px;
}
@media screen and (max-width: 600px) {
  .section-image .content.light .btn {
    display: inline-block;
    font-size: 0.9em;
    letter-spacing: 0.1em;
    margin: 0 5px;
    padding: 15px 10px;
  }
}
.section-image .content.light .btn:hover {
  background: rgba(0, 0, 0, 0);
  color: #fff;
}
.section-image .content.light .btn.outline {
  color: #fff;
  background: rgba(0, 0, 0, 0);
}
.section-image .content.light .btn.outline:hover {
  color: #000;
  background: #fff;
}
.section-image .content.light .btn.underline {
  background: rgba(0, 0, 0, 0);
  color: #fff;
  margin: 0 30px;
  padding: 0 0 4px;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  min-width: initial;
}
@media screen and (max-width: 600px) {
  .section-image .content.light .btn.underline {
    margin: 0 15px;
  }
}
.section-image .content.light .btn.underline:hover {
  border-color: #fff;
}
@media screen and (max-width: 600px) {
  .section-image .content.split-btn {
    top: initial;
    bottom: 0;
    width: 80%;
  }
}
@media screen and (max-width: 600px) {
  .section-image .content.split-btn .btn {
    margin: 30px 0 0;
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .section-image .content.split-btn .btn {
    position: absolute;
    transform: translate(0, -50%);
    top: 50%;
  }
}
@media screen and (min-width: 600px) {
  .section-image .content.split-btn .btn:nth-of-type(1) {
    left: 5%;
  }
}
@media screen and (min-width: 600px) {
  .section-image .content.split-btn .btn:nth-of-type(2) {
    right: 5%;
  }
}
.align-bottom .section-image .content {
  top: initial;
  bottom: 30px;
  transform: translate(-50%, 0%);
}
.align-top .section-image .content {
  top: 30px;
  transform: translate(-50%, 0%);
}
@media screen and (max-width: 600px) {
  .section-image .content .grid__item {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.section-image.split-headings .block-heading,
.section-image.split-headings .block-btns {
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.section-image.split-headings h2 {
  flex: 1 1 50%;
}
.section-image h1,
.section-image h2,
.section-image h3 {
  font-size: 9vw;
  margin-bottom: 30px;
  text-transform: initial;
}
@media screen and (min-width: 600px) {
  .section-image h1,
  .section-image h2,
  .section-image h3 {
    font-size: 4.5vw;
  }
}
.section-image h1 img,
.section-image h2 img,
.section-image h3 img {
  display: inline-block;
}
@media screen and (max-width: 600px) {
  .section-image h4 {
    display: none;
  }
}
.section-image p {
  width: 500px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 600px) {
  .section-image p {
    font-size: 1.2em;
  }
}
.section-image .btn {
  min-width: 190px;
}
@media screen and (max-width: 600px) {
  .section-image .btn {
    min-width: 135px;
  }
}
.parallax {
  height: 50vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 600px) {
  .parallax {
    background-attachment: fixed;
    height: 60vh;
  }
}
.nav-images {
  margin-bottom: 90px;
}
@media screen and (max-width: 600px) {
  .nav-images {
    margin-bottom: 30px;
  }
}
.nav-images h3 {
  font-size: 0.8em;
  margin: 25px 0;
}
.collection-benefits {
  margin-bottom: 120px;
  padding: 0px;
}
@media screen and (max-width: 600px) {
  .collection-benefits {
    text-align: center;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .collection-benefits.container {
    padding: 30px;
  }
}
.collection-benefits h2 {
  font-size: 2.5em;
  margin: 0 0 45px;
}
@media screen and (max-width: 600px) {
  .collection-benefits h2 {
    font-size: 6vw;
    margin: 0 0 30px;
  }
}
.collection-benefits .icons {
  margin-top: 30px;
}
@media screen and (max-width: 600px) {
  .collection-benefits .icons {
    margin-bottom: 30px;
  }
}
.collection-benefits .icons img {
  display: inline-block;
  width: 30px;
  margin: 0 45px 0 0;
}
@media screen and (max-width: 600px) {
  .collection-benefits .icons img {
    margin: 0 20px;
  }
}
.collection-benefits.container {
  padding: 0 30px;
}
@media screen and (min-width: 600px) {
  .collection-benefits .content {
    padding-right: 10%;
  }
}
.fundraising-block {
  margin-bottom: 120px;
}
@media screen and (max-width: 600px) {
  .fundraising-block {
    text-align: center;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 600px) {
  .fundraising-block.container {
    direction: rtl;
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  .fundraising-block .content {
    padding: 0 15px;
  }
}
.fundraising-block .content img {
  display: inline-block;
  margin-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .fundraising-block .content img {
    max-width: 80%;
  }
}
@media screen and (min-width: 600px) {
  .fundraising-block .block-section.align-center .content {
    padding: 0 15% 0 10%;
  }
}
.fundraising-block h2 {
  font-size: 2.5em;
  margin: 0 0 45px;
}
@media screen and (max-width: 600px) {
  .fundraising-block h2 {
    font-size: 6vw;
    margin: 0 0 30px;
  }
}
@media screen and (min-width: 600px) {
  .fundraising-block p {
    font-size: 1.2em;
  }
}
.fundraising-block .fundraising-wrapper {
  margin-top: 30px;
  width: 100%;
}
.fundraising-block .fundraising-wrapper #goal {
  margin: 0px;
}
@media screen and (min-width: 600px) {
  .fundraising-block .fundraising-wrapper #goal {
    text-align: left;
  }
}
.fundraising-block .fundraising-wrapper #progress-bar {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .fundraising-feature-img {
    margin-bottom: 30px;
  }
}
.collection-gallery.block-section {
  margin-bottom: 120px;
}
@media screen and (max-width: 600px) {
  .collection-gallery.block-section {
    margin-bottom: 60px;
  }
}
.collection-gallery.block-section .block-section:first-of-type {
  padding: 0 0 30px 0;
}
@media screen and (min-width: 600px) {
  .collection-gallery.block-section .block-section:first-of-type {
    padding: 0 45px 0 45px;
  }
}
@media screen and (min-width: 1200px) {
  .collection-gallery.block-section .block-section:first-of-type {
    padding: 0 60px 0;
  }
}
@media screen and (min-width: 1200px) {
  .collection-gallery.block-section .block-section:last-of-type {
    padding: 0 30px;
  }
}
.collection-gallery.block-section .block-section:last-of-type img {
  margin-bottom: 30px;
}
@media screen and (min-width: 600px) {
  .collection-gallery.block-section .block-section:last-of-type img {
    width: 60%;
    display: block;
    margin: 0 auto 60px;
  }
}
@media screen and (min-width: 1200px) {
  .gallery-text {
    margin-left: 30px;
  }
}
@media screen and (min-width: 600px) {
  .gallery-text {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 600px) {
  .gallery-text {
    padding: 0 15px;
  }
}
.gallery-text a {
  font-size: 0.7em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 600;
  white-space: normal;
  padding-bottom: 5px;
  border-bottom: 1px solid;
  transition: 0.3s;
}
@media screen and (min-width: 600px) {
  .gallery-text a {
    font-size: 0.5em;
  }
}
.gallery-text a:hover {
  color: var(--color-primary);
  padding-bottom: 7px;
}
.gallery-text p:last-of-type {
  margin: 0px;
}
.as-seen-on {
  width: 100%;
  overflow: hidden;
  margin: 60px 0 120px;
}
@media screen and (max-width: 600px) {
  .as-seen-on {
    margin-bottom: 60px;
  }
}
.as-seen-on h2 {
  font-size: 3.4em;
  margin: 0 0 45px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
}
@media screen and (max-width: 600px) {
  .as-seen-on h2 {
    font-size: 9vw;
    margin: 0 0 30px;
  }
}
.as-seen-on h3 {
  font-size: 1.4em;
  margin: 0 0 20px;
}
@media screen and (max-width: 600px) {
  .as-seen-on h3 {
    margin: 0 0 15px;
  }
}
.as-seen-on h4,
.as-seen-on h5 {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.as-seen-on ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 -0.2%;
  width: 100.4%;
}
@media screen and (max-width: 600px) {
  .as-seen-on ul {
    margin: 0 0 0 -0.5%;
    width: 101%;
  }
}
.as-seen-on li {
  width: 16.66%;
  padding: 0.2%;
  margin: 0px;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  .as-seen-on li {
    width: 33.33%;
    padding: 0.5%;
  }
}
.as-seen-on img {
  display: block;
}
@media screen and (max-width: 600px) {
  #afends-x-equality-image {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  #afends-x-equality-image .section-image h4 {
    display: block;
    margin: 15px 0;
  }
}
#delivery-table {
  margin: 30px 0;
  width: 100%;
}
#delivery-table tr {
  border-bottom: 1px solid var(--color-primary);
}
#delivery-table tr th {
  text-align: left;
  padding: 10px;
  background: var(--color-primary);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 600;
  white-space: normal;
}
.product-tabs #delivery-table tr th {
  font-size: 0.8em;
}
@media screen and (max-width: 600px) {
  #delivery-table tr th {
    font-size: 0.65em;
    line-height: 1.6;
  }
}
#delivery-table tr td {
  padding: 20px 10px;
  font-size: 0.9em;
}
@media screen and (max-width: 600px) {
  #delivery-table tr td {
    padding: 10px 5px;
    font-size: 0.8em;
    vertical-align: top;
  }
}
#delivery-table tr td p {
  margin: 0px;
}
.product-tabs #delivery-table tr td p {
  line-height: 1.3;
}
@media screen and (max-width: 600px) {
  #delivery-table tr td p {
    line-height: 1.5;
  }
}
#page-container.sleepy-hollow-farm {
  cursor: var(--cursor-weed);
}
@media screen and (min-width: 600px) {
  #page-container.sleepy-hollow-farm {
    padding-top: 0px !important;
  }
}
#page-container.sleepy-hollow-farm .main {
  width: 100%;
  padding: 0px;
}
#page-container.sleepy-hollow-farm h2 {
  font-size: 2.5em;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 600px) {
  #page-container.sleepy-hollow-farm h2 {
    font-size: 1.75em;
  }
}
#page-container.sleepy-hollow-farm .slider__indicator,
#page-container.sleepy-hollow-farm a,
#page-container.sleepy-hollow-farm .btn,
#page-container.sleepy-hollow-farm label,
#page-container.sleepy-hollow-farm .accordion button {
  cursor: var(--cursor-weed);
}
#page-container.sleepy-hollow-farm .section-video {
  display: flex;
  align-content: center;
  background: #000;
  margin: 0px;
}
body.slider__body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
body.slider__body #site-header.transparent.min {
  top: -130px;
}
body.slider__body #gorgias-chat-container {
  display: none;
}
.slider__container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 7;
  display: block;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 1000ms ease-in-out;
  transition: -webkit-transform 1000ms ease-in-out;
  -o-transition: transform 1000ms ease-in-out;
  transition: transform 1000ms ease-in-out;
}
.slider__container .slider__page {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
.farm-nav {
  font-size: 3.5vw;
  width: 90%;
  margin: 0 0 34.5px;
  text-transform: uppercase;
  font-weight: bold;
}
@media screen and (min-width: 600px) {
  .farm-nav {
    position: fixed;
    top: 45px;
    left: 5%;
    z-index: 99;
    font-size: 2em;
    margin: 0;
  }
}
@media screen and (max-width: 1200px) {
  .farm-nav {
    top: 65px;
  }
}
.farm-nav ul {
  margin: 0;
}
.farm-nav li {
  display: inline-block;
  margin: 0 20px 0 0;
}
@media screen and (max-width: 600px) {
  .farm-nav li {
    margin: 0 12px 0 0;
  }
}
.farm-nav a {
  border-bottom: 1px solid;
  color: var(--color-text);
}
.farm-nav a:hover {
  color: #124fff;
}
.farm-nav a.active {
  color: #124fff;
}
.farm-video {
  position: relative;
}
.farm-video.hide-cursor {
  cursor: none;
}
.farm-video img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90%;
}
.farm-video .section-video {
  height: 100%;
}
.farm-video .section-video .play {
  display: block;
}
.farm-video .section-video .pause {
  width: 35px;
  height: 35px;
  display: none;
  right: 50px;
  bottom: 10px;
}
@media screen and (min-width: 600px) {
  .farm-video .section-video .pause {
    right: 140px;
    bottom: 70px;
  }
}
.farm-video .section-video .sound,
.farm-video .section-video .mute {
  width: 35px;
  height: 35px;
  right: 10px;
  bottom: 10px;
}
@media screen and (min-width: 600px) {
  .farm-video .section-video .sound,
  .farm-video .section-video .mute {
    right: 70px;
    bottom: 70px;
  }
}
.farm-quote {
  padding: 10% 15% 120px 5%;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .farm-quote {
    padding: 30px 30px 120px;
  }
}
.farm-quote .quote {
  font-size: 1.5em;
  line-height: 1.2;
  margin-bottom: 30px;
}
@media screen and (min-width: 1200px) {
  .farm-quote .quote {
    font-size: 3vw;
  }
}
.farm-quote .img-slide-animation img {
  top: 80%;
}
.img-slide-animation {
  min-height: 50px;
  transition: 0.5s;
}
.img-slide-animation img {
  display: inline-block;
  position: absolute;
  width: 50vw;
  left: 0vw;
  top: 50%;
  bottom: 60px;
  animation-name: imgSlideAnim;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@media screen and (max-width: 1200px) {
  .img-slide-animation img {
    bottom: 45px;
  }
}
@media screen and (max-width: 600px) {
  .img-slide-animation img {
    width: 100vw;
    animation-duration: 10s;
  }
}
.img-slide-animation img:nth-of-type(2) {
  animation-delay: -5s;
}
.img-slide-animation img:nth-of-type(3) {
  animation-delay: -10s;
}
.img-slide-animation img:nth-of-type(4) {
  animation-delay: -15s;
}
.img-slide-animation img:nth-of-type(7) {
  position: relative;
  animation-name: initial;
  top: 0;
  left: 0;
  margin: 5px 0;
  opacity: 0;
}
#site-header .img-slide-animation {
  display: block;
  position: relative;
  transition: 0.3s;
}
#site-header .img-slide-animation img {
  animation-duration: 40s;
  bottom: 0.7vw;
  width: 32vw;
}
#site-header .img-slide-animation img:nth-of-type(2) {
  animation-delay: -6.63s;
}
#site-header .img-slide-animation img:nth-of-type(3) {
  animation-delay: -13.32s;
}
#site-header .img-slide-animation img:nth-of-type(4) {
  animation-delay: -19.98s;
}
#site-header .img-slide-animation img:nth-of-type(5) {
  animation-delay: -26.53s;
}
#site-header .img-slide-animation img:nth-of-type(6) {
  animation-delay: -33.19s;
}
#site-header.min .img-slide-animation {
  min-height: 0px;
  height: 0px;
  overflow: hidden;
}
#topbar-mobile .img-slide-animation {
  display: block;
  position: relative;
  transition: 0.3s;
}
#topbar-mobile .img-slide-animation img {
  bottom: 0.7vw;
}
@keyframes imgSlideAnim {
  0% {
    transform: translate(101vw, -50%);
  }
  100% {
    transform: translate(-101vw, -50%);
  }
}
.farm-img {
  object-fit: cover;
  height: 100%;
}
.farm-img-txt-split {
  display: flex;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .farm-img-txt-split {
    padding: 30px;
  }
}
@media screen and (max-width: 600px) {
  .farm-img-txt-split {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 600px) {
  .farm-img-txt-split.align-left {
    flex-direction: row-reverse;
  }
}
.farm-img-txt-split .text-col {
  flex: 1 1 45%;
  padding: 0 90px 60px 60px;
  align-self: flex-end;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .farm-img-txt-split .text-col {
    padding: 0 30px 30px;
  }
}
@media screen and (max-width: 600px) {
  .farm-img-txt-split .text-col {
    padding: 0;
  }
}
@media screen and (max-width: 600px) {
  .farm-img-txt-split .text-col {
    margin-top: -70px;
  }
}
@media only screen and (max-width: 1350px) {
  .farm-img-txt-split .text-col {
    flex: 1 1 55%;
  }
}
.farm-img-txt-split .text-col img {
  width: 140px;
  margin-bottom: 30px;
}
.farm-img-txt-split .img-col {
  flex: 1 1 55%;
}
@media only screen and (max-width: 1350px) {
  .farm-img-txt-split .img-col {
    flex: 1 1 45%;
  }
}
.farm-img-txt-split .img-col .img-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.farm-img-txt-split .img-col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.farm-img-txt-split p {
  font-size: 1.2em;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 1200px) {
  .farm-img-txt-split p {
    font-size: 1.35vw;
  }
}
.farm-img-txt-split .accordion {
  margin: 0px;
}
.farm-img-txt-split .accordion button {
  font-weight: bold;
  letter-spacing: 0;
  font-size: 1.5em;
  padding: 12px 0px 12px 30px;
}
@media screen and (max-width: 600px) {
  .farm-img-txt-split .accordion button {
    padding: 2px 0 2px 30px;
    border: none;
  }
}
.farm-img-txt-split .accordion button:after {
  left: 0;
}
.farm-img-txt-split .accordion button:hover {
  text-decoration: underline;
}
.farm-img-txt-split .accordion .panel {
  padding-left: 30px;
  line-height: 1.5em;
  font-weight: bold;
  font-size: 1.1em;
}
.farm-img-txt-split .accordion .active + .panel {
  padding: 0 0 30px 30px;
}
.farm-shop {
  display: flex;
  padding: 30px;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .farm-shop {
    flex-direction: column;
  }
}
@media screen and (min-width: 1200px) {
  .farm-shop {
    padding: 0 2% 30px;
  }
}
@media only screen and (min-width: 1650px) {
  .farm-shop {
    padding-bottom: 0;
  }
}
.farm-shop h2 {
  margin: 0 0 10px;
}
.farm-shop .text-row {
  display: flex;
  padding-bottom: 30px;
  flex: 1 1 100%;
}
@media screen and (min-width: 1200px) {
  .farm-shop .text-row {
    align-items: flex-end;
  }
}
@media screen and (max-width: 1200px) {
  .farm-shop .text-row {
    flex-direction: column;
  }
}
.farm-shop .text-row img {
  width: 80%;
}
@media screen and (max-width: 1200px) {
  .farm-shop .text-row img {
    width: 140px;
    margin-bottom: 20px;
  }
}
.farm-shop .text-row .header-col {
  flex: 1 1 12%;
}
.farm-shop .text-row .content {
  flex: 1 1 88%;
}
.farm-shop .text-row p {
  font-size: 1.2em;
  line-height: 1.5;
  font-weight: 700;
  color: var(--color-primary);
  margin: 0px;
}
@media screen and (min-width: 600px) {
  .farm-shop .text-row p {
    width: 70%;
  }
}
@media screen and (min-width: 1200px) {
  .farm-shop .text-row p {
    font-size: 1.35vw;
  }
}
.farm-shop .product-row {
  display: flex;
  flex: 1 1 100%;
  align-self: flex-end;
}
@media screen and (max-width: 1200px) {
  .farm-shop .product-row {
    flex-wrap: wrap;
    margin: 0 -27px;
  }
}
@media screen and (min-width: 1200px) {
  .farm-shop .product-row {
    padding: 0 5% 0 3%;
  }
}
.farm-shop .product-row .product-item {
  flex: 1 1 20%;
  padding: 0 5px 0 0;
}
@media screen and (max-width: 1200px) {
  .farm-shop .product-row .product-item {
    flex: 1 1 33%;
  }
}
@media screen and (max-width: 600px) {
  .farm-shop .product-row .product-item {
    flex: 1 1 50%;
    padding: 0 2px 15px 0;
  }
  .farm-shop .product-row .product-item:nth-of-type(2),
  .farm-shop .product-row .product-item:nth-of-type(4) {
    padding: 0 0 15px 2px;
  }
}
.farm-shop .product-row .product-item .info-container {
  width: 100%;
}
.farm-shop .product-row .product-item .swatches {
  display: none;
}
.farm-newsletter {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .farm-newsletter {
    padding: 60px 15px;
  }
}
.farm-newsletter img {
  display: inline-block;
  width: 70%;
}
@media screen and (min-width: 600px) {
  .farm-newsletter img {
    width: 300px;
    margin-bottom: 60px;
  }
}
.farm-newsletter h4 {
  text-transform: uppercase;
  font-size: 1.8em;
}
@media screen and (max-width: 600px) {
  .farm-newsletter h4 {
    font-size: 4.5vw;
  }
}
.farm-newsletter input {
  background: rgba(0, 0, 0, 0);
  padding: 10px 20px;
  border: 2px solid;
}
.farm-newsletter .btn {
  padding: 10px 20px;
  color: #fff;
  border: none;
}
.farm-newsletter .btn icon {
  display: none;
}
@media screen and (max-width: 600px) {
  .farm-newsletter .email_signup {
    padding: 0px;
  }
}
.farm-newsletter-wrap {
  width: 500px;
}
.section_features {
  margin: 30px auto;
  width: 90%;
  font-size: 0.9em;
}
@media screen and (min-width: 600px) {
  .section_features {
    margin: 60px auto;
  }
}
.section_features ul {
  display: flex;
  text-align: center;
  margin: 0;
  gap: 20px;
}
@media screen and (max-width: 600px) {
  .section_features ul {
    flex-wrap: wrap;
  }
}
.section_features ul li {
  flex: 1 1 20%;
  vertical-align: top;
  margin: 0;
  list-style: none;
}
@media screen and (max-width: 600px) {
  .section_features ul li {
    flex: 1 1 45%;
    margin: 0 0 15px;
  }
}
.section_features ul li img {
  display: inline-block;
  width: 40px;
}
.section_features h4 {
  margin: 15px 0 5px;
  line-height: 1.4;
  font-size: 1em;
}
.section_features p {
  line-height: 1.4;
}
.section_features a:hover {
  color: var(--color-text);
}
.template-index .section-image.padding-true {
  padding-left: 10px;
  padding-right: 10px;
}
.section-image .section-video {
  margin: 0px;
}
.section-image-custom-buttons .custom-btn {
  display: block;
}
@media screen and (min-width: 600px) {
  .section-image-custom-buttons .custom-btn {
    position: absolute;
    top: 50%;
    width: 220px;
    transform: translate(0, -50%);
    transition: transform 0.3s;
  }
}
.section-image-custom-buttons .custom-btn img {
  opacity: 1 !important;
}
@media screen and (max-width: 600px) {
  .section-image-custom-buttons .custom-btn img {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .section-image-custom-buttons .btn-wrap {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    padding: 0 24%;
  }
  .section-image-custom-buttons .btn-wrap.btn-pos-center {
    bottom: 50%;
    transform: translate(0, 50%);
  }
  .section-image-custom-buttons .btn-wrap.btn-pos-top {
    top: 20px;
    bottom: initial;
  }
}
.section-image-custom-buttons .custom-btn-1 {
  left: 7.5%;
}
.section-image-custom-buttons .custom-btn-1:hover {
  transform: translate(0, -50%) rotate(-3deg);
}
@media screen and (max-width: 600px) {
  .section-image-custom-buttons .custom-btn-1:hover {
    transform: rotate(-3deg);
  }
}
.section-image-custom-buttons .custom-btn-2 {
  right: 7.5%;
}
@media screen and (max-width: 600px) {
  .section-image-custom-buttons .custom-btn-2 {
    margin-top: 10px;
  }
}
.section-image-custom-buttons .custom-btn-2:hover {
  transform: translate(0, -50%) rotate(3deg);
}
@media only screen and (min-width: 992px) {
  #insta-feed .lightbox-instagram {
    margin-top: -30vh !important;
    height: 70vh !important;
  }
  #insta-feed .tagged-products {
    margin: 20px 0;
  }
  #insta-feed .description {
    max-height: 70vh;
    overflow: scroll;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
  }
  #insta-feed .description::-webkit-scrollbar {
    display: none !important;
  }
  #insta-feed .box-content {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
  }
  #insta-feed .box-content::-webkit-scrollbar {
    display: none !important;
  }
}
.homepage-heading {
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 30px;
}
.ooo-instagram-footer__button {
  font-weight: 600;
  letter-spacing: 0.2em;
  background: rgba(0, 0, 0, 0) !important;
  color: #000 !important;
  border-bottom: 1px solid;
  padding: 4px 0 !important;
  font-size: 0.9em;
}
#page-container.afends .container .rte .btn {
  min-width: 400px;
}
@media screen and (max-width: 600px) {
  #page-container.afends .container .rte .btn {
    min-width: 100%;
    max-width: 100%;
  }
}
.lookbook_heading-text-split {
  margin-bottom: 20px;
  padding: 0 10%;
}
@media screen and (max-width: 600px) {
  .lookbook_heading-text-split {
    padding: 0 15px;
  }
}
.lookbook_heading-text-split h2 {
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 0.3em;
  color: var(--color-text-light);
  margin: 0 0 15px;
}
@media screen and (min-width: 600px) {
  .lookbook_heading-text-split {
    display: flex;
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 600px) {
  .lookbook_heading-text-split .content {
    flex: 1 1 50%;
    padding-right: 30px;
  }
}
.lookbook-page .caption {
  font-size: 0.8em;
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.25em;
  min-height: 25px;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  .lookbook-page .caption {
    font-size: 0.6em;
  }
}
.lookbook_single-img {
  position: relative;
  text-align: center;
  margin-bottom: 45px;
}
@media screen and (max-width: 600px) {
  .lookbook_single-img {
    margin-bottom: 5px;
  }
}
.lookbook_single-img img {
  margin: 0 auto;
}
.lookbook_single-img a {
  color: #000;
}
.lookbook_single-img .caption {
  margin-top: 10px;
}
@media screen and (max-width: 600px) {
  .lookbook_single-img .caption {
    margin-top: 5px;
  }
}
.product-tag {
  position: absolute;
  display: block;
  background: rgba(0, 0, 0, 0);
  padding: 0;
  letter-spacing: 0px;
}
.product-tag:hover,
.product-tag:active,
.product-tag:focus {
  background: rgba(0, 0, 0, 0);
}
.product-tag:hover .product-tag-info,
.product-tag:active .product-tag-info,
.product-tag:focus .product-tag-info {
  opacity: 1;
  visibility: visible;
  left: 220%;
}
.product-tag:hover .product-tag-info.position-left,
.product-tag:active .product-tag-info.position-left,
.product-tag:focus .product-tag-info.position-left {
  left: initial;
  right: 220%;
}
.product-tag .marker {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background: #000;
  border-radius: 50%;
  z-index: 1;
  transition: box-shadow 0.3s;
  box-shadow: 0 0 0 1px #000;
}
.product-tag .marker:hover {
  box-shadow: 0 0 0 5px #000;
}
.product-tag:after {
  content: " ";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0);
  transform: translate(-50%, -50%);
  animation-name: tagPulse;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.product-tag-info {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 150%;
  z-index: 2;
  background: #fff;
  padding: 10px 20px;
  transform: translate(0px, -50%);
  top: 50%;
  text-align: left;
  box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}
@media screen and (max-width: 600px) {
  .product-tag-info {
    padding: 5px 10px;
    width: 35vw;
    white-space: initial;
  }
}
.product-tag-info h4,
.product-tag-info h5,
.product-tag-info p {
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 4px;
}
@media screen and (max-width: 600px) {
  .product-tag-info h4,
  .product-tag-info h5,
  .product-tag-info p {
    font-size: 0.75em;
  }
}
.product-tag-info h5,
.product-tag-info p {
  color: var(--color-text-light);
  font-size: 0.75em;
}
@media screen and (max-width: 600px) {
  .product-tag-info h5,
  .product-tag-info p {
    font-size: 0.7em;
    letter-spacing: 0.1em;
  }
}
.product-tag-info:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0) #fff;
  border-width: 7px 7px 7px 0;
  top: 50%;
  left: -7px;
  margin-top: -7px;
}
.product-tag-info.position-left {
  left: initial;
  right: 150%;
}
.product-tag-info.position-left:after {
  left: initial;
  right: -7px;
  border-width: 7px 0 7px 7px;
}
@keyframes tagPulse {
  0%,
  50%,
  100% {
    width: 10px;
    height: 10px;
    background: #fff;
  }
  75% {
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0);
  }
  99% {
    background: rgba(0, 0, 0, 0);
  }
}
.lookbook_duo-img {
  padding: 0 10px;
  margin-bottom: 45px;
}
@media screen and (max-width: 600px) {
  .lookbook_duo-img {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 600px) {
  .lookbook_duo-img {
    padding: 0 5px;
  }
}
.lookbook_duo-img img,
.lookbook_duo-img .section-video {
  margin: 0 auto 5px;
}
@media screen and (max-width: 600px) {
  .lookbook_duo-img .block-section {
    flex-direction: row;
  }
}
.lookbook_duo-img .block-section .block-section {
  width: 50%;
}
.lookbook_duo-img .block-section .block-section.img-left {
  padding-right: 5px;
}
@media screen and (max-width: 600px) {
  .lookbook_duo-img .block-section .block-section.img-left {
    padding-right: 2.5px;
  }
}
.lookbook_duo-img .block-section .block-section.img-right {
  text-align: right;
  padding-left: 5px;
}
@media screen and (max-width: 600px) {
  .lookbook_duo-img .block-section .block-section.img-right {
    padding-left: 2.5px;
  }
}
.lookbook-collection-block {
  position: relative;
  display: inline-block;
  width: 100%;
  background: #000;
  color: #fff;
  margin-bottom: 10px;
}
.lookbook-collection-block .content {
  position: absolute;
  position: absolute;
  bottom: 15px;
  right: 30px;
  width: 30%;
  text-align: right;
}
.lookbook-collection-block p {
  color: #fff;
  font-weight: bold;
}
.lookbook-collection-block:hover img:not(.collection-logo) {
  opacity: 0.7 !important;
}
.lookbook-collection-block .collection-logo {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30%;
  max-width: 50vw;
}
@media screen and (max-width: 600px) {
  .lookbook-collection-block .collection-logo {
    width: 50%;
  }
}
#page-container.why-mars-save-earth .main p {
  color: #ea4b5a;
}
#page-container.why-mars-save-earth .main h1,
#page-container.why-mars-save-earth .main h2,
#page-container.why-mars-save-earth .main h3 {
  color: #ea4b5a;
}
.lookbook-s4-2021-why-mars-save-earth .section_split-gallery .gallery-img img {
  border-radius: 30px;
}
.klaviyo_form_trigger {
  cursor: pointer;
  width: 100%;
}
#password-page-bg {
  background-color: #fff;
  color: var(--color-primary);
}
#password-page-bg #owner {
  margin-top: 30px;
}
#password-page-bg #owner a {
  padding-bottom: 3px;
  border-bottom: 1px solid;
}
.password-page-follow {
  color: var(--color-primary);
}
#open-me a {
  color: var(--color-primary);
}
#password-container {
  margin: 0px auto;
  max-width: 100%;
  display: table;
  text-align: center;
  display: table;
}
#password-container .contact-form input {
  width: 100%;
}
.password-page-row {
  display: table-row;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.password-page-col {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 30px;
  width: 100%;
}
.password-page-message {
  font-size: 26px;
  margin: 0 auto 25px;
}
.password-page-follow {
  text-align: center;
}
.password-logo {
  max-width: 110px;
  margin: 0px auto;
}
.password-message {
  max-width: 600px;
}
.hr-small {
  margin: 20px auto;
  width: 50px;
}
.password-social .social_icons {
  margin-left: 0;
}
.password-social .social_icons li {
  display: inline;
  padding: 0 10px;
  margin: 0 10px;
}
.password-social .social_icons a,
.password-social .social_icons a:visited,
.password-social .social_icons a:active,
.password-social .social_icons a:hover {
  font-size: 25px;
}
.controls {
  display: block;
  margin: 1em 2em 1em auto;
  text-align: right;
  text-transform: uppercase;
  position: relative;
}
.close-me {
  z-index: 8000;
}
.close-me a {
  color: var(--color-primary);
}
.modalbox {
  position: absolute;
  height: 100%;
  top: -1em;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  z-index: 5000;
}
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
}
.overlay-close {
  width: 150px;
  height: 50px;
  position: absolute;
  right: 10px;
  top: 10px;
  border: 1px solid var(--color-primary);
  font-size: 14px;
}
.overlay-data {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s;
  visibility: 0s 0.5s;
  transition:
    opacity 0.5s,
    visibility 0s 0.5s;
}
.overlay-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.inputbox {
  margin: 0px auto;
  max-width: 100%;
  display: table;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: var(--color-primary);
}
.storefront-password-form label {
  font-size: 0.9em;
  margin: 0 0 1em 0;
}
.storefront-password-form .actions {
  display: inline-block;
}
.storefront-password-form #password {
  width: 80%;
  display: inline-block;
}
#owner {
  font-size: 0.9em;
  margin-top: -1em;
  opacity: 0.8;
}
.pass-close {
  color: var(--color-primary) !important;
  padding: 0 !important;
  margin: 1em !important;
}
@media screen and (min-width: 320px) and (max-width: 440px) and (max-height: 667px) {
  .modalbox {
    display: block;
    width: 414px !important;
    max-width: 100%;
    text-align: center;
  }
  .pass-close {
    display: block;
    margin: 0.65em -0.15em 1em 0 !important;
  }
}
.product span.current_price {
  display: inline-block !important;
}
#related-products-heading {
  width: 100%;
  text-align: center;
  margin: 60px 0;
  border-top: 1px solid #eee;
  padding-top: 60px;
}
#related-products {
  margin-bottom: 90px;
}
#related-products .product-item {
  display: none;
}
#related-products .product-item:nth-of-type(1),
#related-products .product-item:nth-of-type(2),
#related-products .product-item:nth-of-type(3) {
  display: block;
}
@media screen and (max-width: 600px) {
  #related-products .product-item:nth-of-type(3) {
    display: none;
  }
}
#product-page {
  display: block;
  width: 100%;
  padding: 30px;
}
#product-page .breadcrumbs {
  padding-bottom: 25px;
}
@media screen and (max-width: 1200px) {
  #product-page {
    min-height: 0;
    padding: 0px;
  }
}
#product-page:after {
  content: " ";
  width: 1px;
  height: 1px;
  clear: both;
  display: table;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  #product-page form {
    padding: 0 15px;
  }
}
#product-page .product-details {
  position: relative;
}
#product-page .product-details h1 {
  margin: 0 0 10px;
  padding: 0px;
  line-height: 1;
  font-size: 2em;
}
@media screen and (max-width: 600px) {
  #product-page .product-details h1 {
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 8px;
  }
}
#product-page .product-details h1 .product-colour {
  vertical-align: middle;
  background: #000;
  color: #fff;
  font-size: 0.35em;
  padding: 3px 5px;
  display: inline-block;
  position: relative;
  top: -3px;
  margin-left: 10px;
}
#product-page .product-details h2 {
  font-size: 1.4em;
  text-transform: initial;
}
@media screen and (max-width: 600px) {
  #product-page .product-details h2 {
    font-weight: 400;
    font-size: 1em;
    color: var(--color-text-light);
    margin-bottom: 20px;
  }
}
#product-page .product-details h5 {
  text-transform: capitalize;
  margin: 15px 0px;
  padding: 0px;
  line-height: 1;
}
#product-page p.modal_price {
  display: inline-block;
  padding: 0px;
  font-size: 1.3em;
  line-height: 1;
  margin: 10px 0 0;
}
@media screen and (max-width: 1200px) {
  #product-page p.modal_price {
    margin: 0px 0px -11px 0px;
    font-size: 1.4em;
    font-weight: bold;
  }
}
#product-page .description {
  margin-top: 10px;
  line-height: 1.3;
}
#product-page .description p {
  line-height: 1.3;
}
#product-page .product-tabs {
  width: 100%;
  margin-bottom: 40px;
}
#product-page .product-tabs div.selected {
  display: block;
}
#product-page .tab-headings {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  margin: 0 0 10px;
  border-bottom: 1px solid;
}
#product-page .tab-headings a {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 600;
  white-space: normal;
  font-size: 0.7em;
  padding: 10px 20px;
  border: 1px solid #000;
  border-bottom: none;
  flex: 0 1 30%;
  text-align: center;
}
@media screen and (max-width: 600px) {
  #product-page .tab-headings a {
    font-size: 3vw;
    letter-spacing: 0.1em;
  }
}
#product-page .tab-headings a:hover {
  background: #f2f2f2;
  color: #000;
}
#product-page .tab-headings a.selected {
  background: #000;
  color: #fff;
}
#product-page .tab-content {
  display: none;
  padding-top: 15px;
  font-size: 0.95em;
  line-height: 1.8;
  text-align: left;
}
#product-page .tab-content ul {
  list-style: initial;
}
#product-page .swatches {
  margin: 0 0 15px;
}
#product-page .swatches.colour-swatches {
  min-height: 77px;
}
#product-page .purchase {
  margin: 0 0 15px;
}
#product-page .action_button {
  width: auto;
  min-width: 78%;
  background: #000;
}
@media screen and (max-width: 600px) {
  #product-page .action_button {
    font-size: 1em;
    padding: 20px;
    margin-top: 0px;
    width: 100%;
  }
}
#product-page .action_button:hover {
  background: #333;
}
#product-page .product-flag {
  top: 0;
  left: initial;
  right: 0;
  text-align: right;
}
#sticky-add-to-cart {
  display: flex;
  gap: 10px;
  position: fixed;
  bottom: -100px;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #fff;
  transition: 0.5s;
}
#sticky-add-to-cart.stick {
  bottom: 0px;
}
#sticky-add-to-cart select {
  margin: 0;
  background-size: 8px;
}
#sticky-add-to-cart button {
  width: 100%;
  padding: 20px;
  font-size: 1.2em;
}
#size-guide-trigger {
  margin: 0 0 20px;
  cursor: pointer;
  line-height: 1.2;
  font-size: 0.9em;
}
.percent-discount {
  color: var(--color-green);
  font-size: 0.9em;
  font-weight: bold;
  display: block;
  margin: 5px 0 0;
}
.sales-tag-custom {
  color: var(--sales-tag-custom-color);
  font-weight: var(--sales-tag-custom-style);
  display: block;
  margin: -5px 0 0;
}
.value {
  font-size: 0.7em;
  letter-spacing: 0.2em;
  margin: 0 0 45px;
  padding: 0;
  font-weight: 500;
  line-height: 2;
  text-align: left;
}
@media screen and (max-width: 600px) {
  .value {
    font-size: 2.6vw;
  }
}
#NotifyMe {
  display: none;
}
.shipping-date,
.qv-shipping-date {
  margin: 0;
}
.qv-shipping-date {
  margin: -5px 0 15px;
}
.product-info-pop .popup-inner {
  max-height: 80vh;
  width: 800px;
}
.product-info-pop .popup-container {
  max-height: 80vh;
}
.product-info-pop p {
  letter-spacing: 0.1em;
}
.product-info-pop p.size-guide-error {
  margin-top: 30px;
  text-transform: initial;
  letter-spacing: 0em;
}
.product-info-pop p:nth-of-type(2) {
  font-size: 0.8em;
  color: var(--color-text-mid);
}
.product-info-pop h5 {
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: 500;
}
#product-gallery {
  position: relative;
}
@media screen and (min-width: 1200px) {
  #product-gallery {
    position: sticky;
    display: flex;
    gap: 15px;
    align-items: flex-start;
    top: 100px;
  }
}
#product-slideshow {
  position: relative;
  display: block;
  margin-bottom: 35px;
  height: calc(42.5vw - 40px);
}
@media screen and (min-width: 600px) {
  #product-slideshow {
    flex: 1 1 100%;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  #product-slideshow {
    flex: 1 1 calc(92% - 15px);
    width: calc(92% - 15px);
    margin-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  #product-slideshow {
    height: 140vw;
  }
}
#product-slideshow img {
  display: none;
}
#product-slideshow img:nth-of-type(1) {
  display: block;
}
#product-slideshow.owl-carousel .owl-nav {
  margin: 0;
}
#product-slideshow.owl-carousel .owl-nav button.owl-next,
#product-slideshow.owl-carousel .owl-nav button.owl-prev {
  background-size: 40%;
  opacity: 1;
  width: 30px;
  height: 40px;
  margin-top: -5px;
  box-shadow: none;
  outline: none;
  transform: translate(-50%, -50%);
}
#product-slideshow.owl-carousel .owl-nav button.owl-next {
  background-image: var(--icon-arrow-right-sm-light);
  right: -5px;
}
#product-slideshow.owl-carousel .owl-nav button.owl-prev {
  background-image: var(--icon-arrow-left-sm-light);
}
#product-slideshow.owl-carousel .owl-dots {
  margin-top: 5px;
}
@media screen and (min-width: 600px) {
  #product-slideshow.owl-carousel .owl-dots {
    display: none;
  }
}
#product-slideshow.owl-carousel .owl-dots span {
  border-color: #000;
}
#product-slideshow.owl-carousel .owl-dots .owl-dot.active span,
#product-slideshow.owl-carousel .owl-dots .owl-dot:hover span {
  background: #000;
}
#product-slideshow .product-image {
  cursor: zoom-in;
}
.product-zoom-btn {
  width: 35px;
  height: 35px;
  background: #fff;
  position: absolute;
  bottom: 43px;
  right: 7px;
  pointer-events: none;
  z-index: 9;
  padding: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 600px) {
  .product-zoom-btn {
    bottom: 7px;
  }
}
.product-zoom-btn svg {
  fill: none;
  width: 25px;
  stroke: #000;
  stroke-width: 4px;
  width: 20px;
}
#product-video-container {
  padding: 105px 75px;
}
#product-video-container video {
  width: 100%;
  height: auto;
}
#mobile-video,
#desktop-video {
  width: 100%;
  height: auto;
}
.product-thumbnails {
  position: relative;
  flex: 1 1 8%;
}
@media screen and (max-width: 1200px) {
  .product-thumbnails {
    display: none;
  }
}
.product-thumbnails .wrap {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.product-thumbnails .wrap::-webkit-scrollbar {
  display: none;
}
.product-thumbnails li {
  display: none;
  display: list-item;
  margin-bottom: 10px;
  text-align: right;
}
.product-thumbnails li:last-of-type {
  margin: 0px;
}
.product-thumbnails button {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 0px;
  background: rgba(0, 0, 0, 0);
}
.product-thumbnails button:focus {
  outline: none;
}
.product-thumbnails button.product-video-thumb {
  background: var(--color-primary);
}
.product-thumbnails button.thumb-nav {
  position: absolute;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.89);
  left: 0px;
  right: 0px;
  height: 30px;
  color: #000;
  z-index: 1;
  background-image: var(--icon-arrow-down);
  background-size: auto 30%;
  background-position: center;
  background-repeat: no-repeat;
}
.product-thumbnails button.thumb-nav.up {
  top: 0px;
  bottom: initial;
  display: none;
  background-image: var(--icon-arrow-up);
}
.thumbnail-play {
  position: absolute;
  width: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#size-guide-zoom h5 {
  display: none;
}
#size-guide-zoom img {
  transition: 0.3s;
}
#size-guide-zoom:hover {
  cursor: zoom-in;
}
#size-guide-zoom:hover img {
  opacity: 0.8;
}
#size-guide-zoom table {
  font-size: 0.8em;
}
#productSelect,
.selector-wrapper {
  display: none;
}
.image-zoom:hover {
  cursor: url(var(--icon-cursor-zoom)), crosshair;
  cursor:
    -webkit-image-set(
        url(var(--icon-cursor-zoom)) 1x,
        url(var(--icon-cursor-zoom-lg)) 2x
      )
      8 8,
    crosshair;
}
.image-zoom.active:hover {
  cursor: url(var(--icon-cursor-zoom-out)), crosshair;
  cursor:
    -webkit-image-set(
        url(var(--icon-cursor-zoom-out)) 1x,
        url(var(--icon-cursor-zoom-out-lg)) 2x
      )
      8 8,
    crosshair;
}
.image-zoom.active {
  position: relative;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.image-zoom.active > .zoom-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 500ms ease-out;
}
.image-zoom.active > .zoom-container.margin-left-20 {
  left: -20%;
}
.image-zoom.active.show > .zoom-container:hover {
  opacity: 1;
}
.image-zoom.margin-left-20 .zoom-container {
  left: -20%;
}
.afterpay {
  display: block;
  line-height: 1;
  margin: 0 0 20px;
  padding: 0px;
}
.afterpay span {
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  font-size: 0.85em;
}
@media screen and (max-width: 600px) {
  .afterpay span {
    font-size: 2.8vw;
    letter-spacing: 0.05em;
  }
}
.afterpay img {
  position: relative;
  width: auto;
  height: 21px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 5px;
}
@media screen and (max-width: 600px) {
  .afterpay img {
    margin: 0 3px;
  }
}
.afterpay img.klarna {
  height: 20px;
}
#product-unaviable {
  padding: 10vh 0;
  text-align: center;
}
#featured-product-img-5 {
  margin-top: 60px;
}
#out-of-stock h4 {
  font-size: 2.5em;
  margin: 0 0 10px;
}
#out-of-stock p {
  max-width: 300px;
  margin: 0 auto 15px;
}
#out-of-stock p.success {
  display: inline-block;
  color: #00804b;
  margin: 15px 0 0;
  font-weight: 500;
  width: 100%;
}
#out-of-stock input[type="email"] {
  width: 100%;
}
#out-of-stock input[type="email"]:focus {
  border-color: #000;
}
#out-of-stock .btn {
  width: 100%;
}
#oof-subscribe {
  display: inline-block;
  width: 100%;
  text-align: left;
}
#oof-subscribe input {
  display: none;
}
#oof-subscribe label {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin: 5px 0 15px 25px;
  cursor: pointer;
}
#oof-subscribe input + label:before {
  content: "";
  position: absolute;
  left: -25px;
  top: 0px;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #000;
  display: inline-block;
  vertical-align: middle;
}
#oof-subscribe input:checked + label:after {
  content: " ";
  position: absolute;
  top: 2px;
  left: -23px;
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 50%;
}
.fera-allReviews.fera-container--thin {
  margin-bottom: 0px;
}
.pickup-availability-information {
  background: #f9f9f9;
  width: 78%;
  padding: 20px;
  margin: 15px 0 30px;
}
@media screen and (max-width: 600px) {
  .pickup-availability-information {
    width: 100%;
  }
}
.pickup-availability-information .small-text {
  font-size: 0.9em;
  margin-bottom: 10px;
  color: #999;
}
.pickup-available-icon {
  position: relative;
  top: 1px;
  color: var(--color-green);
  margin-right: 10px;
}
.pickup-unavailable-icon {
  display: inline-block;
  color: #ff6363;
  font-weight: bold;
  font-size: 2em;
  line-height: 0.6;
  margin-right: 10px;
}
.pickup-availability-information-container {
  display: inline-block;
  vertical-align: top;
}
.pickup-availability-information-container p {
  margin: 0;
  line-height: 1.4;
}
.pickup-availability-information-container .color-foreground {
  font-weight: 600;
}
.pickup-availability-information__button {
  padding: 0 0 2px;
  background: 0 0;
  color: var(--color-text);
  border-bottom: 1px solid #777;
  letter-spacing: 0;
  text-transform: none;
  font-weight: normal;
  font-size: 0.9em;
}
.pickup-availability-information__button:hover,
.pickup-availability-information__button:active,
.pickup-availability-information__button:focus {
  background: rgba(0, 0, 0, 0);
  color: var(--color-text);
  border-color: var(--color-text);
}
.pickup-availabilities-modal {
  position: fixed;
  top: 0;
  right: -450px;
  z-index: 9;
  height: 100vh;
  width: 400px;
  max-width: 95vw;
  background: #fff;
  transition: 0.5s;
  box-shadow: -20px 0px 170px 65px rgba(0, 0, 0, 0);
  -webkit-box-shadow: -20px 0px 170px 65px rgba(0, 0, 0, 0);
  -moz-box-shadow: -20px 0px 170px 65px rgba(0, 0, 0, 0);
}
.pickup-availabilities-modal.active {
  right: 0px;
  box-shadow: -20px 0px 170px 65px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: -20px 0px 170px 65px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -20px 0px 170px 65px rgba(0, 0, 0, 0.1);
}
.pickup-availabilities-modal li {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.pickup-availabilities-modal__header {
  padding: 0 20px;
}
.pickup-availabilities-modal__variant-title {
  display: inline-block;
  border: 1px solid;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-bottom: 30px;
}
.pickup-availabilities-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  color: var(--color-text);
  font-size: 2em;
  padding: 10px;
}
.pickup-availabilities-modal__close:hover,
.pickup-availabilities-modal__close:active,
.pickup-availabilities-modal__close:focus {
  background: #fff;
  color: var(--color-text);
}
.pickup-availability-list__stock {
  margin-bottom: 15px;
  font-weight: 600;
}
.pickup-availability-list__address p {
  line-height: 1.3;
  margin: 0;
}
.product-promo {
  padding: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 600px) {
  .product-promo {
    flex-direction: column;
  }
}
.product-promo p {
  margin: 0;
  font-size: 1.3em;
}
.product-promo a {
  line-height: 1.8;
  border: 1px solid;
  padding: 5px 10px;
  font-size: 0.9em;
  letter-spacing: 0.1em;
}
.retraced-heading {
  font-size: 1.2em;
  text-align: left;
}
@media screen and (max-width: 600px) {
  .retraced-heading {
    font-size: 1.1em;
  }
}
.retraced-wrap {
  min-height: 40px;
}
@media screen and (max-width: 600px) {
  .retraced-wrap {
    width: 70%;
    margin: 0 auto 15px;
  }
}
@media screen and (min-width: 1200px) {
  .purchase .raflin-widget-button {
    width: 78%;
  }
}
@media screen and (min-width: 1200px) {
  .purchase .raflin-widget-button {
    width: 78%;
  }
}
@media screen and (min-width: 1200px) {
  #page-content .raflin-widget-cart {
    margin: 6px 0 10px;
  }
}
.btn-nostyle {
  padding: 0px;
  text-transform: initial;
  letter-spacing: 0px;
  font-weight: normal;
}
.btn-nostyle,
.btn-nostyle:hover,
.btn-nostyle:focus {
  color: initial;
  background: rgba(0, 0, 0, 0);
}
#shipping-pop-trigger {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}
#shipping-pop-trigger span {
  text-decoration: underline;
}
.owl-carousel:not(.owl-loaded) {
  opacity: 0;
}
.shipping-icon {
  fill: none;
  stroke: #000;
  stroke-width: 4px;
  width: 20px;
}
body .raflin-widget-cart {
  margin: -10px 0 10px;
}
body .raflin-trigger {
  min-height: 50px;
}
.pswp .pswp__bg {
  background: #fff;
}
.pswp.pswp--zoom-allowed .pswp__button--zoom,
.pswp .pswp__counter {
  display: none !important;
}
.pswp .pswp__icn-shadow {
  display: none;
}
.pswp .pswp__button svg {
  fill: #000;
}
.pswp.pswp--touch .pswp__button--arrow {
  visibility: visible;
}
.pswp.pswp--touch .pswp__button--arrow svg {
  fill: #000;
}
.activism-page .page {
  padding-left: 60px;
}
@media screen and (min-width: 600px) {
  .activism-page .page {
    border-left: 1px solid;
  }
}
@media screen and (max-width: 600px) {
  .activism-page .page {
    padding: 0 20px;
  }
}
@media screen and (max-width: 600px) {
  .activism-page .container {
    max-width: 90%;
  }
}
.activism-page hr {
  position: absolute;
  top: 0px;
  left: -20px;
  width: 0px;
  height: 0px;
  border: none;
  border-bottom: 1px solid;
  margin: 0;
  transition: 2s;
}
@media screen and (max-width: 600px) {
  .activism-page hr {
    left: -28px;
  }
}
.activism-page hr.animate {
  width: 50px;
}
@media screen and (min-width: 1200px) {
  .activism-page hr.animate {
    width: 60px;
  }
}
@media screen and (max-width: 600px) {
  .activism-page hr.animate {
    width: 30px;
  }
}
.activism-page .grid_wrap,
.activism-page .grid--rev,
.activism-page .grid--full,
.activism-page .grid__item {
  position: relative;
}
@media screen and (min-width: 1200px) {
  .activism-page .heading {
    position: absolute;
    top: 0px;
    left: 45px;
    right: 20%;
    margin: 0;
  }
}
.activism-page .heading hr {
  top: 5px;
}
@media screen and (min-width: 1200px) {
  .activism-page .heading hr {
    left: -65px;
  }
}
@media screen and (min-width: 1200px) {
  .activism-page h1 {
    position: absolute;
    top: -15px;
    left: 50px;
    line-height: 40px;
    margin: 0;
    font-size: 5.2em;
  }
}
@media only screen and (max-width: 1200px) {
  .activism-page h1 {
    font-size: 5vw;
  }
}
@media screen and (max-width: 600px) {
  .activism-page h1 {
    font-size: 10vw;
    top: -20px;
    position: relative;
  }
}
.activism-page h2 {
  font-size: 3em;
  line-height: 1.6;
  transform: translate(-150px, 0px);
  transition: 1s;
}
@media screen and (max-width: 600px) {
  .activism-page h2 {
    font-size: 7vw;
    line-height: 1.4;
  }
}
.activism-page h2.animate {
  opacity: 1;
  transform: translate(0px, 0px);
}
.activism-page h5 {
  text-transform: uppercase;
  font-size: 0.7em;
  letter-spacing: 0.3em;
  color: var(--color-text-light);
  margin: 0 0 15px 5px;
  opacity: 0;
  transform: translate(-100px, 0px);
  transition: 1s;
}
.activism-page h5.animate {
  opacity: 1;
  transform: translate(0px, 0px);
}
.activism-page .timeline-content {
  margin-bottom: 30px;
}
@media screen and (min-width: 600px) {
  .activism-page .timeline-content {
    margin-bottom: 90px;
    width: 80%;
  }
}
.activism-page .timeline-content p {
  line-height: 5;
  opacity: 0;
  transition: 0.5s;
}
.activism-page .timeline-content.animate p {
  opacity: 1;
  line-height: 2;
}
.activism-page .type-1 {
  margin-bottom: 90px;
}
@media screen and (max-width: 600px) {
  .activism-page .type-1 {
    margin-bottom: 60px;
  }
  .activism-page .type-1 img {
    width: 120%;
    margin-left: -10%;
  }
}
.activism-page .type-3 {
  overflow: hidden;
}
.activism-page .img-2 {
  padding: 12vw 0 0 80px;
}
@media screen and (max-width: 600px) {
  .activism-page .img-2 {
    padding-top: 40px;
  }
}
.activism-page .img-3 {
  padding: 60px 15% 90px;
}
@media screen and (max-width: 600px) {
  .activism-page .img-3 {
    padding: 20px 10% 40px;
  }
}
.activism-page .caption {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 600;
  white-space: normal;
  font-size: 0.7em;
  color: var(--color-text-light);
  margin-top: 15px;
}
@media screen and (max-width: 600px) {
  .activism-page .caption {
    font-size: 0.5em;
    letter-spacing: 0.15em;
  }
}
.activism-page .image-strip {
  display: inline-block;
  margin-bottom: 30px;
}
@media screen and (min-width: 600px) {
  .activism-page .image-strip {
    width: 120%;
    margin-left: -12.5%;
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 600px) {
  .activism-page .image-strip img {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .activism-page .image-strip .grid__item:nth-of-type(1) {
    padding-left: 60px;
  }
}
@media screen and (max-width: 600px) {
  .activism-page .image-strip .grid__item:nth-of-type(3) {
    padding-left: 45px;
    padding-right: 30px;
  }
}
#activism-gallery {
  width: 100vw;
  margin-left: -15px;
  overflow: hidden;
}
#activism-gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 90px;
}
#activism-gallery ul li {
  position: relative;
  flex: 1 1 calc(25% - 8px);
  height: calc(25vw - 4px);
  margin: 0;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  #activism-gallery ul li {
    flex: 1 1 calc(50% - 8px);
    height: calc(50vw - 4px);
  }
}
#activism-gallery ul li:nth-of-type(2) img {
  animation-delay: -9s;
  -webkit-animation-delay: -9s;
}
#activism-gallery ul li:nth-of-type(3) img {
  animation-delay: -21s;
  -webkit-animation-delay: -21s;
}
#activism-gallery ul li:nth-of-type(4) img {
  animation-delay: -4s;
  -webkit-animation-delay: -4s;
}
@media screen and (max-width: 600px) {
  #activism-gallery ul li:nth-of-type(5) {
    display: none;
  }
}
#activism-gallery ul li:nth-of-type(5) img {
  animation-delay: -12s;
  -webkit-animation-delay: -12s;
}
@media screen and (max-width: 600px) {
  #activism-gallery ul li:nth-of-type(6) {
    display: none;
  }
}
#activism-gallery ul li:nth-of-type(6) img {
  animation-delay: -18s;
  -webkit-animation-delay: -8s;
}
@media screen and (max-width: 600px) {
  #activism-gallery ul li:nth-of-type(7) {
    display: none;
  }
}
#activism-gallery ul li:nth-of-type(7) img {
  animation-delay: -6s;
  -webkit-animation-delay: -6s;
}
@media screen and (max-width: 600px) {
  #activism-gallery ul li:nth-of-type(8) {
    display: none;
  }
}
#activism-gallery ul li:nth-of-type(8) img {
  animation-delay: -2s;
  -webkit-animation-delay: -2s;
}
#activism-gallery ul img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  animation-iteration-count: infinite;
  animation-duration: 24s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 24s;
}
#activism-gallery ul img:nth-of-type(2) {
  animation-name: fade;
  -webkit-animation-name: fade;
}
@-webkit-keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  55% {
    opacity: 0.1;
  }
  60% {
    opacity: 0;
  }
  97% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  55% {
    opacity: 0.1;
  }
  60% {
    opacity: 0;
  }
  97% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#sustainability-header {
  text-align: center;
  background-image: var(--img-sustainability-bg);
  background-size: cover;
  background-position: center;
  padding: 120px 30px;
  margin-bottom: 90px;
}
@media screen and (max-width: 1200px) {
  #sustainability-header {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  #sustainability-header {
    padding: 90px 10px;
  }
}
#sustainability-header h1 {
  color: #fff;
  font-size: 4.5em;
  margin: 0;
}
@media screen and (max-width: 600px) {
  #sustainability-header h1 {
    font-size: 13.5vw;
  }
}
#sustainability-header h2 {
  font-size: 1.2em;
  letter-spacing: 0.4em;
  color: #fff;
}
@media screen and (max-width: 600px) {
  #sustainability-header h2 {
    font-size: 1em;
    letter-spacing: 0.3em;
  }
}
.designed-content h3 {
  font-size: 2.7em;
  text-transform: uppercase;
  font-weight: 600;
}
.designed-content h3:after {
  content: "";
  border-bottom: 4px solid;
  display: block;
  width: 40px;
  margin: 30px 0 40px;
}
.designed-content p {
  font-size: 1.15em;
  line-height: 2.1em;
  margin: 0 0 45px;
}
#sustainability-page img {
  margin-bottom: 90px;
}
@media screen and (max-width: 600px) {
  #sustainability-page img {
    margin-bottom: 45px;
  }
}
#sustainability-page .feature-image img {
  margin-bottom: 120px;
}
@media screen and (max-width: 600px) {
  #sustainability-page .feature-image img {
    margin-bottom: 60px;
  }
}
.sustainability-subpage {
  margin-bottom: 90px;
}
.sustainability-subpage .designed-content p,
.sustainability-subpage .fibre-content p {
  margin-bottom: 90px;
}
.sustainability-subpage .designed-content img,
.sustainability-subpage .fibre-content img {
  margin-bottom: 120px;
}
@media screen and (max-width: 1200px) {
  .sustainability-subpage .designed-content img,
  .sustainability-subpage .fibre-content img {
    margin-bottom: 45px;
  }
}
.sustainability-subpage .feature-image img {
  margin-bottom: 120px;
}
@media screen and (max-width: 600px) {
  .sustainability-subpage .feature-image img {
    margin-bottom: 60px;
  }
}
.sustainability-subpage .fibre-content p {
  width: 90%;
}
.sustainability-subpage .fibre-content img {
  margin-bottom: 60px;
}
#factories-page p {
  font-size: 1.15em;
  line-height: 2.1em;
}
#factory-list {
  margin-top: 60px;
  margin-bottom: 150px;
}
@media screen and (max-width: 1200px) {
  #factory-list {
    margin-top: 30px;
  }
}
#factory-list img {
  width: 100%;
  margin-bottom: 30px;
}
#factory-list h3 {
  font-size: 1.4em;
  margin: 0 0 15px;
}
#factory-list p {
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 600;
  white-space: normal;
  font-size: 0.7em;
  transition: 0.3s;
  margin-bottom: 45px;
}
#factory-list p:hover {
  color: #000;
}
#page-container.for-the-planet {
  padding: 0px !important;
}
#page-container.for-the-planet #page-content .container {
  width: 100%;
  padding: 0px;
}
@media screen and (max-width: 1200px) {
  #page-container.for-the-planet #page-content .container {
    width: 100%;
    max-width: 100%;
  }
}
#page-container.for-the-planet footer {
  margin-top: 0px;
}
#sustainable-landing {
  background: #000;
}
.landing_block {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-position: center;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  transition: 1s;
}
.landing_block.text-scroller {
  opacity: 1;
  height: 300vh;
}
.landing_block.text-scroller .section-video {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.landing_block.text-scroller .slide-content {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 300vh;
  transform: none;
}
.landing_block.text-scroller .slide-content .sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0px;
  width: 100vw;
  height: 100vh;
}
.landing_block.text-scroller .slide-content .typed-text {
  position: absolute;
  top: 50vh;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.landing_block.text-light h2 {
  color: #dbd0c1;
}
.landing_block.text-light .text-link {
  color: #afafaf;
}
.landing_block.text-light .text-link:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.landing_block.active {
  opacity: 1;
}
.landing_block.active .slide-content {
  left: 50%;
}
.landing_block.active.text-scroller .slide-content {
  left: 0px;
}
.landing_block .section-video {
  margin: 0px;
}
.landing_block .section-video video {
  min-height: 100vh;
}
.wrapper-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.slide-content {
  position: absolute;
  top: 50vh;
  left: 40%;
  transform: translate(-50%, -50%);
  color: #fff;
  width: 600px;
  max-width: 90%;
  transition: 1s;
}
@media screen and (min-width: 600px) {
  .slide-content {
    text-align: center;
  }
}
.slide-content h2 {
  font-size: 4vw;
  margin-bottom: 30px;
  color: #fff;
}
@media screen and (max-width: 600px) {
  .slide-content h2 {
    font-size: 9vw;
    text-align: left;
  }
}
.slide-content p {
  font-size: 1.2em;
  margin: 0 auto 30px;
  width: 400px;
  max-width: 100%;
}
.slide-content .btn {
  font-size: 0.9em;
}
.slide-content.animated-text {
  width: 90%;
}
.slide-content .typed-text {
  width: 95%;
  text-align: center;
  text-transform: initial;
  font-weight: normal;
}
.slide-content .typed-text span {
  font-size: 4vw;
  color: #fff;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  width: 0px;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .slide-content .typed-text span {
    font-size: 5.5vw;
    line-height: 1.3;
    letter-spacing: 0;
  }
}
.slide-content .mask {
  font-size: 4vw;
  color: #fff;
  width: 0px;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
}
.slide-content .mask2.animate {
  animation-delay: 3s;
  -webkit-animation-delay: 3s;
}
@-webkit-keyframes animateUpFade {
  0% {
    width: 0;
  }
  100% {
    width: 90%;
  }
}
@keyframes animate-up-fade {
  0% {
    width: 0;
  }
  100% {
    width: 90%;
  }
}
.slider__indicators {
  position: fixed;
  right: 25px;
  width: 15px;
  z-index: 81;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 600px) {
  .slider__indicators {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 600px) {
  .slider__indicators {
    bottom: 30px;
  }
}
.slider__indicator {
  display: inline-block;
  position: relative;
  width: 10px;
  height: 10px;
  margin: 5px 0px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  color: #000;
  transition: 0.3s;
}
.slider__indicator:after {
  content: " ";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border: 1px solid;
  border-radius: 50%;
}
.slider__indicator:hover,
.slider__indicator:focus {
  color: #000;
  background: #000;
}
.slider__indicator--active {
  background: #000;
}
.underline {
  border-bottom: 1px solid;
}
.fancy-link {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 600;
  white-space: normal;
  font-size: 11px;
  padding: 10px 20px 10px 0;
  background-image: url(var(--icon-arrow-down));
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px;
}
.supply-chain-block h3 {
  font-size: 2em;
}
.supply-chain-block p {
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1.6em;
}
.supply-chain-block h4 {
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 600;
  white-space: normal;
  letter-spacing: 0.3em;
  font-size: 0.7em;
  margin-bottom: 5px;
}
.supply-chain-block #factory-intro {
  margin-bottom: 60px;
}
@media screen and (max-width: 1200px) {
  .supply-chain-block #factory-intro {
    margin-bottom: 30px;
  }
}
.supply-chain-block #factory-intro p {
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1.6em;
}
.supply-chain-block #factory-about {
  margin-bottom: 90px;
}
@media screen and (max-width: 1200px) {
  .supply-chain-block #factory-about {
    margin-bottom: 60px;
  }
}
.design-navigation {
  margin-bottom: 60px;
}
.design-navigation .nav-cirlce {
  display: inline-block;
  width: 20vw;
  height: 20vw;
  margin: 0 auto 20px;
  background: #eee;
  border-radius: 50%;
  transition: 0.3s;
}
@media screen and (min-width: 600px) {
  .design-navigation .nav-cirlce {
    width: 8vw;
    height: 8vw;
  }
}
.design-navigation .nav-cirlce:hover {
  background: #000;
}
.design-navigation .nav-cirlce:hover svg path,
.design-navigation .nav-cirlce:hover svg circle,
.design-navigation .nav-cirlce:hover svg rect {
  stroke: #fff;
}
.design-navigation .nav-cirlce:hover svg path.fill,
.design-navigation .nav-cirlce:hover svg circle.fill,
.design-navigation .nav-cirlce:hover svg rect.fill {
  fill: #fff;
}
.design-navigation .nav-cirlce.arrow {
  position: relative;
}
@media screen and (min-width: 1200px) {
  .design-navigation .nav-cirlce.arrow:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 7px solid rgba(0, 0, 0, 0);
    border-left: 12px solid #000;
    top: 4vw;
    right: -3.5vw;
    margin-top: -4px;
  }
}
.design-navigation svg {
  display: inline-block;
  width: 50%;
  fill-rule: evenodd;
  clip-rule: evenodd;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 1.5;
}
.design-navigation svg path,
.design-navigation svg circle,
.design-navigation svg rect {
  fill: none;
  stroke: #000;
  stroke-width: 2px;
  transition: 0.3s;
}
.design-navigation svg path.fill,
.design-navigation svg circle.fill,
.design-navigation svg rect.fill {
  fill: #000;
  stroke-width: 0px;
}
.design-navigation ul {
  width: 95%;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .design-navigation ul {
    width: 70%;
  }
}
.design-navigation li {
  display: inline-block;
  width: 32%;
  margin-bottom: 30px;
}
@media screen and (min-width: 600px) {
  .design-navigation li {
    width: 19.5%;
  }
}
.design-navigation h3 {
  font-size: 0.7em;
}
@media screen and (min-width: 600px) {
  .design-navigation h3 {
    font-size: 0.8em;
  }
}
#stores-list {
  padding: 0 30px 60px;
}
#stores-list .location {
  border-bottom: 1px solid;
  margin-bottom: 20px;
  display: inline-block;
  font-size: 0.75em;
}
#stores-list .icon-list {
  margin-bottom: 60px;
}
@media screen and (min-width: 1200px) {
  #concept-store {
    margin-top: 60px;
  }
}
#concept-store h1 {
  margin: 0;
}
@media screen and (min-width: 600px) {
  #concept-store h1 {
    margin: 30px 0 0;
  }
}
#concept-store h4 {
  font-size: 1.8em;
}
#concept-store #store-map {
  width: 100%;
  height: 200px;
  margin-bottom: 30px;
  background-color: var(--color-primary);
}
@media screen and (min-width: 600px) {
  #concept-store #store-map {
    height: 350px;
  }
}
#concept-store .store-details strong,
#concept-store .store-details b {
  color: #aaa;
}
#concept-store #store-slider {
  margin: 45px 0 60px;
}
#concept-store #store-slider .owl-height {
  min-height: 700px;
}
.returns-find {
  margin: 40px auto 100px auto;
  text-align: center;
  width: 700px;
  max-width: 90%;
}
.returns-find h1 {
  line-height: 1;
}
.returns-find p {
  margin: 20px auto;
  max-width: 400px;
}
@media screen and (min-width: 600px) {
  .returns-find form {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 600px) {
  .returns-find form input[type="text"] {
    margin-right: 10px;
    flex: 1;
  }
}
@media screen and (max-width: 600px) {
  .returns-find form input[type="text"] {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .returns-find form input[type="submit"] {
    width: 100%;
  }
}
.returns-show {
  margin: 40px auto 100px auto;
}
.returns-show h1 {
  line-height: 1;
  margin: 0;
  padding: 0;
}
.returns-show p {
  margin: 20px auto;
}
.returns-show .returns-error {
  text-align: center;
}
.returns-show .returns-error p {
  font-size: 16px;
}
.returns-show table {
  width: 100%;
  margin-bottom: 20px;
}
.returns-show table tr {
  border-bottom: 1px solid var(--color-borders);
}
.returns-show table tr td {
  padding: 10px;
}
.returns-show table tr td h1 {
  font-size: 16px;
}
.returns-show table tr td p {
  line-height: 1;
  margin: 5px 0 0 0;
  padding: 0;
  font-weight: bold;
}
.returns-show table tr td select {
  background-size: 10px;
}
@media screen and (max-width: 600px) {
  .returns-show table,
  .returns-show thead,
  .returns-show tbody,
  .returns-show th,
  .returns-show td,
  .returns-show tr {
    display: block;
  }
  .returns-show table {
    border-top: 2px solid var(--color-primary);
    padding-top: 10px;
  }
  .returns-show table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .returns-show table tr {
    border-bottom: 2px solid var(--color-primary);
    margin-bottom: 15px;
  }
  .returns-show table tr td {
    border: none;
    position: relative;
    padding-left: 100px;
  }
  .returns-show table tr td:before {
    position: absolute;
    top: 26px;
    left: 0px;
    width: 90px;
    padding-right: 10px;
  }
  .returns-show table tr td:first-of-type {
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px;
    padding: 5px 0 5px 100px;
  }
  .returns-show table tr td:first-of-type:before {
    font-weight: bold;
    font-size: 1.2em;
    top: 0;
  }
  .returns-show table tr td select {
    margin-bottom: 0px;
  }
  .returns-show table tr td:nth-of-type(1):before {
    content: "Select Product";
  }
  .returns-show table tr td:nth-of-type(2):before {
    content: "";
  }
  .returns-show table tr td:nth-of-type(3):before {
    content: "";
  }
  .returns-show table tr td:nth-of-type(4):before {
    content: "Quantity";
  }
  .returns-show table tr td:nth-of-type(5):before {
    content: "Reason";
  }
  .returns-show table tr td:nth-of-type(6):before {
    content: "Refund Type";
  }
  .returns-show table tr td:nth-of-type(7):before {
    content: "Note";
  }
}
.returns-show input[type="submit"] {
  min-width: 50%;
}
@media screen and (max-width: 600px) {
  .returns-show input[type="submit"] {
    width: 100%;
  }
}
.returns-show input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: borer-box;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background: #fff;
  position: relative;
  transition: 0.3s;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #bdbdbd;
}
@media screen and (min-width: 1200px) {
  .returns-show input[type="checkbox"]:hover {
    background-image: var(--icon-tick);
    border-color: var(--color-primary);
  }
}
.returns-show input[type="checkbox"]:checked {
  background-image: var(--icon-tick-white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
@media screen and (min-width: 1200px) {
  .returns-show input[type="checkbox"]:checked:hover {
    background-image: var(--icon-tick);
    background-color: #fff;
  }
}
.returns-postage {
  margin: 40px auto 100px auto;
  text-align: center;
  width: 700px;
  max-width: 90%;
}
.returns-postage h1 {
  line-height: 1;
}
.returns-postage p {
  margin: 20px auto;
  max-width: 450px;
}
.returns-postage .returns-links {
  display: flex;
  justify-content: space-between;
}
.returns-postage a {
  background-color: var(--color-primary);
  color: #fff;
  font-weight: bold;
  line-height: 2.7;
  flex: 0 1 49.5%;
}
.returns-message {
  margin: 40px auto 100px auto;
  text-align: center;
  width: 700px;
  max-width: 90%;
}
.returns-message h1 {
  line-height: 1;
}
.returns-message p {
  margin: 20px auto;
  max-width: 450px;
  font-size: 16px;
}
.fundraising-heading {
  margin-top: 90px;
}
#progress-bar {
  position: relative;
  width: 600px;
  max-width: 90vw;
  margin: 0 auto 150px;
  border: 1px solid #bdbdbd;
  height: 30px;
  border-radius: 15px;
}
.progress {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 0%;
  min-width: 24px;
  max-width: calc(100% - 4px);
  height: 24px;
  border-radius: 12px;
  background: #000;
  transition: 3s;
}
.progress .text {
  position: absolute;
  display: none;
  top: 35px;
  right: 0px;
  width: max-content;
  border-right: 1px solid #bdbdbd;
  padding-right: 10px;
  padding-top: 10px;
  text-align: center;
}
.progress .text.right {
  right: intial;
  right: 0;
  transform: translate(100%, 0);
  border: none;
  border-left: 1px solid #bdbdbd;
  padding-left: 10px;
}
.progress .text h3 {
  font-size: 1.5em;
  margin: 0;
}
.progress .text p {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.75em;
}
#goal {
  text-align: center;
  margin-top: -30px;
}
#goal h3 {
  font-size: 2em;
  margin: 0 0 15px;
}
#cart-charity {
  background: #f9f9f9;
  padding: 30px;
  margin-bottom: 15px;
}
#cart-charity .cause-title {
  text-transform: initial;
  margin-bottom: 5px;
  font-size: 1.6em;
  letter-spacing: 0;
  margin: 0 0 10px !important;
}
#cart-charity p {
  margin-bottom: 15px !important;
}
#cart-charity a {
  border-bottom: 1px solid;
}
#cart-charity b {
  color: var(--color-green);
  border-bottom: 2px solid;
}
#cart-charity select {
  background-size: 9px;
  background-color: rgba(0, 0, 0, 0);
  margin: 0 0 15px;
  border-color: #000;
}
.foundation-link {
  text-align: center;
  background: #eee;
  padding: 45px 30px;
  margin-bottom: 120px;
}
@media screen and (min-width: 600px) {
  .foundation-link br {
    display: none;
  }
}
.foundation-link p {
  font-weight: bold;
  margin: 0px;
  font-size: 1.3em;
}
.foundation-link a {
  display: inline-block;
  border: 1px solid #000;
  padding: 10px 20px;
  transition: 0.3s;
  margin: 15px 0 0 0;
}
@media screen and (min-width: 600px) {
  .foundation-link a {
    margin: 0 0 0 30px;
  }
}
.foundation-link a:hover {
  background: #000;
  color: #fff;
}
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content {
  background: #ff8735;
  color: #4534b9;
  padding-bottom: 150px;
}
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  div,
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  h1,
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  h2,
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  h3,
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  h4,
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  h5,
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  h6,
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  a,
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  .subtitle {
  color: #4534b9;
}
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  .quickview {
  background: #fe8734;
}
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  .quickview
  button {
  color: #4534b9;
}
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  .quickview
  button:hover
  span {
  color: #4534b9;
}
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  .swatches
  a {
  border-color: #fe8734;
}
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  .section_text
  .btn,
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  .section-img-text-split
  .btn {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #4534b9;
  font-weight: bold;
}
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  .section_text
  .btn:hover,
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  .section-img-text-split
  .btn:hover {
  background: #4534b9;
  color: #fe8734;
}
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  .product-item
  .swatches
  a.selected:after,
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  .product-item
  .swatches
  a:hover:after,
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  .section-collection
  .owl-dot
  span {
  border-color: #4534b9;
}
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  .section-collection
  .owl-dot.active
  span,
#page-container.afends-x-stone-and-wood-crop-circles
  #page-content
  .main.content
  .section-collection
  .owl-dot:hover
  span {
  background: #4534b9;
}
#page-container.afends-x-stone-and-wood-crop-circles #section-block-the-beer {
  display: flex;
  flex-direction: column-reverse;
}
.accordion button {
  position: relative;
  background: rgba(0, 0, 0, 0);
  color: var(--color-primary);
  font-weight: normal;
  font-size: 0.9em;
  line-height: 1.6em;
  white-space: initial;
  text-align: left;
  cursor: pointer;
  padding: 20px 30px 20px 15px;
  width: 100%;
  border: none;
  outline: none;
  transition: 0.4s;
}
@media screen and (max-width: 600px) {
  .accordion button {
    padding: 20px 30px 20px 0;
  }
}
.accordion button:after {
  font-family: "icons";
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  font-weight: 600;
  float: right;
  margin-left: 5px;
}
@media screen and (max-width: 600px) {
  .accordion.lowercase button {
    font-size: 1.1em;
    text-transform: initial;
    letter-spacing: 0;
  }
}
.accordion .active:after {
  content: "";
}
.accordion .active + .panel {
  padding: 15px;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 600px) {
  .accordion .active + .panel {
    padding: 15px 0;
  }
}
.accordion .panel {
  padding: 0 15px;
  background-color: rgba(0, 0, 0, 0);
  max-height: 0;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid #ccc;
  transition:
    max-height 0.2s ease-out,
    border-bottom 0.5s,
    padding 0.5s;
}
@media screen and (max-width: 600px) {
  .accordion .panel {
    padding: 0;
  }
}
.accordion .panel table {
  border: 1px solid #ccc;
}
.accordion .panel table tr:nth-child(even) {
  background: #f9f9f9;
}
.accordion .panel table tr td {
  padding: 30px 15px;
  border-right: 1px solid #eee;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .accordion .panel table tr td {
    padding: 15px 5px;
    font-size: 0.8em;
    overflow: scroll;
  }
}
.accordion .panel table tr td:last-of-type {
  border-right: 1px solid #ccc;
}
.accordion-item {
  border: 1px solid;
  margin: 0 0 4px;
}
.accordion-btn {
  position: relative;
  background-color: rgba(0, 0, 0, 0);
  color: #000;
  cursor: pointer;
  padding: 18px 30px 18px 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  white-space: normal;
  transition: 0.4s;
}
.accordion-btn:after {
  font-family: "icons";
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  font-weight: 600;
  float: right;
  margin-left: 5px;
}
.accordion-btn.active:after {
  content: "";
}
.accordion-btn:hover,
.accordion-btn:focus {
  background: rgba(0, 0, 0, 0);
}
.accordion-panel {
  padding: 0 18px;
  display: none;
  overflow: hidden;
}
#quick-view {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9999;
}
@media screen and (min-width: 600px) {
  #quick-view .fb-container {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
  }
}
#quick-view .fb-container > .fb-col {
  width: 100%;
}
@media screen and (min-width: 600px) {
  #quick-view .fb-container > .fb-col {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  #quick-view .product-details {
    padding: 30px 15px;
  }
}
#quick-view .product_form .colour-swatches,
#quick-view .product_form .colour-heading {
  display: none;
}
#quick-view .product_form .action_button {
  margin: 0 0 30px 0;
  min-width: 190px;
  background: #000;
}
#quick-view .product_form .action_button[disabled] {
  background: var(--color-text-light);
  border-color: var(--color-text-light);
}
#quick-view .product_form .action_button:hover {
  background: #333;
}
#quick-view .product_form .swatch-selection {
  margin: 0 auto;
}
#quick-view .modal_price {
  font-size: 0.85em;
  letter-spacing: 0.2em;
  color: var(--color-text-light);
  margin: 0px 0px 15px;
}
#quick-view .modal_price .was_price {
  color: #b50207;
}
#quick-view .view-product {
  color: #ababab;
  border-bottom: 1px solid #dadada;
  padding-bottom: 5px;
  transition: 0.3s;
}
#quick-view .view-product:hover {
  color: #3e3e3e;
  border-color: #888;
}
#quick-view .swatch.soldout label {
  pointer-events: none;
  cursor: default;
}
.qv-loader {
  position: absolute;
  top: 50vh;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 2px;
  background: #fff;
  animation-name: quicklookload;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
#qv-container {
  visibility: hidden;
  position: absolute;
  box-shadow: 3px 44px 148px -8px rgba(0, 0, 0, 0.5);
  background: #fff;
  width: 800px;
  top: 200%;
  left: 50%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#qv-container::-webkit-scrollbar {
  display: none;
}
#qv-container.active {
  visibility: visible;
}
@media screen and (min-width: 600px) {
  #qv-container {
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity 0.5s;
  }
  #qv-container.active {
    top: 50%;
    opacity: 1;
  }
}
@media screen and (max-width: 600px) {
  #qv-container {
    width: 100%;
    left: 0;
    top: 110vh;
    max-height: 80vh;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    box-shadow: 0px -11px 100px -8px #000;
    transition: top 0.5s;
  }
  #qv-container.active {
    top: 20vh;
  }
}
#qv-title {
  font-size: 2.5em;
  margin: 0px 0px 10px;
  padding: 0px;
  line-height: 1;
}
#close-qv {
  position: fixed;
  right: 0px;
  background: rgba(0, 0, 0, 0);
  color: var(--color-primary);
  padding: 12px 10px;
  font-size: 1.6em;
  transition: 0.3s;
  outline: none;
}
#close-qv:hover {
  color: #555;
}
#qv-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px;
}
@keyframes quicklookload {
  from {
    width: 0px;
  }
  to {
    width: 150px;
  }
}
.crossed-out {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.swatches {
  margin-top: 7px;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}
.swatches a {
  position: relative;
  min-width: 31px;
  height: 31px;
  margin: 0px 8px 5px 0;
  display: inline-block;
  background-size: cover;
  cursor: pointer;
  border: solid 1px #fff;
}
.swatches a.white,
.swatches a.cream,
.swatches a.white-black,
.swatches a.black-white,
.swatches a.off-white,
.swatches a.natural {
  border: 1px solid #ccc;
  transition: 0.3s;
}
.swatches a.white:after,
.swatches a.cream:after,
.swatches a.white-black:after,
.swatches a.black-white:after,
.swatches a.off-white:after,
.swatches a.natural:after {
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
}
.swatches a:after {
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  border: solid 1px rgba(0, 0, 0, 0);
  transition: 0.3s;
}
.swatches a.selected {
  border-color: var(--color-primary);
}
.swatches a:hover {
  border-color: var(--color-primary);
}
.swatches h6 {
  display: none;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  font-size: 0.9em;
}
.swatches h6 #low-in-stock {
  color: var(--color-text-light);
  padding-left: 5px;
}
@media screen and (max-width: 600px) {
  .swatches .size-swatches.swatch-selection {
    display: flex;
    gap: 5px;
  }
  .swatches .size-swatches .swatch {
    flex: 1;
  }
  .swatches .size-swatches .swatch label {
    height: 40px;
    width: 100%;
    line-height: 37px;
    padding: 0px 2px;
    margin: 0;
  }
}
.swatches.colour-swatches a {
  width: 50px;
  height: auto;
}
.swatches .swatch {
  display: inline-block;
  margin: 0;
}
.swatches .swatch input {
  display: none;
}
.swatches .swatch input:checked + label {
  background-color: var(--color-primary);
  color: #fff;
}
.swatches .swatch label {
  display: block;
  position: relative;
  min-width: 33px;
  height: 33px;
  margin: 0px 5px 5px 0px;
  border: solid 1px #333;
  background-color: rgba(0, 0, 0, 0);
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 11px;
  text-align: center;
  line-height: 30px;
  white-space: nowrap;
  text-transform: uppercase;
  transition: 0.3s;
  padding: 0px 15px;
  color: var(--color-primary);
}
.swatches .swatch label:hover {
  border-color: var(--color-primary);
}
.swatches .swatch.soldout {
  opacity: 0.2;
  transition: 0.5s;
}
.swatches .swatch.soldout:hover {
  opacity: 0.4;
}
.swatches .swatch-selection {
  display: block;
  width: auto;
  display: table;
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .swatches .swatch-selection {
    margin: 0 auto 20px;
  }
}
.colour-heading {
  font-weight: normal;
  margin: 5px 0 10px;
  padding: 0px;
  font-size: 0.9em;
}
@media screen and (max-width: 600px) {
  .colour-heading {
    margin: 10px 0;
  }
}
#low-in-stock {
  display: block;
  color: red;
  margin: 0 0 10px;
}
.block-section {
  display: flex;
  flex-direction: row;
  align-content: stretch;
  gap: 10px;
}
@media screen and (min-width: 600px) {
  .block-section {
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 600px) {
  .block-section {
    flex-direction: column;
  }
  .block-section a {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .block-section.padding-false {
    gap: 0;
  }
}
@media screen and (max-width: 600px) {
  .block-section.padding-mob-false {
    gap: 0;
  }
}
.block-section.flex-wrap {
  flex-wrap: wrap;
}
.block-section img {
  max-width: 100%;
  width: 100%;
  height: auto;
  align-self: center;
}
.block-section .view-collection a {
  color: var(--color-text);
  margin: 20px 0 15px;
}
@media screen and (max-width: 1200px) {
  .block-section .view-collection a {
    margin-bottom: 60px;
  }
}
.block-section .view-collection a:hover {
  background: var(--color-primary);
  color: #fff;
  border-color: var(--color-primary);
}
.block-section.align-center {
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1200px) {
  .block-section.not-fullwidth {
    padding-left: 10%;
    padding-right: 10%;
  }
}
.block-link {
  position: relative;
  flex: 1 1 100%;
  background-color: #fff;
}
.block-link .block-content {
  text-align: center;
  transition: 0.3s;
  padding: 15px 10px 0;
  color: #fff;
  opacity: 0;
  padding: 10px;
}
.block-link.show-text .block-content {
  opacity: 1;
}
.block-link p {
  line-height: 1.2;
  margin: 0;
}
.block-link h1,
.block-link h2,
.block-link h3,
.block-link h4 {
  font-size: 1em;
  line-height: 1.2;
  margin-bottom: 3px;
  text-transform: initial;
  font-weight: 400;
}
.block-link h4 {
  max-width: 600px;
}
.block-link .btn {
  font-size: 0.85em;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  margin: 0 10px;
  font-weight: 400;
}
@media screen and (min-width: 600px) {
  .block-link .btn {
    min-width: 200px;
  }
}
.block-link .btn:hover {
  background: rgba(0, 0, 0, 0);
  color: #000;
}
.block-link .btn.outline {
  color: #000;
  background: rgba(0, 0, 0, 0);
}
.block-link .btn.outline:hover {
  color: #000;
  background: #fff;
}
.block-link .btn.underline {
  background: rgba(0, 0, 0, 0);
  color: #000;
  padding: 0 0 4px;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  min-width: initial;
  font-weight: 500;
}
.block-link .btn.underline:hover {
  border-color: #000;
}
.block-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 3s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  padding: 30px;
}
@media screen and (min-width: 600px) {
  .block-overlay {
    transition: 0.5s;
  }
}
.block-overlay.light:hover {
  background: rgba(0, 0, 0, 0.2);
}
.block-overlay.dark:hover {
  background: rgba(255, 255, 255, 0.2);
}
.block-overlay h1,
.block-overlay h2,
.block-overlay h3,
.block-overlay h4 {
  color: #fff;
  font-weight: 600;
  text-shadow: 0px 5px 22px rgba(0, 0, 0, 0.2);
}
.block-overlay h1,
.block-overlay h2,
.block-overlay h3 {
  font-size: 3.4em;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .block-overlay h1,
  .block-overlay h2,
  .block-overlay h3 {
    font-size: 9vw;
  }
}
.block-overlay h4 {
  line-height: 1.3;
  margin: 0 auto 45px;
}
@media screen and (max-width: 600px) {
  .block-overlay h4 {
    margin-bottom: 20px;
  }
}
.block-overlay h4.no-margin {
  margin-bottom: 0px;
}
.block-overlay .btn {
  border-color: #fff;
  background: #fff;
  color: #000;
  font-weight: 600;
  text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 600px) {
  .block-overlay .btn {
    font-size: 0.9em;
    letter-spacing: 0.1em;
    padding: 15px 10px;
  }
}
.block-overlay .btn:hover {
  color: #fff;
}
.block-overlay .btn.outline {
  color: #fff;
}
.block-overlay .btn.outline:hover {
  color: #000;
  background: #fff;
}
.block-overlay .btn.underline {
  color: #fff;
  font-weight: 600;
}
.block-overlay .btn.underline:hover {
  border-color: #fff;
}
.align-bottom .block-overlay {
  align-items: flex-end;
}
.align-top .block-overlay {
  align-items: flex-start;
}
@media screen and (min-width: 600px) {
  .section__one-third .block-link {
    flex: 1 1 30%;
  }
}
.section__one-third .block-link .block-overlay .block-content h2 {
  font-size: 2.5em;
}
.section__one-third .block-link .block-overlay .block-content h4 {
  font-size: 1.2em;
}
@media screen and (max-width: 600px) {
  .section__one-quarter {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.section__one-quarter .block-link {
  flex: 1 1 24%;
}
@media screen and (max-width: 600px) {
  .section__one-quarter .block-link {
    flex: 1 1 45%;
  }
}
.section__one-third .block-overlay h1,
.section__one-third .block-overlay h2,
.section__one-third .block-overlay h3,
.section__one-third .block-overlay h4,
.section__one-quarter .block-overlay h1,
.section__one-quarter .block-overlay h2,
.section__one-quarter .block-overlay h3,
.section__one-quarter .block-overlay h4 {
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .section__one-third .block-overlay .block-content .btn:not(.underline),
  .section__one-quarter .block-overlay .block-content .btn:not(.underline) {
    transform: scale(0.7);
  }
}
.section__featured-products {
  display: block;
}
@media screen and (min-width: 1200px) {
  .section__featured-products {
    padding: 0 40px 40px;
  }
}
.section__featured-products .flex-layout {
  width: calc(100% + 20px);
  margin-left: -10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 600px) {
  .section__featured-products .flex-layout {
    margin-left: -20px;
    flex-direction: column;
    max-height: 70vw;
    width: 100%;
  }
}
.section__featured-products .block-link {
  display: block;
  height: 60vw;
  width: calc(50% - 20px);
  overflow: hidden;
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (min-width: 600px) {
  .section__featured-products .block-link {
    height: 29vw;
    width: calc(25% - 30px);
    margin-left: 20px;
    margin-right: 20px;
  }
}
.section__featured-products .block-link h3 {
  line-height: 1;
  margin-bottom: 15px;
  text-align: center;
  font-size: 1.6vw;
}
@media screen and (max-width: 600px) {
  .section__featured-products .block-link h3 {
    font-size: 5vw;
    margin: 0 0 5px;
  }
}
.section__featured-products .block-link h4 {
  line-height: 1;
  margin-bottom: 15px;
  font-size: 1.1em;
}
@media screen and (max-width: 1200px) {
  .section__featured-products .block-link h4 {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 600px) {
  .section__featured-products .block-link h4 {
    display: block;
    margin: 0;
  }
}
@media screen and (max-width: 1200px) {
  .section__featured-products .block-link .block-product-price {
    margin-bottom: 0;
  }
}
.section__featured-products .left-feature .block-link:nth-of-type(1) {
  width: calc(100% - 20px);
  height: 120vw;
}
@media screen and (min-width: 600px) {
  .section__featured-products .left-feature .block-link:nth-of-type(1) {
    width: calc(50% - 20px);
    height: calc(58vw + 40px);
  }
}
.section__featured-products .left-feature .block-link:nth-of-type(1) h3 {
  font-size: 3.4em;
}
@media screen and (max-width: 600px) {
  .section__featured-products .left-feature .block-link:nth-of-type(1) h3 {
    font-size: 9vw;
  }
}
.section__featured-products .left-feature .block-link:nth-of-type(1) h4 {
  font-size: 1.6em;
}
@media screen and (max-width: 600px) {
  .section__featured-products .left-feature .block-link:nth-of-type(1) h4 {
    display: block;
    font-size: 1em;
    margin: 0 0 5px;
  }
}
.section__featured-products .right-feature .block-link:nth-of-type(5) {
  width: calc(100% - 20px);
  height: 120vw;
}
@media screen and (min-width: 600px) {
  .section__featured-products .right-feature .block-link:nth-of-type(5) {
    width: calc(50% - 20px);
    height: calc(58vw + 40px);
  }
}
.section__featured-products .right-feature .block-link:nth-of-type(5) h3 {
  font-size: 3.4em;
}
@media screen and (max-width: 600px) {
  .section__featured-products .right-feature .block-link:nth-of-type(5) h3 {
    font-size: 9vw;
  }
}
.section__featured-products .right-feature .block-link:nth-of-type(5) h4 {
  font-size: 1.6em;
}
@media screen and (max-width: 600px) {
  .section__featured-products .right-feature .block-link:nth-of-type(5) h4 {
    display: block;
    font-size: 1em;
    margin: 0 0 5px;
  }
}
.section-video {
  position: relative;
  max-width: 100%;
  margin: 0 auto 90px;
  padding: 0px;
}
@media screen and (max-width: 600px) {
  .section-video {
    margin-bottom: 60px;
  }
}
.section-video video {
  width: 100%;
  height: auto;
  transition: 0.3s;
  -webkit-backface-visibility: hidden;
  display: block;
  object-fit: cover;
}
.section-video button {
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
}
.section-video .video-controls {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.section-video .play {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-image: var(--icon-play);
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: center center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 999999;
  width: 100%;
  transition: 0.3s;
}
.section-video .play:hover {
  background-color: rgba(0, 0, 0, 0);
}
.section-video .play:focus {
  outline: none;
}
.section-video .pause {
  background-image: var(--icon-pause);
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: center center;
  z-index: 999999;
  transition: 0.3s;
}
.section-video .pause:focus {
  outline: none;
}
.section-video .sound {
  background-image: var(--icon-sound-mute);
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center center;
  z-index: 999999;
  transition: 0.3s;
}
.section-video .sound:focus {
  outline: none;
}
.section-video .mute {
  display: none;
  background-image: var(--icon-sound);
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center center;
  z-index: 999999;
  transition: 0.3s;
}
.section-video .mute:focus {
  outline: none;
}
.section-block {
  position: relative;
}
.section-block-image-basic {
  margin: 0 0 30px;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .section-block-image-basic {
    margin: 0 0 90px;
  }
}
.section-block-image-basic img {
  display: inline-block;
  width: 100%;
}
.section-block-image-variable {
  text-align: center;
}
.section-block-image-variable img {
  display: inline-block;
  max-width: 90%;
}
.section-img-text-split {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
}
@media screen and (max-width: 600px) {
  .section-img-text-split {
    flex-direction: column;
  }
}
@media screen and (min-width: 1200px) {
  .section-img-text-split {
    margin-bottom: 90px;
  }
}
.section-img-text-split img,
.section-img-text-split .img {
  display: block;
  flex: 1 1 100%;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .section-img-text-split img,
  .section-img-text-split .img {
    flex: 1 1 60%;
    width: 60%;
  }
}
.section-img-text-split .text {
  padding: 30px 7%;
  line-height: 1.8em;
  width: 100%;
  flex: 1 1 100%;
}
@media screen and (min-width: 600px) {
  .section-img-text-split .text {
    flex: 1 1 40%;
    width: 40%;
  }
}
@media only screen and (min-width: 900px) {
  .section-img-text-split.half img {
    width: 50%;
  }
}
@media only screen and (min-width: 900px) {
  .section-img-text-split.half .text {
    width: 50%;
  }
}
.section-img-text-split h1,
.section-img-text-split h2,
.section-img-text-split h3 {
  font-size: 7vw;
  line-height: 1;
}
@media screen and (min-width: 1200px) {
  .section-img-text-split h1,
  .section-img-text-split h2,
  .section-img-text-split h3 {
    font-size: 2.5em;
  }
}
.section-img-text-split .btn {
  padding: 15px 30px;
  margin-top: 10px;
}
@media screen and (min-width: 600px) {
  .section-img-text-split.right-img {
    flex-direction: row-reverse;
  }
}
.fabric-info {
  color: #fff;
  text-align: center;
  background-color: #000;
  background-size: cover;
  margin: 15px;
  width: calc(100% - 30px);
}
@media only screen and (min-width: 900px) {
  .fabric-info {
    background-size: 50% 100%;
    margin: 30px;
    width: calc(100% - 60px);
  }
}
.fabric-info h3 {
  color: #fff;
  font-size: 9vw;
  margin: 0 0 30px;
}
@media only screen and (min-width: 900px) {
  .fabric-info h3 {
    font-size: 4.5vw;
  }
}
.fabric-info h5 {
  color: #fff;
  margin: 45px 0;
  font-size: 0.9em;
}
.fabric-info p {
  color: #fff;
  text-transform: capitalize;
}
@media only screen and (max-width: 900px) {
  .fabric-info .text {
    padding: 60px 15px;
  }
}
.fabric-info .intro {
  font-size: 1.3em;
}
.fabric-info ul {
  margin: 0px;
}
.fabric-info li {
  display: inline-block;
  margin: 0 15px;
}
.fabric-info .large {
  font-size: 1.6em;
  margin: 0px;
  font-weight: bold;
  line-height: 1;
}
@media only screen and (max-width: 900px) {
  .fabric-info .benefits {
    font-size: 0.9em;
  }
}
.fabric-info .benefits img {
  margin: 0 auto 20px;
  height: 30px;
  width: auto;
}
@media screen and (min-width: 600px) {
  .section_block-fabric-features {
    display: flex;
  }
}
.section_block-fabric-features .section-half {
  position: relative;
  flex-grow: 1;
}
@media screen and (min-width: 600px) {
  .section_block-fabric-features .section-half .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.section_block-fabric-features.fabric-info .benefits img {
  height: 60px;
}
.section-block-text {
  text-align: center;
  margin-bottom: 90px;
}
@media screen and (max-width: 600px) {
  .section-block-text {
    margin-top: 30px;
  }
}
.section-block-text.with-heading p {
  margin-top: 0px;
}
.section-block-text.margin-top {
  margin-top: 60px;
}
@media screen and (max-width: 600px) {
  .section-block-text.margin-top {
    margin-top: 30px;
  }
}
.section-block-text h1,
.section-block-text h2 {
  font-size: 2.5em;
  display: inline-block;
  max-width: 90%;
}
@media screen and (max-width: 600px) {
  .section-block-text h1,
  .section-block-text h2 {
    margin-top: 10px;
  }
}
.section-block-text h3 {
  font-size: 2em;
  line-height: 1.7;
  width: 650px;
  max-width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .section-block-text h3 {
    font-size: 1.5em;
  }
}
.section-block-text p {
  width: 700px;
  max-width: 90%;
  margin: 0 auto 20px;
}
@media screen and (min-width: 600px) {
  .section-block-text p {
    font-size: 1.2em;
  }
}
.sustainability-page .section-block-text p b,
.landing-page.collection .section-block-text p b {
  font-weight: normal;
}
.section-block-text a.sans,
.section-block-text a.underline {
  font-size: 0.8em;
}
.section-quote {
  text-align: center;
  padding-bottom: 60px;
}
@media screen and (max-width: 600px) {
  .section-quote {
    font-size: 0.9em;
    padding: 15px 0 45px;
  }
}
.section-quote hr {
  margin: 30px auto;
  width: 40px;
  border: none;
  background: #000;
  height: 2px;
}
.section-quote p {
  font-size: 1.2em;
  line-height: 2.1;
  width: 700px;
  max-width: 90%;
  margin: 15px auto;
}
@media screen and (max-width: 1200px) {
  .section-three-columns {
    padding: 0px;
  }
}
.section-three-columns img {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .section-three-columns img {
    margin-bottom: 30px;
  }
}
.section-three-columns img.icon {
  width: 40px;
}
.section-three-columns h3 {
  font-size: 2em;
}
.section-three-columns p {
  width: 90%;
  margin: 0 auto 10px;
}
.section-three-columns p a {
  border-bottom: 1px solid;
}
.section-three-columns .grid__item {
  margin-bottom: 60px;
}
@media screen and (min-width: 1200px) {
  .section-three-columns.hidden-desktop {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .section-three-columns.hidden-mobile {
    display: none;
  }
}
.section_multiple-images {
  padding: 0 40px;
}
@media screen and (max-width: 600px) {
  .section_multiple-images {
    padding: 0 13.3333333333px;
  }
}
.section_multiple-images h3 {
  margin: 30px 0 0;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.section_multiple-images .grid__item {
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  .section_multiple-images .grid__item {
    margin-bottom: 13.3333333333px;
  }
}
.section_multiple-images.padding-false {
  padding: 0;
  margin: 0;
}
.section_multiple-images.padding-false .grid__item {
  padding: 0;
  margin: 0;
}
.section_multiple-images.padding-false h3 {
  margin: 0 0 30px;
}
.section-collection {
  padding: 30px 15px 0;
}
@media screen and (max-width: 1200px) {
  .section-collection.slider {
    padding: 30px 0;
  }
}
@media screen and (min-width: 600px) {
  .section-collection.slider.featured-img {
    display: flex;
    padding: 30px 0;
    gap: 15px;
    align-items: center;
  }
}
@media screen and (min-width: 600px) {
  .section-collection.slider.featured-img .product-grid {
    margin-top: 60px;
    flex: 1 1 50%;
    width: 50%;
  }
}
.section-collection.slider.featured-img .owl-dots {
  right: 10px;
}
@media screen and (min-width: 600px) {
  .section-collection.slider.featured-img.img-right {
    flex-direction: row-reverse;
    gap: 0;
  }
}
.section-collection.slider.featured-img.img-right .owl-dots {
  left: 15px;
  right: initial;
}
@media screen and (min-width: 600px) {
  .section-collection.slider.featured-img.img-right .product-grid {
    padding: 0 15px;
  }
}
.section-collection.slider .product-grid {
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .section-collection.slider .owl-stage {
    padding-left: 15px !important;
  }
}
.section-collection.slider ul {
  display: inline-block;
  margin: 0 0 30px;
}
.section-collection.slider ul:hover button.active {
  border-color: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 1200px) {
  .section-collection.slider .text-left h3 {
    padding-left: 15px;
  }
}
@media screen and (max-width: 600px) {
  .section-collection.slider .text-left ul {
    margin-left: 15px;
  }
}
.section-collection.slider .text-left li {
  margin: 0 15px 0 0;
}
.section-collection.slider li {
  display: inline-block;
  padding: 0;
  margin: 0 7.5px;
  background: rgba(0, 0, 0, 0);
  color: #000;
}
.section-collection.slider li button {
  background: rgba(0, 0, 0, 0);
  color: #000;
  padding: 3px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.section-collection.slider li button.active,
.section-collection.slider li button.active:hover,
.section-collection.slider li button:hover {
  border-color: #000;
}
.section-collection h3 {
  font-size: 2em;
  margin: 0 0 25px;
  line-height: 1;
}
@media screen and (max-width: 1200px) {
  .section-collection h3 {
    font-size: 6vw;
  }
}
.section-collection .relative {
  position: relative;
}
.section-collection .slider-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
}
.section-collection .slider-wrap:first-of-type {
  position: relative;
  visibility: visible;
}
.section-collection .owl-dots {
  position: absolute;
  top: -45px;
  right: 0px;
}
.section-collection .owl-dot span {
  border: 1px solid #000;
}
.section-collection .owl-dot.active span,
.section-collection .owl-dot:hover span {
  background: #000;
}
.section-collection .collection-slider-feature {
  position: relative;
  flex: 1 1 50%;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .section-collection .collection-slider-feature {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }
}
.section-collection .collection-slider-feature .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.section-collection .collection-slider-feature h3,
.section-collection .collection-slider-feature h4 {
  color: #fff;
  padding: 0px;
}
.section-collection .view-all {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid;
  color: #000;
}
@media screen and (min-width: 600px) {
  .section-collection .view-all:hover span {
    border-color: #000;
  }
}
.section-collection .view-all span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.section-content-slider .owl-dot span {
  border: 1px solid #000;
}
.section-content-slider .owl-dot.active span,
.section-content-slider .owl-dot:hover span {
  background: #000;
}
.section-horizontal-scroller {
  height: 275vw;
  background: #eaeaea;
  margin-bottom: 90px;
}
@media screen and (max-width: 1200px) {
  .section-horizontal-scroller {
    height: 650vw;
  }
}
.section-horizontal-scroller .scroll-wrap {
  position: sticky;
  top: 45px;
  height: 85vh;
  width: 100vw;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .section-horizontal-scroller .scroll-wrap {
    top: 0px;
    height: 100vh;
  }
}
.section-horizontal-scroller .slider {
  display: flex;
}
.section-horizontal-scroller .scroll-block {
  position: relative;
  width: 50vw;
  height: 85vh;
  display: inline-block;
  padding: 0 30px;
}
@media screen and (max-width: 1200px) {
  .section-horizontal-scroller .scroll-block {
    width: 100vw;
    height: 100vh;
    padding: 44px 0 0;
  }
}
.section-horizontal-scroller h3 {
  font-size: 10vw;
}
@media screen and (min-width: 600px) {
  .section-horizontal-scroller h3 {
    font-size: 4vw;
  }
}
@media screen and (max-width: 600px) {
  .section-horizontal-scroller p {
    font-size: 0.8em;
  }
}
.section-horizontal-scroller p b,
.section-horizontal-scroller p strong {
  font-size: 1.5em;
  line-height: 1.5;
}
.section-horizontal-scroller .block-1 .content {
  position: absolute;
  left: 30px;
  right: 30px;
}
@media screen and (min-width: 600px) {
  .section-horizontal-scroller .block-1 .content {
    bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .section-horizontal-scroller .block-1 .content {
    top: 50%;
    transform: translate(0, -50%);
  }
}
.section-horizontal-scroller .block-1 p {
  width: 400px;
  max-width: 90%;
}
.section-horizontal-scroller .block-2 .content {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
}
.section-horizontal-scroller .block-2 p {
  width: 80%;
  margin-left: 20%;
}
.section-horizontal-scroller .block-2 img {
  margin-top: 60px;
}
.section-horizontal-scroller .block-3 .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 30px;
}
.section-horizontal-scroller .block-3 p {
  width: 80%;
  margin-left: 20%;
}
@media screen and (max-width: 600px) {
  .section-horizontal-scroller .block-3 p {
    width: 90%;
    margin-left: 10%;
  }
}
.section-horizontal-scroller .block-3 img {
  width: 70%;
  margin-left: 30%;
  margin-bottom: 30px;
}
.section-horizontal-scroller .block-4 .content {
  position: absolute;
  bottom: 30px;
  left: 90px;
  right: 30px;
}
@media screen and (min-width: 600px) {
  .section-horizontal-scroller .block-4 p {
    width: 90%;
  }
}
.section-horizontal-scroller .block-4 img {
  width: 80%;
  margin-left: 20%;
  margin-bottom: 30px;
}
.section-horizontal-scroller .block-5 .content {
  position: absolute;
  bottom: -5vh;
  left: 30px;
  right: 30px;
}
@media screen and (min-width: 600px) {
  .section-horizontal-scroller .block-5 .content {
    left: 90px;
  }
}
@media screen and (min-width: 600px) {
  .section-horizontal-scroller .block-5 p {
    width: 80%;
    margin-left: 20%;
  }
}
.section-horizontal-scroller .block-5 img {
  width: 80%;
  margin-left: 20%;
  margin-top: 30px;
}
.section-horizontal-scroller .block-6 .content {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 30px;
}
.section-horizontal-scroller .block-6 p {
  width: 80%;
  margin-left: 20%;
}
.section-horizontal-scroller .block-6 img {
  width: 70%;
  margin-left: 30%;
  margin-bottom: 30px;
}
.section-block-vertical-parralax {
  position: relative;
  margin-bottom: 30px;
}
@media screen and (min-width: 1200px) {
  .section-block-vertical-parralax {
    height: 200vh;
    margin-bottom: 90px;
  }
}
@media screen and (min-width: 1200px) {
  .section-block-vertical-parralax .column {
    display: inline-block;
    width: 45%;
    height: 200vh;
    vertical-align: top;
  }
}
.section-block-vertical-parralax .images img {
  margin: 0 0 30px;
}
@media screen and (min-width: 1200px) {
  .section-block-vertical-parralax .images img {
    height: 100vh;
    width: auto;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .section-block-vertical-parralax .images img:first-of-type {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
}
@media screen and (min-width: 1200px) {
  .section-block-vertical-parralax .images img:last-of-type {
    position: relative;
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (min-width: 1200px) {
  .section-block-vertical-parralax .content {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    right: 0px;
    width: 50vw;
    height: 100vh;
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
  }
}
@media screen and (max-width: 1200px) {
  .section-block-vertical-parralax .content {
    text-align: center;
  }
}
@media screen and (max-width: 1200px) {
  .section-block-vertical-parralax .text-wrap {
    padding: 0 10% 60px;
  }
}
@media screen and (min-width: 1200px) {
  .section-block-vertical-parralax .text-wrap {
    width: 30vw;
    margin: 0 auto;
  }
}
.section-block-vertical-parralax .text-wrap a {
  font-size: 0.8em;
  border-bottom: 1px solid;
  margin-top: 15px;
  display: inline-block;
}
.section-block-vertical-parralax .intro {
  font-size: 1.2em;
  line-height: 1.9;
}
.section-block-vertical-parralax .intro img {
  width: 50%;
  margin-bottom: 45px;
}
.section-block-space {
  display: inline-block;
  width: 100%;
  height: 30px;
}
.section-block-space.height-60 {
  height: 60px;
}
.section-block-space.height-90 {
  height: 90px;
}
.section_split-gallery {
  display: flex;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .section_split-gallery {
    flex-direction: column;
  }
}
@media screen and (min-width: 1200px) {
  .section_split-gallery.feature-right {
    flex-direction: row-reverse;
  }
}
.section_split-gallery .feature-img {
  position: relative;
  flex: 1 1 100%;
}
@media screen and (min-width: 1200px) {
  .section_split-gallery .feature-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 50%;
  }
}
.section_split-gallery .gallery {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 100%;
  padding: 10px;
}
@media screen and (min-width: 600px) {
  .section_split-gallery .gallery {
    flex: 1 1 50%;
    padding: 30px;
  }
}
.section_split-gallery .gallery.images-2 .gallery-img {
  flex: 1 1 100%;
}
.section_split-gallery .gallery-img {
  position: relative;
  flex: 1 1 50%;
  padding: 5px;
}
@media screen and (min-width: 1200px) {
  .section_split-gallery .gallery-img {
    padding: 10px;
  }
}
.section_split-gallery .gallery-img img {
  object-fit: cover;
  height: 100%;
}
.section_text {
  display: inline-block;
  width: 100%;
  padding: 15px;
}
@media screen and (min-width: 600px) {
  .section_text {
    padding: 30px;
  }
}
@media screen and (min-width: 600px) {
  .section_text .container {
    width: 80%;
    margin: 0 auto;
  }
}
.section_text .container:after {
  content: "";
  display: none;
}
.section_text.align-left .container {
  float: left;
}
.section_text.align-right .container {
  float: right;
}
.section_text.align-center {
  text-align: center;
}
.section_text.border-top .container {
  float: none;
  display: flex;
  gap: 30px;
}
.section_text.border-top .container h2 {
  margin: 0;
}
@media screen and (max-width: 600px) {
  .section_text.border-top .container {
    flex-direction: column;
    gap: 15px;
  }
}
.section_text.border-top .container .description {
  border-top: 2px solid;
  padding-top: 15px;
}
@media screen and (min-width: 600px) {
  .section_text.border-top .container .description {
    margin-top: 13px;
    padding-top: 45px;
  }
}
.section_text a.sans,
.section_text a.underline {
  font-size: 0.8em;
}
.section_text h1,
.section_text h2,
.section_text h3 {
  font-size: 7vw;
  line-height: 1;
}
@media screen and (min-width: 600px) {
  .section_text h1,
  .section_text h2,
  .section_text h3 {
    font-size: 2.5em;
    white-space: nowrap;
  }
}
@media screen and (min-width: 600px) {
  .section_text .double .rte {
    column-count: 2;
    column-gap: 30px;
  }
}
@media screen and (max-width: 600px) {
  .section_text .bottom-heading {
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .section_collage-gallery {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 600px) {
  .section_collage-gallery {
    column-count: 2;
    gap: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .section_collage-gallery.not-fullwidth {
    padding-left: 10%;
    padding-right: 10%;
  }
}
.section_collage-gallery .block-link {
  display: block;
  margin-bottom: 10px;
}
.section_collage-gallery .block-link:nth-child(3) {
  order: 4;
}
.section_collage-gallery img {
  height: auto;
}
.section_fit_guide {
  display: flex;
}
@media screen and (max-width: 600px) {
  .section_fit_guide {
    flex-wrap: wrap;
  }
}
.section_fit_guide .content {
  flex: 1 1 20%;
  padding: 60px 60px 30px;
}
@media screen and (max-width: 600px) {
  .section_fit_guide .content {
    flex: 1 1 100%;
    padding: 30px;
  }
}
.section_fit_guide .content p:last-of-type {
  margin: 0;
}
.section_fit_guide .size-content {
  flex: 1 1 20%;
  padding: 0 60px;
  font-size: 0.8em;
}
@media screen and (max-width: 600px) {
  .section_fit_guide .size-content {
    flex: 1 1 100%;
    font-size: 0.65em;
    padding: 15px;
  }
}
.section_fit_guide .wrap {
  display: flex;
}
.section_fit_guide .img {
  flex: 1 1 20%;
}
@media screen and (max-width: 600px) {
  .section_fit_guide .img {
    flex: 1 1 40%;
  }
}
.section_fit_guide .title {
  margin-bottom: 15px;
}
.section_fit_guide h4 {
  margin-bottom: 37.5px;
  font-weight: normal;
}
.fit-table {
  text-align: left;
}
.fit-table table {
  width: 100%;
  border: 1px solid #dbdbdb;
}
.fit-table table tr:nth-of-type(even) {
  background: #f9f9f9;
}
.fit-table table tr th {
  padding: 5px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 600;
  white-space: normal;
}
.fit-table table tr td {
  padding: 15px 10px;
  border-right: 1px solid #f3f3f3;
}
.fit-table table tr td:last-of-type {
  border: none;
}
@media screen and (max-width: 600px) {
  .fit-table table tr td {
    padding: 7px 5px;
    vertical-align: top;
  }
}
.fit-table table tr td p {
  margin: 0px;
}
@media screen and (max-width: 600px) {
  .fit-table table tr td p {
    line-height: 1.5;
  }
}
#description-tab table {
  display: none;
}
#description-tab .fabrics-table table {
  display: table;
}
.fabrics-table table {
  width: 100%;
  font-size: 11px;
  text-align: center;
  table-layout: fixed;
}
.fabrics-table table p {
  padding: 5px 0 15px;
  line-height: 1.2;
}
.fabrics-table table p strong {
  font-size: 1.2em;
}
.fabrics-table img {
  width: 50px;
  height: 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.section-countdown {
  text-align: center;
  font-size: 3em;
}
.section-countdown p {
  display: inline-block;
  margin: 0 30px;
  line-height: 1.2;
}
@media screen and (max-width: 600px) {
  .section-countdown p {
    margin: 0 15px;
  }
}
.section-countdown span {
  display: block;
  font-size: 14rem;
}
#broccoli-countdown {
  margin-bottom: 30px;
  font-size: 4vw;
}
@media screen and (max-width: 600px) {
  #broccoli-countdown {
    font-size: 10vw;
  }
}
.section--content-grid {
  display: flex;
  flex-wrap: wrap;
}
.section--content-grid .block {
  flex: 1 1 24%;
  border-right: 1px solid;
  border-bottom: 1px solid;
}
@media screen and (max-width: 600px) {
  .section--content-grid .block {
    flex: 1 1 49%;
  }
  .section--content-grid .block:nth-child(2n) {
    border-right: none;
  }
}
.section--content-grid .block:hover h2,
.section--content-grid .block:hover h3 {
  text-decoration: underline;
}
@media screen and (min-width: 600px) {
  .section--content-grid.count-8 .block:nth-of-type(4),
  .section--content-grid.count-8 .block:nth-of-type(8) {
    border-right: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 1200px) {
  .section--content-grid.count-12 .block:nth-of-type(4),
  .section--content-grid.count-12 .block:nth-of-type(8),
  .section--content-grid.count-12 .block:nth-of-type(12) {
    border-right: none;
  }
}
@media screen and (min-width: 1200px) {
  .section--content-grid.count-12 .block {
    flex: 1 1 15%;
  }
  .section--content-grid.count-12 .block:nth-of-type(6),
  .section--content-grid.count-12 .block:nth-of-type(12) {
    border-right: none;
  }
}
.section--content-grid .content {
  padding: 30px 15px;
}
.section--content-grid h2 {
  font-size: 1em;
  margin: 0;
}
.section--content-grid h3 {
  position: relative;
  font-size: 0.8em;
  text-transform: uppercase;
  margin: 0 0 5px 10px;
}
.section--content-grid h3:before {
  content: " ";
  display: block;
  position: absolute;
  top: 6px;
  left: -10px;
  width: 5px;
  height: 5px;
  background: #000;
}
.section--carousel h2 {
  margin-bottom: 10px;
  width: 700px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.section--carousel p {
  width: 700px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.section--carousel p:last-of-type {
  margin-bottom: 0px;
}
.section--carousel .owl-item img {
  display: inline-block;
  margin: 0 0 30px;
}
.section--carousel .owl-item .background-image {
  position: absolute;
  height: 100%;
  width: auto;
  min-width: 100%;
  margin: 0;
  z-index: 1;
  left: 0;
  object-fit: cover;
}
.section--carousel.bg-full .owl-item .background-image {
  position: relative;
  height: auto;
  width: 100%;
  min-width: 100%;
  z-index: 1;
}
.section--carousel.bg-full .carousel-overlay {
  padding: 60px 0 90px;
  width: 100%;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section--carousel .owl-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: inherit;
}
.section--carousel .owl-nav button.owl-next,
.section--carousel .owl-nav button.owl-prev {
  opacity: 1;
  width: 14px;
  height: 20px;
  margin-top: -10px;
}
.section--carousel .owl-nav button.owl-next {
  background-image: var(--icon-arrow-right-sm-dark);
  right: 60px;
}
.section--carousel .owl-nav button.owl-prev {
  background-image: var(--icon-arrow-left-sm-dark);
  left: 60px;
}
.section--carousel .owl-dot span {
  border-color: #000;
  margin-left: 4px;
  margin-right: 4px;
}
.section--carousel .owl-dot.active span,
.section--carousel .owl-dot:hover span {
  background: #000;
}
.carousel-overlay {
  padding: 60px 0 90px;
  width: 100%;
  z-index: 2;
  position: relative;
}
.carousel-content {
  margin: 60px 0;
}
.page--app-download {
  width: 1000px;
  max-width: 95vw;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .page--app-download {
    flex-direction: column-reverse;
  }
}
.page--app-download .app-download-links li {
  display: inline-block;
}
.page--app-download .app-download-links li img {
  width: 120px;
  margin: 0 5px;
}
@media screen and (min-width: 1200px) {
  .page--app-download .text {
    width: 60%;
  }
}
.page--app-download .img {
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .page--app-download .img {
    width: 40%;
    flex: 1 1 40%;
  }
}
.page--app-download .img img {
  width: 70%;
  margin: 0 auto 30px;
}
@media screen and (min-width: 1200px) {
  .page--app-download .img img {
    width: 60%;
  }
}
.page--app-download .img h5 {
  font-size: 1em;
}
.highlights-nav {
  display: flex;
}
.highlights-nav button {
  flex: 1;
  background: #e6e6e6;
  color: #000;
}
.highlights-nav button:hover,
.highlights-nav button:active,
.highlights-nav button:focus {
  background: #eee;
}
.highlights-nav button.active {
  background: #f9f9f9;
}
.highlights-list {
  display: none;
  background: #f9f9f9;
  margin: 0;
  padding: 15px 10px;
  overflow: scroll;
  white-space: nowrap;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.highlights-list::-webkit-scrollbar {
  display: none !important;
}
.highlights-list.active {
  display: block;
}
.highlights-list li {
  display: inline-block;
  text-align: center;
  width: 60px;
  margin: 0 5px;
  white-space: initial;
  vertical-align: top;
}
.highlights-list .img {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
  border: 2px solid #000;
  padding: 2px;
  margin-bottom: 5px;
}
.highlights-list .img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.highlights-list h5 {
  font-size: 0.7em;
  font-weight: 500;
  margin: 0;
  line-height: 1;
}
.section--newsletter {
  text-align: center;
  padding: 7%;
  background-size: cover;
  background-position: center;
}
.section--newsletter .signup_btn {
  width: 150px;
  display: inline-block;
  cursor: pointer;
  transition: 0.3s;
}
@media screen and (min-width: 600px) {
  .section--newsletter .signup_btn {
    width: 250px;
  }
}
.section--newsletter .signup_btn:hover {
  transform: translate(0, -5px);
}
.section--newsletter .form-wrap {
  display: none;
  width: 400px;
  max-width: 100%;
  margin: 30px auto;
}
.section--newsletter .form-outer {
  min-height: 60px;
  margin: 30px 0 0;
}
.section--newsletter button:hover,
.section--newsletter button:focus {
  background: rgba(0, 0, 0, 0);
}
.signup-text {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .signup-text {
    padding: 0 25%;
  }
}
.signup-text p {
  line-height: 1.3;
  font-size: 4.3vw;
}
@media screen and (min-width: 600px) {
  .signup-text p {
    font-size: 1.8vw;
  }
}
.signup-text .countdown-text p {
  font-weight: normal;
  font-size: 0.9em;
  letter-spacing: 0.1em;
  opacity: 0.8;
}
.countdown-newsletter {
  display: inline-flex;
  font-weight: bold;
  font-size: 10vw;
  gap: 6px;
  margin-bottom: 30px;
  opacity: 0;
  transition: 0.3s;
}
@media screen and (min-width: 600px) {
  .countdown-newsletter {
    font-size: 6vw;
    gap: 12px;
  }
}
.countdown-newsletter div {
  display: flex;
  flex-direction: column;
  font-size: 12vw;
}
@media screen and (min-width: 600px) {
  .countdown-newsletter div {
    font-size: 6vw;
    margin-top: 10px;
  }
}
.countdown-newsletter div label {
  font-size: 12px;
}
.signup-feature {
  display: inline-block;
  width: 80%;
  margin-bottom: 30px;
}
@media screen and (min-width: 600px) {
  .signup-feature {
    width: 50%;
  }
}
.section--faqs {
  padding: 30px 15px;
}
@media screen and (min-width: 600px) {
  .section--faqs {
    padding: 30px;
  }
}
.section--faqs h3 {
  font-size: 2em;
  text-align: center;
}
.section--faqs .faqs-wrap {
  width: 650px;
  margin: 0 auto;
  max-width: 100%;
}
.section--faqs .faqs-wrap {
  margin-bottom: 50px;
}
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  z-index: 1;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel:hover .owl-next,
.owl-carousel:hover .owl-prev {
  opacity: 0.8;
}
.owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.owl-wrapper,
.owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}
.owl-item img {
  display: block;
  width: 100%;
}
.owl-nav.disabled,
.owl-dots.disabled {
  display: none;
}
.owl-nav .owl-prev,
.owl-nav .owl-next,
.owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-nav button.owl-prev,
.owl-nav button.owl-next,
button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.no-js .owl-carousel {
  display: block;
}
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: var(--color-primary);
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.owl-nav {
  margin-top: 10px;
  text-align: center;
}
.owl-nav button.owl-next,
.owl-nav button.owl-prev {
  font-size: 0px;
  width: 53px;
  height: 121px;
  margin-top: -60px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  opacity: 0;
  transition: opacity 200ms ease;
}
.owl-nav button.owl-next.active,
.owl-nav button.owl-next.focus,
.owl-nav button.owl-prev.active,
.owl-nav button.owl-prev.focus {
  box-shadow: none !important;
  outline: none !important;
}
.owl-nav button.owl-next:hover,
.owl-nav button.owl-prev:hover {
  opacity: 1;
}
.owl-nav button.owl-next {
  right: 20px;
  background-image: var(--icon-arrow-right);
}
.owl-nav button.owl-prev {
  left: 20px;
  background-image: var(--icon-arrow-left);
}
.owl-dots {
  text-align: center;
}
.owl-dot {
  display: inline-block;
}
.owl-dot.active,
.owl-dot.focus {
  box-shadow: none;
  outline: none;
}
.owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  display: block;
  transition: opacity 200ms ease;
  border-radius: 50%;
}
.owl-dot.active span,
.owl-dot:hover span {
  background: #fff;
}

/** Custom CSS here to override the theme.css
******************/
/** Global 
******************/
em {
    font-style: italic;
}

.hidden {
    display: none;
}

.af-section__row::-webkit-scrollbar {
    display: none;
}

.af-section__row {
    gap: 0;
    margin-left: -14px;
    width: calc(100% + 14px);
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.af-section__one-whole.af-section__row {
    margin-left: 0;
    width: 100%;
}

.af-section__one-whole.af-section__row .af-card_item {
    width: 100%;
}

.af-section__one-half .af-card_item {
    margin-left: 14px;
    flex: 0 0 calc(50% - 14px);
    width: calc(50% - 14px);
}

.af-section__one-third .af-card_item {
    margin-left: 14px;
    flex: 0 0 calc(33.3333% - 14px);
    width: calc(33.3333% - 14px);
}

.af-section__one-quarter .af-card_item {
    margin-left: 14px;
    flex: 0 0 calc(25% - 14px);
    width: calc(25% - 14px);
}

.af-card_layout-flex {
    display: flex;
}

/** Product Item 
******************/
.product-item .info-container {
    display: block;
}

.product-item .info-wrap {
    position: relative;
    display: block;
    padding: 0;
}

.product-item .swatches a {
    min-width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
}

.product-item .swatches a:only-child {
    display: none;
}

.product-item .swatches {
    margin-top: 0;
    margin-bottom: 0;
}

.product-item .swatches.loaded {
    margin-top: 7px;
    margin-bottom: 7px;
}

.product-item .title {
    letter-spacing: normal;
    font-size: 13px;
}

.product-item .subtitle {
    text-transform: capitalize;
    letter-spacing: normal;
    font-size: 12px;
    color: inherit;
}

.product-item .price,
.product-item .del-price {
    font-size: 12px;
    letter-spacing: normal;
    font-weight: 600;
}

.product-item[data-handle="ecocart"]{
    display: none;
}


/* Card */
.af-card_layout {
    padding: 10px;
    background: #fff;
    border: 1px solid var(--color-borders);
}

.af-card_button {
    padding: 12px 30px 12px 10px;
    letter-spacing: normal;
    text-transform: uppercase;
    text-align: left;
    position: relative;
    line-height: normal;
    transition: all .3s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.af-card_button:hover {
    background-color: #343434 !important;
    color: #ffffff !important;
}

/*.af-card_button:after{
    content:'';
    position: absolute;
    background: url('data:image/svg+xml,<svg height="800" viewBox="0 0 256 256" width="800" xmlns="http://www.w3.org/2000/svg"><path d="m196 64v104a4 4 0 0 1 -8 0v-94.34375l-121.17188 121.17187a3.99957 3.99957 0 0 1 -5.65625-5.65625l121.17188-121.17187h-94.34375a4 4 0 0 1 0-8h104a4.0002 4.0002 0 0 1 4 4z"/></svg>');
    top: 50%;
    right: 8px;
    width: 25px;
    height: 25px;
    background-size: contain;
    transform: translate(0, -50%);
}*/
.af-card_button .af-button_icon {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.af-card_layout .af-card_title {
    /*font-size: 2em;*/
    margin-bottom: 5px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 2.9em;
}

.af-section {
    padding: 0 14px 14px;
}

.af-card_body {
    position: relative;
}

.af-card_body--video{
    overflow: hidden;
}

.af-card_body--video .af-card_body{
    overflow: hidden;
}

.af-card_body--video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.af-card_buttons {
    position: absolute;
    bottom: 14px;
    width: calc(100% - 28px);
    left: 14px;
    font-weight: 700;
}

.af-card_buttons .af-card_button {
    width: 100%;
    font-size: 1.4em;
}

.af-card_buttons.af-card_buttons-2 .af-card_button {
    width: calc(50% - 7px);
}

.af-card_buttons.af-card_buttons-2 .af-card_button:first-child {
    margin-right: 14px;
}

.af-section_collection-slider ul {
    margin: 15px 0 !important;
}

.af-section_collection-slider ul li {
    margin: 0 15px 0 0 !important;
}

.af-section_collection-slider ul li button {
    font-size: 16px;
    letter-spacing: normal;
}

.af-section_collection-slider .owl-dots {
    position: absolute;
    top: -55px;
    right: 0px;
}

.af-hero {
    background-color: #eee;
    margin-bottom: 14px;
}

.af-hero .section-image img {
    max-width: 100%;
    height: auto;
}
/** Single block
******************/
.af-hero .section-image .content {
    width: 50%;
}

.af-hero .section-image .block-heading {
    margin: 0 14px;
}

.af-hero .section-image h1 {
    text-transform: uppercase;
    font-size: 5.5vw;
    text-wrap: balance;
}

.af-hero .align-bottom .section-image .content.text-left {
    left: 0;
    bottom: 0;
    right: auto;
    transform: translate(0, 0);
}

.af-hero .align-bottom .section-image .content.text-right {
    left: auto;
    right: 0px;
    bottom: 0;
    transform: translate(0, 0);
}

.af-hero .af-card_buttons {
    width: calc(100% - 20px);
}


/** New grid
******************/

.af-grid {
    margin-left: -14px;
}

.af-grid .grid__item {
    padding-left: 14px;
}

/* Product Carousel*/
.product-carousel .owl-nav {
    margin: 0;
}

.product-image--carousel {
    padding-top: 140%;
    width: 100%;
    background-color: #f4f4f4;
}

.af-look .product-image--carousel {
    display: grid;
}

.af-look .plp-badge {
    position: absolute;
}

.product-carousel.owl-carousel.owl-loaded {
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
}

.product-image__item {
    position: relative;
    overflow: hidden;
}

.product-image__item:before {
    content: '';
    display: block;
    padding-top: 140%;
    width: 100%;
    background-color: #f4f4f4;
}

.product-image__item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Ensures the image covers the entire container without distortion */
    display: block;
}

.product-carousel .owl-nav button.owl-next,
.product-carousel .owl-nav button.owl-prev {
    width: 50px;
    height: 60px;
    scale: .5;
}

.product-carousel .owl-nav button.owl-next {
    right: 0px;
    background: url('data:image/svg+xml,<svg viewBox="0 0 33.2 55.52" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="%23000" stroke-linecap="square" stroke-linejoin="round" stroke-width="7.7"><path d="m5.44 50.08 22.32-22.32"/><path d="m5.44 5.44 22.32 22.32"/></g></svg>') no-repeat;
}

.product-carousel .owl-nav button.owl-prev {
    left: 0px;
    background: url('data:image/svg+xml,<svg viewBox="0 0 33.2 55.52" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="%23000" stroke-linecap="square" stroke-linejoin="round" stroke-width="7.7"><path d="m5.44 50.08 22.32-22.32"/><path d="m5.44 5.44 22.32 22.32"/></g></svg>') no-repeat;
    transform: rotate(180deg);
}

.product-carousel .owl-dot.active span,
.product-carousel .owl-dot:hover span {
    background: #000000;
    border: 1px solid #000;
}

.product-carousel .owl-dot span {
    width: 6px;
    height: 6px;
    margin: 4px 2px;
    background: #bebebe;
    border: 1px solid #bebebe;
    opacity: .5;
}

.product-carousel .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 7px;
    left: 5px;
}

/* Accordion */
.af-accordion_head {
    cursor: pointer;
    padding: 10px 20px 10px 0;
    width: 100%;
    border-top: 1px solid;
    text-align: left;
    outline: none;
    transition: 0.2s;
    background: #fff;
    color: #000;
    letter-spacing: normal;
    position: relative;
    font-size: 1em;
    text-wrap: pretty;
}

.af-accordion_head:hover {
    background-color: #f1f1f1;
    color: #000;
}

.af-accordion_head h3 {
    margin: 0;
    line-height: normal;
    display: inline-block;
    text-wrap: pretty;
}

.af-accordion_head:after {
    content: '';
    color: #000;
    font-weight: bold;
    margin-left: 5px;
    background: url('data:image/svg+xml,<svg viewBox="0 0 33.2 55.52" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="%23000" stroke-linecap="square" stroke-linejoin="round" stroke-width="7.7"><path d="m5.44 50.08 22.32-22.32"/><path d="m5.44 5.44 22.32 22.32"/></g></svg>');
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    transition: all .3s ease-in-out;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.af-accordion_head:focus {
    background: #fff;
}

.af-accordion_head.active:hover,
.af-accordion_head.active:focus {
    background: #fff;
    padding-left: 0;
}

.af-accordion_head.active:after {
    transform: rotate(90deg);
}

.af-accordion_panel {
    padding: 0;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.af-accordion_panel.active {
    padding-bottom: 15px;
}

.af-accordion_panel #delivery-table {
    height: auto;
}

.af-accordion_panel #delivery-table tr th {
    font-size: 1em;
    letter-spacing: normal;
}

.af-accordion_panel #delivery-table tr td {
    font-size: 1em;
}

.af-accordion_panel .accordion button {
    padding: 10px 30px 10px 15px;
    letter-spacing: normal;
    font-weight: 700;
}

.af-accordion_panel .accordion button:after {
    content: '';
    background: url('data:image/svg+xml,<svg viewBox="0 0 33.2 55.52" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="%23000" stroke-linecap="square" stroke-linejoin="round" stroke-width="7.7"><path d="m5.44 50.08 22.32-22.32"/><path d="m5.44 5.44 22.32 22.32"/></g></svg>');
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
}

.af-accordion_panel .accordion button.active:after {
    transform: rotate(90deg);
}

.af-accordion_head.button {
    margin: 0;
    font-weight: 600;
    font-size: 1.5em;
}

@media only screen and (max-width:600px) {

    .af-section {
        padding: 0 10px 10px;
    }

    .af-section__one-third .af-card_item,
    .af-section__one-quarter .af-card_item,
    .af-section__one-half .af-card_item {
        margin-left: 10px;
        flex: 0 0 calc(90% - 10px);
        width: calc(90% - 10px);
    }

    .af-section__one-third .af-card_item:last-child,
    .af-section__one-quarter .af-card_item:last-child,
    .af-section__one-half .af-card_item:last-child {
        margin-right: 10px;
    }

    .af-section__one-third,
    .af-section__one-quarter,
    .af-section__one-half {
        flex-direction: unset;
        flex-wrap: nowrap;
        overflow: auto;
        margin-right: -10px;
    }

    .af-section__layout-stack.af-section__one-third,
    .af-section__layout-stack.af-section__one-quarter,
    .af-section__layout-stack.af-section__one-half {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .af-section__layout-stack.af-section__one-third .af-card_item:last-child,
    .af-section__layout-stack.af-section__one-quarter .af-card_item:last-child,
    .af-section__layout-stack.af-section__one-half .af-card_item:last-child {
        margin-right: 0;
    }

    .af-section_column-blocks .af-section__one-half,
    .af-section_column-blocks .af-section__one-third,
    .af-section_column-blocks .af-section__one-quarter {
        margin-right: 0;
        width: calc(100% + 20px);
    }

    .af-section__row {
        gap: 0;
        margin-left: -10px;
        width: calc(100% + 10px);
    }

    .af-section__one-whole.af-section__row {
        margin-left: 0;
        width: 100%;
    }

    .af-section__one-whole.af-section__row .af-card_item {
        width: 100%;
    }

    .af-section_column-blocks .af-section__layout-stack.af-section__one-half,
    .af-section_column-blocks .af-section__layout-stack.af-section__one-third,
    .af-section_column-blocks .af-section__layout-stack.af-section__one-quarter {
        width: calc(100% + 10px);
    }

    .af-section__layout-stack.af-section__one-half .af-card_item,
    .af-section__layout-stack.af-section__one-quarter .af-card_item {
        margin-left: 10px;
        flex: 0 0 calc(50% - 10px);
        width: calc(50% - 10px);
    }

    .af-section__layout-stack.af-section__one-quarter .af-card_item {
        margin-bottom: 10px;
    }

    .af-section__layout-stack.af-section__one-third .af-card_item {
        margin-left: 10px;
        flex: 0 0 calc(33.3333% - 10px);
        width: calc(33.3333% - 10px);
    }


    .af-section .section-collection.slider {
        padding: 10px;
        margin-right: -10px;
    }

    .af-section .section-collection.slider .owl-stage {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .af-grid .grid__item {
        padding-left: 10px;
    }

    .af-grid {
        margin-left: -10px;
    }

    .af-hero {
        margin-bottom: 10px;
    }

    .af-hero .section-image .content {
        width: 100%;
    }

    .af-hero .section-image h1 {
        font-size: 40px;
    }

    .af-hero .section-image h1 br {
        display: none;
    }

    .product-item .swatches {
        position: relative;
        top: inherit;
        left: inherit;
    }

    .af-card_layout .af-card_title {
        font-size: 1.85em;
    }

    .af-hero .af-card_buttons {
        width: calc(100% - 14px);
    }

    .af-card_buttons {
        bottom: 7px;
        width: calc(100% - 14px);
        left: 7px;
    }

    .af-card_buttons .af-card_button {
        font-size: 1em;
    }

    .af-card_button .af-button_icon {
        width: 11px;
        height: 11px;
    }

   
}

@media only screen and (min-width: 601px) and (max-width: 1199px) {
    .section-image .btn {
        min-width: initial;
    }

    .af-card_layout .af-card_title {
        font-size: 1.8em;
    }

    .af-section {
        padding: 0 10px 10px;
    }

    .af-section__one-third,
    .af-section__one-quarter {
        flex-direction: unset;
        flex-wrap: nowrap;
        overflow: auto;
        margin-right: -10px;
    }

    .af-section__one-half .af-card_item {
        margin-left: 10px;
        flex: 0 0 calc(50% - 10px);
        width: calc(50% - 10px);
    }

    .af-section__one-third .af-card_item,
    .af-section__one-quarter .af-card_item {
        margin-left: 10px;
        flex: 0 0 calc(45% - 10px);
        width: calc(45% - 10px);
    }

    .af-section__row {
        gap: 0;
        margin-left: -10px;
        width: calc(100% + 10px);
    }

    .af-section .section-collection.slider {
        padding: 10px;
    }

    .af-section .section-collection.slider .owl-stage {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .af-card_buttons {
        bottom: 7px;
        width: calc(100% - 14px);
        left: 7px;
    }


    .product-item .swatches {
        position: relative;
        top: initial;
        left: initial;
    }


    .af-card_buttons .af-card_button {
        font-size: 1.2em;
    }

    .af-card_button .af-button_icon {
        width: 14px;
        height: 14px;
    }

}

@media only screen and (min-width: 600px) {
    .quicklink-add-btn {
        display: none;
    }
}

.section-content-slider .owl-nav button.owl-next,
.section-content-slider .owl-nav button.owl-prev {
    top: 0;
    width: 150px;
    height: 100%;
    margin-top: 0;
    background: none !important;
}

.section-content-slider .owl-nav button.owl-prev {
    left: 0;
}

.section-content-slider .owl-nav button.owl-next {
    right: 0;
}

.section-content-slider .owl-nav button.owl-prev:hover {
    cursor: url(/cdn/shop/files/prev.png?v=1723473124) 64 0, auto;
}

.section-content-slider .owl-nav button.owl-next:hover {
    cursor: url(/cdn/shop/files/next.png?v=1723473123) 64 0, auto;
}

.section-content-slider .owl-nav .disabled {
    display: none;
}

/* New image hero*/
.hero-image_section {
    padding: 100px 15px;
}

.hero-image_section .image-custom_logo img {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

.hero-image_section .image-custom_btn-wrapper {
    position: unset;
    text-align: center;
    display: flex;
    margin-top: 50px;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    gap: 15px;
    padding: 0
}

.hero-image_section.section-image-custom-buttons .custom-btn {
    position: unset;
    top: initial;
    width: 220px;
    transform: initial;
    transition: initial;
}

.hero-image_section.section-image-custom-buttons .custom-btn {
    margin-top: 0
}

.hero-image_section .image-custom_btn-wrapper.btn-pos-stacked {
    display: table !important;
    margin: 50px auto 0;
    width: auto;
}

.hero-image_section .image-custom_btn-wrapper.btn-pos-stacked .custom-btn {
    margin-bottom: 25px;
}

/* New Video countdown section */
.section--countdownvid {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 14px;
}

.section--countdownvid video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section--countdownvid_content {
    position: relative;
    z-index: 1;
    padding: 25px 20px;
    text-align: center;

}

.section--countdownvid .countdown-newsletter {
    margin-bottom: 0;
    gap: 25px;
}

.section--countdownvid .countdown-newsletter div {
    text-align: center;
    position: relative;
}

.section--countdownvid .countdown-newsletter span {
    font-size: 60px;
}

.section--countdownvid .countdown-newsletter label {
    font-size: 20px;
    font-weight: 700;
}

.section--countdownvid .countdown-title {
    font-size: 24px;
    font-weight: 700;
}

.section--countdownvid .countdown-newsletter div:after {
    content: ':';
    position: absolute;
    font-size: 54px;
    right: -20px;
}

.section--countdownvid .countdown-newsletter div:last-child:after {
    content: none;
}

@media only screen and (max-width: 600px) {
    .section--countdownvid .countdown-title {
        font-size: 16px;
    }

    .section--countdownvid .countdown-newsletter label {
        font-size: 13px
    }

    .section--countdownvid .countdown-newsletter span {
        font-size: 30px;
    }

    .section--countdownvid .countdown-newsletter div:after {
        font-size: 28px;
    }

    .section--countdownvid .countdown-newsletter {
        gap: 15px;
    }

    .section--countdownvid .countdown-newsletter div:after {
        right: -12px;
    }
}
button{
    border:none
}