@font-face {
  font-family: 'CooperLtBTWXX-Light';
  src: url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/39F9F0_0_0.eot?44147');
  src: url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/39F9F0_0_0.eot?44147?#iefix') 
    format('embedded-opentype'),url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/39F9F0_0_0.woff2?44147') format('woff2'),
    url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/39F9F0_0_0.woff?44147') format('woff'),
    url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/39F9F0_0_0.ttf?44147') format('truetype');
  }
@font-face {
  font-family: 'CooperLtBTWXX-LightItalic';
  src: url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/39F9F0_1_0.eot?44147');
  src: url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/39F9F0_1_0.eot?44147#iefix') format('embedded-opentype'),
    url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/39F9F0_1_0.woff2?44147') format('woff2'),
    url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/39F9F0_1_0.woff?44147') format('woff'),
    url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/39F9F0_1_0.ttf?44147') format('truetype');
  }
/*
 * Web Fonts from colophon-foundry.org
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Colophon Foundry. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2018 Colophon Foundry
 *
 * Licenced to Banveer Ghatrora Ellebox
 */
@font-face {
    font-family: 'apercu-web';
    src: url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-medium.eot?1274998914519593015');
    src: url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-medium.eot?1274998914519593015?#iefix') format('embedded-opentype'),
         url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-medium.woff?1274998914519593015') format('woff'),
         url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-medium.woff2?1274998914519593015') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-medium.ttf?1274998914519593015') format('truetype');
    font-weight: 500;
    font-style: normal;
}
/*
 * Web Fonts from colophon-foundry.org
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Colophon Foundry. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2018 Colophon Foundry
 *
 * Licenced to Banveer Ghatrora Ellebox
 */
@font-face {
    font-family: 'apercu-web';
    src: url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-regular.eot?15428402999864029667');
    src: url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-regular.eot?15428402999864029667?#iefix') format('embedded-opentype'),
         url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-regular.woff?15428402999864029667') format('woff'),
         url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-regular.woff2?15428402999864029667') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-regular.ttf?15428402999864029667') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*
 * Web Fonts from colophon-foundry.org
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Colophon Foundry. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2018 Colophon Foundry
 *
 * Licenced to Banveer Ghatrora Ellebox
 */
@font-face {
    font-family: 'apercu-web';
    src: url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-bold.eot?13247410739360378008');
    src: url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-bold.eot?13247410739360378008?#iefix') format('embedded-opentype'),
         url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-bold.woff?13247410739360378008') format('woff'),
         url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-bold.woff2?13247410739360378008') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-bold.ttf?13247410739360378008') format('truetype');
    font-weight: 600;
    font-style: normal;
}
/*
 * Web Fonts from colophon-foundry.org
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Colophon Foundry. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2018 Colophon Foundry
 *
 * Licenced to Banveer Ghatrora Ellebox
 */
@font-face {
    font-family: 'apercu-web';
    src: url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-black.eot?529250937791694857');
    src: url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-black.eot?529250937791694857?#iefix') format('embedded-opentype'),
         url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-black.woff?529250937791694857') format('woff'),
         url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-black.woff2?529250937791694857') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/apercu-black.ttf?529250937791694857') format('truetype');
    font-weight: 800;
    font-style: normal;
}
/*
 * Web Fonts from colophon-foundry.org
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Colophon Foundry. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2018 Colophon Foundry
 *
 * Licenced to Banveer Ghatrora Ellebox
 */
