@charset "UTF-8";
/**
 * Base Libraries
 */
/* Colors */
/* Breakpoints */
button, hr, input {
  overflow: visible; }

audio, canvas, progress, video {
  display: inline-block; }

progress, sub, sup {
  vertical-align: baseline; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

menu, article, aside, details, footer, header, nav, section {
  display: block; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

figcaption, figure, main {
  display: block; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:active, a:hover {
  outline-width: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: bolder; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, select {
  text-transform: none; }

[type=submit], [type=reset], button, html [type=button] {
  -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: ButtonText dotted 1px; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

textarea {
  overflow: auto; }

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

summary {
  display: list-item; }

[hidden], template {
  display: none; }
/* Breakpoints */
/* Aspect Ratio */
/**
 * Layout
 */
body *,
html * {
  font-smooth: auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

button,
button:focus,
button:hover {
  outline: none; }

#yotpo_testimonials_btn {
  display: none; }
  @media (min-width: 1120px) {
    #yotpo_testimonials_btn {
      display: block; } }

/* Layout */
.template-page-awards .yotpo.testimonials {
  display: none !important; }

.main-content.template-page-awards,
.main-content.template-page-quizzes {
  padding: 0;
  width: 100%; }

/* Lazy Load */
.js-lazy {
  opacity: 0;
  transition: opacity 0.3s ease-in; }
  .js-lazy.is-loaded {
    opacity: 1; }

/**
 * Variables
 */
/**
 * Containers
 */
.cont {
  height: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: calc( 100% - 60px); }

.cont-xs {
  max-width: 680px; }

.cont-s {
  max-width: 800px; }
  @media (min-width: 760px) {
    .cont-s {
      width: calc( 100% - 160px); } }

.cont-m {
  max-width: 980px; }
  @media (min-width: 1080px) {
    .cont-m {
      width: calc( 100% - 120px); } }

.cont-lm {
  max-width: 1080px; }
  @media (min-width: 760px) {
    .cont-lm {
      width: calc( 100% - 120px); } }
  @media (min-width: 1080px) {
    .cont-lm {
      width: calc( 100% - 140px); } }

.cont-l {
  max-width: 1160px; }
  @media (min-width: 760px) {
    .cont-l {
      width: calc( 100% - 120px); } }
  @media (min-width: 1080px) {
    .cont-l {
      width: calc( 100% - 140px); } }

.cont-xl {
  max-width: 1280px; }
  @media (min-width: 760px) {
    .cont-xl {
      width: calc( 100% - 120px); } }
  @media (min-width: 1080px) {
    .cont-xl {
      width: calc( 100% - 140px); } }

/* 'Peach Lily' Typography */
.custom-theme.peach-lily .custom-3-blocks__title, .custom-theme.peach-lily .custom-intro__headline {
  border: none;
  letter-spacing: 1px;
  line-height: 1;
  font-family: 'ratiomodern', Times New Roman, sans-serif;
  font-size: 37px;
  font-style: italic;
  text-transform: uppercase; }
  @media (min-width: 640px) {
    .custom-theme.peach-lily .custom-3-blocks__title, .custom-theme.peach-lily .custom-intro__headline {
      font-size: 34px; } }
  @media (min-width: 1080px) {
    .custom-theme.peach-lily .custom-3-blocks__title, .custom-theme.peach-lily .custom-intro__headline {
      font-size: 40px; } }

.custom-theme.peach-lily .custom-testimonial__quote {
  line-height: 1.5;
  font-family: 'ratiomodern', Times New Roman, sans-serif;
  font-size: 20px;
  font-style: italic; }
  @media (min-width: 640px) {
    .custom-theme.peach-lily .custom-testimonial__quote {
      font-size: 24px; } }
  @media (min-width: 1080px) {
    .custom-theme.peach-lily .custom-testimonial__quote {
      font-size: 28px; } }

.custom-theme.peach-lily .custom-3-blocks__headline, .custom-theme.peach-lily .custom-testimonial__title {
  border: none;
  letter-spacing: 1px;
  line-height: 1;
  font-family: 'ratiomodern', Times New Roman, sans-serif;
  font-size: 16px;
  padding-bottom: 15px;
  position: relative;
  text-transform: uppercase; }
  @media (min-width: 640px) {
    .custom-theme.peach-lily .custom-3-blocks__headline, .custom-theme.peach-lily .custom-testimonial__title {
      font-size: 18px; } }
  @media (min-width: 1080px) {
    .custom-theme.peach-lily .custom-3-blocks__headline, .custom-theme.peach-lily .custom-testimonial__title {
      font-size: 20px; } }
  .custom-theme.peach-lily .custom-3-blocks__headline::after, .custom-theme.peach-lily .custom-testimonial__title::after {
    background-color: #000;
    bottom: 0;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    margin: 0 auto;
    opacity: 0.5;
    position: absolute;
    right: 0;
    width: 60px; }

.custom-theme.peach-lily .custom-3-blocks__subtitle, .custom-theme.peach-lily .custom-intro__content {
  font-family: 'brandon-grotesque', sans-serif;
  font-size: 17px;
  line-height: 1.3; }
  @media (min-width: 640px) {
    .custom-theme.peach-lily .custom-3-blocks__subtitle, .custom-theme.peach-lily .custom-intro__content {
      font-size: 18px;
      line-height: 1.5; } }
  @media (min-width: 1080px) {
    .custom-theme.peach-lily .custom-3-blocks__subtitle, .custom-theme.peach-lily .custom-intro__content {
      font-size: 20px; } }

.custom-theme.peach-lily .custom-3-blocks__content,
.custom-theme.peach-lily .custom-3-blocks__content p, .custom-theme.peach-lily .custom-intro__disclaimer {
  font-family: 'brandon-grotesque',sans-serif;
  font-size: 13px;
  line-height: 1.4; }
  @media (min-width: 640px) {
    .custom-theme.peach-lily .custom-3-blocks__content,
    .custom-theme.peach-lily .custom-3-blocks__content p, .custom-theme.peach-lily .custom-intro__disclaimer {
      font-size: 14px; } }
  @media (min-width: 1080px) {
    .custom-theme.peach-lily .custom-3-blocks__content,
    .custom-theme.peach-lily .custom-3-blocks__content p, .custom-theme.peach-lily .custom-intro__disclaimer {
      font-size: 15px; } }

/* 'Awards Debut' Typography */
.custom-theme.awards-debut .custom-hero__title,
.custom-theme.quiz-listing .custom-hero__title {
  color: #806b3b;
  font-family: 'linotype-didot', serif;
  font-size: 37px;
  line-height: 1;
  text-transform: uppercase; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-hero__title,
    .custom-theme.quiz-listing .custom-hero__title {
      font-size: 58px; } }
  @media (min-width: 1080px) {
    .custom-theme.awards-debut .custom-hero__title,
    .custom-theme.quiz-listing .custom-hero__title {
      font-size: 80px; } }

.custom-theme.awards-debut .custom-3-blocks__title, .custom-theme.awards-debut .custom-product-grid__title, .custom-theme.awards-debut .custom-video__title, .template-page-beauty-home .custom-video__title, .template-product-beauty .custom-video__title {
  color: #806b3b;
  font-family: 'linotype-didot', serif;
  font-size: 30px;
  line-height: 1;
  text-transform: uppercase; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-3-blocks__title, .custom-theme.awards-debut .custom-product-grid__title, .custom-theme.awards-debut .custom-video__title, .template-page-beauty-home .custom-video__title, .template-product-beauty .custom-video__title {
      font-size: 35px; } }
  @media (min-width: 1080px) {
    .custom-theme.awards-debut .custom-3-blocks__title, .custom-theme.awards-debut .custom-product-grid__title, .custom-theme.awards-debut .custom-video__title, .template-page-beauty-home .custom-video__title, .template-product-beauty .custom-video__title {
      font-size: 40px; } }

.custom-theme.awards-debut .custom-3-blocks__subtitle, .custom-theme.awards-debut .custom-3-blocks__content h1,
.custom-theme.awards-debut .custom-3-blocks__content h2,
.custom-theme.awards-debut .custom-3-blocks__content h3,
.custom-theme.awards-debut .custom-3-blocks__content h4,
.custom-theme.awards-debut .custom-3-blocks__content h5, .custom-theme.awards-debut .custom-testimonial__quote, .custom-theme.awards-debut .custom-hero--best-awards .custom-hero__title small,
.custom-theme.quiz-listing .custom-hero--best-awards .custom-hero__title small {
  color: #806b3b;
  font-family: 'linotype-didot', serif;
  font-size: 20px;
  font-style: italic;
  line-height: 1.3; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-3-blocks__subtitle, .custom-theme.awards-debut .custom-3-blocks__content h1,
    .custom-theme.awards-debut .custom-3-blocks__content h2,
    .custom-theme.awards-debut .custom-3-blocks__content h3,
    .custom-theme.awards-debut .custom-3-blocks__content h4,
    .custom-theme.awards-debut .custom-3-blocks__content h5, .custom-theme.awards-debut .custom-testimonial__quote, .custom-theme.awards-debut .custom-hero--best-awards .custom-hero__title small,
    .custom-theme.quiz-listing .custom-hero--best-awards .custom-hero__title small {
      font-size: 24px; } }
  @media (min-width: 1080px) {
    .custom-theme.awards-debut .custom-3-blocks__subtitle, .custom-theme.awards-debut .custom-3-blocks__content h1,
    .custom-theme.awards-debut .custom-3-blocks__content h2,
    .custom-theme.awards-debut .custom-3-blocks__content h3,
    .custom-theme.awards-debut .custom-3-blocks__content h4,
    .custom-theme.awards-debut .custom-3-blocks__content h5, .custom-theme.awards-debut .custom-testimonial__quote, .custom-theme.awards-debut .custom-hero--best-awards .custom-hero__title small,
    .custom-theme.quiz-listing .custom-hero--best-awards .custom-hero__title small {
      font-size: 28px; } }

.custom-theme.awards-debut .custom-testimonial__title, .custom-theme.awards-debut .custom-gallery__counter {
  color: #806b3b;
  font-family: 'linotype-didot', serif;
  font-size: 20px;
  line-height: 1.3;
  text-transform: uppercase; }

.custom-theme.awards-debut .custom-text__content {
  color: #806b3b;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.5;
  text-transform: uppercase; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-text__content {
      font-size: 26px; } }
  @media (min-width: 1080px) {
    .custom-theme.awards-debut .custom-text__content {
      font-size: 35px;
      line-height: 1.2; } }

.custom-theme.awards-debut .custom-3-blocks__tagline, .custom-theme.awards-debut .custom-3-blocks__short, .custom-theme.awards-debut .custom-product-grid__name, .custom-theme.awards-debut .custom-hero__tagline,
.custom-theme.quiz-listing .custom-hero__tagline, .custom-theme.awards-debut .custom-video__tagline, .template-page-beauty-home .custom-video__tagline, .template-product-beauty .custom-video__tagline, .custom-theme.awards-debut .custom-text__tagline {
  color: #806b3b;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 1.5px;
  text-transform: uppercase; }

.custom-theme.awards-debut .custom-hero__content,
.custom-theme.quiz-listing .custom-hero__content, .custom-theme.awards-debut .custom-video__content, .template-page-beauty-home .custom-video__content, .template-product-beauty .custom-video__content {
  color: #806b3b;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.3; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-hero__content,
    .custom-theme.quiz-listing .custom-hero__content, .custom-theme.awards-debut .custom-video__content, .template-page-beauty-home .custom-video__content, .template-product-beauty .custom-video__content {
      font-size: 20px; } }

.custom-theme.awards-debut .custom-3-blocks__content p, .custom-theme.awards-debut .custom-product-grid__subtitle, .custom-theme.awards-debut .custom-product-grid__details {
  color: #806b3b;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-3-blocks__content p, .custom-theme.awards-debut .custom-product-grid__subtitle, .custom-theme.awards-debut .custom-product-grid__details {
      line-height: 1.3; } }

/* Headings Series 1 */
.h1 {
  border: none;
  color: inherit;
  font-family: 'ratiomodern', Times New Roman, sans-serif;
  font-size: 38px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-transform: uppercase; }

.h2 {
  border: none;
  color: inherit;
  font-family: 'ratiomodern', Times New Roman, sans-serif;
  font-size: 20px;
  font-style: italic;
  letter-spacing: 1px;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  position: relative;
  text-transform: uppercase; }
  @media (min-width: 760px) {
    .h2 {
      font-size: 26px; } }
  @media (min-width: 1080px) {
    .h2 {
      font-size: 32px; } }

.h3 {
  border: none;
  color: inherit;
  font-family: 'ratiomodern', Times New Roman, sans-serif;
  font-size: 20px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative; }

.h4 {
  border: none;
  color: inherit;
  font-family: 'ratiomodern', Times New Roman, sans-serif;
  font-size: 16px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  padding: 0;
  position: relative; }

.h5 {
  border: none;
  color: inherit;
  font-family: 'ratiomodern', Times New Roman, sans-serif;
  font-size: 16px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  position: relative; }

.h6 {
  border: none;
  color: #8d92a7;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase; }

.h7 {
  border: none;
  color: inherit;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase; }

.h8 {
  border: none;
  color: inherit;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 1.4;
  margin: 0;
  position: relative;
  text-align: center;
  text-transform: uppercase; }
  @media (min-width: 760px) {
    .h8 {
      font-size: 20px; } }
  @media (min-width: 1080px) {
    .h8 {
      font-size: 24px; } }
  .h8::after {
    background-color: #8d92a7;
    content: '';
    display: block;
    height: 3px;
    margin: 15px auto 0;
    width: 50px; }

.h9 {
  border: none;
  color: inherit;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  position: relative;
  text-transform: uppercase; }

.h10 {
  border: none;
  color: inherit;
  font-family: 'linotype-didot', serif !important;
  font-size: 32px;
  line-height: 1.2;
  padding: 0;
  margin: 0; }
  @media (min-width: 760px) {
    .h10 {
      font-size: 38px; } }
  @media (min-width: 1080px) {
    .h10 {
      font-size: 44px; } }
  .h10:after {
    background-color: #8d92a7;
    content: '';
    display: block;
    height: 3px;
    margin: 15px auto 0;
    width: 40px; }

/* Paragraphs */
.p1 {
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.4;
  margin: 0;
  padding: 0; }

.p2 {
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.3;
  margin: 0;
  padding: 0; }

.p3 {
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.3;
  margin: 0;
  padding: 0; }

.p4 {
  font-family: 'adobe-garamond-pro', serif;
  font-weight: 400;
  font-style: italic;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.4;
  margin: 0;
  padding: 0; }

.p1 a,
.p2 a,
.p3 a,
.p4 a {
  font-family: inherit;
  font-size: inherit; }

/* Links */
.au-1 {
  color: #4a4a4a;
  cursor: pointer;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  text-decoration: underline;
  text-transform: uppercase;
  transition: opacity 0.2s ease-in; }
  @media (min-width: 760px) {
    .au-1 {
      font-size: 13px; } }
  @media (min-width: 1080px) {
    .au-1 {
      font-size: 14px; } }

/* TO REFACTOR IN THE FUTURE - Used on old template collection.new */
.hh1 {
  border: none;
  color: inherit;
  font-family: "ratiomodern", Times New Roman, sans-serif;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.1;
  margin: 0;
  padding: 0;
  position: relative; }
  @media (min-width: 760px) {
    .hh1 {
      font-size: 36px; } }
  @media (min-width: 1080px) {
    .hh1 {
      font-size: 42px; } }

.hh2 {
  border: none;
  color: inherit;
  font-family: "ratiomodern", Times New Roman, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.1;
  margin: 0;
  padding: 0;
  position: relative; }
  @media (min-width: 760px) {
    .hh2 {
      font-size: 26px; } }
  @media (min-width: 1080px) {
    .hh2 {
      font-size: 32px; } }

.hh3 {
  border: none;
  color: inherit;
  font-family: "brandon-grotesque", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.1;
  margin: 0;
  padding: 0;
  position: relative; }
  @media (min-width: 760px) {
    .hh3 {
      font-size: 20px; } }
  @media (min-width: 1080px) {
    .hh3 {
      font-size: 24px; } }

.hh4 {
  border: none;
  color: inherit;
  font-family: "ratiomodern", Times New Roman, sans-serif;
  font-size: 20px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 1.1;
  margin: 0;
  padding: 0;
  position: relative; }

.hh5 {
  border: none;
  color: #8d92a7;
  font-family: "brandon-grotesque", Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase; }

.hh6 {
  border: none;
  color: inherit;
  font-family: "brandon-grotesque", Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase; }

.hh7 {
  border: none;
  color: inherit;
  font-family: "brandon-grotesque", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 1.4;
  margin: 0;
  position: relative;
  text-align: center;
  text-transform: uppercase; }
  @media (min-width: 760px) {
    .hh7 {
      font-size: 20px; } }
  @media (min-width: 1080px) {
    .hh7 {
      font-size: 24px; } }

.hh7:after {
  background-color: #8d92a7;
  content: '';
  display: block;
  height: 3px;
  margin: 15px auto 0;
  width: 50px; }

.hh8 {
  border: none;
  color: inherit;
  font-family: "brandon-grotesque", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  position: relative;
  text-transform: uppercase; }

/* No Touch */
.no-touch .au-1 {
  transition: opacity 0.2s ease-in; }
  .no-touch .au-1:hover {
    color: #4a4a4a;
    opacity: 0.7;
    text-decoration: underline; }

/* 'Awards Debut' Buttons */
.custom-theme.awards-debut .custom-product-grid__link, .custom-theme.awards-debut .custom-hero__button,
.custom-theme.quiz-listing .custom-hero__button {
  background: #806b3b;
  border: none;
  color: #fff !important;
  cursor: pointer;
  display: inline-block;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  height: 46px;
  letter-spacing: 1px;
  line-height: 46px;
  overflow: hidden;
  padding: 0 30px;
  position: relative;
  text-transform: uppercase; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-product-grid__link, .custom-theme.awards-debut .custom-hero__button,
    .custom-theme.quiz-listing .custom-hero__button {
      font-size: 14px; } }
  .custom-theme.awards-debut .custom-product-grid__link::before, .custom-theme.awards-debut .custom-hero__button::before,
  .custom-theme.quiz-listing .custom-hero__button::before {
    background: linear-gradient(to right, rgba(128, 107, 59, 0) 0%, #c2af75 50%, rgba(128, 107, 59, 0) 100%);
    content: '';
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    margin: 0 auto;
    width: 100%;
    transform: translateX(-50%);
    transition: width 0.4s ease-in;
    z-index: 0; }

.custom-theme.awards-debut .custom-product-grid__link > *, .custom-theme.awards-debut .custom-hero__button > *, .custom-theme.quiz-listing .custom-hero__button > * {
  position: relative;
  z-index: 1; }

.no-touch .custom-theme.awards-debut .custom-product-grid__link:hover::before, .custom-theme.awards-debut .no-touch .custom-product-grid__link:hover::before, .no-touch .custom-theme.awards-debut .custom-hero__button:hover::before, .custom-theme.awards-debut .no-touch .custom-hero__button:hover::before,
.no-touch .custom-theme.quiz-listing .custom-hero__button:hover::before, .custom-theme.quiz-listing .no-touch .custom-hero__button:hover::before {
  width: 200%; }

/* Buttons */
.btn-1 {
  -webkit-appearance: none;
  background-color: #4a4a4a;
  border: none;
  border-radius: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  outline: none;
  padding: 0 20px;
  text-transform: uppercase;
  transition: opacity 0.2s ease-in; }
  @media (min-width: 760px) {
    .btn-1 {
      font-size: 13px;
      height: 45px;
      line-height: 45px;
      padding: 0 30px; } }
  @media (min-width: 1080px) {
    .btn-1 {
      font-size: 14px;
      height: 50px;
      line-height: 50px; } }

.btn-1.is-white {
  background-color: #fff;
  color: #4a4a4a; }

.btn-2 {
  background-color: #8d92a7;
  border-radius: 5px;
  border: none;
  color: #FFFFFF;
  cursor: pointer !important;
  display: inline-block;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  text-align: center;
  text-transform: uppercase;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

/* No Touch */
.no-touch .btn-1 {
  transition: opacity 0.2s ease-in; }

.no-touch .btn-1:hover {
  color: #fff;
  opacity: 0.7; }

.no-touch .btn-2 {
  transition: background-color 0.2s ease-in; }

.no-touch .btn-2:hover {
  background-color: #6e7282; }

.promoted-products-box {
  display: none !important; }

/* Display */
.hidden {
  display: none; }

.hidden-xs {
  display: none; }
  @media (min-width: 640px) {
    .hidden-xs {
      display: block; } }

.hidden-m {
  display: none; }
  @media (min-width: 1080px) {
    .hidden-m {
      display: block; } }

/* Text Decoration */
.strike {
  text-decoration: line-through; }

/* Opacity */
.o0 {
  opacity: 0; }

.o1 {
  opacity: 0.1; }

.o2 {
  opacity: 0.2; }

.o3 {
  opacity: 0.3; }

.o4 {
  opacity: 0.4; }

.o5 {
  opacity: 0.5; }

.o6 {
  opacity: 0.6; }

.o7 {
  opacity: 0.7; }

.o8 {
  opacity: 0.8; }

.o9 {
  opacity: 0.9; }

/* Flex */
.flex {
  display: -ms-flexbox;
  display: flex; }

.aic {
  -ms-flex-align: center;
      align-items: center; }

.circle {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  padding-bottom: 100%;
  width: 100%; }

/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  transform: translateY(-50%); }

.flickity-prev-next-button:hover {
  background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F; }

.flickity-prev-next-button:active {
  opacity: 0.6; }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto; }

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-prev-next-button .arrow {
  fill: #333; }

/* ---- page dots ---- */
.flickity-page-dots {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  opacity: 1; }

/* 'Awards Debut' Theme */
.custom-theme.awards-debut .flickity-page-dots .dot {
  background-color: transparent;
  border: 1px solid #806b3b;
  opacity: 1;
  transition: background-color 0.2s ease-in; }

.custom-theme.awards-debut .flickity-page-dots .dot.is-selected {
  background-color: #806b3b; }

/**
 * Base Modules
 */
/**
 * Header
 */
.top-bar {
  display: none; }
  @media (min-width: 1280px) {
    .top-bar {
      display: block;
      position: fixed;
      width: 100%;
      z-index: 9; } }

.top-mobile {
  display: -ms-flexbox;
  display: flex; }
  @media (min-width: 1280px) {
    .top-mobile {
      display: none; } }

.header {
  display: none; }
  @media (min-width: 1280px) {
    .header {
      display: block;
      margin-top: 90px; } }

.header-mobile {
  display: block; }
  @media (min-width: 1280px) {
    .header-mobile {
      display: none; } }

.main-nav {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.main-nav__list {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%; }

.main-nav__item {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  line-height: 50px;
  position: relative; }

.main-nav__link {
  color: #666666;
  display: inline-block;
  font-size: 12px;
  height: 36px;
  line-height: 36px;
  padding: 0 0;
  text-decoration: none;
  text-transform: uppercase;
  zoom: 1;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: auto; }
  .main-nav__link.is-sale {
    color: #D77C6D;
    font-weight: 900; }
  .main-nav__link.is-red {
    color: #fc585a; }

.peach-slices__link {
  background-image: url("//cdn.shopify.com/s/files/1/0791/2083/t/144/assets/ico-peach-slices.svg?v=17662355619383472166");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 50px;
  width: 50px; }

.peach-slices__link {
  text-transform: uppercase; }

.pibuu-blog__link {
  background-image: url("//cdn.shopify.com/s/files/1/0791/2083/t/144/assets/pibuublog.svg?v=4844021257231114627");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  height: 25px;
  width: 100px; }

.sub-nav__list {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-left: -20px !important;
  width: auto; }

.sub-nav__link {
  color: #666666;
  display: inline-block;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  height: auto;
  letter-spacing: normal;
  line-height: 11px;
  margin: 0 5px;
  padding: 10px 0;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 200px;
  zoom: 1; }

.no-touch .main-nav__link {
  transition: color 0.2s ease-in; }
  .no-touch .main-nav__link:hover {
    color: #AB9EC7; }
  .no-touch .main-nav__link.is-sale:hover {
    color: #cc5845; }
  .no-touch .main-nav__link.is-red:hover {
    color: #fb2629; }

.no-touch .peach-slices__link {
  transition: opacity 0.2s ease; }
  .no-touch .peach-slices__link:hover {
    opacity: 0.7; }

.no-touch .pibuu-blog__link {
  transition: opacity 0.2s ease; }
  .no-touch .pibuu-blog__link:hover {
    opacity: 0.7; }

.no-touch .sub-nav__link {
  transition: color 0.2s ease-in; }
  .no-touch .sub-nav__link:hover {
    color: #AB9EC7; }

/**
 * Footer
 */
.footer-main {
  margin: 0 auto;
  margin-top: 60px;
  max-width: 1280px;
  width: calc( 100% - 60px); }
  @media (min-width: 760px) {
    .footer-main {
      width: calc( 100% - 60px); } }
  @media (min-width: 1280px) {
    .footer-main {
      width: calc( 100% - 120px); } }

.footer-main * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.footer-main__wrapper {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media (min-width: 760px) {
    .footer-main__wrapper {
      -ms-flex-direction: row;
          flex-direction: row; } }

.footer-logo {
  display: none;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto; }
  @media (min-width: 760px) {
    .footer-logo {
      margin-bottom: 0; } }
  @media (min-width: 1080px) {
    .footer-logo {
      display: block; } }

.footer-nav {
  margin-bottom: 10px; }
  @media (min-width: 760px) {
    .footer-nav {
      max-width: 120px; } }
  @media (min-width: 880px) {
    .footer-nav {
      max-width: 160px; } }
  @media (min-width: 1280px) {
    .footer-nav {
      margin: 0; } }

.footer-nav__item {
  margin-top: 10px; }

.footer-nav__item:first-child {
  margin-top: 0; }

.footer-nav__link {
  color: #BFBFBF;
  display: block;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-weight: 450;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase; }

.footer-store {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 60px 0;
  width: auto; }
  @media (min-width: 760px) {
    .footer-store {
      margin: 0; } }

.footer-newsletter {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto; }

/**
 * Mobile Nav
 */
.mobile-header {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #000000;
  color: #FFFFFF;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 12px;
  height: 65px;
  line-height: 65px;
  text-align: center; }

.mobile-header__link {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #FFFFFF;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase; }

.mobile-nav {
  display: block;
  padding-bottom: 30px;
  text-transform: uppercase; }
  @media (min-width: 1280px) {
    .mobile-nav {
      display: none; } }

.mobile-nav__item {
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 15px;
  line-height: 15px;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 15px 0 15px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: normal;
  cursor: pointer; }
  .mobile-nav__item.is-search-bar {
    border: none;
    padding: 0; }

.mobile-nav__link {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #000000;
  display: block;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 15px;
  position: relative;
  text-decoration: none; }
  .mobile-nav__link.is-sale {
    color: #D77C6D;
    font-weight: 900; }
  .mobile-nav__link.is-red {
    color: #fc585a; }
  .mobile-nav__link.is-peach-slices {
    padding-left: 40px; }
    .mobile-nav__link.is-peach-slices::before {
      background-image: url("//cdn.shopify.com/s/files/1/0791/2083/t/144/assets/ico-peach-slices.svg?v=17662355619383472166");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 30px;
      left: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 30px; }
  .mobile-nav__link.is-pibuu-blog {
    background-image: url("//cdn.shopify.com/s/files/1/0791/2083/t/144/assets/pibuublog.svg?v=4844021257231114627");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 25px;
    width: 100px; }

.mobile-sub__list {
  margin: 0;
  padding: 0; }

.mobile-sub__list.closed {
  display: none; }

.mobile-sub__item {
  margin-top: 18px; }

.mobile-sub__link {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #717171;
  display: block;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 14px;
  line-height: 14px;
  padding: 0; }

#mobile-menu #mobile-navbar ul li.search-bar input {
  width: calc(100% - 5px);
  height: 100%;
  background: none;
  border: none;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 15px;
  line-height: 15px;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 15px 0 15px 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-weight: normal; }

.no-touch .mobile-nav__link {
  transition: color 0.2s ease-in; }
  .no-touch .mobile-nav__link.is-sale:hover {
    color: #cc5845; }
  .no-touch .mobile-nav__link.is-red:hover {
    color: #fb2629; }

.login-form {
  padding: 60px 0 80px; }

.login-form__title {
  margin-bottom: 30px; }

.login-form__title::after {
  content: none; }

.login-form__action {
  margin-top: 20px; }

.register-form {
  padding: 60px 0 80px; }

.register-form__title {
  margin-bottom: 30px; }

.register-form__title::after {
  content: none; }

.register-form__action {
  margin-top: 20px; }

/**
 * Wishlist
 */
#smartwishlist div#bookmarkit {
  padding: 0; }
  #smartwishlist div#bookmarkit .fa-heart-o:before,
  #smartwishlist div#bookmarkit .fa-heart:before {
    font-size: 1.5em; }

.wishlistpage a.btn.btn-warning.removebutton {
  background-color: #F8585D !important; }

.wishlistpage a.btn.btn-info.sharebutton,
.wishlistpage a.btn.btn-primary.addbutton {
  background-color: #8D92A6 !important; }

.wishlistpage a.btn.btn-info.sharebutton,
.wishlistpage a.btn.btn-primary.addbutton,
.wishlistpage a.btn.btn-warning.removebutton {
  border: none !important; }

.wishlistpage .product_title {
  border: 0; }

#wishlist {
  cursor: default; }
  #wishlist * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.wishlistbutton {
  text-transform: uppercase; }

.wishlistheart {
  width: 16px;
  height: 16px;
  background-image: url("//cdn.shopify.com/s/files/1/0791/2083/t/144/assets/ico-heart.png?v=7516087239974454970");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }
  @media (min-width: 760px) {
    .wishlistheart {
      width: 20px;
      height: 20px; } }
  @media (min-width: 1080px) {
    .wishlistheart {
      width: 26px;
      height: 26px; } }

/**
 * Wishlist Collection
 */
.wishlist-collection__title {
  border: 0 !important;
  font-family: 'linotype-didot', serif !important;
  font-size: 45px !important;
  line-height: 1 !important;
  margin: 80px 0 !important;
  padding: 0 !important;
  text-align: center !important;
  text-transform: uppercase !important; }

.wishlist-collection__row {
  -ms-flex-align: stretch;
      align-items: stretch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start; }

/**
 * Wishlist Product
 */
.wishlist-product {
  border: 1px solid #ededed;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin: 0 10px 20px;
  padding: 10px;
  text-align: center;
  width: calc( 50% - 22px); }
  @media (min-width: 760px) {
    .wishlist-product {
      width: calc( 33.33% - 22px); } }
  @media (min-width: 1080px) {
    .wishlist-product {
      width: calc( 25% - 22px); } }

.wishlist-product__featured {
  margin-bottom: 20px;
  position: relative; }
  .wishlist-product__featured:before {
    content: '';
    display: block;
    padding-top: 100%;
    width: 100%; }

.wishlist-product__image-link {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%; }

.wishlist-product__image {
  max-height: 100%;
  max-width: 100%; }

.wishlist-product__details {
  margin-bottom: 10px; }

.wishlist-product__details-link {
  display: block;
  margin-top: 5px; }

.wishlist-product__title {
  color: #000000;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-weight: 450;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
  word-break: break-word; }

.wishlist-product__price {
  color: #000000;
  font-family: 'linotype-didot', serif;
  font-wieght: 400;
  font-size: 15px;
  line-height: 1; }

.wishlist-product__add-cart {
  margin-bottom: 5px; }
  .wishlist-product__add-cart .btn {
    background-color: #8D92A7;
    border-radius: 5px;
    border: none;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'brandon-grotesque', Arial, sans-serif;
    font-size: 12px;
    font-weight: 450;
    height: 40px;
    line-height: 1;
    padding: 0 25px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color 0.2s; }
    .wishlist-product__add-cart .btn:hover {
      background-color: #6E7282; }

/**
 * Block Quote
 */
.block-quote {
  background-color: #f3f3f3;
  margin: 60px 0;
  padding: 40px 0; }
  @media (min-width: 640px) {
    .block-quote {
      margin: 100px 0;
      padding: 70px 0; } }
  @media (min-width: 1080px) {
    .block-quote {
      margin: 140px 0; } }

.block-quote__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  @media (min-width: 640px) {
    .block-quote__container {
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between; } }

.block-quote__container:before,
.block-quote__container:after {
  color: #bfbfbf;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 150px;
  font-weight: 500;
  height: 85px;
  line-height: 150px;
  position: absolute; }

.block-quote__container:before {
  content: '“';
  left: -120px;
  top: -30px; }

.block-quote__container:after {
  bottom: -30px;
  content: '”';
  right: -120px; }

.block-quote__avatar {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  display: block;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  height: 100px;
  margin: 0 auto 40px;
  overflow: hidden;
  width: 100px; }
  @media (min-width: 640px) {
    .block-quote__avatar {
      margin: 0; } }

.block-quote__holder {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: auto; }
  @media (min-width: 640px) {
    .block-quote__holder {
      margin-left: 30px; } }

.block-quote__content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin-bottom: 30px;
  max-width: 500px;
  width: 100%; }

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

.product-video {
  background-color: #000;
  margin-top: 35px;
  position: relative;
  z-index: 99; }
  .product-video:before {
    content: '';
    display: block;
    padding-top: 56.25%;
    width: 100%; }

.product-video__player {
  display: block;
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%; }

.peach-slices .product-video {
  margin: 50px auto 0;
  max-width: 680px;
  width: calc(100% - 80px); }

/**
 * Products Grid
 */
.product-grid {
  text-align: center; }

.product-grid__title {
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .product-grid__title {
      margin-bottom: 30px; } }

.product-grid__title + .product-grid__content {
  margin-top: -10px; }

.product-grid__content {
  margin: 0 auto 30px;
  max-width: 700px;
  text-align: center; }
  @media (min-width: 760px) {
    .product-grid__content {
      margin-bottom: 50px; } }

.product-grid__row {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  width: 100%; }
  @media (min-width: 760px) {
    .product-grid__row {
      -ms-flex-align: stretch;
          align-items: stretch;
      -ms-flex-direction: row;
          flex-direction: row;
      width: 70%; } }
  @media (min-width: 1440px) {
    .product-grid__row {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      width: 100%; } }

.product-grid__row:first-child {
  margin-top: 0; }

/**
 * Slideshow
 */
.slideshow {
  margin: 40px 0; }
  @media (min-width: 640px) {
    .slideshow {
      margin: 60px 0; } }
  @media (min-width: 880px) {
    .slideshow {
      margin: 80px 0; } }

.slideshow__holder {
  padding: 0 10px;
  position: relative; }

.slideshow__holder .slick-list {
  margin: 0 10px;
  overflow: hidden; }

.slideshow__holder .slick-arrow {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  display: block;
  height: 44px;
  outline: none;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  z-index: 9; }

.slideshow__holder .slick-arrow.slick-prev {
  background-image: url(//cdn.shopify.com/s/files/1/0791/2083/t/144/assets/smc-arrow-prev.svg?v=4086990458387184128);
  left: -10px; }

.slideshow__holder .slick-arrow.slick-next {
  background-image: url(//cdn.shopify.com/s/files/1/0791/2083/t/144/assets/smc-arrow-next.svg?v=14280233679934631743);
  right: -10px; }

.slideshow__img {
  border: none;
  margin: 0 10px;
  outline: none; }

.slideshow__content {
  margin-top: 40px; }
  @media (min-width: 880px) {
    .slideshow__content {
      margin-top: 50px; } }

.slideshow__content p {
  border: none;
  color: inherit;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative; }
  @media (min-width: 760px) {
    .slideshow__content p {
      font-size: 20px; } }
  @media (min-width: 1080px) {
    .slideshow__content p {
      font-size: 24px; } }

/**
 * No Touch
 */
.no-touch .slideshow__holder .slick-arrow {
  transition: opacity 0.2s ease; }

.no-touch .slideshow__holder .slick-arrow:hover {
  opacity: 0.6; }

/**
 * Block Featured
 */
.block-featured__container {
  border-bottom: 1px solid #ccc;
  margin-bottom: 50px;
  padding-bottom: 50px; }
  @media (min-width: 640px) {
    .block-featured__container {
      margin-bottom: 40px;
      padding-bottom: 30px; } }
  @media (min-width: 1080px) {
    .block-featured__container {
      margin-bottom: 100px;
      padding-bottom: 80px; } }

.block-featured__headline {
  margin-bottom: 30px; }
  @media (min-width: 760px) {
    .block-featured__headline {
      margin-bottom: 40px; } }

.block-featured__item {
  padding-top: 40px;
  position: relative;
  width: 100%; }
  @media (min-width: 480px) {
    .block-featured__item {
      margin: 0 auto;
      width: 70%; } }
  @media (min-width: 760px) {
    .block-featured__item {
      -ms-flex-line-pack: start;
          align-content: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -ms-flex-pack: start;
          justify-content: flex-start;
      padding-bottom: 40px;
      width: 100%; } }
  @media (min-width: 880px) {
    .block-featured__item {
      -ms-flex-align: center;
          align-items: center; } }
  @media (min-width: 1080px) {
    .block-featured__item {
      padding-bottom: 0; } }

.block-featured__item.block-1 {
  padding-top: 0; }

@media (min-width: 760px) {
  .block-featured__item.block-1 .block-featured__holder,
  .block-featured__item.block-3 .block-featured__holder {
    -ms-flex-order: 2;
        order: 2; } }

@media (min-width: 760px) {
  .block-featured__item.block-1 .block-featured__featured,
  .block-featured__item.block-3 .block-featured__featured {
    -ms-flex-order: 1;
        order: 1; } }

@media (min-width: 760px) {
  .block-featured__item.block-2 .block-featured__holder {
    -ms-flex-order: 1;
        order: 1; } }

@media (min-width: 760px) {
  .block-featured__item.block-2 .block-featured__featured {
    -ms-flex-order: 2;
        order: 2; } }

@media (min-width: 760px) {
  .block-featured__item.block-1 .block-featured__holder,
  .block-featured__item.block-3 .block-featured__holder {
    padding-right: 0 !important; } }

@media (min-width: 760px) {
  .block-featured__item.block-2 .block-featured__holder {
    padding-left: 0 !important; } }

.block-featured__title {
  margin-bottom: 10px; }

.block-featured__subtitle {
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .block-featured__subtitle {
      margin-bottom: 30px; } }

.block-featured__holder {
  width: 100%; }
  @media (min-width: 760px) {
    .block-featured__holder {
      padding: 10px 40px 20px; } }
  @media (min-width: 1080px) {
    .block-featured__holder {
      padding: 0;
      width: auto; } }

@media (min-width: 1080px) {
  .block-featured__holder * {
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    width: 340px; } }

@media (min-width: 760px) {
  .block-featured__holder,
  .block-featured__featured {
    margin-bottom: 0;
    width: 50%;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto; } }

.block-featured__featured {
  background-size: cover;
  display: block;
  margin-bottom: 25px;
  overflow: hidden;
  position: relative;
  width: 100%; }
  @media (min-width: 1080px) {
    .block-featured__featured {
      width: 64%; } }

.block-featured__featured.is-mobile {
  display: block; }
  @media (min-width: 760px) {
    .block-featured__featured.is-mobile {
      display: none; } }

.block-featured__featured.is-main {
  display: none; }
  @media (min-width: 760px) {
    .block-featured__featured.is-main {
      display: block; } }

.block-featured__featured:before {
  content: '';
  display: block; }

.block-featured__video-overlay {
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer !important;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 9; }

.block-featured__video-overlay:before {
  background-image: url(//cdn.shopify.com/s/files/1/0791/2083/t/144/assets/smc-video-btn.svg?v=14871272929058625483);
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 25px auto;
  border-radius: 50%;
  border: 2px solid #FFF;
  bottom: 0;
  content: '';
  display: block;
  height: 65px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 65px;
  z-index: 99; }

.block-featured__video-overlay:hover {
  opacity: 0.6; }

.block-featured__short {
  display: block;
  font-family: 'brandon-grotesque', Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  width: 100%; }

.block-featured__short:after {
  display: inline-block;
  content: '—';
  margin-left: 5px; }

.block-featured__content {
  line-height: 1.4;
  padding-top: 10px; }

@media (min-width: 880px) {
  .block-featured__item.is-landscape .block-featured__holder {
    padding: 20px 50px; } }

.block-featured__item.is-landscape .block-featured__featured:before {
  padding-bottom: 75%; }

@media (min-width: 880px) {
  .block-featured__item.is-portrait .block-featured__holder {
    padding: 20px 80px; } }

.block-featured__item.is-portrait .block-featured__featured:before {
  padding-bottom: 120%; }

@media (min-width: 880px) {
  .block-featured__item.is-landscape .block-featured__holder,
  .block-featured__item.is-portrait .block-featured__holder {
    width: 60%; } }

@media (min-width: 880px) {
  .block-featured__item.is-landscape .block-featured__featured,
  .block-featured__item.is-portrait .block-featured__featured {
    width: 56%; } }

@media (min-width: 1080px) {
  .block-featured__item.block-2.is-portrait .block-featured__featured {
    margin-right: 9%; } }

.shop-collection {
  padding: 30px 0; }
  @media (min-width: 760px) {
    .shop-collection {
      padding: 50px 0; } }

.cross-sell {
  margin-top: 40px; }

.cross-sell__title {
  margin-bottom: 20px; }

.cross-sell__list {
  -ms-flex-align: stretch;
      align-items: stretch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 40px; }

.cross-sell__item {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin: 10px 0;
  max-width: 270px;
  width: 100%; }
  @media (min-width: 480px) {
    .cross-sell__item {
      margin: 10px;
      width: calc(50% - 20px); } }
  @media (min-width: 760px) {
    .cross-sell__item {
      width: calc(33.33% - 20px); } }
  @media (min-width: 1080px) {
    .cross-sell__item {
      width: calc(20% - 20px); } }

.cross-sell__item .product-item {
  height: 100% !important;
  margin: 0 !important;
  width: 100% !important; }

/* Peach Slices */
.peach-slices .cross-sell {
  height: 100%;
  margin: 70px auto 0;
  max-width: 1160px;
  padding: 0;
  position: relative;
  text-align: center;
  width: calc( 100% - 60px);
  z-index: 99; }
  @media (min-width: 1080px) {
    .peach-slices .cross-sell {
      width: calc( 100% - 120px); } }

.peach-slices .cross-sell .product-item {
  text-transform: lowercase; }

.peach-slices .cross-sell .product-item__featured {
  background-size: cover; }

.peach-slices .cross-sell .product-item__price {
  margin-top: 15px; }

.custom-slideshow {
  margin-bottom: 40px; }

.custom-slideshow__holder {
  padding: 0 10px;
  position: relative; }

.custom-slideshow__holder .slick-list {
  margin: 0 10px;
  overflow: hidden; }

.custom-slideshow__holder .slick-arrow {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  display: block;
  height: 44px;
  outline: none;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.2s ease;
  width: 22px;
  z-index: 9; }

.custom-slideshow__holder .slick-arrow:hover {
  opacity: 0.6; }

.custom-slideshow__holder .slick-arrow.slick-prev {
  left: -10px; }

.custom-slideshow__holder .slick-arrow.slick-next {
  right: -10px; }

.custom-slideshow__img {
  border: none;
  margin: 0 10px;
  outline: none; }

@media only screen and (min-width: 620px) {
  .custom-slideshow {
    margin-bottom: 60px; } }

@media only screen and (min-width: 860px) {
  .custom-slideshow__img {
    margin: 0 15px; } }

.custom-3-blocks {
  margin-bottom: 40px; }
  @media (min-width: 760px) {
    .custom-3-blocks {
      margin-bottom: 70px; } }

.custom-3-blocks__headline {
  text-align: center; }

.custom-3-blocks__tagline,
.custom-3-blocks__title,
.custom-3-blocks__subtitle,
.custom-3-blocks__short,
.custom-3-blocks__content,
.custom-3-blocks__content * {
  border: none;
  color: #000;
  font-family: initial;
  font-size: initial;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  padding: 0; }

.custom-3-blocks__item {
  padding-top: 40px;
  position: relative;
  width: 100%; }

.custom-3-blocks__holder {
  width: 100%; }

.custom-3-blocks__featured {
  background-size: cover;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%; }

.custom-3-blocks__featured.is-mobile {
  display: block; }

.custom-3-blocks__featured.is-main {
  display: none; }

.custom-3-blocks__featured:before {
  display: block;
  content: ''; }

.custom-3-blocks__video-overlay {
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer !important;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
  transition: opacity 0.2s ease; }

.custom-3-blocks__video-overlay::before {
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 25px auto;
  border-radius: 50%;
  border: 2px solid #FFF;
  bottom: 0;
  content: '';
  display: block;
  height: 65px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 65px;
  z-index: 99; }

.custom-3-blocks__video-overlay:hover {
  opacity: 0.6; }

.custom-3-blocks__short {
  display: block;
  font-family: 'brandon-grotesque', sans-serif;
  font-weight: bold;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  width: 100%; }

.custom-3-blocks__short::after {
  display: inline-block;
  content: '—';
  margin-left: 5px; }

.custom-3-blocks__content {
  font-size: 15px;
  line-height: 1.4; }

.custom-3-blocks__item.about-1 {
  padding-top: 0; }

.custom-3-blocks__item.about-1 .custom-3-blocks__featured::before {
  padding-bottom: 120%; }

.custom-3-blocks__item.about-2 .custom-3-blocks__featured::before {
  padding-bottom: 68%; }

.custom-3-blocks__item.about-3 .custom-3-blocks__featured::before {
  padding-bottom: 120%; }

.custom-3-blocks__item.about-4 .custom-3-blocks__featured::before {
  padding-bottom: 76%; }

.custom-3-blocks__item .custom-3-blocks__featured.is-landscape::before {
  padding-bottom: 75%; }

.custom-3-blocks__item .custom-3-blocks__featured.is-portrait::before {
  padding-bottom: 120%; }

/** CUSTOM */
.custom-3-blocks__item.is-custom.custom-1 {
  padding-top: 0; }

.custom-3-blocks__item.is-custom.is-landscape .custom-3-blocks__featured::before {
  padding-bottom: 75%; }

.custom-3-blocks__item.is-custom.is-portrait .custom-3-blocks__featured::before {
  padding-bottom: 120%; }

@media only screen and (min-width: 560px) {
  .custom-3-blocks__item {
    margin: 0 auto;
    width: 70%; } }

@media only screen and (min-width: 740px) {
  .custom-3-blocks__item {
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    width: 100%; }
  .custom-3-blocks__holder,
  .custom-3-blocks__featured {
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    margin-bottom: 0;
    width: 50%; }
  .custom-3-blocks__holder {
    padding: 10px 40px 20px; }
  .custom-3-blocks__featured.is-mobile {
    display: none; }
  .custom-3-blocks__featured.is-main {
    display: block; }
  .custom-3-blocks__item.about-4 {
    border: none;
    padding-bottom: 0; }
  .custom-3-blocks__item.about-1 .custom-3-blocks__holder,
  .custom-3-blocks__item.about-3 .custom-3-blocks__holder,
  .custom-3-blocks__item.block-1 .custom-3-blocks__holder,
  .custom-3-blocks__item.block-3 .custom-3-blocks__holder {
    -ms-flex-order: 2;
        order: 2; }
  .custom-3-blocks__item.about-1 .custom-3-blocks__featured,
  .custom-3-blocks__item.about-3 .custom-3-blocks__featured,
  .custom-3-blocks__item.block-1 .custom-3-blocks__featured,
  .custom-3-blocks__item.block-3 .custom-3-blocks__featured {
    -ms-flex-order: 1;
        order: 1; }
  .custom-3-blocks__item.about-2 .custom-3-blocks__holder,
  .custom-3-blocks__item.about-4 .custom-3-blocks__holder,
  .custom-3-blocks__item.block-2 .custom-3-blocks__holder,
  .custom-3-blocks__item.block-4 .custom-3-blocks__holder {
    -ms-flex-order: 1;
        order: 1; }
  .custom-3-blocks__item.about-2 .custom-3-blocks__featured,
  .custom-3-blocks__item.about-4 .custom-3-blocks__featured,
  .custom-3-blocks__item.block-2 .custom-3-blocks__featured,
  .custom-3-blocks__item.block-4 .custom-3-blocks__featured {
    -ms-flex-order: 2;
        order: 2; }
  /* CUSTOM */
  .custom-3-blocks__item.is-custom.custom-1 .custom-3-blocks__holder,
  .custom-3-blocks__item.is-custom.custom-3 .custom-3-blocks__holder {
    -ms-flex-order: 2;
        order: 2; }
  .custom-3-blocks__item.is-custom.custom-1 .custom-3-blocks__featured,
  .custom-3-blocks__item.is-custom.custom-3 .custom-3-blocks__featured {
    -ms-flex-order: 1;
        order: 1; }
  .custom-3-blocks__item.is-custom.custom-2 .custom-3-blocks__holder {
    -ms-flex-order: 1;
        order: 1; }
  .custom-3-blocks__item.is-custom.custom-2 .custom-3-blocks__featured {
    -ms-flex-order: 2;
        order: 2; }
  .custom-3-blocks__item.is-custom.custom-1 .custom-3-blocks__holder,
  .custom-3-blocks__item.is-custom.custom-3 .custom-3-blocks__holder {
    padding-right: 0 !important; }
  .custom-3-blocks__item.is-custom.custom-2 .custom-3-blocks__holder {
    padding-left: 0 !important; } }

@media only screen and (min-width: 860px) {
  .custom-3-blocks__item {
    -ms-flex-align: center;
        align-items: center; }
  .custom-3-blocks__item.about-1 .custom-3-blocks__holder,
  .custom-3-blocks__item.about-3 .custom-3-blocks__holder {
    padding: 20px 80px;
    width: 60%; }
  .custom-3-blocks__item.about-1 .custom-3-blocks__featured,
  .custom-3-blocks__item.about-3 .custom-3-blocks__featured {
    width: 40%; }
  .custom-3-blocks__item.about-2 .custom-3-blocks__holder,
  .custom-3-blocks__item.about-4 .custom-3-blocks__holder {
    padding: 20px 50px;
    width: 44%; }
  .custom-3-blocks__item.about-2 .custom-3-blocks__featured,
  .custom-3-blocks__item.about-4 .custom-3-blocks__featured {
    width: 56%; }
  /* CUSTOM */
  .custom-3-blocks__item.is-custom.is-landscape .custom-3-blocks__holder {
    padding: 20px 50px; }
  .custom-3-blocks__item.is-custom.is-portrait .custom-3-blocks__holder {
    padding: 20px 80px; }
  .custom-3-blocks__item.is-custom.is-landscape .custom-3-blocks__holder,
  .custom-3-blocks__item.is-custom.is-portrait .custom-3-blocks__holder {
    width: 60%; }
  .custom-3-blocks__item.is-custom.is-landscape .custom-3-blocks__featured,
  .custom-3-blocks__item.is-custom.is-portrait .custom-3-blocks__featured {
    width: 56%; } }

@media only screen and (min-width: 1080px) {
  .custom-3-blocks__item {
    border: none;
    padding-bottom: 0; }
  .custom-3-blocks__holder {
    padding: 0;
    width: auto; }
  .custom-3-blocks__holder * {
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    width: 320px; }
  .custom-3-blocks__item.about-4 {
    margin-top: -100px; }
  .custom-3-blocks__item.about-2 .custom-3-blocks__holder * {
    width: 340px; }
  .custom-3-blocks__item.about-3 .custom-3-blocks__holder {
    margin-top: -60px; }
  .custom-3-blocks__item.about-3 .custom-3-blocks__holder * {
    width: 380px; }
  .custom-3-blocks__item.about-4 .custom-3-blocks__holder {
    margin-top: 60px; }
  .custom-3-blocks__item.about-1 .custom-3-blocks__featured {
    margin-left: 9%;
    width: 48%; }
  .custom-3-blocks__item.about-2 .custom-3-blocks__featured {
    width: 64%; }
  .custom-3-blocks__item.about-3 .custom-3-blocks__featured {
    width: 52%; }
  .custom-3-blocks__item.about-4 .custom-3-blocks__featured {
    margin-right: 6%;
    width: 56%; }
  /* CUSTOM */
  .custom-3-blocks__item.is-custom .custom-3-blocks__holder * {
    width: 340px; }
  .custom-3-blocks__item.is-custom .custom-3-blocks__featured {
    width: 64%; }
  .custom-3-blocks__item.is-custom.custom-1.is-portrait .custom-3-blocks__featured,
  .custom-3-blocks__item.is-custom.custom-3.is-portrait .custom-3-blocks__featured {
    margin-left: 9%; }
  .custom-3-blocks__item.is-custom.custom-2.is-portrait .custom-3-blocks__featured {
    margin-right: 9%; } }

/* 'Peach Lily' Theme */
.custom-theme.peach-lily .custom-3-blocks__headline {
  margin-bottom: 40px; }

.custom-theme.peach-lily .custom-3-blocks__tagline {
  margin-bottom: 10px; }

.custom-theme.peach-lily .custom-3-blocks__title {
  line-height: 1.2;
  margin-bottom: 20px; }

.custom-theme.peach-lily .custom-3-blocks__subtitle {
  margin-bottom: 20px; }

.custom-theme.peach-lily .custom-3-blocks__content {
  margin-top: 20px; }
  @media (min-width: 760px) {
    .custom-theme.peach-lily .custom-3-blocks__content {
      margin-top: 0; } }

.custom-theme.peach-lily .custom-3-blocks__featured {
  margin-top: 20px; }
  @media (min-width: 760px) {
    .custom-theme.peach-lily .custom-3-blocks__featured {
      margin-top: 0; } }

/* 'Awards Debut' Theme */
.custom-theme.awards-debut .custom-3-blocks__featured {
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-3-blocks__featured {
      margin-bottom: 0; } }
  .custom-theme.awards-debut .custom-3-blocks__featured::before {
    padding-bottom: 100% !important; }

.custom-theme.awards-debut .custom-3-blocks__featured.is-main {
  display: block; }

.custom-theme.awards-debut .custom-3-blocks__featured.is-mobile {
  display: none; }

.custom-theme.awards-debut .custom-3-blocks__tagline {
  margin-bottom: 10px; }

.custom-theme.awards-debut .custom-3-blocks__title {
  line-height: 1.2;
  margin-bottom: 10px; }

.custom-theme.awards-debut .custom-3-blocks__subtitle {
  margin-bottom: 10px; }

.custom-theme.awards-debut .custom-3-blocks__short {
  margin-bottom: 10px; }

.custom-theme.awards-debut .custom-3-blocks__signature {
  margin-top: 15px;
  width: 140px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-3-blocks__signature {
      margin-top: 25px;
      width: 160px; } }

.custom-testimonial {
  margin-bottom: 40px; }
  @media (min-width: 760px) {
    .custom-testimonial {
      margin-bottom: 70px; } }

.custom-testimonial__headline {
  text-align: center; }

.custom-testimonial__headline > * {
  border: none;
  color: #000;
  font-family: initial;
  font-size: initial;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  padding: 0; }

.custom-testimonial__holder {
  margin: 0 auto;
  max-width: 800px;
  position: relative; }

.custom-testimonial__holder .flickity-slider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  transform: none !important; }

.custom-testimonial__holder .flickity-page-dots {
  margin-top: 20px; }
  @media (min-width: 760px) {
    .custom-testimonial__holder .flickity-page-dots {
      margin-top: 40px; } }
  @media (min-width: 1080px) {
    .custom-testimonial__holder .flickity-page-dots {
      margin-top: 60px; } }

.custom-testimonial__mark {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  opacity: 0.1;
  position: absolute;
  top: 0;
  width: 70px;
  z-index: 0; }
  @media (min-width: 760px) {
    .custom-testimonial__mark {
      height: 90px;
      top: 50%;
      transform: translateY(-50%);
      width: 105px; } }
  @media (min-width: 1080px) {
    .custom-testimonial__mark {
      display: block;
      height: 120px;
      width: 140px; } }

.custom-testimonial__mark.is-first {
  background-image: url(//cdn.shopify.com/s/files/1/0791/2083/t/144/assets/awards-left-quote.svg?v=16409462906632429795);
  left: 0; }

.custom-testimonial__mark.is-last {
  background-image: url(//cdn.shopify.com/s/files/1/0791/2083/t/144/assets/awards-right-quote.svg?v=13676697585229444433);
  bottom: 30px;
  right: 0;
  top: auto; }
  @media (min-width: 760px) {
    .custom-testimonial__mark.is-last {
      bottom: auto;
      top: calc(50% - 50px); } }
  @media (min-width: 1080px) {
    .custom-testimonial__mark.is-last {
      top: calc(50% - 70px); } }

.custom-testimonial__item {
  left: 0 !important;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.5s ease-in, visibility 0.5s ease-in, z-index 0.5s ease-in;
  visibility: hidden;
  width: 100%;
  z-index: 2; }

.custom-testimonial__item.is-selected {
  opacity: 1;
  visibility: visible;
  z-index: 4; }

.custom-testimonial__quote {
  border: none;
  color: #000;
  font-family: initial;
  font-size: initial;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-align: center; }

/* 'Peach Lily' Theme */
.custom-theme.peach-lily .custom-testimonial__mark {
  display: none; }

/* 'Awards Debut' Theme */
.custom-theme.awards-debut .custom-testimonial__container {
  border-bottom: 1px solid #ededed;
  padding-bottom: 40px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-testimonial__container {
      padding-bottom: 70px; } }

.custom-theme.awards-debut .custom-testimonial__headline::after {
  background-color: #806b3b;
  content: '';
  display: block;
  height: 1px;
  margin: 15px auto;
  width: 90px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-testimonial__headline::after {
      margin-bottom: 30px;
      margin-top: 30px; } }

.custom-product-grid {
  margin-bottom: 40px; }
  @media (min-width: 760px) {
    .custom-product-grid {
      margin-bottom: 70px; } }

.custom-product-grid__headline {
  text-align: center; }

.custom-product-grid__headline > * {
  border: none;
  color: #000;
  font-family: initial;
  font-size: initial;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  padding: 0; }

.custom-product-grid__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: stretch;
      align-items: stretch; }

.custom-product-grid__row.is-4up .custom-product-grid__item {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin: 0 10px;
  width: calc(50% - 20px); }
  .custom-product-grid__row.is-4up .custom-product-grid__item:nth-child(n+3) {
    margin-top: 40px; }
    @media (min-width: 760px) {
      .custom-product-grid__row.is-4up .custom-product-grid__item:nth-child(n+3) {
        margin-top: 0; } }
  @media (min-width: 760px) {
    .custom-product-grid__row.is-4up .custom-product-grid__item:nth-child(n+4) {
      margin-top: 50px; } }
  @media (min-width: 1080px) {
    .custom-product-grid__row.is-4up .custom-product-grid__item:nth-child(n+4) {
      margin-top: 0; } }
  @media (min-width: 1080px) {
    .custom-product-grid__row.is-4up .custom-product-grid__item:nth-child(n+5) {
      margin-top: 65px; } }
  @media (min-width: 760px) {
    .custom-product-grid__row.is-4up .custom-product-grid__item {
      margin: 0 15px;
      width: calc(33.33% - 30px); } }
  @media (min-width: 1080px) {
    .custom-product-grid__row.is-4up .custom-product-grid__item {
      margin: 0 10px;
      width: calc(25% - 20px); } }

.custom-product-grid__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 40px;
  position: relative;
  text-align: center;
  transition: opacity 0.2s ease;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  -ms-flex-item-align: auto;
      align-self: auto; }
  .custom-product-grid__item:first-child {
    margin-top: 0; }
  .custom-product-grid__item:hover {
    opacity: 0.8; }

.custom-product-grid__holder {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-direction: column;
      flex-direction: column; }
  .custom-product-grid__holder > * {
    border: none;
    color: #000;
    -ms-flex-direction: column;
        flex-direction: column;
    font-family: initial;
    font-size: initial;
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
    padding: 0; }

.custom-product-grid__featured {
  background-color: #faefed;
  display: block;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  position: relative;
  width: 100%; }
  .custom-product-grid__featured:before {
    content: '';
    display: block;
    padding-top: 125%;
    width: 100%; }

.custom-product-grid__img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.custom-product-grid__name {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%; }

.custom-product-grid__details {
  height: 50px;
  width: 100%; }

.custom-product-grid__link {
  display: block;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }

/* 'Awards Debut' Theme */
.custom-theme.awards-debut .custom-product-grid__container {
  border-bottom: 1px solid #ededed;
  padding-bottom: 40px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-product-grid__container {
      padding-bottom: 70px; } }

.custom-theme.awards-debut .custom-product-grid__headline {
  margin-bottom: 40px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-product-grid__headline {
      margin-bottom: 60px; } }
  @media (min-width: 1080px) {
    .custom-theme.awards-debut .custom-product-grid__headline {
      margin-bottom: 80px; } }

.custom-theme.awards-debut .custom-product-grid__subtitle {
  margin: 10px auto 0;
  max-width: 410px; }

.custom-theme.awards-debut .custom-product-grid__badge {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 45px;
  left: 15px;
  position: absolute;
  top: -15px;
  width: 45px;
  z-index: 9; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-product-grid__badge {
      height: 75px;
      left: 25px;
      top: -25px;
      width: 75px; } }
  @media (min-width: 1080px) {
    .custom-theme.awards-debut .custom-product-grid__badge {
      height: 100px;
      left: 30px;
      top: -30px;
      width: 100px; } }

.custom-theme.awards-debut .custom-product-grid__name {
  margin-top: 10px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-product-grid__name {
      margin-top: 15px; } }

.custom-theme.awards-debut .custom-product-grid__details {
  margin-top: 10px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-product-grid__details {
      margin-top: 15px; } }

.custom-theme.awards-debut .custom-product-grid__details + .custom-product-grid__link {
  margin-top: 15px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-product-grid__details + .custom-product-grid__link {
      margin-top: 25px; } }

.custom-theme.awards-debut .custom-product-grid__link {
  margin-top: 15px;
  width: auto; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-product-grid__link {
      margin-top: 25px; } }

.custom-hero {
  position: relative;
  margin-bottom: 40px; }
  @media (min-width: 760px) {
    .custom-hero {
      margin-bottom: 70px; } }

.custom-hero__background {
  background-color: #faefed;
  max-height: 700px;
  min-height: 160px;
  position: relative;
  width: 100%;
  z-index: 0; }
  .custom-hero__background:before {
    content: '';
    display: block;
    padding-top: 48.61111%;
    width: 100%; }
  @media (min-width: 760px) {
    .custom-hero__background {
      min-height: 540px; } }

@media (min-width: 760px) {
  .custom-hero__container {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; } }

.custom-hero__img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block; }

.custom-hero__holder {
  padding-top: 20px;
  text-align: center;
  width: 100%; }
  @media (min-width: 640px) {
    .custom-hero__holder {
      padding-top: 40px; } }
  @media (min-width: 760px) {
    .custom-hero__holder {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      -ms-flex-pack: center;
          justify-content: center;
      max-width: 520px;
      min-width: 400px;
      padding: 0;
      width: 50%; } }

.custom-hero__holder > * {
  border: none;
  color: #000;
  font-family: initial;
  font-size: initial;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  padding: 0; }

/* 'Awards Debut' Theme */
.custom-theme.awards-debut .custom-hero__tagline,
.custom-theme.quiz-listing .custom-hero__tagline {
  margin-bottom: 10px; }

.custom-theme.awards-debut .custom-hero__content,
.custom-theme.quiz-listing .custom-hero__content {
  margin-top: 8px;
  width: 100%; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-hero__content,
    .custom-theme.quiz-listing .custom-hero__content {
      margin-top: 15px; } }

.custom-theme.awards-debut .custom-hero__button,
.custom-theme.quiz-listing .custom-hero__button {
  margin-top: 15px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-hero__button,
    .custom-theme.quiz-listing .custom-hero__button {
      margin-top: 40px; } }

.custom-theme.awards-debut .custom-hero--best-awards .custom-hero__tagline,
.custom-theme.awards-debut .custom-hero--best-awards .custom-hero__content,
.custom-theme.quiz-listing .custom-hero--best-awards .custom-hero__tagline,
.custom-theme.quiz-listing .custom-hero--best-awards .custom-hero__content {
  color: #000; }

.custom-theme.awards-debut .custom-hero--best-awards .custom-hero__title,
.custom-theme.quiz-listing .custom-hero--best-awards .custom-hero__title {
  color: #000;
  font-family: 'linotype-didot', serif; }
  .custom-theme.awards-debut .custom-hero--best-awards .custom-hero__title small,
  .custom-theme.quiz-listing .custom-hero--best-awards .custom-hero__title small {
    color: #000;
    display: block;
    text-transform: capitalize; }

.custom-theme.quiz-listing .custom-hero {
  margin-bottom: 0; }

.custom-theme.quiz-listing .custom-hero__tagline {
  color: #000; }

.custom-theme.quiz-listing .custom-hero__title {
  color: #000;
  font-size: 70px; }

.custom-theme.quiz-listing .custom-hero__content {
  color: #000; }

.custom-theme.quiz-listing .custom-hero__button::before {
  background: #818181; }

.custom-gallery {
  margin-bottom: 40px; }
  @media (min-width: 760px) {
    .custom-gallery {
      margin-bottom: 70px; } }

.custom-gallery__holder {
  background-color: #faefed;
  margin-bottom: 25px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  visibility: hidden;
  z-index: -1; }

.custom-gallery__holder.flickity-enabled {
  opacity: 1;
  position: relative;
  visibility: visible;
  z-index: 0; }

.custom-gallery__holder .flickity-page-dots {
  margin-top: 15px; }
  @media (min-width: 760px) {
    .custom-gallery__holder .flickity-page-dots {
      margin-top: 30px; } }
  @media (min-width: 1080px) {
    .custom-gallery__holder .flickity-page-dots {
      margin-top: 40px; } }

.custom-gallery__cell {
  min-height: 180px;
  position: relative;
  width: 100%; }
  .custom-gallery__cell:before {
    content: '';
    display: block;
    padding-top: 62.5%;
    width: 100%; }

.custom-gallery__img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.custom-gallery__counter {
  display: block;
  margin-top: 20px;
  text-align: center; }

/* 'Awards Debut' Theme */
.custom-theme.awards-debut .custom-gallery__container {
  padding: 0; }
  @media (max-width: 640px) {
    .custom-theme.awards-debut .custom-gallery__container {
      width: 100%; } }

.custom-theme.awards-debut .custom-gallery__cell {
  max-height: 900px; }

.custom-theme.awards-debut .flickity-prev-next-button {
  border: none;
  height: 35px;
  outline: none;
  padding: 0;
  width: 35px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .flickity-prev-next-button {
      height: 60px;
      width: 60px; } }
  @media (min-width: 1080px) {
    .custom-theme.awards-debut .flickity-prev-next-button {
      height: 90px;
      width: 90px; } }
  .custom-theme.awards-debut .flickity-prev-next-button::after {
    background-color: #bdaa71;
    border-radius: 50%;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    z-index: 0; }

.custom-theme.awards-debut .flickity-prev-next-button svg {
  display: block;
  left: auto;
  height: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  z-index: 2; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .flickity-prev-next-button svg {
      height: 12px;
      width: 12px; } }
  @media (min-width: 1080px) {
    .custom-theme.awards-debut .flickity-prev-next-button svg {
      height: 15px;
      width: 15px; } }

.custom-theme.awards-debut .flickity-prev-next-button.previous {
  left: -17.5px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .flickity-prev-next-button.previous {
      left: -30px; } }
  @media (min-width: 1080px) {
    .custom-theme.awards-debut .flickity-prev-next-button.previous {
      left: -45px; } }

.custom-theme.awards-debut .flickity-prev-next-button.next {
  right: -17.5px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .flickity-prev-next-button.next {
      right: -30px; } }
  @media (min-width: 1080px) {
    .custom-theme.awards-debut .flickity-prev-next-button.next {
      right: -45px; } }

.custom-theme.awards-debut .flickity-prev-next-button.next svg {
  left: 6px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .flickity-prev-next-button.next svg {
      left: 10px; } }
  @media (min-width: 1080px) {
    .custom-theme.awards-debut .flickity-prev-next-button.next svg {
      left: 15px; } }

.custom-theme.awards-debut .flickity-prev-next-button.previous svg {
  right: 6px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .flickity-prev-next-button.previous svg {
      right: 10px; } }
  @media (min-width: 1080px) {
    .custom-theme.awards-debut .flickity-prev-next-button.previous svg {
      right: 15px; } }

.custom-theme.awards-debut .flickity-prev-next-button path {
  fill: #fff; }

.no-touch .custom-theme.awards-debut .flickity-prev-next-button::after {
  transition: transform 0.2s ease-in; }

.no-touch .custom-theme.awards-debut .flickity-prev-next-button:hover::after {
  transform: scale(1.1); }

.custom-video {
  margin-bottom: 40px; }
  @media (min-width: 760px) {
    .custom-video {
      margin-bottom: 70px; } }

.custom-video__player {
  background-color: #faefed;
  position: relative; }
  .custom-video__player:before {
    content: '';
    display: block;
    padding-top: 56.25%;
    width: 100%; }

.custom-video__thumbnail,
.custom-video__holder {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0; }

.custom-video__thumbnail {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0; }

.custom-video__holder {
  -ms-flex-align: center;
      align-items: center;
  color: #fff;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 1; }

.custom-video__tagline,
.custom-video__title,
.custom-video__content {
  border: none;
  color: #000;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  font-family: initial;
  font-size: initial;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  max-width: 530px;
  padding: 0;
  width: auto; }

.custom-video__wrap.is-mobile {
  display: block; }
  @media (min-width: 760px) {
    .custom-video__wrap.is-mobile {
      display: none; } }

.custom-video__wrap.is-desktop {
  display: none; }
  @media (min-width: 760px) {
    .custom-video__wrap.is-desktop {
      display: block; } }

/* 'Awards Debut' Theme */
.custom-theme.awards-debut .custom-video {
  text-align: center; }

.custom-theme.awards-debut .custom-video__holder::before {
  background-color: rgba(0, 0, 0, 0.1);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.custom-theme.awards-debut .custom-video__tagline,
.custom-theme.awards-debut .custom-video__title,
.custom-theme.awards-debut .custom-video__content {
  color: #806b3b; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-video__tagline,
    .custom-theme.awards-debut .custom-video__title,
    .custom-theme.awards-debut .custom-video__content {
      color: #000; } }

.custom-theme.awards-debut .custom-video__tagline {
  margin-bottom: 10px; }

.custom-theme.awards-debut .custom-video__title {
  margin-bottom: 10px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-video__title {
      margin-bottom: 0; } }

.custom-theme.awards-debut .custom-video__content {
  margin-top: 10px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-video__content {
      margin-top: 15px; } }

.custom-theme.awards-debut .custom-video__button {
  -ms-flex-align: center;
      align-items: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  width: 45px; }
  @media (min-width: 640px) {
    .custom-theme.awards-debut .custom-video__button {
      height: 70px;
      margin-top: 25px;
      width: 70px; } }
  @media (min-width: 1080px) {
    .custom-theme.awards-debut .custom-video__button {
      height: 90px;
      width: 90px; } }
  .custom-theme.awards-debut .custom-video__button::before {
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid #fff;
    border-radius: 50%;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0; }
  .custom-theme.awards-debut .custom-video__button svg {
    z-index: 9; }

.custom-theme.awards-debut .custom-video__button svg {
  display: block;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  height: 16px;
  margin-left: 4px;
  width: 16px; }
  @media (min-width: 640px) {
    .custom-theme.awards-debut .custom-video__button svg {
      height: 28px;
      width: 28px; } }
  @media (min-width: 1080px) {
    .custom-theme.awards-debut .custom-video__button svg {
      height: 40px;
      width: 40px; } }

.no-touch .custom-theme.awards-debut .custom-video__button::before {
  transition: transform 0.2s ease-in; }

.no-touch .custom-theme.awards-debut .custom-video__holder:hover .custom-video__button::before {
  transform: scale(1.1); }

/* 'Beauty Home' */
.template-page-beauty-home .custom-video, .template-product-beauty .custom-video {
  text-align: center; }

.template-page-beauty-home .custom-video__holder::before, .template-product-beauty .custom-video__holder::before {
  background-color: rgba(0, 0, 0, 0.1);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.template-page-beauty-home .custom-video__tagline,
.template-page-beauty-home .custom-video__title,
.template-page-beauty-home .custom-video__content, .template-product-beauty .custom-video__tagline,
.template-product-beauty .custom-video__title,
.template-product-beauty .custom-video__content {
  color: #806b3b; }
  @media (min-width: 760px) {
    .template-page-beauty-home .custom-video__tagline,
    .template-page-beauty-home .custom-video__title,
    .template-page-beauty-home .custom-video__content, .template-product-beauty .custom-video__tagline,
    .template-product-beauty .custom-video__title,
    .template-product-beauty .custom-video__content {
      color: #000; } }

.template-page-beauty-home .custom-video__tagline, .template-product-beauty .custom-video__tagline {
  margin-bottom: 10px; }

.template-page-beauty-home .custom-video__title, .template-product-beauty .custom-video__title {
  margin-bottom: 10px; }
  @media (min-width: 760px) {
    .template-page-beauty-home .custom-video__title, .template-product-beauty .custom-video__title {
      margin-bottom: 0; } }

.template-page-beauty-home .custom-video__content, .template-product-beauty .custom-video__content {
  margin-top: 10px; }
  @media (min-width: 760px) {
    .template-page-beauty-home .custom-video__content, .template-product-beauty .custom-video__content {
      margin-top: 15px; } }

.template-page-beauty-home .custom-video__button, .template-product-beauty .custom-video__button {
  -ms-flex-align: center;
      align-items: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  width: 45px; }
  @media (min-width: 640px) {
    .template-page-beauty-home .custom-video__button, .template-product-beauty .custom-video__button {
      height: 70px;
      margin-top: 25px;
      width: 70px; } }
  @media (min-width: 1080px) {
    .template-page-beauty-home .custom-video__button, .template-product-beauty .custom-video__button {
      height: 90px;
      width: 90px; } }
  .template-page-beauty-home .custom-video__button::before, .template-product-beauty .custom-video__button::before {
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid #fff;
    border-radius: 50%;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0; }
  .template-page-beauty-home .custom-video__button svg, .template-product-beauty .custom-video__button svg {
    z-index: 9; }

.template-page-beauty-home .custom-video__button svg, .template-product-beauty .custom-video__button svg {
  display: block;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  height: 16px;
  margin-left: 4px;
  width: 16px; }
  @media (min-width: 640px) {
    .template-page-beauty-home .custom-video__button svg, .template-product-beauty .custom-video__button svg {
      height: 28px;
      width: 28px; } }
  @media (min-width: 1080px) {
    .template-page-beauty-home .custom-video__button svg, .template-product-beauty .custom-video__button svg {
      height: 40px;
      width: 40px; } }

.no-touch .template-page-beauty-home .custom-video__button::before, .no-touch .template-product-beauty .custom-video__button::before {
  transition: transform 0.2s ease-in; }

.no-touch .template-page-beauty-home .custom-video__holder:hover .custom-video__button::before, .no-touch .template-product-beauty .custom-video__holder:hover .custom-video__button::before {
  transform: scale(1.1); }

.custom-text {
  margin-bottom: 40px;
  text-align: center; }
  @media (min-width: 760px) {
    .custom-text {
      margin-bottom: 70px; } }

.custom-text__tagline,
.custom-text__content {
  border: none;
  color: #000;
  font-family: initial;
  font-size: initial;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  padding: 0; }

/* 'Awards Debut' Theme */
.custom-theme.awards-debut .custom-text__container {
  border-bottom: 1px solid #ededed;
  padding-bottom: 40px; }
  @media (min-width: 760px) {
    .custom-theme.awards-debut .custom-text__container {
      padding-bottom: 70px; } }

.custom-theme.awards-debut .custom-text__tagline {
  margin-bottom: 10px; }

.custom-theme.awards-debut .custom-text__content {
  margin: 0 auto;
  max-width: 840px; }

.custom-intro {
  margin: 20px auto 50px;
  max-width: 800px;
  text-align: center;
  width: 100%; }

.custom-intro__headline {
  margin-bottom: 15px;
  text-align: center; }

.custom-intro__featured {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  margin: 20px auto;
  max-width: 140px;
  position: relative;
  width: 100%; }

.custom-intro__featured:before {
  content: '';
  display: block;
  padding-bottom: 50%; }

.custom-intro__video {
  background-size: cover;
  display: block;
  margin-bottom: 25px;
  overflow: hidden;
  position: relative;
  width: 100%; }

.custom-intro__video:before {
  content: '';
  display: block;
  padding-bottom: 56%; }

.custom-intro__video-overlay {
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer !important;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
  transition: opacity 0.2s ease; }

.custom-intro__video-overlay:before {
  background-image: url(//cdn.shopify.com/s/files/1/0791/2083/t/144/assets/smc-video-btn.svg?v=14871272929058625483);
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 25px auto;
  border-radius: 50%;
  border: 2px solid #FFF;
  bottom: 0;
  content: '';
  display: block;
  height: 65px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 65px;
  z-index: 99; }

.custom-intro__video-overlay:hover {
  opacity: 0.6; }

@media only screen and (min-width: 620px) {
  .custom-intro {
    margin: 30px auto 60px; }
  .custom-intro__featured {
    margin-bottom: 25px;
    margin-top: 25px;
    max-width: 200px; } }

@media only screen and (min-width: 1080px) {
  .custom-intro {
    margin: 30px auto 100px; } }

/* 'Peach Lily' Theme */
.smc-shop {
  margin-bottom: 40px;
  padding-top: 20px; }

.smc-shop__container {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 30px; }

.smc-shop__headline {
  margin-bottom: 30px; }

.smc-shop__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: stretch;
      align-items: stretch; }

.smc-shop__row:last-child {
  margin-top: 40px; }

.smc-shop__item {
  display: block;
  margin-top: 40px;
  position: relative;
  text-align: center;
  transition: opacity 0.2s ease;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto; }

.smc-shop__item:first-child {
  margin-top: 0; }

.smc-shop__item:hover {
  opacity: 0.8; }

.smc-shop__featured {
  background-size: cover;
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  width: 100%; }

.smc-shop__featured:before {
  display: block;
  content: ''; }

.smc-shop__title {
  text-align: center; }

.smc-shop__content {
  color: #000;
  margin: -5px 0 20px;
  opacity: 0.5; }

.smc-shop__item.up-3 .smc-shop__featured:before {
  padding-bottom: 125%; }

.smc-shop__item.up-2 .smc-shop__featured:before {
  padding-bottom: 71%; }

/* CUSTOM */
.smc-shop__item.is-custom .smc-shop__featured {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain; }

.smc-shop__item.is-custom .smc-shop__featured:before {
  padding-bottom: 100%; }

@media only screen and (min-width: 560px) {
  .smc-shop__item {
    margin-left: auto;
    margin-right: auto; }
  .smc-shop__item.up-3 {
    width: 40%; }
  .smc-shop__item.up-2 {
    width: 60%; } }

@media only screen and (min-width: 620px) {
  .smc-shop {
    margin-bottom: 60px;
    padding-top: 30px; }
  .smc-shop__container {
    padding-bottom: 60px; } }

@media only screen and (min-width: 740px) {
  .smc-shop__container {
    width: calc( 100% - 60px); }
  .smc-shop__row {
    -ms-flex-direction: row;
        flex-direction: row; }
  .smc-shop__item {
    margin: 0; }
  .smc-shop__headline {
    margin-bottom: 40px; }
  .smc-shop__item.up-3 {
    margin-left: 30px;
    width: calc( 33.33% - 20px); }
  .smc-shop__item.up-3:first-child {
    margin-left: 0; }
  .smc-shop__item.up-2 {
    width: calc( 50% - 10px); }
  .smc-shop__item.up-2:first-child {
    margin-right: 20px; }
  .smc-shop__content {
    margin-bottom: 0; }
  .smc-shop__link {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0; }
  .smc-shop__item.is-custom {
    padding-bottom: 40px; }
  .smc-shop__item.up-2.is-custom {
    width: calc( 33.33% - 20px); } }

@media only screen and (min-width: 860px) {
  .smc-shop__item.up-2 {
    width: 40%; } }

.dream-hero {
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 40px;
  padding-bottom: 40px; }

.dream-hero__holder {
  margin-top: -20px;
  padding: 0 10px;
  position: relative;
  width: 100%; }

.dream-hero__head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start; }

.dream-hero__title {
  margin-bottom: 20px; }

.dream-hero__subtitle {
  font-size: 20px;
  margin-bottom: 25px;
  max-width: 300px; }

.dream-hero__link {
  font-weight: normal;
  letter-spacing: 0;
  text-transform: lowercase; }

.dream-hero__featured {
  background-size: cover;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%; }

.dream-hero__featured:before {
  display: block;
  content: '';
  padding-bottom: 57.5%; }

.dream-hero__img {
  display: none;
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%; }

@media only screen and (max-width: 620px) {
  .dream-hero__featured {
    background-image: url(//cdn.shopify.com/s/files/1/0791/2083/t/144/assets/smc-hero-mobile.jpg?v=18248094367203594379) !important; } }

@media only screen and (min-width: 620px) {
  .dream-hero {
    border: none;
    margin-bottom: 65px;
    padding-bottom: 0; } }

@media only screen and (min-width: 740px) {
  .dream-hero__head {
    -ms-flex-direction: row;
        flex-direction: row; }
  .dream-hero__title {
    width: 100%; }
  .dream-hero__subtitle {
    margin: 40px 0 0 40px;
    max-width: none; } }

@media only screen and (min-width: 860px) {
  .dream-hero__holder {
    bottom: 0;
    left: 0;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: 70%;
    z-index: 9;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start; }
  .dream-hero__holder * {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto; }
  .dream-hero__featured {
    float: right;
    width: 72%; }
  .dream-hero__head {
    -ms-flex-direction: column;
        flex-direction: column; }
  .dream-hero__subtitle {
    margin: 0 0 25px;
    max-width: 300px; } }

.dream-header__container {
  padding: 20px 0;
  position: relative; }

.dream-header__logo {
  display: block;
  margin: 0 auto;
  width: 160px;
  transition: opacity 0.2s ease; }

.dream-header__logo:hover {
  opacity: 0.8; }

@media only screen and (min-width: 620px) {
  .dream-header__container {
    padding: 30px 0; }
  .dream-header__logo {
    width: 200px; } }

@media only screen and (min-width: 1080px) {
  .dream-header__logo {
    width: 250px; } }

.dream-notice {
  margin-bottom: 40px; }

.dream-notice__list {
  border-bottom: 1px solid #E6E6E6;
  border-top: 1px solid #E6E6E6;
  padding: 30px 0;
  /* Flex */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.dream-notice__item {
  margin-top: 20px;
  width: 100%;
  /* Flex */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-order: 0;
  order: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: auto;
  align-self: auto; }

.dream-notice__item:first-child {
  margin-left: 0;
  margin-top: 0; }

.dream-notice__item * {
  /* Flex */
  -ms-flex-order: 0;
  order: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
      align-self: auto; }

.dream-notice__number {
  display: block;
  font-family: 'ratiomodern',Times New Roman,sans-serif;
  font-size: 44px;
  font-style: italic;
  text-align: center;
  width: 40px; }

.dream-notice__content {
  font-family: 'ratiomodern',Times New Roman,sans-serif;
  margin-left: 15px; }

@media only screen and (min-width: 620px) {
  .dream-notice {
    margin-bottom: 60px; }
  .dream-notice__list {
    /* Flex */
    -ms-flex-direction: row;
    flex-direction: row; }
  .dream-notice__item {
    margin: 0 10px 30px;
    width: calc( 33% - 20px); }
  .dream-notice__item:nth-child(4),
  .dream-notice__item:nth-child(5) {
    margin-bottom: 0; }
  .dream-notice__number {
    font-size: 55px;
    width: auto; }
  .dream-notice__content {
    width: 100%; } }

@media only screen and (min-width: 840px) {
  .dream-notice__item {
    margin: 0 0 0 30px;
    width: calc( 20% - 24px); }
  .dream-notice__item:first-child {
    margin-left: 0; }
  .dream-notice__item:nth-child(4),
  .dream-notice__item:nth-child(5) {
    margin-top: 0; } }

@media only screen and (min-width: 1080px) {
  .dream-notice__item {
    /* Flex */
    -ms-flex-align: center;
    align-items: center; } }

.dream-about {
  margin-bottom: 20px; }

.dream-about__headline {
  margin-bottom: 30px; }

.dream-about__item {
  padding-top: 40px;
  position: relative;
  width: 100%; }

.dream-about__holder {
  width: 100%; }

.dream-about__title {
  margin-bottom: 10px; }

.dream-about__subtitle {
  margin-bottom: 20px; }

.dream-about__featured {
  background-size: cover;
  display: block;
  margin-bottom: 25px;
  overflow: hidden;
  position: relative;
  width: 100%; }

.dream-about__featured.is-mobile {
  display: block; }

.dream-about__featured.is-main {
  display: none; }

.dream-about__featured:before {
  display: block;
  content: ''; }

.dream-about__video-overlay {
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer !important;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
  transition: opacity 0.2s ease; }

.dream-about__video-overlay:before {
  background-image: url(//cdn.shopify.com/s/files/1/0791/2083/t/144/assets/smc-video-btn.svg?v=14871272929058625483);
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 25px auto;
  border-radius: 50%;
  border: 2px solid #FFF;
  bottom: 0;
  content: '';
  display: block;
  height: 65px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 65px;
  z-index: 99; }

.dream-about__video-overlay:hover {
  opacity: 0.6; }

.dream-about__short {
  display: block;
  font-family: 'brandon-grotesque',sans-serif;
  font-weight: bold;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  width: 100%; }

.dream-about__short:after {
  display: inline-block;
  content: '—';
  margin-left: 5px; }

.dream-about__content {
  font-size: 15px;
  line-height: 1.4;
  padding-top: 10px; }

.dream-about__item.about-1 {
  padding-top: 0; }

.dream-about__item.about-1 .dream-about__featured:before {
  padding-bottom: 120%; }

.dream-about__item.about-2 .dream-about__featured:before {
  padding-bottom: 68%; }

.dream-about__item.about-3 .dream-about__featured:before {
  padding-bottom: 120%; }

.dream-about__item.about-4 .dream-about__featured:before {
  padding-bottom: 76%; }

.dream-about__item .dream-about__featured.is-landscape:before {
  padding-bottom: 75%; }

.dream-about__item .dream-about__featured.is-portrait:before {
  padding-bottom: 120%; }

@media only screen and (min-width: 560px) {
  .dream-about__item {
    margin: 0 auto;
    width: 70%; } }

@media only screen and (min-width: 620px) {
  .dream-about {
    margin-bottom: 30px; } }

@media only screen and (min-width: 740px) {
  .dream-about__item {
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 40px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start; }
  .dream-about__holder,
  .dream-about__featured {
    margin-bottom: 0;
    width: 50%;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto; }
  .dream-about__holder {
    padding: 10px 40px 20px; }
  .dream-about__featured.is-mobile {
    display: none; }
  .dream-about__featured.is-main {
    display: block; }
  .dream-about__headline {
    margin-bottom: 40px; }
  .dream-about__subtitle {
    margin-bottom: 30px; }
  .dream-about__item.about-4 {
    border: none;
    padding-bottom: 0; }
  .dream-about__item.about-1 .dream-about__holder,
  .dream-about__item.about-3 .dream-about__holder {
    -ms-flex-order: 2;
        order: 2; }
  .dream-about__item.about-1 .dream-about__featured,
  .dream-about__item.about-3 .dream-about__featured {
    -ms-flex-order: 1;
        order: 1; }
  .dream-about__item.about-2 .dream-about__holder,
  .dream-about__item.about-4 .dream-about__holder {
    -ms-flex-order: 1;
        order: 1; }
  .dream-about__item.about-2 .dream-about__featured,
  .dream-about__item.about-4 .dream-about__featured {
    -ms-flex-order: 2;
        order: 2; } }

@media only screen and (min-width: 860px) {
  .dream-about__item {
    -ms-flex-align: center;
        align-items: center; }
  .dream-about__item.about-1 .dream-about__holder,
  .dream-about__item.about-3 .dream-about__holder {
    padding: 20px 80px;
    width: 60%; }
  .dream-about__item.about-1 .dream-about__featured,
  .dream-about__item.about-3 .dream-about__featured {
    width: 40%; }
  .dream-about__item.about-2 .dream-about__holder,
  .dream-about__item.about-4 .dream-about__holder {
    padding: 20px 50px;
    width: 44%; }
  .dream-about__item.about-2 .dream-about__featured,
  .dream-about__item.about-4 .dream-about__featured {
    width: 56%; } }

@media only screen and (min-width: 1080px) {
  .dream-about__item {
    border: none;
    padding-bottom: 0; }
  .dream-about__holder {
    padding: 0;
    width: auto; }
  .dream-about__holder * {
    width: 320px;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto; }
  .dream-about__item.about-4 {
    margin-top: -100px; }
  .dream-about__item.about-2 .dream-about__holder * {
    width: 340px; }
  .dream-about__item.about-3 .dream-about__holder {
    margin-top: -60px; }
  .dream-about__item.about-3 .dream-about__holder * {
    width: 380px; }
  .dream-about__item.about-4 .dream-about__holder {
    margin-top: 60px; }
  .dream-about__item.about-1 .dream-about__featured {
    margin-left: 9%;
    width: 48%; }
  .dream-about__item.about-2 .dream-about__featured {
    width: 64%; }
  .dream-about__item.about-3 .dream-about__featured {
    width: 52%; }
  .dream-about__item.about-4 .dream-about__featured {
    margin-right: 6%;
    width: 56%; } }

.dream-shop {
  margin-bottom: 40px;
  padding-top: 20px; }

.dream-shop__container {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 30px; }

.dream-shop__headline {
  margin-bottom: 30px; }

.dream-shop__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: stretch;
      align-items: stretch; }

.dream-shop__row:last-child {
  margin-top: 40px; }

.dream-shop__item {
  display: block;
  margin-top: 40px;
  position: relative;
  text-align: center;
  transition: opacity 0.2s ease;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto; }

.dream-shop__item:first-child {
  margin-top: 0; }

.dream-shop__item:hover {
  opacity: 0.8; }

.dream-shop__featured {
  background-size: cover;
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  width: 100%; }

.dream-shop__featured:before {
  display: block;
  content: ''; }

.dream-shop__title {
  text-align: center; }

.dream-shop__content {
  color: #000;
  margin: -5px 0 20px;
  opacity: 0.5; }

.dream-shop__item.up-3 .dream-shop__featured:before {
  padding-bottom: 125%; }

.dream-shop__item.up-2 .dream-shop__featured:before {
  padding-bottom: 71%; }

@media only screen and (min-width: 560px) {
  .dream-shop__item {
    margin-left: auto;
    margin-right: auto; }
  .dream-shop__item.up-3 {
    width: 40%; }
  .dream-shop__item.up-2 {
    width: 60%; } }

@media only screen and (min-width: 620px) {
  .dream-shop {
    margin-bottom: 60px;
    padding-top: 30px; }
  .dream-shop__container {
    padding-bottom: 60px; } }

@media only screen and (min-width: 740px) {
  .dream-shop__container {
    width: calc( 100% - 60px); }
  .dream-shop__row {
    -ms-flex-direction: row;
        flex-direction: row; }
  .dream-shop__item {
    margin: 0; }
  .dream-shop__headline {
    margin-bottom: 40px; }
  .dream-shop__item.up-3 {
    margin-left: 30px;
    width: calc( 33.33% - 20px); }
  .dream-shop__item.up-3:first-child {
    margin-left: 0; }
  .dream-shop__item.up-2 {
    width: calc( 50% - 10px); }
  .dream-shop__item.up-2:first-child {
    margin-right: 20px; }
  .dream-shop__content {
    margin-bottom: 0; }
  .dream-shop__link {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0; } }

@media only screen and (min-width: 860px) {
  .dream-shop__item.up-2 {
    width: 40%; } }

.recommended-quizzes {
  -ms-flex-align: stretch;
      align-items: stretch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 40px; }

.recommended-quizzes__item {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin: 10px 0;
  max-width: 270px;
  width: 100%; }
  @media (min-width: 480px) {
    .recommended-quizzes__item {
      margin: 10px;
      width: calc(50% - 20px); } }
  @media (min-width: 760px) {
    .recommended-quizzes__item {
      width: calc(33.33% - 20px); } }
  @media (min-width: 1080px) {
    .recommended-quizzes__item {
      width: calc(20% - 20px); } }

.recommended-quizzes__item .product-item {
  height: 100% !important;
  margin: 0 !important;
  width: 100% !important; }

.quizzes-3up {
  margin-bottom: 40px;
  padding-top: 20px; }

.quizzes-3up__container {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 30px; }

.quizzes-3up__headline {
  margin-bottom: 30px; }

.quizzes-3up__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: stretch;
      align-items: stretch;
  margin-top: 40px; }

.quizzes-3up__item {
  display: block;
  margin-top: 40px;
  position: relative;
  text-align: center;
  transition: opacity 0.2s ease;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto; }

.quizzes-3up__item:first-child {
  margin-top: 0; }

.quizzes-3up__item:hover {
  opacity: 0.8; }

.quizzes-3up__featured {
  background-size: cover;
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  width: 100%; }

.quizzes-3up__featured:before {
  display: block;
  content: ''; }

.quizzes-3up__title {
  text-align: center; }

.quizzes-3up__content {
  color: #000;
  margin: -5px 0 20px;
  opacity: 0.5; }

.quizzes-3up__item.up-3 .quizzes-3up__featured:before {
  padding-bottom: 125%; }

.quizzes-3up__item.up-2 .quizzes-3up__featured:before {
  padding-bottom: 71%; }

@media only screen and (min-width: 560px) {
  .quizzes-3up__item {
    margin-left: auto;
    margin-right: auto; }
  .quizzes-3up__item.up-3 {
    width: 40%; }
  .quizzes-3up__item.up-2 {
    width: 60%; } }

@media only screen and (min-width: 620px) {
  .quizzes-3up {
    margin-bottom: 60px;
    padding-top: 30px; }
  .quizzes-3up__container {
    padding-bottom: 60px; } }

@media only screen and (min-width: 740px) {
  .quizzes-3up__container {
    width: calc( 100% - 60px); }
  .quizzes-3up__row {
    -ms-flex-direction: row;
        flex-direction: row; }
  .quizzes-3up__item {
    margin: 0; }
  .quizzes-3up__headline {
    margin-bottom: 40px; }
  .quizzes-3up__item.up-3 {
    margin-left: 30px;
    width: calc( 33.33% - 20px); }
  .quizzes-3up__item.up-3:first-child {
    margin-left: 0; }
  .quizzes-3up__item.up-2 {
    width: calc( 50% - 10px); }
  .quizzes-3up__item.up-2:first-child {
    margin-right: 20px; }
  .quizzes-3up__content {
    margin-bottom: 0; }
  .quizzes-3up__link {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0; } }

@media only screen and (min-width: 860px) {
  .quizzes-3up__item.up-2 {
    width: 40%; } }

/**
 * Product Item
 */
.product-item,
.product-item:focus,
.product-item:active {
  border: 1px solid rgba(204, 204, 204, 0.5);
  color: inherit;
  display: block;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-bottom: 30px;
  max-width: 270px;
  padding: 10px;
  text-align: center;
  width: 100%; }
  @media (min-width: 760px) {
    .product-item,
    .product-item:focus,
    .product-item:active {
      margin-left: 30px;
      max-width: none;
      width: calc( 50% - 15px); } }
  @media (min-width: 1440px) {
    .product-item,
    .product-item:focus,
    .product-item:active {
      width: calc( 25% - 22.5px); } }

.product-item:first-child {
  margin-left: 0; }

.product-item:nth-child(3n) {
  margin-left: 0; }
  @media (min-width: 1440px) {
    .product-item:nth-child(3n) {
      margin-left: 30px; } }

.product-item__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%; }

.product-item__featured {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-bottom: 10px;
  width: 100%; }
  .product-item__featured:before {
    content: '';
    display: block;
    padding-top: 100%;
    width: 100%; }

.product-item__main {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin-bottom: 15px;
  width: 100%; }

.product-item__vendor {
  display: block;
  margin-bottom: 2px; }

.product-item__sub {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  font-family: 'linotype-didot', serif;
  font-size: 15px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%; }

.product-item__price {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: auto; }

.product-item__sale-price {
  opacity: 0.5;
  text-decoration: line-through; }

.product-item__review {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: auto; }

.product-item__review .text-m {
  display: none; }

/**
 * No Touch
 */
.no-touch .product-item {
  transition: opacity 0.2s ease-in; }

.no-touch .product-item:hover {
  border: 1px solid rgba(204, 204, 204, 0.5);
  color: inherit;
  opacity: 0.7; }

/**
 * Modal
 */
.mod {
  -webkit-backface-visibility: hidden;
  -ms-flex-align: stretch;
      align-items: stretch;
  background-color: rgba(0, 0, 0, 0.4);
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  left: 0;
  opacity: 0;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  transition: opacity 0.5s ease-in, visibility 0.5s ease-in, z-index 0.5s ease-in;
  visibility: hidden;
  width: 100%;
  z-index: -1; }

.mod.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 99999; }

.mod.is-active .mod-content {
  transform: translateY(0); }

.mod.is-video .mod-content {
  background-color: transparent;
  max-height: 530px; }

.mod.is-scrolling .mod__wrap {
  -ms-flex-align: start;
      align-items: flex-start;
  padding-top: 50px; }

.mod__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 auto;
  width: calc( 100% - 40px); }

.mod-overlay {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0; }

.mod-content {
  background-color: #fff;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
  max-width: 950px;
  position: relative;
  transform: translateY(100px);
  transition: transform 0.2s ease-in;
  width: 100%;
  z-index: 99; }

.mod-content.is-video {
  height: auto; }
  .mod-content.is-video:before {
    content: '';
    display: block;
    padding-top: 56.25%;
    width: 100%; }

.mod-content.is-video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.mod-close {
  background-image: url(//cdn.shopify.com/s/files/1/0791/2083/t/144/assets/ico-close-modal.svg?v=8821958154962224867);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  display: block;
  height: 16px;
  position: absolute;
  right: 0;
  top: -30px;
  width: 16px; }
  @media (min-width: 760px) {
    .mod-close {
      height: 20px;
      top: -40px;
      width: 20px; } }

/**
 * No Touch
 */
.no-touch .mod-close {
  transition: opacity 0.2s ease-in; }

.no-touch .mod-close:hover {
  opacity: 0.7; }

/**
 * Review badge
 */
.rb-star {
  color: #8d92a7;
  font-family: 'yotpo-widget-font';
  font-size: 17px;
  line-height: 17px; }

.rb-star:before {
  content: '\e61b'; }

.rb-star.is-full:before {
  content: '\e60e'; }

/**
 * Hero
 */
.hero {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.hero.is-default .hero__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%; }
  @media (min-width: 1080px) {
    .hero.is-default .hero__container {
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between;
      width: calc( 100% - 140px); } }

@media (min-width: 1080px) {
  .hero.is-default {
    padding: 40px 0; } }

.hero.is-default .hero-main {
  -ms-flex-align: center;
      align-items: center;
  background-color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-pack: center;
      justify-content: center;
  margin: -40px auto 0;
  -ms-flex-order: 2;
      order: 2;
  padding: 30px;
  text-align: center;
  width: calc( 100% - 60px);
  z-index: 999; }
  @media (min-width: 480px) {
    .hero.is-default .hero-main {
      width: calc( 100% - 80px); } }
  @media (min-width: 1080px) {
    .hero.is-default .hero-main {
      -ms-flex-pack: start;
          justify-content: flex-start;
      margin-top: 0;
      -ms-flex-order: 1;
          order: 1;
      padding: 0;
      text-align: left;
      width: 50%; } }
  @media (min-width: 1280px) {
    .hero.is-default .hero-main {
      width: 40%; } }

.hero.is-default .hero-main__holder {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%; }
  @media (min-width: 1080px) {
    .hero.is-default .hero-main__holder {
      max-width: 340px; } }

@media (min-width: 1080px) {
  .hero.is-default .hero-main__ctas {
    -ms-flex-pack: start;
        justify-content: flex-start; } }

.hero.is-default .hero-featured {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  max-height: 395px;
  -ms-flex-order: 1;
      order: 1;
  position: relative;
  width: 100%; }
  .hero.is-default .hero-featured:before {
    content: '';
    display: block;
    padding-top: 58.95522%;
    width: 100%; }
  @media (min-width: 1080px) {
    .hero.is-default .hero-featured {
      -ms-flex-order: 2;
          order: 2;
      width: 50%; } }
  @media (min-width: 1280px) {
    .hero.is-default .hero-featured {
      width: 60%; } }

.hero.is-overlay .hero__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: none;
  width: 100%; }

.hero.is-overlay .hero-main {
  -ms-flex-align: center;
      align-items: center;
  background-color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-pack: center;
      justify-content: center;
  margin: -40px auto 0;
  -ms-flex-order: 2;
      order: 2;
  padding: 30px;
  text-align: center;
  width: calc( 100% - 60px);
  z-index: 999; }
  @media (min-width: 480px) {
    .hero.is-overlay .hero-main {
      width: calc( 100% - 80px); } }
  @media (min-width: 1080px) {
    .hero.is-overlay .hero-main {
      left: 50%;
      margin: 0;
      padding: 50px 100px;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      width: auto; } }

.hero.is-overlay .hero-main__holder {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%; }

.hero.is-overlay .hero-featured {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  max-height: 400px;
  -ms-flex-order: 1;
      order: 1;
  position: relative;
  width: 100%; }
  .hero.is-overlay .hero-featured:before {
    content: '';
    display: block;
    padding-top: 58.95522%;
    width: 100%; }

.hero-featured__video-overlay {
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer !important;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 9; }

.hero-featured__video-overlay:before {
  background-image: url(//cdn.shopify.com/s/files/1/0791/2083/t/144/assets/smc-video-btn.svg?v=14871272929058625483);
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 25px auto;
  border-radius: 50%;
  border: 2px solid #fff;
  bottom: 0;
  content: '';
  display: block;
  height: 65px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 65px;
  z-index: 99; }

.hero-main__title {
  margin-bottom: 20px; }

.hero-main__content {
  margin-bottom: 30px; }

.hero-main__ctas {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.hero-main__btn {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: auto; }

.hero-main__btn:last-child {
  margin-left: 20px; }

/**
 * No Touch
 */
.no-touch .hero-featured__video-overlay {
  transition: opacity 0.2s ease; }

.no-touch .hero-featured__video-overlay:hover {
  opacity: 0.6; }

.vex {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 40px; }
  @media (min-width: 1080px) {
    .vex {
      padding: 0 0 80px; } }

.vex__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%; }
  @media (min-width: 1080px) {
    .vex__container {
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-pack: justify;
          justify-content: space-between;
      width: calc( 100% - 140px); } }

.vex-main {
  -ms-flex-align: center;
      align-items: center;
  background-color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-pack: center;
      justify-content: center;
  margin: -40px auto 0;
  -ms-flex-order: 2;
      order: 2;
  padding: 30px;
  text-align: center;
  width: calc( 100% - 60px);
  z-index: 999; }
  @media (min-width: 480px) {
    .vex-main {
      width: calc( 100% - 80px); } }
  @media (min-width: 1080px) {
    .vex-main {
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-order: 1;
          order: 1;
      padding: 0;
      text-align: left;
      width: 50%; } }
  @media (min-width: 1280px) {
    .vex-main {
      width: 40%; } }

.vex-main__holder {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%; }
  @media (min-width: 1080px) {
    .vex-main__holder {
      max-width: 340px; } }

.vex-featured {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  max-height: 395px;
  -ms-flex-order: 1;
      order: 1;
  position: relative;
  width: 100%; }
  .vex-featured:before {
    content: '';
    display: block;
    padding-top: 58.95522%;
    width: 100%; }
  @media (min-width: 1080px) {
    .vex-featured {
      -ms-flex-order: 2;
          order: 2;
      width: 50%; } }
  @media (min-width: 1280px) {
    .vex-featured {
      width: 60%; } }

.vex-featured__video-overlay {
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer !important;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 9; }

.vex-featured__video-overlay:before {
  background-image: url(//cdn.shopify.com/s/files/1/0791/2083/t/144/assets/smc-video-btn.svg?v=14871272929058625483);
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 25px auto;
  border-radius: 50%;
  border: 2px solid #fff;
  bottom: 0;
  content: '';
  display: block;
  height: 65px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 65px;
  z-index: 99; }

.vex-main__title {
  margin-bottom: 20px; }

.vex-main__content {
  margin-bottom: 30px; }

/**
 * No Touch
 */
.no-touch .vex-featured__video-overlay {
  transition: opacity 0.2s ease; }

.no-touch .vex-featured__video-overlay:hover {
  opacity: 0.6; }

/**
 * Best Sellers
 */
.best-sell {
  margin-bottom: 20px;
  margin-top: 20px; }
  @media (min-width: 760px) {
    .best-sell {
      margin-bottom: 50px;
      margin-top: 50px; } }
  @media (min-width: 1080px) {
    .best-sell {
      margin-bottom: 100px;
      margin-top: 80px; } }

.best-sell__title {
  margin-bottom: 20px; }
  @media (min-width: 760px) {
    .best-sell__title {
      margin-bottom: 30px; } }

/**
 * Best Sellers Item
 */
.bell-item {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 30px; }
  @media (min-width: 760px) {
    .bell-item {
      margin-bottom: 40px; } }
  @media (min-width: 880px) {
    .bell-item {
      -ms-flex-align: stretch;
          align-items: stretch;
      border: 1px solid #ccc;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media (min-width: 1280px) {
    .bell-item {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      margin-bottom: 50px; } }

.bell-item:last-child {
  margin-bottom: 0; }

.bell-item .bell-featured {
  max-width: 280px; }
  @media (min-width: 880px) {
    .bell-item .bell-featured {
      max-width: 400px;
      width: 40%; } }
  @media (min-width: 1280px) {
    .bell-item .bell-featured {
      width: 37%; } }

.bell-featured {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-bottom: 15px;
  width: 100%; }
  .bell-featured:before {
    content: '';
    display: block;
    padding-top: 100%;
    width: 100%; }
  @media (min-width: 880px) {
    .bell-featured {
      margin-bottom: 0; } }

.bell-main {
  display: none; }
  @media (min-width: 880px) {
    .bell-main {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      -ms-flex-direction: column;
          flex-direction: column;
      padding: 30px 40px;
      width: 60%; } }
  @media (min-width: 1280px) {
    .bell-main {
      width: auto; } }

.bell-main__title,
.bell-main__holder,
.bell-main__ctas {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  width: 100%; }

.bell-main__title {
  margin-bottom: 20px; }

.bell-main__holder {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px; }

.bell-main__price {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: auto; }

.bell-main__reviews {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-left: 10px;
  width: auto; }

.bell-main__reviews .yotpo-stars {
  display: none !important; }

.bell-main__reviews .text-m,
.bell-main__reviews .text-m:hover {
  color: #4a4a4a !important;
  cursor: default !important;
  font-family: "brandon-grotesque", Arial, sans-serif !important;
  font-size: 15px !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  line-height: 1.4;
  opacity: 1;
  text-decoration: underline !important;
  text-transform: lowercase; }

.bell-main__content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%; }

.bell-main__ctas {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-top: 30px; }

.bell-main__btn {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: auto; }

.bell-main__btn:last-child {
  margin-left: 20px; }

.bell-carousel {
  background-color: #faefed;
  display: none;
  opacity: 0;
  position: relative;
  transition: opacity 0.2s ease-in, visibility 0.2s ease-in;
  visibility: hidden; }
  @media (min-width: 880px) {
    .bell-carousel {
      display: block;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      width: 100%; } }
  @media (min-width: 1080px) {
    .bell-carousel {
      min-width: 270px; } }
  @media (min-width: 1280px) {
    .bell-carousel {
      width: 25%; } }

.bell-carousel.slick-initialized {
  opacity: 1;
  visibility: visible; }

.bell-carousel .slick-list,
.bell-carousel .slick-track {
  height: 100%;
  position: relative; }

@media (min-width: 880px) {
  .bell-carousel .slick-track {
    padding-bottom: 50px; } }

@media (min-width: 1280px) {
  .bell-carousel .slick-track {
    padding-bottom: 0; } }

.bell-carousel .slick-slide {
  -ms-flex-align: center;
      align-items: center;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 30px;
  text-align: center; }

.bell-carousel .slick-slide:active,
.bell-carousel .slick-slide:focus {
  border: none !important;
  outline: none !important; }

.bell-carousel .slick-dots {
  bottom: 30px;
  display: block;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 999; }

.bell-carousel .slick-dots li {
  background-color: #d8d8d8;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin-left: 10px;
  overflow: hidden;
  position: relative;
  transition: background-color 0.2s ease-in;
  width: 10px; }

.bell-carousel .slick-dots li.slick-active {
  background-color: #4a4a4a; }

.bell-carousel .slick-dots li:first-child {
  margin-left: 0; }

.bell-carousel .slick-dots li button {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.bell-carousel__review {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-bottom: 10px;
  width: auto; }

.bell-carousel__content {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-bottom: 30px;
  max-width: 500px;
  width: 100%; }

.bell-carousel__author {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: auto; }

.bell-mobile {
  display: block;
  text-align: center; }
  @media (min-width: 880px) {
    .bell-mobile {
      display: none; } }

.bell-mobile__title {
  margin-bottom: 15px; }