@font-face {
    font-family: 'value-serif-web';
    src: url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/value-serif-bold.eot?10592827256446012912');
    src: url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/value-serif-bold.eot?10592827256446012912?#iefix') format('embedded-opentype'),
         url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/value-serif-bold.woff?10592827256446012912') format('woff'),
         url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/value-serif-bold.woff2?10592827256446012912') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0003/4580/0755/files/value-serif-bold.ttf?10592827256446012912') format('truetype');
    font-weight: normal;
    font-style: normal;

}
:root {
  --fast: 200ms;
  --slow: 400ms;
  --ease: ease-in-out;
  --cubic: cubic-bezier(.01,.57,.13,1);
  --shadow:  0 15px 35px -10px rgba(0,0,0,0.15);
  --video-shadow:  0 25px 50px -20px rgba(0,0,0,0.15);
}
:root {
  --white: #fff;
  --gray-medium: #999999;
  --gray: #EAEAEA;
  --ruby: #BB3136;
  --pink: #FBECE3;
  --pink-highlight: #F2C2A2;
  --lite-pink: #FBECE3;
  --blue: #1F4068;
  --dark-blue: #001E42;
  --lite-blue: #E7EFF4;
  --orange: #FFCDAC;
  --footer: #001E42;
  --topia-blue: #BCE9FF;
  --topia-pink: #FC39FF;
  --topia-yellow: #FFFF00;
  --topia-game-yellow: #FFDA3C;
  --baby-blue: #accce6;
}
.bgtb {
  background-color: #BCE9FF;
  background-color: var(--topia-blue);
}
.bgtp {
  background-color: #FC39FF;
  background-color: var(--topia-pink);
}
.bgty {
  background-color: #FFFF00;
  background-color: var(--topia-yellow);
}
.cw {
  color: #fff;
  color: var(--white);
}
.co {
  color: #FFCDAC;
  color: var(--orange);
}
.cgm {
  color: #fff;
  color: var(--white);
}
.cgy {
  color: #FFDA3C;
  color: var(--topia-game-yellow);
}
.cb {
  color: #1F4068;
  color: var(--blue);
}
.cgp, .cp {
  color: #FBECE3;
  color: var(--pink);
}
.clb {
  color: #E7EFF4;
  color: var(--lite-blue);
}
.cgm {
  color: #999999;
  color: var(--gray-medium);
}
.chp {
  color: #F2C2A2;
  color: var(--pink-highlight);
}
.clp {
  color: #FBECE3;
  color: var(--lite-pink);
}
.cdb {
  color: #001E42;
  color: var(--dark-blue);
}
.bg-f {
  background-color: #001E42;
  background-color: var(--footer);
}
.bg-w {
  background-color: #fff;
  background-color: var(--white);
}
.bg-b {
  background-color: #1F4068;
  background-color: var(--blue);
}
.bg-db {
  background-color: #001E42;
  background-color: var(--dark-blue);
}
.bg-p {
  background-color: #FBECE3;
  background-color: var(--pink);
}
.bg-hp {
  background-color: #F2C2A2;
  background-color: var(--pink-highlight);
}
.bg-lp {
  background-color: #FBECE3;
  background-color: var(--lite-pink);
}
.bg-o {
  background-color: #FFCDAC;
  background-color: var(--orange);
}
.bg-lb {
  background-color: #E7EFF4;
  background-color: var(--lite-blue);
}
.bg-bf {
  background-color: #BCD8E4;
}
.bg-gm {
  background-color: #999999;
  background-color: var(--gray-medium);
}
.bg-r {
  background-color: #BB3136;
  background-color: var(--ruby);
}
.bg-bb {
  background-color: #accce6;
  background-color: var(--baby-blue);
}
/* 600 */
/* 600 */
/* 786 */
/* 900 */
/* 786 */
/* 1200 */
/* 1300 */
.al { text-align: left }
.ac { text-align: center }
.ar { text-align: right }
.aj { text-align: justify }
.block { display: block }
.inline-block { display: inline-block }
.show__tablet {
  display: none !important;
}
@media (min-width: 56.26em) {
.show__tablet {
    display: block !important
}
  }
@media (min-width: 56.26em) {
.hide__tablet {
    display: none
}
  }
.quiz__items.show__tablet {
    display: none !important;
  }
@media (min-width: 37.5em) {
.quiz__items.show__tablet {
      display: flex !important
  }
    }
@media (min-width: 37.5em) {
.quiz__items.hide__tablet {
      display: none
  }
    }
/*! Flickity v2.1.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
  /* overflow: hidden; */
  position: relative;
  height: 100%;
  width: 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;
}
.flickity-enabled img {
  transition: opacity 0.4s;
  opacity: 1;
} 
.flickity-enabled img.flickity-lazyloaded,
.flickity-enabled img.flickity-lazyerror {
  opacity: 1;
}
/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}
.flickity-button:hover {
  background: white;
  cursor: pointer;
}
.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}
.flickity-button:active {
  opacity: 0.6;
}
.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}
.flickity-button-icon {
  fill: #333;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}
.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;
}
.js-slideshow-inactive.o-h.real__slides-second.flickity-enabled {
    position: absolute !important;
}
.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  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: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  opacity: 1;
}
.container--c {
  margin-right: auto;
  margin-left: auto;
}
.container--l {
  max-width: 1080px;
}
.container--xl {
  max-width: 1640;
}
.outer {
  width: 100%;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
@media (min-width: 56.26em) {
.outer {
    padding-left: 3em;
    padding-right: 3em
}
  }
.outer--v {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.container {
  margin-left: auto;
  margin-right: auto;
}
.container--rs {
  max-width: 320px;
}
.container--xs {
  max-width: 400px;
}
.container--ms {
  max-width: 430px;
}
.container--s {
  max-width: 486px;
  width: 100%;
}
.container--sm {
  max-width: 660px;
}
.container--m {
  max-width: 700px;
}
.container--r {
  max-width: 90vw;
}
.container--mm {
  max-width: 890px;
}
@media (min-width: 56.26em) {
    .wrapper__inner > div {
      width: 49%;
    }
  }
.f { display: flex }
.fw { flex-wrap: wrap }
.ais { align-items: flex-start }
.aie { align-items: flex-end }
.aic { align-items: center }
.aib { align-items: baseline }
.aist { align-items: stretch }
.jcs { justify-content: flex-start }
.jce { justify-content: flex-end }
.jcc { justify-content: center }
.jcb { justify-content: space-between }
.fa {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}
form {
  margin: 0;
}
input,
textarea,
select {
  display: block;
  outline: 0;
  border-radius: 0;
  border: 0;
  position: relative;
  font-size: inherit;
  background-color: transparent;
  padding: 0;
  color: #001E42;
  color: var(--dark-blue);
  border-bottom: 1px solid #001E42;
  border-bottom: 1px solid var(--dark-blue);
}
input:focus, textarea:focus, select:focus {
    /* border-color: black; */
  }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    color: #001E42;
    color: var(--dark-blue);
  }
/* Change the white to any color ;) */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
      -webkit-box-shadow: 0 0 0 30px white inset;
  }
input,
select {
  height: 54px;
}
input[type='checkbox'] {
  height: auto;
}
input[type='radio'] {
  height: 0;
  display: inline-block;
  padding: 0;
}
textarea {
  max-width: 100%;
  overflow: auto;
  resize: vertical;
  min-height: 55px;
  padding-top: 0.5em;
}
.input--reset {
  height: auto;
  padding: 0;
}
/* .input-wrapper { */
/*   position: relative; */
/*   &.has-error { */
/*     span { */
/*       border-color: red; */
/*     } */
/*   } */
/*   &.has-value { */
/*     label { */
/*       font-size: calc((10/16) * 1rem); */
/*       top: 3px; */
/*       z-index: 2; */
/*     } */
/*   } */
/*   textarea, */
/*   input { */
/*     border: 0; */
/*     z-index: 1; */
/*     background-color: transparent; */
/*     padding: 0.7em 0 0; */
/*   } */
/*   label { */
/*     display: block; */
/*     position: absolute; */
/*     top: 24px; */
/*     left: 0; */
/*     z-index: 0; */
/*     color: var(--gray); */
/*     transition: all 100ms ease-in-out; */
/*   } */
/*   > span { */
/*     position: absolute; */
/*     right: 0; bottom: 0; left: 0; */
/*     height: 1px; */
/*     background-color: var(--gray); */
/*     transition: background-color 200ms ease-in-out; */
/*     z-index: 0; */
/*   } */
/* } */
.select-wrapper {
  display: block;
  position: relative;
}
.select-wrapper svg {
  }
.select-wrapper select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding-right: 50px;
    width: 100%;
  }
.select-wrapper.is-boxed svg {
      right: 2em;
    }
.select-wrapper.is-boxed select {
      height: 75px;
      padding-left: 2em;
      padding-right: 2em;
    }
.select-wrapper.is-boxed select:focus {
        border-color: black;
      }
ol, ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.list,
ol.list {
  padding-left: 2em;
}
ol.list {
  list-style: decimal;
}
ul.list {
  list-style: disc;
}
.hide {
  display: none;
}
@media (min-width: 37.5em) {
.hide--s {
    display: none
}
  }
@media (min-width: 56.26em) {
.hide--m {
    display: none
}
  }
@media (min-width: 72em) {
.hide--l {
    display: none
}
  }
.show--s {
  display: none;
}
@media (min-width: 37.5em) {
.show--s {
    display: block
}
  }
.show--m {
  display: none;
}
@media (min-width: 56.26em) {
.show--m {
    display: block
}
  }
.show--l {
  display: none;
}
@media (min-width: 72em) {
.show--l {
    display: block
}
  }
.mha, .mxa { margin-left: auto }
.mha, .mxa { margin-right: auto }
.mva, .mxa { margin-top: auto }
.mva, .mxa { margin-bottom: auto; }
.mt0, .mv0, .mx0 { margin-top: 0 }
.mb0, .mv0, .mx0 { margin-bottom: 0 }
.pt0, .pv0, .px0 { padding-top: 0 }
.pb0, .pv0, .px0 { padding-bottom: 0 }
.mt025, .mv025, .mx025 { margin-top: 0.25em }
.mb025, .mv025, .mx025 { margin-bottom: 0.25em }
.ml025, .mh025, .mx025 { margin-left: 0.25em }
.mr025, .mh025, .mx025 { margin-right: 0.25em }
.pt025, .pv025, .px025 { padding-top: 0.25em }
.pb025, .pv025, .px025 { padding-bottom: 0.25em }
.pl025, .ph025, .px025 { padding-left: 0.25em }
.pr025, .ph025, .px025 { padding-right: 0.25em }
.mt05, .mv05, .mx05 { margin-top: 0.5em }
.mb05, .mv05, .mx05 { margin-bottom: 0.5em }
.ml05, .mh05, .mx05 { margin-left: 0.5em }
.mr05, .mh05, .mx05 { margin-right: 0.5em }
.pt05, .pv05, .px05 { padding-top: 0.5em }
.pb05, .pv05, .px05 { padding-bottom: 0.5em }
.pl05, .ph05, .px05 { padding-left: 0.5em }
.pr05, .ph05, .px05 { padding-right: 0.5em }
.mt075, .mv075, .mx075 { margin-top: 0.75em }
.mb075, .mv075, .mx075 { margin-bottom: 0.75em }
.ml075, .mh075, .mx075 { margin-left: 0.75em }
.mr075, .mh075, .mx075 { margin-right: 0.75em }
.pt075, .pv075, .px075 { padding-top: 0.75em }
.pb075, .pv075, .px075 { padding-bottom: 0.75em }
.pl075, .ph075, .px075 { padding-left: 0.75em }
.pr075, .ph075, .px075 { padding-right: 0.75em }
.mt1, .mv1, .mx1 { margin-top: 1em }
.mb1, .mv1, .mx1 { margin-bottom: 1em }
.ml1, .mh1, .mx1 { margin-left: 1em }
.mr1, .mh1, .mx1 { margin-right: 1em }
.pt1, .pv1, .px1 { padding-top: 1em }
.pb1, .pv1, .px1 { padding-bottom: 1em }
.pl1, .ph1, .px1 { padding-left: 1em }
.pr1, .ph1, .px1 { padding-right: 1em }
.mt15, .mv15, .mx15 { margin-top: 1.5em }
.mb15, .mv15, .mx15 { margin-bottom: 1.5em }
.ml15, .mh15, .mx15 { margin-left: 1.5em }
.mr15, .mh15, .mx15 { margin-right: 1.5em }
.pt15, .pv15, .px15 { padding-top: 1.5em }
.pb15, .pv15, .px15 { padding-bottom: 1.5em }
.pl15, .ph15, .px15 { padding-left: 1.5em }
.pr15, .ph15, .px15 { padding-right: 1.5em }
.mt2, .mv2, .mx2 { margin-top: 2em }
.mb2, .mv2, .mx2 { margin-bottom: 2em }
.ml2, .mh2, .mx2 { margin-left: 2em }
.mr2, .mh2, .mx2 { margin-right: 2em }
.pt2, .pv2, .px2 { padding-top: 2em }
.pb2, .pv2, .px2 { padding-bottom: 2em }
.pl2, .ph2, .px2 { padding-left: 2em }
.pr2, .ph2, .px2 { padding-right: 2em }
@media (min-width: 960px) {
.phm4 {
    padding-left: 3rem;
    padding-right: 3rem
}
  }
@media (min-width: 81.25em) {
.phm4 {
    padding-left: 2rem;
    padding-right: 2rem
}
  }
@media (min-width: 56.26em) {
.pm40 {
    padding-top: 40px;
    padding-bottom: 40px
}
  }
@media (min-width: 56.26em) {
.pm60 {
    padding-top: 60px;
    padding-bottom: 60px
}
  }
@media (min-width: 56.26em) {
.pm100 {
    padding-top: 100px;
    padding-bottom: 100px
}
  }
@media (min-width: 56.26em) {
.pmt60 {
    padding-top: 60px
}
  }
@media (min-width: 72em) {
.pl100 {
    padding-top: 100px;
    padding-bottom: 100px
}
  }
@media (min-width: 72em) {
.ptl160 {
    padding-top: 160px
}
  }
@media (min-width: 72em) {
.pbl160 {
    padding-bottom: 160px
}
  }
@media (min-width: 56.26em) {
    .colm50 > div {
      width: 48%;
    }
  }
.z0 { z-index: 0 }
.z1 { z-index: 100 }
.z2 { z-index: 200 }
.z3 { z-index: 300 }
.z4 { z-index: 400 }
.z5 { z-index: 0 }
.z6 { z-index: 600 }
.z7 { z-index: 700 }
.z8 { z-index: 800 }
.z9 { z-index: 900 }
.z10 { z-index: 1000 }
body.modal-is-open {
  overflow: hidden;
}

@media (min-width: 56.26em) {
.modal__content {
    min-width: 510px;
    padding: 4rem
}
  }
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
.s-in {
  transform: translateY(20px);
}
.animate-in .s-in {
    transform: translateY(0px);
  }
.o-in {
  opacity: 0;
}
.animate-in .o-in {
    opacity: 1;
  }
.animate {
  transition: all 0.3s ease-in-out;
}
.ad-2 {
  transition-delay: 0.2s;
}
.ad-4 {
  transition-delay: 0.4s;
}
.ad-6 {
  transition-delay: 0.6s;
}
.rel { position: relative; overflow: hidden; }
.abs { position: absolute }
.fix { position: fixed }
.fill, .top { top: 0 }
.fill, .bottom { bottom: 0 }
.fill, .left { left: 0 }
.fill, .right { right: 0 }
.fill-y, .y { height: 100% }
.fill-x, .x { width: 100% }
.o-h { overflow: hidden; }
html,
body {
  padding: 0 !important;
}
body {
  color: #000;
  font-size: 100%;
  line-height: 1.7;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/**
 * @font-face definitions in /assets/fonts.css
 * and linked in <head> of theme.liquid
 */
body,
.text {
  font-family: "apercu-web";
  font-weight: 400;
}
.serif {
  font-family: "value-serif-web";
}
.cooper {
  font-family: "CooperLtBTWXX-Light";
}
.cooper.italic {
    font-family: "CooperLtBTWXX-LightItalic";
  }
.pixel,
.mono {
  font-family: "PixelarRegular";
}
.sans {
  letter-spacing: 0.1em;
}
.light {
  font-weight: 400;
}
.medium {
  font-weight: 500;
}
.black {
  font-weight: 800;
}
.ls1 {
  letter-spacing: 0.05rem;
}
.outline {
  color: white;
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */

  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #001E42;
  -webkit-text-stroke-color: var(--dark-blue);
  font-weight: bold;
  letter-spacing: 0.05rem;
  font-size: 36px;
}
@media (min-width: 56.26em) {
.outline {
    font-size: 54px
}
  }
.outline__pink {
    color: #FBECE3;
    color: var(--pink);
    -webkit-text-fill-color: #FBECE3;
    -webkit-text-fill-color: var(--pink);
  }
.outline.cb {
    color: #001E42;
    color: var(--dark-blue);
    -webkit-text-fill-color: #001E42;
    -webkit-text-fill-color: var(
      --dark-blue
    ); /* Will override color (regardless of order) */
  }
.cross__list svg {
    top: -3px;
  }
.cross__list li {
    padding-left: 40px;
  }
.tick__list svg {
    top: 3px;
  }
.tick__list li {
    padding-left: 20px;
  }
.line-header {
  position: relative;
  z-index: 2;
}
@media (min-width: 72em) {
.line-header {
    font-size: calc((70 / 16) * 1rem)
}
  }
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
.h0 {
  font-size: calc((54 / 16) * 1rem);
}
@media (min-width: 56.26em) {
.h0 {
    font-size: calc((96 / 16) * 1rem)
}
  }
.h1-points {
  font-size: calc((54 / 16) * 1rem);
  line-height: 1;
  text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
}
@media (min-width: 56.26em) {
.h1-points {
    font-size: calc((80 / 16) * 1rem)
}
  }
@media (min-width: 72em) {
.h1-points {
    font-size: calc((90 / 16) * 1rem)
}
  }
.s1,
h1,
.h1 {
  font-size: calc((34 / 16) * 1rem);
}
@media (min-width: 37.5em) {
.s1,
h1,
.h1 {
    font-size: calc((40 / 16) * 1rem)
}
  }
@media (min-width: 56.26em) {
.s1,
h1,
.h1 {
    font-size: calc((42 / 16) * 1rem)
}
  }
@media (min-width: 72em) {
.s1,
h1,
.h1 {
    font-size: calc((50 / 16) * 1rem)
}
    .s1.h1-hero, h1.h1-hero, .h1.h1-hero {
      letter-spacing: -1.5px;
      line-height: 1.1;
      font-size: calc((60 / 16) * 1rem);
    }
  }
@media (min-width: 37.5em) {
h1.hero-h1,
.h1.hero-h1 {
    font-size: calc((70 / 16) * 1rem)
}
  }
@media (min-width: 56.26em) {
h1.hero-h1,
.h1.hero-h1 {
    letter-spacing: -1.5px;
    font-size: calc((90 / 16) * 1rem)
}
  }
@media (min-width: 72em) {
h1.hero-h1,
.h1.hero-h1 {
    font-size: calc((110 / 16) * 1rem)
}
  }
h1,
.h1 {
  line-height: 1.1;
}
.s2,
h2,
.h2 {
  line-height: 1.3;
  font-size: calc((28 / 16) * 1rem);
}
@media (min-width: 56.26em) {
.s2,
h2,
.h2 {
    line-height: 1.1;
    font-size: calc((32 / 16) * 1rem)
}
  }
@media (min-width: 72em) {
.s2,
h2,
.h2 {
    letter-spacing: 0.05rem;
    font-size: calc((40 / 16) * 1rem)
}
  }
.s20 {
  font-size: 18px;
}
@media (min-width: 56.26em) {
.s20 {
    font-size: 20px
}
  }
@media (min-width: 37.5em) {
.h2.hero-h2 {
    font-size: calc((60 / 16) * 1rem)
}
  }
@media (min-width: 56.26em) {
.h2.hero-h2 {
    font-size: calc((80 / 16) * 1rem)
}
  }
.s3,
h3,
.h3 {
  line-height: 1.4;
  font-size: calc((24 / 16) * 1rem);
}
@media (min-width: 56.26em) {
.s3,
h3,
.h3 {
    font-size: calc((28 / 16) * 1rem)
}
  }
@media (min-width: 72em) {
.s3,
h3,
.h3 {
    line-height: 1.3;
    letter-spacing: -0.5px;
    font-size: calc((36 / 16) * 1rem)
}
  }
.s4,
h4,
.h4 {
  font-size: calc((20 / 16) * 1rem);
}
@media (min-width: 56.26em) {
.s4,
h4,
.h4 {
    font-size: calc((24 / 16) * 1rem)
}
  }
@media (min-width: 72em) {
.s4,
h4,
.h4 {
    /* font-size: calc((28 /16) * 1rem); */
}
  }
h4,
.h4 {
  line-height: 1.5;
}
@media (min-width: 56.26em) {
h4,
.h4 {
    line-height: 1.4
}
  }
@media (min-width: 72em) {
h4,
.h4 {
    line-height: 1.3
}
  }
.s5,
h5,
.h5 {
  font-size: calc((20 / 16) * 1rem);
  line-height: 1.5;
}
@media (min-width: 56.26em) {
.s5,
h5,
.h5 {
    letter-spacing: 0.05rem;
    font-size: calc((18 / 16) * 1rem);
    line-height: 1.6
}
  }
.s6,
h6,
.h6 {
  font-size: calc((14 / 16) * 1rem);
  letter-spacing: 0.05rem;
}
h6,
.h6 {
  line-height: 1.2;
}
.s0,
p,
.p,
ul,
li {
  font-size: calc((18 / 16) * 1rem);
}
@media (min-width: 56.26em) {
.s0,
p,
.p,
ul,
li {
    font-size: calc((18 / 16) * 1rem);
    line-height: 1.4
}
  }
.s1,
p .p1,
.p1 span {
  font-size: calc((14 / 16) * 1rem);
  letter-spacing: 0.05rem;
}
.s5,
p .p5 {
  font-size: calc((12 / 16) * 1rem);
  letter-spacing: 0.1rem;
}
.s5 {
  line-height: 1.5;
}
.s16,
.s16 p {
  letter-spacing: 0.02rem;
  font-size: calc((16 / 16) * 1rem);
}
@media screen and (max-width: 600px) {
.sm12 {
    font-size: 12px !important
}
  }
.s22 {
  font-size: calc((18 / 16) * 1rem);
}
@media (min-width: 56.26em) {
.s22 {
    font-size: calc((22 / 16) * 1rem)
}
  }
p,
.p,
ul,
li {
  line-height: 1.5;
}
p {
  margin: 1em 0;
}
blockquote {
  text-align: center;
  color: #1F4068;
  color: var(--blue);
  padding: 10px;
  margin: 0;
}
blockquote p {
    font-family: "freight-display-pro", serif;
    font-size: 26px;
    line-height: 1.4;
  }
@media (min-width: 56.26em) {
blockquote p {
      font-size: 36px;
      line-height: 1.3
  }
    }
.p2,
.p2 p {
  font-size: calc((16 / 16) * 1rem);
}
@media (min-width: 56.26em) {
.p2,
.p2 p {
    font-size: calc((18 / 16) * 1rem)
}
  }
.p4 {
  font-size: calc((28 / 16) * 1rem);
}
@media (min-width: 56.26em) {
.p4 {
    font-size: calc((35 / 16) * 1rem);
    line-height: 1.3
}
  }
small,
.small,
.small.li,
.small a,
.small p,
.small li {
  font-size: calc((14 / 16) * 1rem);
}
.xsmall {
  font-size: calc((12 / 16) * 1rem);
  letter-spacing: 1px;
}
a {
  color: inherit;
  text-decoration: none;
  outline: none;
}
a:hover {
    outline: none;
  }
hr {
  display: block;
  border: 0;
  margin: 0;
  height: 1px;
  width: 100%;
  background-color: currentColor;
  color: inherit;
}
strong,
.b {
  font-weight: bold;
}
em,
.i {
  font-style: italic;
}
.caps {
    text-transform: unset;
    color: #fff;
}
.normal {
  text-transform: none;
}
.nw {
  font-weight: normal;
}
.no-under {
  text-decoration: none;
}
.light {
  font-weight: 300;
}
.bold {
  font-weight: 600;
}
.track {
  letter-spacing: 0.2em;
}
.track--l {
  letter-spacing: 0.3em;
}
.underline {
  position: relative;
  overflow: hidden;
}
.underline:after {
    content: "";
    transition: all 0.25s;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #001E42;
    background-color: var(--dark-blue);
  }
.underline--black:after {
      bottom: 2px;
    }
.underline--gm:after {
      background-color: #999999;
      background-color: var(--gray-medium);
    }
.underline--gm:hover {
      color: #001E42;
      color: var(--dark-blue);
    }
.underline--gm:hover:after {
        background-color: #001E42;
        background-color: var(--dark-blue);
      }
.underline--white:after {
      bottom: -2px;
      border-bottom-color: white;
      border-bottom-width: 2px;
    }
.underline:hover:after {
      transform: translateY(2px);
    }
.link-hover {
  transition: all 200ms ease-in-out;
  transition: all var(--fast) var(--ease);
}
.product__listicle li p {
    font-size: 0.875rem; 
    letter-spacing: 0.05rem;
    padding: 6px 0;
    font-weight: 600; 
    text-transform: uppercase;
  }
.cross__list {
  margin-top: 30px;
}
@media (min-width: 56.26em) {
.cross__list {
    margin-top: 50px 
}
  }
.ls0 {
  letter-spacing: 0;
}


.image img {
    -o-object-fit: cover;
       object-fit: cover; 
    -o-object-position: center center;
       object-position: center center;
  }
.lazyload {
  transition: opacity 0.4s;
  opacity: 0;
} 
.lazyload.is-loaded {
  opacity: 1;
}
@media (min-width: 56.26em) {
.ti__text {
      transition: opacity .25s, transform .3s;
      opacity: 0;
      transform: translateY(30px);
      transition-delay: .3s
  }
      .animate-in .ti__text {
        opacity: 1;
        transform: translateY(0);
      }
    }
.talk {
  padding-top: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /* } */
}
@media (min-width: 56.26em) {
.talk {
    padding-bottom: 80px;
  	width: 100%;
    overflow: hidden;
}

  }
.talk__bar {
    top: -70px;
  }
.talk__bar svg {
      height: auto;
    }
@media (min-width: 37.5em) {
.talk__bar {
      top: -120px
  }
    }
@media (min-width: 56.26em) {
.talk__bar {
      top: -160px
  }
    }
@media (min-width: 72em) {
.talk__bar {
      top: -300px;
      width: 120%;
      left: -10%
  }
      .talk__bar svg {
        height: auto;
      } 
    } 
.talk__squiggle {
    max-width: 80px; 
  }
.talk__single_text {
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      padding-top: 2rem; 
    }
@media (min-width: 56.26em) {
.talk__single_text {
        padding-top: 0;
      color: #fff;
    }
      } 
@media (min-width: 56.26em) {

    }

.talk__shape {
    left: -350px;
    top: -200px;
  }
@media (min-width: 56.26em) {
.talk__shape { 
      left: -300px;
      top: -180px
  }
    }
@media (min-width: 72em) {
.talk__shape {
      left: -26%
  } 
      .talk__shape svg {
        width: 50vw;
        height: auto;
      }
    }
.talk__header { 
    max-width: 570px;
  }
.talk h2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 380px;
  color: #fff;
  padding-top:100px; 
  font-family: 'Tenor Sans';
}
@media (min-width: 56.26em) {
.talk h2 {
    max-width: 100%;
    color: #fff;
    }
      }
.real__controls {
    top: -165px;
    width: 140px;
  }
.real__controls.collection--c {
      top: auto; 
      margin-top: -95px;
    } 
@media (min-width: 56.26em) {
.real__controls {
      display: flex;
      right: 55px;
  }
    }
.real__controls > div {
      transition: opacity 0.3s ease-in-out;
      width: 68px;
      height: 68px;
      cursor: pointer;
      border-radius: 50%;
    }
.real__controls > div:hover {
        opacity: 0.6;
      }
.real__controls > div svg {
        position: relative;
        left: 2px;
      } 
.real__controls-right {
      margin-left: 0.6rem;
    }
.real__controls-left {
      transform: rotate(180deg);
    }
.real__slides {
    max-width: 80%;
  }
.real__slides > div {
  height: 80vw;
    }
@media (min-width: 56.26em) {
.real__slides > div {
        height: 540px;
        max-width: 450px
    }
      }
@media (min-width: 56.26em) {
.real__slides {
      margin-top: 40px
  }
    }
.real__slides img {
      height: 80vw;
      width: 100%;
      -o-object-fit: contain;
         object-fit: contain;
      -o-object-position: center;
         object-position: center;
    }
@media (min-width: 56.26em) {
.real__slides img {
        height: 540px
    }
      }
.real__slides-second {
      /* display: none; */
      opacity: 0.3;
      top: 0;
      width: 100%; 
      position: absolute;
      right: calc(-114%);
    }
@media (min-width: 56.26em) { 
.real__slides-second {
        display: block;
        top: 0;
        width: 100%; 
        position: absolute;
        right: -420px
    }
      }
@media (min-width: 72em) {
.real__slides-second {
        left: 50%;
        margin-left: 50px
    }
      }
.real__slides-main {
      /*box-shadow: 12px 12px 0px 0px #F2C2A2;
      box-shadow: 12px 12px 0px 0px var(--pink-highlight);*/
    }
@media (min-width: 56.26em) {
.real__wrapper {
      flex-direction: row-reverse
  }
      .real__wrapper > div {
        width: 46%; 
      } 
    }

@media (min-width: 1441px) and (max-width: 1500px) {
      .real__wrapper > div {
         width: 65% !important;
      } 
} 
@media (min-width: 72em) {
      .real__wrapper > div {
        width: 56%; 
    }
}
@media (min-width: 56.26em) {
.real__text {
      max-width: 440px
  }
    }
.talk__single {
    display: none;
  }
.talk__single.active { 
      display: block;
    }
@media (min-width: 56.26em) {
.talk__single {
      padding-top: 0.5rem
  }
  }
.real__controls > div{
    background: #fff;
    color: #A83225;  
}
.talk.bg-w.px2.z5.phm4.pm60.pl100.rel {
    padding-top: 250px;
    padding-bottom: 100px;
    background-image: url(https://cdn.shopify.com/s/files/1/0515/6618/2567/files/BG_gradient_2.png?v=1608280919);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
.real__controls > div:active {
    opacity: 0.6;
}