/*——————————————————————————————————————————————————
  AS SEEN IN
  —————————————————————————————————————————————————— */

.privy-widget-bar-container {
	z-index:10 !important;
}
.privy-pusher {
  display:none !important;
}
#privy-widget span {
font-family: 'Helvetica Neue' !important;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding-top: 1px;
}


.vimeo-wrapper.contain iframe {
 height: 100%;
}

  /*——————————————————————————————————————————————————
  AS SEEN IN
  —————————————————————————————————————————————————— */

.asi {
  border: 3px double rgba(0,0,0,0.8);
  border-radius: 100px;
  position: absolute;
  top: 0%;
  right: 0%;
  z-index: 1;
  transform: translate(-20%, 20%);
  width:60px;
}
@media all and (min-width:768px) {
  .asi {
    width:80px;
  }
  .template-product .asi {
    transform: translate(-40%, 40%);
  }
}
@media all and (min-width:1500px) {
  .asi {
    width:90px;
  }
  .template-product .asi {
    transform: translate(-65%, 65%);
  }
}

.asi-image {
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  position: absolute;
  top: 0%;
  right: 0%;
  z-index: -1;
}



/*——————————————————————————————————————————————————
  AFTERPAY
  —————————————————————————————————————————————————— */

.afterpay-paragraph{
   text-align: right;
   margin-top: 15px !important;
  margin-bottom: 5px !important;
}
.afterpay-logo{
   display: unset !important;
   width: 74px;
}

#CartPage .afterpay-paragraph{
  margin-bottom: 25px !important;
}

/*——————————————————————————————————————————————————
  NO SLIDER ON MOBILE
  —————————————————————————————————————————————————— */

.touch .grid__item .product-slider {
	pointer-events:none;
}

/*——————————————————————————————————————————————————
  MEGA MENU
  —————————————————————————————————————————————————— */

.site-nav__dropdown {
	cursor:pointer !important;
}
.hover {
  transition:transform 0.6s ease;
  cursor:pointer;
}
.hover:hover {
  transform:translateY(-7px);
  transition:transform 0.3s ease;
}

/*——————————————————————————————————————————————————
  BREADCRUMBS
  —————————————————————————————————————————————————— */

.breadcrumbs {
	margin-bottom: -3px;
}
.breadcrumbs a {
  -webkit-text-stroke: .05em transparent;
  transition: color 0.3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-text-stroke-color 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  filter: opacity(100%);
  will-change: transform, filter;
}
.breadcrumbs a:hover, h4 .current {
  color: transparent;
  -webkit-text-stroke: 0.05em #000;
}
.breadcrumbs a.current { 
  pointer-events:none;
}

/*——————————————————————————————————————————————————
  ANIMATED GIFS
  —————————————————————————————————————————————————— */

.pointer-events {
	pointer-events:none;
}
.animated-gif {
  opacity:0;
}
.animated-gif:hover {
  opacity:1;
}
.animated-gif:hover ~ .isolated {
  opacity:0;
}

/*——————————————————————————————————————————————————
  GRID TWO COLUMN MOBILE
  —————————————————————————————————————————————————— */

@media only screen and (max-width: 768px) {
.grid {
    margin-left: -15px;
}
.grid--scattered-small-1 .grid-product:nth-child(2n+1), .grid--scattered-small-1 .grid-product:nth-child(2n) {
  padding-left: 15px;
  padding-right: 0px;
}
.grid__item {
  padding-left: 15px;
}
.grid__item.grid-product {
  width: 50%;
}
.grid--full {
  margin-left: 0;
}
}



/*——————————————————————————————————————————————————
  BACKGROUND
  —————————————————————————————————————————————————— */

html {
  background-color:#d2f500;
}

body {
  /* transition: background-color 1s ease; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body.js-drawer-open {
  overflow:visible;
}


/*——————————————————————————————————————————————————
  WRAPPER
  —————————————————————————————————————————————————— */

.wrapper {
  max-width:1360px;
  margin: 0 auto;
}
.page-subnav {
  margin:0px;
}
.page-subnav li {
  list-style:none;
}
.rte p {
  line-height:1.5;
}
@media all and (min-width:1024px) {
.page-subnav {
    position: sticky;
    -webkit-position:sticky;
    top: 30px;
  }
}
/*——————————————————————————————————————————————————
  COLUMN GUIDE
  —————————————————————————————————————————————————— */

#guide {
  position: absolute;;
  height:100%;
  width:100%;
  top:0;
  left:0%;
  z-index: 100;
  pointer-events:none;
}
#guide .wrapper, #guide .row {
  height:100%;
  width:100%;
}
#guide .row {
   
}
#guide .col-xs {
  padding:0px !important;
  height:100%;
  position:relative;
  border-right:1px solid rgba(0,100,255,1);
}
#guide .col-xs:first-child {
  border-left:1px solid rgba(0,100,255,1);
}

/*——————————————————————————————————————————————————
  FONT FACE
  —————————————————————————————————————————————————— */

@font-face {
    font-family: 'Helvetica Neue';
    src: url('HelveticaNeue.eot');
    src: url('HelveticaNeue.eot') format('embedded-opentype'),
         url('HelveticaNeue.woff2') format('woff2'),
         url('HelveticaNeue.woff') format('woff'),
         url('HelveticaNeue.ttf') format('truetype'),
         url('HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight:400;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('HelveticaNeueBold.eot');
    src: url('HelveticaNeueBold.eot') format('embedded-opentype'),
         url('HelveticaNeueBold.woff2') format('woff2'),
         url('HelveticaNeueBold.woff') format('woff'),
         url('HelveticaNeueBold.ttf') format('truetype'),
         url('HelveticaNeueBold.svg#HelveticaNeueBold') format('svg');
    font-weight:600;
}
@font-face {
    font-family: 'Akkurat Mono';
    src: url('AkkuratMono.eot');
    src: url('AkkuratMono.eot') format('embedded-opentype'),
         url('AkkuratMono.woff2') format('woff2'),
         url('AkkuratMono.woff') format('woff'),
         url('AkkuratMono.ttf') format('truetype'),
         url('AkkuratMono.svg#AkkuratMono') format('svg');
         font-weight:400;
}


/*——————————————————————————————————————————————————
  TYPOGRAPHY
  —————————————————————————————————————————————————— */

body, html, input, button, textarea {
  font-family: 'Helvetica Neue', 'Helvetica',  Arial, -apple-system, BlinkMacSystemFont,  "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
body, html, input, textarea {
  font-weight: 400;
  margin:0px;
  padding:0px;
  text-align:inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.regular {
  font-weight:400;
}
.bold, b, strong {
  font-weight: bold;
}

/*——————————————————————————————————————————————————
  HEADINGS
  —————————————————————————————————————————————————— */

h1, h2, h3, h4, h5, h6 {
  margin:0px;
  font-weight: 600;
}

h1, .h1, h3, .h3, h4, .h4, h6, .h6, .section-header__title, .spr-header-title.spr-header-title {
  letter-spacing:0px !important;
  line-height:1.35 !important; 
}
h5, .h5 {
  letter-spacing:-0.025em !important;
} 
/*——————————————————————————————————————————————————
  FONTS
  —————————————————————————————————————————————————— */

.akkurat {
  font-family: 'Akkurat Mono', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-weight:400;
  line-height: 1.35;
}

/*——————————————————————————————————————————————————
	BUTTONS
  ——————————————————————————————————————————————————*/

/* button {
  cursor:pointer;
  border: 0px solid #000;
  padding:0px 15px;
  font-weight:normal;
  font-family:inherit;
  -webkit-appearance: none !important;
  display: block;
  position: relative;
  line-height: 1;
  border-radius:0px !important;
}

.button.disabled {
  opacity:0.4;
  pointer-events: none;
}

.button, p em a {
  cursor:pointer;
  border: 2px solid #000;
  padding:7px 12px;
  font-weight:normal;
  font-family:inherit;
  -webkit-appearance: none !important;
  display: inline-block;
  font-style:normal;
  background: transparent;
  outline:none;
  border-radius:0px !important;
}
@media all and (min-width:768px) {
  .button, p em a {
    padding:10px 15px;
  }
}
p em a:after {
  display:none;
}
.button.simple {
  cursor:pointer;
  border: 0px solid #000;
  border-bottom: 2px solid #000;
  padding:0px;
  font-weight:normal;
  font-family:inherit;
  -webkit-appearance: none !important;
}
.button.medium {
  padding:15px 30px;
  border: 2px solid #000;
}
.button.large {
  padding:20px 30px;
  border: 2px solid #000;
} */

/*——————————————————————————————————————————————————
  FONT SIZES
  —————————————————————————————————————————————————— */

/* MOBILE ONLY STYLES */
@media all and (max-width:768px) {
.okeReviews {
  font-size: 9px !important;
}
}
.uppercase {
  text-transform:uppercase;
}
.underline {
  text-decoration:underline;
}
/* BASE SIZING */
body {
  font-size:12px;
}
h1, h2 {
  font-size:49px;
  line-height:1.15;
  letter-spacing: -0.01em;
}
h2.small {
  font-size:36px;
}
h2.medium {
  font-size:36px;
}
h2.large {
  font-size:30px;
}
h2 strong {
  color:transparent;
  -webkit-text-stroke:    1px black;
  text-stroke:            1px black;
}
h3 {
  font-size:17px;
  line-height: 1.5;
  font-family: 'Akkurat Mono';
  font-weight: 400;
  letter-spacing: -0.04em !important;
}
h4 {
  text-transform: uppercase;
  font-size: 19px;
  line-height: 1.5;
}
h4.large {
  font-size:24px;
}
h5 {
  font-size:15px;
  font-weight:normal;
}
h5.large {
  font-size:14px;
  line-height:1.5;
  font-weight:normal;
}
h6 {
  font-size:12px;
  line-height:1.2;
  font-weight: normal;
}
nav {
  font-size:20px;
  line-height: 1.25;
}
footer h3 {
  font-size:18px;
  line-height: 1.25;
}
.dropdown {
  font-size:12px;
  line-height:1.25;
}
nav.footer {
  font-size:15px;
  line-height:1.2;
}
.button.medium {
  font-size:20px;
}
.button.large {
  font-size:16px;
}

h1, .h1,.section-header__title,.spr-header-title.spr-header-title {
font-size:24px;
text-transform:uppercase;
line-height:1.1;
}
.grid-product__meta {
  font-size: 14px;
}
.grid-product__type {
  font-size:10px;
  letter-spacing: 0.025em;
}
.rte h2 {
    text-transform: uppercase;
    margin-bottom: 30px;
  font-size:30px;
}
.grid-product__price--original {
	margin-right:0px;
}
/* DESKTOP SIZING */
@media all and (min-width:768px) {

h2 strong {
  color:transparent;
  -webkit-text-stroke:    2px black;
  text-stroke:            2px black;
}
h2.small strong, h2.medium strong, h2.large strong {
  color:transparent;
  -webkit-text-stroke:    1.25px black;
  text-stroke:            1.25px black;
}
h1, h2 {
  font-size: 78px;
}
h2.small {
  font-size: 40px;
}
h2.medium {
  font-size: 40px;
}
h2.large {
  font-size: 50px;
}
h4.large {
  font-size:30px;
}
h3 {
font-size:27px;
line-height: 1.4;
}
h4 {
font-size: 24px;
}
h5 {
font-size:15px;
  font-weight:normal;
}
h6 {
font-size:12px;
  font-weight:normal;
}
nav {
font-size:20px;
}
footer h3 {
font-size:18px;
}
.rte h4, .rte h3 {
font-size:18px;
}
.rte h3 {
font-size:22px;
}
.dropdown {
font-size:12px;
}
nav.footer {
font-size:15px;
}
.button.large {
font-size:20px;
padding-top:22px;
}
.site-footer__linklist a {
  font-size: 18px;
}
.grid-product__meta {
  font-size: 20px;
}
.grid-product__type {
  font-size: 15px;
  margin: 2px 0px;
}
.section-header__title, .spr-header-title.spr-header-title {
  font-size:36px;
}
#CartPage .section-header__title {
  font-size: 36px;
}
#CartPage .section-header {
  margin-bottom: 36px;
}
.instagram-section .section-header__title {
    font-size: 50px;
    padding-top: 6px;
}
.grid-product__price--original {
	margin-right:5px;
}
}

@media all and (min-width:1200px) {
h2.small {
  font-size: 48px;
}
h2.medium {
  font-size:44px;
}
h2.large {
  font-size:78px;
}
h4.large {
  font-size:36px;
}
h5.large {
  font-size:18px;
}
}

@media all and (min-width:1500px) {
h5.large {
  font-size:20px;
}
}

.no-pad-bottom {
  padding-bottom:0px !important;
}
.no-pad-left {
  padding-left:0px !important;
}
.pad-bottom {
  padding-top:0px !important;
  padding-left:0px !important;
  padding-right:0px !important;
}
.pad-right {
  padding-top:0px !important;
  padding-left:0px !important;
  padding-bottom:0px !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  transition: background-color 500000s ease-in-out 0s;
}
.product-recommendations .grid-product__title, .product-recommendations .grid-product__price {
  color:#000;
}
@media all and (min-width:1024px) {
.footer-nav {
  max-width: 470px;
}
}

.footer__social a:active {
    background: transparent;
}

.site-footer__linklist a {
    font-size: 18px;
}
.site-footer__linklist a:hover, .newsletter-form-group__submit:hover {
    color:#005FF0;
}
/* .footer__social a:hover svg path {
  fill:#005FF0;
} */
.footer__social a svg.icon-facebook path {
  fill:#97bef5;
}
.footer__social a svg.icon-instagram path {
  fill:#ff5a68;
}
.footer__social a svg.icon-email path {
  fill:#ff6ed7;
}

.footer__social {
  text-align:center;
}
span.relative {
  display:block;
}
@media all and (min-width:1024px) {
  span.relative {
    display:inline-block;
  }
  span.relative h3 {
    display:inline-block;
  }
  span.relative {
    float:right;
  }
  .footer__social {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width:100%;
  }
  .footer__social li {
    margin: 10px 0px 0;
  }
}


.klaviyo-form div {
    padding: 0px !important;
}
#signup .klaviyo-form button {
  padding: 0px 0px !important;
  font-size: 24px !important;
  width: 100px !important;
  text-decoration: underline !important;
  text-decoration: underline !important;
  color: #000 !important;
  padding-right: 0 !important;
}
.touch #signup .klaviyo-form button {
  text-decoration:none;
}
@media all and (max-width:767px) {
.footer__social li {
  margin:10px 10px;
}
}
@media all and (min-width:768px) {
.footer_social_container {
  box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width:100%;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: absolute !important;
    top: 0;
    left: 0;
}
}
.footer_icon_container
#signup .klaviyo-form button:hover {
  color:#005FF0;
}
#signup .klaviyo-form input {
  padding-right: 70px !important;
  font-size: 18px !important;
  margin: 0 auto !important;
  width: 100% !important;
  border-bottom-color: #000 !important;
  border-width: 0px !important;
  border-bottom-width: 2px !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  padding: 7px 0px !important;
  margin-bottom: 10px !important;
  font-size:18px !important;
  transition: background-color 5000s ease 500s !important;
}
.klaviyo-form input {
  font-family: 'Akkurat Mono', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
#signup .klaviyo-form input[aria-invalid="true"] {
  border-color: transparent !important;
  border-width: 0px !important;
  border-bottom-width: 2px !important;
  border-bottom-color: #000 !important;
}
#signup .klaviyo-form input:active, .klaviyo-form input:focus {
  border-bottom-color: #d2f500 !important;
}
#signup .klaviyo-form input[aria-invalid="false"] {
  background-color: transparent !important;
}
#signup .klaviyo-form ::-webkit-input-placeholder {
  font-family: 'Akkurat Mono', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size:16px !important;
}

#signup .klaviyo-form :-ms-input-placeholder {
  font-family: 'Akkurat Mono', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size:16px !important;
}

#signup .klaviyo-form :-moz-placeholder {
  font-family: 'Akkurat Mono', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size:16px !important;
}

#signup .klaviyo-form::-moz-placeholder {
  font-family: 'Akkurat Mono', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size:16px !important;
}
@media all and (max-width:767px) {
#signup .klaviyo-form div {
    display: block !important;
}
#signup .klaviyo-form button {
    margin: 0 auto !important;
}
#signup .klaviyo-form, .klaviyo-form input {
  text-align:center !important;
}
}
@media all and (min-width:768px) {

#signup .klaviyo-form button {
  position: absolute !important;
  top: -18px !important;
  right: -3px !important;
  bottom: 0 !important;
}
#signup .klaviyo-form ::-webkit-input-placeholder {
  font-size:18px !important;
}
#signup .klaviyo-form :-ms-input-placeholder {
  font-size:18px !important;
}
#signup .klaviyo-form :-moz-placeholder {
  font-size:18px !important;
}
#signup .klaviyo-form::-moz-placeholder {
  font-size:18px !important;
}
}



/*——————————————————————————————————————————————————
  ACCOUNT / FORMS
  —————————————————————————————————————————————————— */

.max-width {
  max-width: 370px;
  margin: 0 auto;
}

.form-vertical input:not([type="submit"]), .form-vertical textarea {
  font-family: 'Akkurat Mono', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size:16px !important;
  padding: 10px 0px;
  transition: background-color 5000s ease 500s !important;
}

table {
  background: #000000;
}
td,
th {
  background: #d2f500;
}

.form-vertical select, .form-vertical textarea {
    border-bottom-color: #000;
}


/*——————————————————————————————————————————————————
  YOTPO REVIEWS
  —————————————————————————————————————————————————— */

.yotpo .yotpo-review .yotpo-main .content-title, .yotpo .yotpo-comment .yotpo-main .content-title, .yotpo .yotpo-question .yotpo-main .content-title, .yotpo .yotpo-onsite-upload .yotpo-main .content-title, .yotpo .yotpo-review .yotpo-main .content-review, .yotpo .yotpo-comment .yotpo-main .content-review, .yotpo .yotpo-question .yotpo-main .content-review, .yotpo .yotpo-onsite-upload .yotpo-main .content-review {
  color:#000 !important;
}

.yotpo.yotpo-main-widget.yotpo-small .yotpo-bottomline.yotpo-bottomline-2-boxes, .yotpo .yotpo-modal-dialog.yotpo-small .yotpo-bottomline.yotpo-bottomline-2-boxes {
    height: unset !important;
}
.yotpo .yotpo-review .yotpo-read-more, .yotpo .yotpo-comment .yotpo-read-more, .yotpo .yotpo-question .yotpo-read-more, .yotpo .yotpo-onsite-upload .yotpo-read-more {
  color:#000 !important;
}

.yotpo-nav, .yotpo-stars-and-sum-reviews, .yotpo-icon-write, .yotpo-icon-profile, .yotpo-header-actions, .yotpo-first-review, .write-review-btn-hidden  {
  display:none !important;
}

.yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-default-button.write-review-button {
  position:relative !important;
  top:unset !important;
  margin:0 auto;
}
.yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes, .yotpo .yotpo-modal-dialog .yotpo-bottomline.yotpo-bottomline-2-boxes {
  text-align:center;
}

.yotpo-header-element {
  width:100%;
}

.yotpo-review-stars {
  position: absolute;
  top: 0px;
  margin-top: 0px !important;
}
.yotpo-user-name {
  padding-left: 100px !important;
}
.yotpo .yotpo-review .yotpo-main, .yotpo .yotpo-comment .yotpo-main, .yotpo .yotpo-question .yotpo-main, .yotpo .yotpo-onsite-upload .yotpo-main {
  margin-left:0px !important;
}
.yotpo .yotpo-default-button, .yotpo input[type="button"].yotpo-default-button {
    font-family: 'Helvetica Neue', 'Helvetica', Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    display: inline-block !important;
    letter-spacing: 0em !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
    letter-spacing: -0.02em !important;
    font-weight: 600 !important;
    display: inline-block !important;
    padding: 8px 30px !important;
    width: auto !important;
    min-width: 90px !important;
    line-height: 1.42 !important;
    text-decoration: none !important;
    text-align: center !important;
    vertical-align: middle !important;
    white-space: normal !important;
    cursor: pointer !important;
    border: 1px solid transparent !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    border-radius: 0 !important;
    color: #000 !important;
    background: #FF6ED2 !important;
    transition: padding-right 0.3s,background 0.15s ease !important;
}
.yotpo-icon-button-text, .yotpo .primary-color-btn {
  color: #000 !important;
  font-weight:600 !important;
  font-size: 20px !important;
}
.yotpo .yotpo-regular-box {
  border-top:0px !important;
}
.yotpo .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-icon, .yotpo .y-label, .yotpo span.y-label  {
  color:#ff5a68 !important;
}

.yotpo .yotpo-review .yotpo-header .yotpo-header-element .y-label.yotpo-user-name {
  color:#000000 !important;
}
.yotpo .yotpo-review .yotpo-read-more {
  text-decoration:underline;
}
.yotpo-review-wrapper .content-review {
  line-height: 1.4 !important;
}
.yotpo-nav-content, .write-review-wrapper {
    max-width: 800px;
    margin: 0 auto !important;
}
@media all and (max-width:767px) {
.yotpo-regular-box.yotpo-bottomline.yotpo-bottomline-2-boxes.yotpo-bottomline-empty-state {
  padding-top:0px !important;
}
}
.yotpo.yotpo-main-widget.yotpo-small .yotpo-icon-btn .yotpo-icon-button-text {
  display:inline-block !important;
  padding: 5px !important;
}

/* WRITE */

.yotpo .write-review .yotpo-header .yotpo-icon {
  color:#ff5a68 !important;
  cursor:pointer;
}

.yotpo .y-label, .yotpo span.y-label, .yotpo input, .yotpo .y-input {
  color:#000 !important;
  font-family: 'Akkurat Mono', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

.yotpo span.y-label.yotpo-header-title {
  font-weight:600;
  font-family: 'Helvetica Neue', 'Helvetica',  Arial, -apple-system, BlinkMacSystemFont,  "Segoe UI", Roboto, Helvetica,sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
.yotpo input, .yotpo .y-input {
  border-width:0px !important;
  border-bottom-width:2px !important;
  border-bottom-color:#000 !important;
}
.yotpo input, .yotpo .y-input {
  padding: 18px 0px !important;
  margin: 0px 0 20px !important;
}

body .yotpo .primary-color-btn.yotpo-disabled:hover, body .yotpo input[type="button"].primary-color-btn.yotpo-disabled:hover {
    background: #fff !important;
    color: #000 !important;
}
.yotpo .primary-color-btn.yotpo-disabled, .yotpo input[type="button"].primary-color-btn.yotpo-disabled, body .yotpo .primary-color-btn.yotpo-disabled:hover, body .yotpo input[type="button"].primary-color-btn.yotpo-disabled:hover {
    border: none !important;
    font-weight:600 !important;
}

/*——————————————————————————————————————————————————
  PARAGRAPHS
  —————————————————————————————————————————————————— */

p {
  
}
p:last-child {
  margin-bottom:0px;
}

/*——————————————————————————————————————————————————
  COLOURS
  —————————————————————————————————————————————————— */

::-moz-selection { 
    background: #ff6ed7;
}
::selection { 
    background: #ff6ed7;
}
.blue, .btn.blue:hover {
    background:#005ff0;
}
.pink, .btn.pink:hover {
    background:#ff6ed7;
}
.green, .btn.green:hover {
    background:#d2f500; 
}
.coral, .btn.coral:hover {
    background:#ff5a64;
}
.black {
    background:#000000;
}
.white, .lightwhite {
    background:#ffffff;
}
footer {
  background:#e5e7ea;
}
.lightgrey, .template-collection .transition-body {
    background:#f6f6f6;
}
.lightpink {
    background:#fcc1f0;
}
.lightblue {
    background:#97bef5;
}
.lightcoral {
    background:#fa8a8d;
}
.lightgreen {
    background:#ecfca6;
}
.midpink {
    background:#fba2e8;
}

.color-blue {
    background:#005ff0 !important;
}
.color-pink {
    background:#ff6ed7 !important;
}
.color-green {
    background:#d2f500 !important;
}
.color-coral {
    background:#ff5a64 !important;
}
.color-black {
    background:#000000 !important;
}
.color-white {
    background:#ffffff !important;
}
.color-lightpink {
    background:#fcc1f0 !important;
}
.color-midpink {
    background:#fba2e8 !important;
}
.color-lightgrey {
    background:#f4f4f4 !important;
}
.color-lightcoral {
    background:#fa8a8d !important;
}
.color-lightblue {
    background:#97bef5 !important;
}
.color-lightgreen {
    background:#ecfca6;
}

.desktop-logo svg > * {
  transition: all 0.3s ease;
}
.logo-blue .desktop-logo svg > * {
    fill:#005ff0;
}
.logo-pink .desktop-logo svg > * {
    fill:#ff6ed7;
}
.logo-green .desktop-logo svg > * {
    fill:#d2f500;
}
.logo-coral .desktop-logo svg > * {
    fill:#ff5a64;
}
.logo-black .desktop-logo svg > *, .template-index .desktop-logo svg > * {
    fill:#000000;
}
.logo-white .desktop-logo svg > * {
    fill:#ffffff;
}
.logo-lightpink .desktop-logo svg > * {
    fill:#fcc1f0;
}
.logo-midpink .desktop-logo svg > * {
    fill:#fba2e8;
}
.logo-lightgrey .desktop-logo svg > * {
    fill:#f4f4f4;
}
.logo-lightcoral .desktop-logo svg > * {
    fill:#fa8a8d !important;
}
.logo-lightblue .desktop-logo svg > * {
    fill:#97bef5 !important;
}
.logo-transparent .desktop-logo svg > * {
    fill:transparent !important;
}

.fill-blue svg > * {
    fill:#005ff0;
}
.fill-pink svg > * {
    fill:#ff6ed7;
}
.fill-green svg > * {
    fill:#d2f500;
}
.fill-coral svg > * {
    fill:#ff5a64;
}
.fill-black svg > * {
    fill:#000000;
}
.fill-white svg > * {
    fill:#ffffff;
}
.fill-lightpink svg > * {
    fill:#fcc1f0;
}
.fill-midpink svg > * {
    fill:#fba2e8;
}
.fill-lightgrey svg > * {
    fill:#f4f4f4;
}
.fill-lightcoral svg > * {
    fill:#fa8a8d !important;
}
.fill-lightblue svg > * {
    fill:#97bef5 !important;
}

.blue-text {
    color:#005ff0;
}
.pink-text {
    color:#ff6ed7;
}
.green-text {
    color:#d2f500;
}
.coral-text {
    color:#ff5a64;
}
.black-text {
    color:#000000;
}
.white-text {
    color:#ffffff;
}
.lightpink-text {
    color:#fcc1f0;
}
.midpink-text {
    color:#fba2e8;
}
.lightgrey-text {
    color:#f4f4f4;
}
.lightgreen-text {
    color:#ecfca6;
}


.blue-border {
    border-color:#005ff0 !important;
}
.pink-border {
    border-color:#ff6ed7 !important;
}
.green-border {
    border-color: #d2f500 !important;
}
.coral-border {
    border-color:#ff5a64 !important;
}
.black-border {
    border-color:#000000 !important;
}
.white-border {
    border-color:#ffffff !important;
}
.lightpink-border {
    border-color:#fcc1f0 !important;
}
.midpink-border {
    border-color:#fba2e8 !important;
}

.blue-gradient {
    background: -moz-linear-gradient(top,       rgba(0,95,240,0) 0%,rgba(0,95,240,0.95) 77%,rgba(0,95,240,1) 100%);
    background: -webkit-linear-gradient(top,    rgba(0,95,240,0) 0%,rgba(0,95,240,0.95) 77%,rgba(0,95,240,1) 100%);
    background: linear-gradient(to bottom,      rgba(0,95,240,0) 0%,rgba(0,95,240,0.95) 77%,rgba(0,95,240,1) 100%);
}
.pink-gradient {
    background: -moz-linear-gradient(top,       rgba(255,110,215,0) 0%,rgba(255,110,215,0.95) 77%,gba(255,110,215,1) 100%);
    background: -webkit-linear-gradient(top,    rgba(255,110,215,0) 0%,rgba(255,110,215,0.95) 77%,rgba(255,110,215,1) 100%);
    background: linear-gradient(to bottom,      rgba(255,110,215,0) 0%,rgba(255,110,215,0.95) 77%,rgba(255,110,215,1) 100%);
}
.green-gradient {
    background: -moz-linear-gradient(top,       rgba(210,245,0,0) 0%, rgba(210,245,0,0.95) 77%,rgba(210,245,0,1) 100%);
    background: -webkit-linear-gradient(top,    rgba(210,245,0,0) 0%, rgba(210,245,0,0.95) 77%,rgba(210,245,0,1) 100%);
    background: linear-gradient(to bottom,      rgba(210,245,0,0) 0%, rgba(210,245,0,0.95) 77%,rgba(210,245,0,1) 100%);
}
.coral-gradient {
    background: -moz-linear-gradient(top,       rgba(255,90,100,0) 0%,rgba(255,90,100,0.95) 77%,rgba(255,90,100,1) 100%);
    background: -webkit-linear-gradient(top,    rgba(255,90,100,0) 0%,rgba(255,90,100,0.95) 77%,rgba(255,90,100,1) 100%);
    background: linear-gradient(to bottom,      rgba(255,90,100,0) 0%,rgba(255,90,100,0.95) 77%,rgba(255,90,100,1) 100%);
}

.lightblue-gradient {
    background: -moz-linear-gradient(top,       rgba(151, 190, 245,0) 0%,rgba(151, 190, 245,0.95) 77%,rgba(151, 190, 245, 1) 100%);
    background: -webkit-linear-gradient(top,    rgba(151, 190, 245,0) 0%,rgba(151, 190, 245,0.95) 77%,rgba(151, 190, 245, 1) 100%);
    background: linear-gradient(to bottom,      rgba(151, 190, 245,0) 0%,rgba(151, 190, 245,0.95) 77%,rgba(151, 190, 245, 1) 100%);
}
.lightpink-gradient {
    background: -moz-linear-gradient(top,       rgba(252, 193, 240, 0) 0%,rgba(252, 193, 240, .95) 77%,rgba(252, 193, 240, 1) 100%);
    background: -webkit-linear-gradient(top,    rgba(252, 193, 240, 0) 0%,rgba(252, 193, 240, .95) 77%,rgba(252, 193, 240, 1) 100%);
    background: linear-gradient(to bottom,      rgba(252, 193, 240, 0) 0%,rgba(252, 193, 240, .95) 77%,rgba(252, 193, 240, 1) 100%);
}
.lightgreen-gradient {
    background: -moz-linear-gradient(top,       rgba(236, 252, 166,0) 0%, rgba(236, 252, 166,0.95) 77%,rgba(236, 252, 166,1) 100%);
    background: -webkit-linear-gradient(top,    rgba(236, 252, 166,0) 0%, rgba(236, 252, 166,0.95) 77%,rgba(236, 252, 166,1) 100%);
    background: linear-gradient(to bottom,      rgba(236, 252, 166,0) 0%, rgba(236, 252, 166,0.95) 77%,rgba(236, 252, 166,1) 100%);
}
.lightcoral-gradient {
    background: -moz-linear-gradient(top,       rgba(250, 138, 141,0) 0%,rgba(250, 138, 141,0.95) 77%,rgba(250, 138, 141,1) 100%);
    background: -webkit-linear-gradient(top,    rgba(250, 138, 141,0) 0%,rgba(250, 138, 141,0.95) 77%,rgba(250, 138, 141,1) 100%);
    background: linear-gradient(to bottom,      rgba(250, 138, 141,0) 0%,rgba(250, 138, 141,0.95) 77%,rgba(250, 138, 141,1) 100%);
}
.lightgrey-gradient {
    background: -moz-linear-gradient(top,       rgba(244, 244, 244,0) 0%,rgba(244, 244, 244,0.95) 77%,rgba(244, 244, 244,1) 100%);
    background: -webkit-linear-gradient(top,    rgba(244, 244, 244,0) 0%,rgba(244, 244, 244,0.95) 77%,rgba(244, 244, 244,1) 100%);
    background: linear-gradient(to bottom,      rgba(244, 244, 244,0) 0%,rgba(244, 244, 244,0.95) 77%,rgba(244, 244, 244,1) 100%);
}

.blue-outlined {
    -webkit-text-stroke:    1.25px #005ff0;
    text-stroke:            1.25px #005ff0;
}
.pink-outlined {
    -webkit-text-stroke:    1.25px #ff6ed7;
    text-stroke:            1.25px #ff6ed7;
}
.green-outlined {
    -webkit-text-stroke:    1.25px #d2f500;
    text-stroke:            1.25px #d2f500;
}
.coral-outlined {
    -webkit-text-stroke:    1.25px #ff5a64;
    text-stroke:            1.25px #ff5a64;
}
.black-outlined {
    -webkit-text-stroke:    1.25px #005ff0;
    text-stroke:            1.25px #005ff0;
}
.white-outlined {
    -webkit-text-stroke:    1.25px #ffffff;
    text-stroke:            1.25px #ffffff;
}
.lightpink-outlined {
    -webkit-text-stroke:    1.25px #fba2e8;
    text-stroke:            1.25px #fba2e8;
}
.lightpink-outlined {
    -webkit-text-stroke:    1.25px #fba2e8;
    text-stroke:            1.25px #fba2e8;
}



.overlay {
  background:url('overlay.svg');
  background-size: 8px;
}
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
  .overlay {
  background:url('overlay.svg');
  background-size: 10px;
}
}


/*——————————————————————————————————————————————————
  PAGE BACKGROUND COLOURS
  —————————————————————————————————————————————————— */


.transition-body {
  background:#d2f500;
}

/* CORAL */
.inngredients .transition-body {
  background:#ff5a64;
}

.shopify-policy__container {
  color:#000;
}

.template-customers-login       .desktop-logo svg > *,
.template-customers-account     .desktop-logo svg > *,
.template-customers-addresses   .desktop-logo svg > *,
.template-customers-order       .desktop-logo svg > *,
.template-cart                  .desktop-logo svg > *,
.template-page.join-inn         .desktop-logo svg > * {
  fill:#000000;
}
.black-text input:not([type="submit"]) {
  border-bottom-color:#000000;
}


@media (min-width: 768px) {
.template- h1 {
  font-size: 48px;
}
}

/*——————————————————————————————————————————————————
  CURSOR
  —————————————————————————————————————————————————— */

.touch #mycanvas {
  display:none;
}

#cursor-container {
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  overflow:scroll;
  /* cursor:none; */
  z-index: 100;
}

#mycanvas {
  pointer-events:none;
  position: absolute;
  margin-top: -10px;
  margin-left: -15px;
  width:80px;
  height:80px;
  background:transparent url('pointer.svg');
  background-size:contain;
  background-repeat:no-repeat;
  cursor:none;
  z-index:100;
} 
/* 
body.pointer , .pointer a,.pointer  a:after,.pointer  *,.pointer  #mycanvas {
 cursor:none !important;
} */

@media all and (min-width:1024px) {
  .taste #mycanvas {
    background:transparent url('hover-taste.jpg');
    background-size:contain;
    background-repeat:no-repeat;
    cursor:none;
    margin-top: -125px;
    margin-left: -125px;
    width:250px;
    height:250px;
  }
  .skin #mycanvas {
    background:transparent url('hover-skin.jpg');
    background-size:contain;
    background-repeat:no-repeat;
    cursor:none;
    margin-top: -125px;
    margin-left: -125px;
    width:250px;
    height:250px;
  }
}

@media all and (min-width:1400px) {
  .taste #mycanvas, .skin #mycanvas {
    margin-top: -160px;
    margin-left: -160px;
    width:320px;
    height:320px;
  }
}

@media all and (min-width:2000px) {
  .taste #mycanvas, .skin #mycanvas {
    margin-top: -200px;
    margin-left: -200px;
    width:400px;
    height:400px;
  }
}

#innteract {
  pointer-events:none;
}
.marquee--1568389478994 #innteract {
  pointer-events:all;
}

@media all and (max-width:660px) {
.marquee--1568389478994 .marquee__text {
    font-size: 36px !important;
}
}

body, *, a, a:after, a:hover, .btn, button {
  cursor: url('cursor.png'), auto;
  cursor: -webkit-image-set(
   url('cursor.png') 1x,
   url('cursor_@2x.png') 2x
 ), auto !important;
}

body.electrify , .electrify a,.electrify  a:after,.electrify  *,.electrify  #mycanvas {
  cursor: url('cursor-electrify-.png'), auto;
  cursor: -webkit-image-set(
   url('cursor-electrify-.png') 1x,
   url('cursor-electrify-@2x.png') 2x
 ), auto !important;
}
body.ibp , .electrify a,.ibp  a:after,.ibp  *,.ibp  #mycanvas {
  cursor: url('cursor-ibp.png'), auto;
  cursor: -webkit-image-set(
   url('cursor-ibp.png') 1x,
   url('cursor-ibp@2x.png') 2x
 ), auto !important;
}
body.glaze , .glaze a,.glaze  a:after,.glaze  *,.glaze  #mycanvas {
  cursor: url('cursor-glaze.png'), auto;
  cursor: -webkit-image-set(
   url('cursor-glaze.png') 1x,
   url('cursor-glaze@2x.png') 2x
 ), auto !important;
}
body.shine , .shine a,.shine  a:after,.shine  *,.shine  #mycanvas {
  cursor: url('cursor-shine.png'), auto;
  cursor: -webkit-image-set(
   url('cursor-shine.png') 1x,
   url('cursor-shine@2x.png') 2x
 ), auto !important;
}
body.facetime , .facetime a,.facetime  a:after,.facetime  *,.facetime  #mycanvas {
  cursor: url('cursor-shine.png'), auto;
  cursor: -webkit-image-set(
   url('cursor-facetime.png') 1x,
   url('cursor-facetime@2x.png') 2x
 ), auto !important;
}

body.taste {
  cursor: url('cursor-taste.png'), auto;
  cursor: -webkit-image-set(
   url('cursor-taste.png') 1x,
   url('cursor-taste@2x.png') 2x
 ), auto !important;
}


/*——————————————————————————————————————————————————
  FLICKITY
  —————————————————————————————————————————————————— */

.carousel-cell {
  width:100%;
}

.fadeslider .flickity-viewport {
  min-height:36px;
}

.fadeslider .flickity-slider {
  transform: none !important;
}

.fadeslider .carousel-cell {
  left: 0 !important;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  z-index: -1; 
}

.fadeslider .carousel-cell.is-selected {
  opacity: 1;
  transition: opacity 1s ease-in-out;
  z-index: 0
}

.product-carousel-nav .flickity-slider .carousel-cell {
  width: 80px;
}
.flickity-viewport, .flickity-slider {
  width:100%;
}
.product-carousel-nav {
    overflow:hidden;
    padding:20px;
}
.product-carousel-nav .carousel-cell {
    padding: 5px;
}
.product-carousel-nav .carousel-cell > img {
  border:1px solid white;
}
.product-carousel-nav .carousel-cell.is-nav-selected > img {
  border:1px solid #d2f500;
}
.product-carousel .flickity-viewport, .product-carousel .flickity-slider, .product-carousel .carousel-cell, .product-carousel .carousel-cell img {
  height: 100%;
}
.product-carousel .carousel-cell img {
  object-fit: cover;
  width:100%;
}

/*——————————————————————————————————————————————————
  CART
  —————————————————————————————————————————————————— */
.payment-icons li {
	margin:0 2px 0;
}
.cart-count {
    font-size: 13px;
    width: 100%;
    height: 100%;
    border: px solid black;
    position: absolute;
    top: 0;
    padding: 9px 0px 0px 3px;
    text-align: center;
}
@media all and (min-width:768px){
.cart__note {
  padding-right:20px;
}
}
.cart__note {
  margin-bottom:20px !important;
}
.cart__subtotal {
  font-size:16px;
  text-align:right;
  margin-bottom:25px !important;
}
.payment-icons {
  margin: 20px -2px 25px;
}
 
/* #CartDrawer {
    background:url('_cart.png') no-repeat top center;background-size:375px;"
}  */
/* .slide-nav__overflow {
    background:url('_mobile_menu.png') no-repeat center 36px;background-size:375px;"
} */

.template-cart .rte>div {
  margin-bottom:10px;
}
.cart__header-labels {
  padding-bottom:0px;
}

.CartDrawer .cart__empty-text {
      background: #d2f500;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    padding: 40px;
}

.promo_reminder {
  border: 1px dashed;
  padding: 11px 14px;
  line-height: 1.4;
  margin-bottom:20px !important;
}

/*——————————————————————————————————————————————————
  CART RECOMMENDATION
  —————————————————————————————————————————————————— */
.recommendation {
  overflow: hidden;
    display: block;
    width: 50px;
  float:right;
}

.recommendation .product-section {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.recommendation .product-section .add-to-cart span {
  font-size: 18px;
  text-align: center;
  position: absolute;
  left: -9px;
  top: -1px;
  line-height: 1.5;
  width: 100%;
  padding: 5px 15px;
}
.recommendation .product-section .add-to-cart {
    height: 34px;
}


#recommendations {
  position:relative;
  
}

.hide-when-in-cart {
	position:absolute;
}

.hide-when-in-cart:first-child {
  position:relative !important;
  padding:0px;
}


#recommendations .ajaxcart__row-product {
	margin-bottom:20px;
}

.drawer__footer--fixed {
	position:fixed;
  -webkit-backface-visibility: hidden;
}

.touch .drawer__inner--has-fixed-footer {
  height:100%;
}
.touch .drawer__footer--fixed {
  width: calc(100% + 40px);
  left: -20px;
   position: relative;
}

/*——————————————————————————————————————————————————
  INSTAGRAM
  —————————————————————————————————————————————————— */

.overflow-scroll-wrap {
  padding-left:0px;
}
@media all and (min-width:768px) {
.overflow-scroll-wrap {
  padding-left:0px;
}
}

/*——————————————————————————————————————————————————
  FOOTER
  —————————————————————————————————————————————————— */

.site-footer__linklist li {
  display:block;
}
.site-footer__linklist a {
    display: inline-block;
    padding: 3px 0px;
    font-weight: 600;
    width: 100%;
    position: relative;
}
.site-footer__copyright > span {
  display:block;
  height:0px;
  overflow:hidden;
}
@media all and (min-width:960px) {
.site-footer__linklist a {
    padding: 3px 0px;
}
.site-footer__copyright > span {
  display: unset;
  padding: 0px 5px;
  height: unset;
}
}

/*——————————————————————————————————————————————————
  COMING SOON
  —————————————————————————————————————————————————— */

.grid-product__tag--sold-out {
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    font-size: 0px;
    color: transparent;
    background: transparent url('coming-soon.png') no-repeat top left;
    background-size:contain;
}
.btn[disabled], .btn.disabled, .rte .btn[disabled], .rte .btn.disabled, .shopify-payment-button .shopify-payment-button__button--unbranded[disabled], .shopify-payment-button .shopify-payment-button__button--unbranded.disabled, .product-reviews .spr-summary-actions a[disabled], .product-reviews .spr-summary-actions a.disabled, .product-reviews .spr-button[disabled], .product-reviews .spr-button.disabled, .btn[disabled]:hover, .btn.disabled:hover, .rte .btn[disabled]:hover, .rte .btn.disabled:hover, .shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:hover, .shopify-payment-button .shopify-payment-button__button--unbranded.disabled:hover, .product-reviews .spr-summary-actions a[disabled]:hover, .product-reviews .spr-summary-actions a.disabled:hover, .product-reviews .spr-button[disabled]:hover, .product-reviews .spr-button.disabled:hover {
  color:#d2f500;
}


/*——————————————————————————————————————————————————
  YOTPO REVIEWS
  —————————————————————————————————————————————————— */

.yotpo-label {
  display:none;
}
.yotpo .yotpo-bottomline .yotpo-icon-star, .yotpo .yotpo-bottomline .yotpo-icon-half-star, .yotpo .yotpo-bottomline .yotpo-icon-empty-star {
  color: #ff5a68 !important;
}
body .yotpo .text-m {
  font-size: 13.5px;
  color:#000 !important;
  text-transform:uppercase;
  font-weight:600;
  margin-left: 7px;
  margin-top: 1px;
}
body .yotpo .text-m:hover {
  color:#000 !important;
}
.yotpo div, .yotpo span, .yotpo p, .yotpo a, .yotpo img, .yotpo i, .yotpo strong, .yotpo sup, .yotpo ul, .yotpo li, .yotpo form, .yotpo label {
  font-family: 'Helvetica Neue', 'Helvetica',  Arial, -apple-system, BlinkMacSystemFont,  "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

/*——————————————————————————————————————————————————
  SINGLE PRODUCT
  —————————————————————————————————————————————————— */

.template-product .main-content {
  color:#000;
}
.template-product .desktop-logo svg > *  {
  fill:black;
}
.image-wrap {
  background:transparent;
}
.product-single__review-link {
  font-weight:600;
}
.show-product-page { display:none }
.product-single__meta .show-product-page {display:inline-block;}
.product-type {
  font-size: 26px;
  margin-bottom: 4px;
}
.product-weight {
  font-size: 15px;
}
.product-shortdesc {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.5;
}
.full-ingredients {
  top:0;
  left:0;
  pointer-events:none;
}
.full-ingredients-button span {
  font-size:14px;
  font-family: 'Akkurat Mono', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  text-decoration:underline;
}
.full-ingredients-button.active span:first-child, .full-ingredients-button span:last-child {
  display:none;
}
.full-ingredients-button.active span:last-child {
  display:inline-block;
}
.product-single__title {
  margin-bottom: 0px;
}
@media all and (max-width:767px) {
.ingredients-container .full-ingredients {
  max-height:0px;
  transition:max-height 0.3s ease 0s;
}
.ingredients-container.active .full-ingredients {
  max-height:1000px;
  transition:max-height 0.3s ease 0s;
}
.full-ingredients > * {
  padding:10px 0px;
}
.overflow-scroller .grid__item:first-child {
    margin-left: 30px;
}
}
@media all and (min-width:768px) {
.full-ingredients {
  opacity:0;
  padding:0px;
}

.ingredients-container .main-ingredients {
  transition:opacity 0.3s ease 0.3s;
}
.ingredients-container .full-ingredients {
  transition:opacity 0.3s ease 0s;
}
.ingredients-container.active .full-ingredients {
  opacity:1;
  transition:opacity 0.3s ease 0.3s;
  pointer-events:all;
}
.ingredients-container.active .main-ingredients {
  opacity:0;
  transition:opacity 0.3s ease 0s;
  pointer-events:all;
}
.product-type {
  font-size: 34px;
}
.product-single__title {
  margin-bottom: 4px;
}
.ingredients-container > *::-webkit-scrollbar {
    width: 12px;
}
.ingredients-container > *::-webkit-scrollbar-track {
  background: transparent;
  border: 1px solid #000;
  box-shadow: inset 0px 0px 0px 1px #000;
  border:2px solid transparent;
}
.ingredients-container > *::-webkit-scrollbar-thumb {
    background-color: #ff5fdc;  
    background-color: rgba(0,0,30,0.15);  
    background-blend-mode: multiply;
}
}
.product-single__form {
  margin-bottom:0px;
}
.product__price--compare {
    text-decoration: line-through;
    color: #000;
    opacity: 0.4;
}
.product-single__meta {
  max-width:440px;
  width: 100%;
  padding-left:0px;
}
.ingredients-container > * {
  overflow-y: auto;
}

.main-ingredients p, .full-ingredients p {
    margin-bottom: 0px;
}
.main-ingredients ul {
  margin: 0 0 20px 50px;
}
.main-ingredients li {
  position:relative;
  list-style:none;
  text-align: left;
  margin:30px 0px;
  line-height: 1.5;
}
.main-ingredients li:first-child {
  margin-top:0px;
}
.main-ingredients li:before {
  content:'';
  border-radius:50%;
  background-image:url('icon-ibp.svg');
  background-repeat: no-repeat;
  background-position:center center;
  background-size: 89%;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 0px;
  padding:6px;
  left: -50px;
}
.main-ingredients {
  font-size:13px;
}
.main-ingredients strong {
  font-family: 'Akkurat Mono', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-weight:normal;
}
/* Select every 3rd list item starting with 2nd */
.main-ingredients li:nth-child(5n - 5):before {
  background-color:#00e180;
}
.main-ingredients li:nth-child(5n - 4):before {
  background-color:#e57b7e;
}
.main-ingredients li:nth-child(5n - 3):before {
  background-color:#779bdb;
}
.main-ingredients li:nth-child(5n - 2):before {
  background-color:#b380df;
}
.main-ingredients li:nth-child(5n - 1):before {
  background-color:#d9c874;
}

.main-ingredients h5, .main-ingredients h5 strong {
  font-weight: bold;
  font-family: 'Helvetica Neue', Helvetica, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  letter-spacing: 0px;
}
.main-ingredients h5 {
  margin-bottom:20px;
}
.description strong, .description b {
  font-weight: bold;
  font-family: 'Helvetica Neue', Helvetica, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size: 14px;
}

/*——————————————————————————————————————————————————
  TAGS
  —————————————————————————————————————————————————— */

.tag-container {
  text-align:center;
  display:inline-block;
  margin:0px 2.5px;
}
.tag-container:first-child {
  margin-left:0px;
}
.tag-container:last-child {
  margin-right:0px;
}
.tag-icon {
  position:relative;
  width:40px;
  height:40px;
  margin-bottom:3px;
  margin: 0 auto;
  margin-bottom: 5px;
  margin-top: 1px;
}
.tag-container span {
  font-size:10px;
  letter-spacing:-0.01em;
}
/* @media all and (min-width:768px) {
.tag-container span {
  font-size:16px;
}
} */
.tag-icon.tag-even-out-complex {
  width:52px;
  height:55px;
  background:url('tag-even.svg') no-repeat 0px 5px;
  background-size:100%;
}
@media all and (min-width:768px) {
.tag-icon.tag-even-out-complex {
  width:55px;
  margin-left: 3px;
  height:55px;
  background:url('tag-even.svg') no-repeat top center;
  background-size:100%;
}
}
.tag-icon.tag-plump {
  width:55px;
  background:url('tag-plump.svg') no-repeat top center;
  background-size:100%;
}
.tag-icon.tag-smooth {
  background:url('tag-smooth.svg') no-repeat top center;
  background-size:100%;
}
.tag-icon.tag-glow {
  background:url('tag-glow.svg') no-repeat top center;
  background-size:100%;
}
.tag-icon.tag-cleanse {
  background:url('tag-cleanse.svg') no-repeat top center;
  background-size:100%;
}
.tag-icon.tag-pore-shrink {
  background:url('tag-pore-shrink.svg') no-repeat top center;
  background-size:100%;
}
.tag-icon.tag-hydrate {
  background:url('tag-hydrate.svg') no-repeat top center;
  background-size:100%;
}
.tag-icon.tag-energize {
  background:url('tag-energize.svg') no-repeat top center;
  background-size:100%;
}
.tag-icon.tag-lift {
  background:url('tag-lift.svg') no-repeat top center;
  background-size:100%;
}
.tag-icon.tag-shine {
  background:url('tag-shine.svg') no-repeat top center;
  background-size:100%;
}
.tag-icon.tag-vegan {
  background:url('tag-vegan.svg') no-repeat top center;
  background-size:100%;
}
.tag-icon.tag-cruelty-free {
  background:url('tag-cruelty-free.svg') no-repeat top center;
  background-size:100%;
}
.tag-icon.tag-non-toxic {
  background:url('tag-non-toxic.svg') no-repeat top center;
  background-size:100%;
}
.tag-icon.tag-sustainable {
  background:url('tag-sustainable.svg') no-repeat top center;
  background-size:100%;
}
.large-icons .tag-container span {
  letter-spacing:0em;
}
.large-icons .tag-icon {
  position:relative;
  width:65px;
  height:70px;
}
.large-icons .tag-icon {
    margin-bottom: 4px;
}
@media all and (min-width:768px) {
/* .large-icons .tag-icon {
  width:85px;
  height:85px;
} */
.large-icons .tag-container {
  margin:0px 16px;
}
}

#SearchModal .modal__close svg path, #SearchModal .modal__close:active svg path {
    transform: translateY(-5px);
}
/*——————————————————————————————————————————————————
  CARD FLIP
  —————————————————————————————————————————————————— */

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  cursor:pointer;
  width: 100%;
  height: auto;
  background-color: transparent;
  perspective: 2000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.no-touch .flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}


/* Style the back side */
.flip-card-back {
  transform: rotateY(180deg);
}

/*——————————————————————————————————————————————————
  IBP LISTS
  —————————————————————————————————————————————————— */

.ibp-bullets li {
  position:relative;
  list-style:none;
  text-align: left;
}
.ibp-bullets li:before {
  content:'';
  border-radius:50%;
  background-image:url('icon-ibp.svg');
  background-repeat: no-repeat;
  background-position:center center;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 3px;
  left: -30px;
}
.pink-bullets li:before {
  background-color:#ff6ed7;
}
.green-bullets li:before {
  background-color:#d2f500;
}
ul, ol {
    margin: 0 0 20px 30px;
}
@media all and (min-width:768px) {
ul, ol {
    margin: 0 0 20px 40px;
}
.two-column {
   -moz-column-count: 2;
   -moz-column-gap: 20px;
   -moz-column-fill: auto;
   -webkit-column-count: 2;
   -webkit-column-gap: 20px;
   -webkit-column-fill: auto;
   column-count: 2;
   column-gap: 20px;
   column-fill: auto;
   list-style-position: inside;
}
.ibp-bullets li {
    margin-bottom: 8px;
}
.ibp-bullets li:before {
  width:25px;
  height:25px;
  position:absolute;
  top: 5px;
  left: -45px;
}
}

@media all and (max-width:767px) {
.ibp-bullets h3 {
  font-size: 20px;
}
h2.cruelty-free {
  font-size: 41px;
}
}


/*——————————————————————————————————————————————————
  PRODUCT PAGE INGREDIENTS
  —————————————————————————————————————————————————— */

.ibp-bullets li:before {
  content:'';
  border-radius:50%;
  background-image:url('icon-ibp.svg');
  background-repeat: no-repeat;
  background-position:center center;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 3px;
  left: -30px;
}
.pink-bullets li:before {
  background-color:#ff6ed7;
}
.green-bullets li:before {
  background-color:#d2f500;
}


/*——————————————————————————————————————————————————
  QTY
  —————————————————————————————————————————————————— */


.btn.add-to-cart, .product__price, .qty-value input {
  font-size:18px;
}
.qtybox {
  display:flex;
  width: 60px;
  margin-right: 10px;
}
@media all and (min-width:660px) {
.qtybox {
  width: 110px;
  margin-right: 15px;
}
}
.qtybox {
  border:1px solid #000;
  display:inline-block;
  outline:none;
  text-align:center;
}
.btnqty {
  text-align:center;
  font-size: 28px;
  font-weight: 200;
  height: 93% !important;
  border-bottom: 0px;
  cursor:pointer;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.qty-value {
  border-left-width:0px;
  border-right-width:0px;
}
.btnqty {
  padding: 0px;
}
.qty-value input {
  font-weight: 600;
  border-bottom: 0px;
}
.qty-value {
  position: relative;
}
.qty-value input {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height:100%;
}

.qtydiv .quantity-input {
  border: none;border: none;text-align: center;outline: none;display: inline-block;
}

.qtybox > * {
  height: 100%;
  width: 26%;
  float:left;
}
.qty-value {
  width: 48%;
}
.cart__items .qtybox {
width: 51px;
margin: 0 auto;
  display: block;
  height: 36px;
  margin-bottom: 6px;
  }
#CartDrawer .cart__items .qtybox {
      float: right;
      margin-right: 0px;
}
.cart__items .qty-value {
  width:40%;
}
.cart__items .qty-value input {
    font-size: 15px;
}
.cart__items .btnqty {
    font-size: 20px;
    border:0px !important;
    width:30%;
}
.cart__items .btnqty.qtyminus {
    text-align:right;
}
.cart__items .btnqty.qtyplus {
    text-align:left;
}

/*——————————————————————————————————————————————————
  EVEN OUT SPINNER
  —————————————————————————————————————————————————— */

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
        transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
        transform: rotate(359deg);
		}
}

.even-out-spinner {
  margin-top:-100px;
  transform: translateX(6%);
}
.even-out-spinner > div {
  float:left;
}
.even-out-spinner .spinner {
  width: 90%;
  height: 90%;
  background: url('even-out-complex.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-animation: rotation 4s infinite linear;
  animation: rotation 4s infinite linear;
}
.even-out-spinner .trademark {
  width: 22%;
  height: 15%;
  position:absolute;
  top:0;
  right:0;
  background: url('tag-even.svg');
  background-repeat: no-repeat;
  background-size: 450%;
  background-position: top right;
}
@media all and (min-width:768px) {
.even-out-spinner {
  margin-top:-170px;
}
}
@media all and (min-width:1024px) {
.even-out-spinner {
  margin-top:0px;
  transform: translateX(0%);
}
}

.rotating-logo {
  width: 200px;
  height: 200px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.rotating-logo svg {
  background-size: 100%;
  background: url('ibp.svg');
  background-repeat: no-repeat;
  -webkit-animation: rotation 4s infinite linear;
  animation: rotation 4s infinite linear;
}
.rotating-logo svg > * {
	fill:#d2f500 !important;
}
@media all and (max-width:660px) {

.rotating-logo {
  width: 100px;
  height: 100px;
}
}

/*——————————————————————————————————————————————————
  MARQUEE
  —————————————————————————————————————————————————— */

.marquee--marquee .marquee__text span {
    padding: 0;
    padding:0px !important;
    margin-left: -20px;
}

.marquee__text span img {
    margin: 0px 0px !important;
}


/*——————————————————————————————————————————————————
  LINKS
  —————————————————————————————————————————————————— */

p a, .rte h3 a {
    display: inline-block;
    position: relative;
}
.rte p a {
    display: inline;
}
a, li a, button {
  cursor: pointer;
}
p a {
  text-decoration: underline;
}
.page-subnav p {
  margin-bottom:10px;
  line-height: 1.2;
}
.page-subnav p a {
  border-bottom-width:2px !important;
  padding-bottom:0px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 15px;
}
/* .b p a:hover {
  color:#d2f500;
  border-bottom:2px solid #d2f500;
} */

/*——————————————————————————————————————————————————
	FOOTER
  ——————————————————————————————————————————————————*/

footer nav {

}

footer nav a:after {
    content:'';
    width:100%;
    background:#000;
    height:2px;
    position:absolute;
    bottom:2px;
    left:0;
}

/*——————————————————————————————————————————————————
	NAV
  ——————————————————————————————————————————————————*/

.desktop-logo {
  display:none;
  cursor:pointer;
}

@media all and (min-width:1024px) {
  .desktop-logo {
    display:block
  }
}

.site-nav__thumb-button.js-toggle-slide-nav {
  padding:0px 7px 0px 7px;
}

.desktop-logo {
  top:86px;
  z-index: 10;
}

/* TO TEST */
.main-content {
  transform:translateY(86px);
  padding-bottom:86px;
}

#shopify-section-header {
  position: sticky;
    -webkit-position:sticky;
  position: fixed;
  width: 100%;
  z-index: 20;
  top: 0;
}
#main-nav {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 200px);
}
.mobile-logo {
    display:inline-block;
    max-width:120px;
    width: 100%;
    margin:0px;
    margin-top:3px;
}
.desktop-logo {
    left: 0;
    -webkit-position: sticky;
    -webkit-position:sticky;
    position: sticky;
    width: 90px;
    height:300px;
}

@media all and (min-width: 769px) {
  body .overflow-scroller .grid__item:first-child {
      margin-left: 0px;
  }
  .overflow-scroller .grid__item:last-child {
      margin-left: 0px;
  }
  .overflow-scroller {
    padding:0px 40px;
    margin:0 auto;
    max-width:1400px;
  }
  .overflow-scroller .grid__item {
    width: 33.3%;
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
  }
}

@media all and (min-width:1024px) {
.page-width, .page-full {
    padding-left:80px;
    padding-right:80px;
}
.overflow-scroller {
    padding:0px 40px;
    margin:0 auto;
    max-width:1100px;
  }
.main-content {
  margin-top: -300px;
}
}
@media all and (min-width:1200px) {
.desktop-logo {
    left: 0;
    -webkit-position: sticky;
    -webkit-position:sticky;
    position: sticky;
    width: 120px;
    height:527px;
}
.page-width, .page-full {
    padding-left:120px;
    padding-right:120px;
}
.main-content {
  margin-top: -527px;
}
}
@media all and (min-width:768px) {
.site-navigation {
  padding-left:34px;
}
}

.desktop-logo a, .mobile-logo a {
    display: block;
}
.icon-logo {
    width: 100%;
    height: auto;
    display: block;
}
nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dropdown {
    position:absolute;
    opacity:0;
    pointer-events: none;
}
header nav li .dropdown {
  bottom: 24%;
  pointer-events: none;
  transform: translateY(50%);
}
header nav li.active .dropdown {
  opacity:1;
  pointer-events: all;
}
@media all and (min-width:1024px) {
header nav li {
    display:inline-block;
    margin:0px 1vw;
}
header nav .dropdown li {
    margin: 0px 0.6vw;
}
header nav li:first-child {
    margin-left:0px;
}
}


/*——————————————————————————————————————————————————
  MOBILE MENU
  —————————————————————————————————————————————————— */

@media all and (max-width:767px) {
  .site-nav__item {
  	width:100%;
  }
  #main-nav {
  	width:100%;
    left:0;
    transform:translateY(100%);
  }
  #main-nav.js-menu--is-open {
    transform:translateY(0%);
  }
}


/*
.dropdownlink {

}
.mobile-nav li {
    position: relative;
    width:50%;
    max-width:160px;
}
.mobile-nav .dropdown li {
  font-size:15px;
  line-height:1.4;
  display:block;
}
.mobile-nav a {
  position:relative;
}
.mobile-nav .dropdown {
    left: 100%;
    width: 120%;
}
.mobile-nav .dropdown li {
    display:block;
    width:100%;
}
.mobile-nav li.active .dropdown {
  opacity:1; 
  pointer-events: all;
}
*/

/*——————————————————————————————————————————————————
	PRODUCT GRID
  ——————————————————————————————————————————————————*/
.grid-product__meta {
    font-weight:600;
}
.spr-badge {
  color:#000000;
}
.grid-product .spr-badge-starrating {
  color:#ff5a68;
}

/*——————————————————————————————————————————————————
	VOLUME
  ——————————————————————————————————————————————————*/

.icon-volume {
    position:relative;
}
.icon-volume-on {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#volume .icon-volume {
  opacity:0;
}
#volume.muted .icon-volume-on {
  opacity:0;
}
#volume.muted .icon-volume {
  opacity:1;
}

/*——————————————————————————————————————————————————
	SOCIAL ICONS
  ——————————————————————————————————————————————————*/

@media all and (max-width:768px) {
  .social-sharing {
    transform: translateY(-1px);
  }
}

.social-icons {
  display:inline-block;
}
.social-icons ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display:flex;
}
.social-icons li {
    display:inline-block;
    width: 1.75vw;
    min-width: 22px;
    margin-right: 18px;
    position:relative;
    display:flex;
} 
svg {
  width:100%;
}
footer svg *, .light svg * {
    fill:#fff;
} 
.light svg * {
    fill:#000;
} 
.additional-checkout-buttons svg * {
  fill:#fff;
}
@media all and (min-width:1200px) {
    .social-icons li {
        margin-right: 15px;
        margin-right:1.3vw;
    }
}

/*——————————————————————————————————————————————————
	CART
  ——————————————————————————————————————————————————*/

.counter {
  display:inline-block;
  border-radius:10px;
  background:red;
}

#CartDrawer.drawer--is-open {
  box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
}

/*——————————————————————————————————————————————————
	HAMBURGER
  ——————————————————————————————————————————————————*/
/*
#hamburger {
    margin-right: 0px;
    margin-left: 0px;
        height: 30px !important;
}
#hamburger .holder {
  height: 20px;
  top: 50%;
  position: absolute;
  width: 30px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu #hamburger .outer {
  transform:rotate(-90deg);
  transform-origin: center center;
}
#hamburger span {
  height:2px;
  width:30px;
  left:0px;
  position: absolute;
  background:#000000;
}
.menu #hamburger span {
  background:#ffffff;
}
.menu #logo path, .menu #logo polygon, .menu #logo rect {
  fill:#ffffff;
}
.menu header {
  background:#2e2d2c;
}
.menu .cart-link {
  color:#fff;
}
.cart-count {
  display:inline-block;
  font-weight:bold;
  transform:scale(0.6) translateY(-40%);
}
@media all and (max-width:1024px) {
  footer {
    z-index:-1;
    opacity:0;
    pointer-events: none;
    overflow:scroll;
  }
  header {
    position:fixed;
    z-index:10;
    top:0;
    width:100%;
  }
}
.menu footer {
  opacity:1;
  pointer-events: all;
  z-index: 10;
}
#hamburger span:first-child {
  top:0px;
}
#hamburger span:nth-child(2) {
  top:calc(50%);
  transform:translateY(-50%);
}
#hamburger span:last-child {
  bottom:0px;
}
.menu #hamburger .holder, .exit#hamburger .holder {
  height:2px;
}
.menu #hamburger span:last-child, .exit#hamburger span:last-child {
  transform:rotate(45deg);
}
.menu #hamburger span:nth-child(2), .exit#hamburger span:nth-child(2) {
  opacity:0;
}
.menu #hamburger span:first-child, .exit#hamburger span:first-child {
  transform:rotate(-45deg);
}
*/

/*——————————————————————————————————————————————————
	FULLSCREEN MENU
  ——————————————————————————————————————————————————*/
/*
.nav-bg {
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    transform:scaleY(0);
    background: #fff;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    transition: 0.3s ease-in 0.4s;
}
.menu .nav-bg {
    transform:scaleY(1);
    transition: 0.3s ease-in;
}
#menu {
  width:100%;
  z-index:100;
}
#menu {
    position:fixed !important;
    height:100%;
    top:0 !important;
    background:transparent !important;
}
#menu > .wrapper {
    height:100%;
}
#menucontent {
    width:100%;
    height:100%;
}
#topnav {
    position:absolute;
    top:0;
    width:100%;
}
.menu nav li {
    opacity:1;
    transform:translateY(0px);
}
.menu nav li:nth-child(1) {
    transition:all 0.6s ease 0.1s;
}
.menu nav li:nth-child(2) {
    transition:all 0.6s ease 0.2s;
}
.menu nav li:nth-child(3) {
    transition:all 0.6s ease 0.3s;
}
.menu nav li:nth-child(4) {
    transition:all 0.6s ease 0.4s;
}
.menu nav li:nth-child(5) {
    transition:all 0.6s ease 0.5s;
}
.menu nav li:nth-child(6) {
    transition:all 0.6s ease 0.6s;
}
#menu {
    transform:scale(0);
    transition:transform 0s ease 1s;
}
.mobile #menu {
    transition:transform 0s ease 0.8s;
}
.menu #menu {
    transform:scale(1);
    transition:transform 0s ease 0s;
}
#menu .backdrop {
    opacity:0;
    transition:opacity 0.3s ease 0.4s;
}
#menu .wrapper {
    opacity:0;
    transition:opacity 0.3s ease 0s;
}
.menu #menu .backdrop {
    opacity:1;
    transition:opacity 0.3s ease 0s;
}
.menu #menu .wrapper {
    opacity:1;
    transition:opacity 0.3s ease 0.4s;
}


header nav > ul > li > a {
    position: relative;
    display: inline-block;
}
.subnav a {
  position:relative;
  line-height:1.4;
}
header nav > ul > li > a:before, .subnav li a:before, .mobile-nav > ul > li > a:after {
    content:'';
    background:#000;
    width: 98%;
    height: 2px;
    position: absolute;
    bottom: 0px;
    left: 1%;
    transform:scaleX(0);
    transition:transform 0.3s ease; 
    transform-origin:top right;
}
.mobile-nav > ul > li > a:after {
  background:#fff;
}
.subnav li a:before {
  bottom:-2px;
}
header nav > ul > li.active > a:not(.cart-header):before, .subnav li.active a:before, .mobile-nav > ul > li.active > a:after {
    transform:scaleX(1);
    transition:transform 0.3s ease; 
    transform-origin:top left;
}
.dropdown li.active > a {
    font-family: 'BatonTurbo', -apple-system, BlinkMacSystemFont, Helvetica Neue, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight:bold;
}
*/

.instagram-section .rte a:hover {
  color:#d2f500;
  border-color:#d2f500;
}


/*——————————————————————————————————————————————————
	JOIN INN
  ——————————————————————————————————————————————————*/

.scrolling:first-child  {
 padding-top:10px;
}
.scrolling {
 position: relative;
 height:80px;
}
.scrolling h2 {
 line-height:1;
}
.skew {
  transition:transform 0.25s;
  will-change:transform;
}
.parallax > *:nth-child(2) {
  transform:translateY(270%);
}
.parallax > *:nth-child(3) {
  opacity:0;
}
.parallax > *:nth-child(4) {
  transform: translateY(-170%);
}
.parallax > *:nth-child(5) {
  transform: translateY(-90%);
}
.parallax > *:nth-child(6) {
  transform: translateY(-270%);
}
.parallax > *:nth-child(7) {
  transform: translateY(60%);
}
@media all and (max-width:1024px) {
  .parallax > *:nth-child(7) {
    transform: translateY(250%);
  }
}
h2.depth {
  font-size:305px;
  color:transparent;
  -webkit-text-stroke:    4px #000;
  text-stroke:            4px #000;
  line-height: 1;
}
h2.depth span {
  display:inline-block;
  -ms-transform: skew(-32.15deg,0deg);
  -webkit-transform: skew(-32.15deg,0deg);
  transform: skew(-32.15deg,0deg);
  padding: 0px 40px 0px 50px;
}
@media all and (min-width:768px) {
  h3.large {
    font-size: 35px;
    line-height: 1.175;
  }
}
.large-logo {
  bottom: -19%;
  width: 40%;
  right: 42%;
  min-width: 280px;
  max-width: 530px;
  transform: translateX(107%);
  position: absolute;
}
.large-logo svg > * {
  fill:#ff5a64;
}
@media all and (max-width:400px) {
.are-you-in {
  font-size: 38px;
}
}
.scrolling h2 {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(-100%);
 -webkit-transform:translateX(-100%);	
 transform:translateX(-100%);
 /* Apply animation to this element */	
 -moz-animation: example2 15s linear infinite;
 -webkit-animation: example2 15s linear infinite;
 animation: example2 15s linear infinite;
}

/* Move it (define the animation) */
@-moz-keyframes example2 {
 0%   { -moz-transform: translateX(-100%); }
 100% { -moz-transform: translateX(100%); }
}
@-webkit-keyframes example2 {
 0%   { -webkit-transform: translateX(-100%); }
 100% { -webkit-transform: translateX(100%); }
}
@keyframes example2 {
 0%   { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 		
 }
 100% { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 
 }
}

#scene {
-webkit-mask: url('icon-inn.svg');
  mask: url('#mask');
  -webkit-mask-size: 100% 100%;
  -webkit-mask-position: center;
  transition: -webkit-mask-size .3s;
  margin:0px;
  padding:0px;
}
.image_mask {
  position: absolute;
  width: 100.3%;
  max-width: 100.3%;
  left: -0.15%;
  top: 0px;
  transform: translateX(0%);
}
.touch #scene {
opacity:0;
}


.collapsible-content__inner .rte p {
  margin-bottom:11px;
  font-size:14.5px;
}


/*——————————————————————————————————————————————————
	CART SHIPPING
  ——————————————————————————————————————————————————*/

.hideshipping {
  width: 30px;
  height: 26px;
  line-height: 20px;
  display:inline-block;
  cursor:pointer;
  font-size: 20px;
  color: #fff !important;
  line-height: 27px;
  font-weight: 400;
  text-align: center;
  font-family: sans-serif;
}
#freeshippingnotifier .row {
  transform:translateY(100%);
 transition:all 0.3s ease-out;
}
#freeshippingnotifier.active .row {
  transform:translateY(0%);
 transition:all 0.3s ease-out;
}
.flash {
  margin-left:0px !important;
}

.flash {
  animation: colorchange 1s;
  -webkit-animation: colorchange 1s;
  animation-iteration-count: infinite;
}

@keyframes colorchange
{
  0%   {color: #d2f500;}
  25%  {color: #d2f500;}
  26%  {color: #d2f500;}
  50%  {color: #d2f500;}
  51%  {color: #005ff0;}
  75%  {color: #005ff0;}
  76%  {color: #005ff0;}
  100% {color: #005ff0;}
}

@-webkit-keyframes colorchange
{
  0%   {color: #d2f500;}
  25%  {color: #d2f500;}
  26%  {color: #d2f500;}
  50%  {color: #d2f500;}
  51%  {color: #005ff0;}
  75%  {color: #005ff0;}
  76%  {color: #005ff0;}
  100% {color: #005ff0;}
}

/*——————————————————————————————————————————————————
	HOME PAGE PROMOS
  ——————————————————————————————————————————————————*/

/* MOBILE STYLING */
.promo h2 strong {
  letter-spacing: 0.02em;
  -webkit-text-stroke: 1.75px black;
  text-stroke: 1.75px black;
}
.promo h2 {
  font-size:17vw;
  line-height:1;
  transform: translateY(35%);
}
.promo.facetime h2 {
  font-size:15.5vw;
  transform: translateY(40%);
}
.promo h3 {
  font-size: 17px;  
}
.promo h4 {
  font-size: 31px;
  line-height:1.2;
}
.lip-oil-image {
  position: absolute;
  top: 0%;
  width: 43%;
  left: 50%;
  transform: translate(-82%, -50%);
  z-index:-1;
}
.cleanse-image {
  position: absolute;
  top: 0%;
  width: 43%;
  left: 50%;
  transform: translate(-82%, -50%);
  z-index:-1;
}
.glaze-gif {
   float:right;
   padding:0px 0px 20% 0%;
}
.facetime-product {
  padding-bottom: 15%;
}
.marquee--facetime {
    position: absolute;
    bottom: 8%;
    left: -200%;
}
.marquee--facetime.marquee--gamechanger {
    position: absolute;
    bottom: unset;
    top: calc(100% - 60px);
    left: -100%;
}

.facetime-phone {
  padding:2vw;
}
.phone-border {
    border: 2.2vw solid black;
}
.facetime-caller:not(.active) {
    border: 0.6vw solid black;
}

@media all and (max-width:600px) {
.marquee--gamechanger .marquee__text {
  font-size:29px !important;
}

}

@media all and (min-width:375px) {
.lip-oil-image {
  width: 37%;
  left: 50%;
  transform: translate(-82%, -57%);
}
.cleanse-image {
  width: 37%;
  left: 50%;
  transform: translate(-82%, -57%);
}
}


/* TABLET STYLING */
@media all and (min-width:768px) {

.marquee--facetime.marquee--gamechanger {
    top: calc(100% - 30px);
}
.promo h2, .promo.facetime h2 {
  font-size: 16vw;
  transform: translateY(30%);
}
.promo h2.wide-title {
  font-size:11vw;
}
.promo.facetime h2 {
    font-size: 13vw;
}
.promo h2 strong {
  -webkit-text-stroke: 2.5px black;
  text-stroke: 2.5px black;
}
.lip-oil-image {
  width: 32.5%;
  top: 50%;
  transform: translate(-60%, -43%);
}
.cleanse-image {
  width: 32.5%;
  top: 50%;
  transform: translate(-60%, -43%);
}
.glaze-gif {
   padding:0px 2%;
}
.phone-border {
  border: 1.2vw solid black;
}
.facetime-caller:not(.active) {
    border: 4px solid black;
}
.facetime-phone-container {
  padding: 0px 3.5% 0px 0%;
}
.marquee--facetime .marquee__text {
  font-size: 4vw !important;
}
.promo {
  padding-right: 5vw;
}
}

/* FLUID STYLING */
@media all and (min-width:1024px) {
.marquee--facetime.marquee--gamechanger {
    top:100%;
    left: -100%;
}
.facetime-caller:not(.active) {
    border: 4px solid black;
}
.promo h2, .promo h2.wide-title {
  font-size: 8.4vw;
}
.promo.facetime h2 {
  font-size: 8.7vw;
  transform: translateY(58%);
}
.promo h3 {
  font-size: 1.475vw; 
}
.promo h4 {
  font-size: 2.7vw;
}
.promo h2 strong {
  -webkit-text-stroke: 0.2vw black;
  text-stroke: 0.2vw black;
  letter-spacing: 0.02em;
}
.lip-oil-image {
  width: 38.2%;
  transform: translate(-50%, -50%);
}
.cleanse-image {
  width: 38.2%;
  transform: translate(-50%, -50%);
}
.mask-container {
  max-width:440px;
  margin: 0 auto;
}
h2.cruelty-free {
  font-size:90px;
  line-height:1.1;
}
.marquee--gamechanger {
  left: -100%;
}
}

/* MAX DESKTOP STYLING */
@media all and (min-width:1480px) {
.promo h2, .promo h2.wide-title {
  font-size: 134px;
}
.promo.facetime h2 {
  font-size: 129px;
}
.down-to-tone h2 {
  font-size: 129px;
}
.promo h3 {
  font-size: 21px;  
}
.promo h4 {
  font-size:38px;
}
.promo h2 strong {
  -webkit-text-stroke: 2.5px black;
  text-stroke: 2.5px black;
  letter-spacing: 0.02em;
}
.lip-oil-image {
  width: 170px;
}
.cleanse {
  width: 210px;
}
.marquee--facetime .marquee__text {
  font-size: 60px !important;
  animation-duration: 7s;
}
.facetime-caller:not(.active) {
    border: 3px solid black;
}
}
@media all and (min-width:1500px) {
.promo {
  padding-right: 0px;
  padding-left:0px;
}
}

.promo .btn {
  max-width: 270px;
}
.promo {
  max-width:1250px;
}
 


.marquee--facetime .marquee__text span {
  padding:0px;
}
.marquee--facetime .marquee__text span > span{
  transform:scale(1.1) translateY(-10%);
  display: inline-block;
}
.marquee--facetime {
  background: transparent;
  color: black;
  z-index:-1;
}
@media screen and (min-width: 768px) {
  
}
.facetime-caller {
  width: 44%;
  position:relative;
  z-index:1;
  cursor:pointer;
}
.facetime-caller.active {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index:0;
}
.facetime-caller:not(.active):hover {
  transform:translateY(-4%);
  transition:transform 0.3s ease;
}
.facetime-caller:not(.active) {
  transition:transform 1s ease;
}
.promo.facetime {
  max-width:1410px;
}
.facetime-buttons {
  cursor:pointer;
}
video.fillspace, .facetime-phone {
  position:absolute;
  height:100%;
  width:100%;
  object-fit:cover;
  top: 0;
  left: 0;
}

/*——————————————————————————————————————————————————
	HOMEPAGE SLIDER
  ——————————————————————————————————————————————————*/


.fold {
    height:calc(100vh - 136px);
    max-height:150vw;
    overflow:hidden;
}
@media all and (min-width:661px) {
    .fold {
        height:calc(100vh - 163px);
    }
}
@media all and (min-width:800px) and (min-height:700px) {
    .fold {
        height:calc(100vh - 86px);
        max-height:none;
    }
}

@media all and (max-width:991px) {
  .fold.square-mobile {
    max-height:100vw;
  }
}
  .carousel .page-width {
    max-width: 1700px;
  }
  .carousel .flickity-page-dots {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    padding: 25px 30px;
    list-style:none;
    background:transparent;
    margin: 0px;
  }
  .carousel .flickity-slider,  .carousel .flickity-viewport {
    height:100% !important;
  }
  .carousel .flickity-page-dots .dot {
    margin: 0 6px;
    background: transparent;
    border: none;
    opacity: 0.6;
    cursor: pointer;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 1px solid black;
    display: inline-block;
  }
  .carousel.no-buttons .flickity-prev-next-button {
      display:none !important;
  }
  .carousel .flickity-page-dots .dot:hover,.carousel .flickity-page-dots .dot.is-selected {
      opacity:1;
      background:#000;
  }
  .slidebackground{
    position:absolute;
    width:100%;
    background-repeat:no-repeat;
    background-position: left top;
    background-size: 500px;
    height: 100%;
    top: 0%;
  } 
  .btn.slider-btn {
    width: 100% !important;
    max-width: 140px;
    font-size: 15px;
    padding: 7px;
  }
  .slider-content p {
    max-width: 160px;
    font-size: 10px;
    margin-bottom: 14px;
  }
  .slider-content h4 {
   line-height:1.2;
   margin-bottom:10px;
  }

  .text-and-image .carousel .flickity-page-dots {
    text-align:center;
  }
.slidebackground {
      background-position: center center;
    }

  @media all and (max-width:759px) {
    .carousel-cell:last-child .slider-content p {
      max-width: 154px;
    }
  }
  @media all and (min-width:760px) {
    .carousel .page-width {
      padding-right:20px;
      padding-left:20px;
    }
    .slider-content h4 {
      margin-bottom:15px;
    }
    .slider-content p {
      max-width: 240px;
      font-size: 12px;
      margin-bottom: 20px;
    }
    .btn.slider-btn {
      width: 100% !important;
      max-width: 210px;
      font-size:22px;
      padding: 8px 30px;
    }
  }
  @media all and (min-height:600px) {
    .slidebackground{
      background-size: cover;
    } 
  }
  @media all and (min-width:500px) {
    .slidebackground{
      background-size: cover;
    } 
  }
  @media all and (min-width:1024px) {
    .text-and-image .carousel .flickity-page-dots, .carousel .flickity-page-dots {
      text-align:center;
    }
    .slidebackground {
      background-position: center center;
    }
    .carousel .page-width {
      padding-right:100px;
      padding-left:150px;
    }
  }
  @media all and (min-width:1200px) {
    .slider-content h4 {
      font-size:29px;
    }
    .slider-content p {
      font-size: 14px;
    }
  }



  .product-carousel .flickity-page-dots {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    padding: 25px 30px;
    list-style:none;
    background:transparent;
    margin: 0px;
    text-align:center;
  }
  .product-carousel .flickity-slider,  .product-carousel .flickity-viewport {
    height:100% !important;
  }
  .product-carousel .flickity-page-dots .dot {
    margin: 0 7px;
    background: transparent;
    border: none;
    cursor: pointer;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    background:#000;
    transition:transform 0.2s ease;
  }
  .product-carousel .flickity-page-dots .dot:hover {
    transform:scale(1.6);
    transition:transform 0.2s ease;
  }
  .product-carousel .flickity-page-dots .dot.is-selected {
    background:#fff;
    transform:scale(1.8);
  }
  @media all and (min-width:1024px) {
    .product-carousel .flickity-page-dots {
      display:none;
    }
  }
  



  

/*——————————————————————————————————————————————————
	HOMEPAGE 2.0
  ——————————————————————————————————————————————————*/

.button_price {
  display:none;
}
/* .analogue_collection .button_price {
  display:inline-block;
} */
.analogue_collection .btn {
  font-size: 16px;    
  max-width: 240px;
  width: calc(100% - 16px);
  padding: 9px;
}
.analogue_collection h4 {
  font-size:18px;
}
@media all and (max-width: 767px) {
.analogue_collection .grid-product__content {
  padding-bottom:0px;
}
}
@media all and (min-width: 768px) {
.analogue_collection h4 {
  font-size:22px;
}
}
.analogue_collection .product-single__form {
  margin-bottom:10px;
}
#signup .klaviyo-form button.needsclick:hover {
  color:black !important;
}
.home-promo p {
  line-height:1.5;
  font-size:13px;
}
@media all and (max-width: 1023px) {
.analogue_collection .page-width {
  max-width:700px;
  margin:0 auto;
}
}
@media all and (min-width: 1420px) {
  .home-promo {
    padding-left:130px;
  }
  .home-promo p {
    font-size:15px;
    max-width: 660px;
  }
  .home-promo {
    padding-right:130px;
  }
}

.close-promo {
    width: 48px;
    height: 48px;
  top: 0px;
  position:absolute;
  right:0;
}
.close-promo a {
  display:block;
  cursor:pointer;
}
.close-promo .icon {
    width: 48px;
    height: 48px;
  padding: 8px;
}
.home-promo.closed {
  pointer-events:none;
  max-height: 0;
}
.home-promo {
  max-height: 600px;
}
.home-promo, .home-promo.closed {
  -webkit-transition: max-height 0.4s ease-out; 
  -moz-transition: max-height 0.4s ease-out; 
  -ms-transition: max-height 0.4s ease-out; 
  -o-transition: max-height 0.4s ease-out; 
  transition: max-height 0.4s ease-out;  
}
@media all and (min-width:1024px) {
  .close-promo {
    width: 40px;
    height: 40px;
  }
  .close-promo .icon { 
    width: 40px;
    height: 40px;
    padding: 8px;
  }
}
#signup .klaviyo-form button {
  animation: colourblend 2s;
  -webkit-animation: colourblend 2s;
  animation-iteration-count: infinite;
}
.radiate {
  animation: colourblend 2s;
  -webkit-animation: colourblend 2s;
  animation-iteration-count: infinite;
}
@keyframes colourblend
{
  0%   {color: #ff5a64;}
  25%  {color: #005ff0;}
  50%  {color: #ff6ed7;}
  75%  {color: #d2f500;}
  100% {color: #ff5a64;}
}

@-webkit-keyframes colourblend
{
  0%   {color: #d2f500;}
  25%  {color: #005ff0;}
  50%  {color: #ff6ed7;}
  75%  {color: #ff5a64;}
  100% {color: #d2f500;}
}

/*——————————————————————————————————————————————————
	NEWSLETTER POP-UP
  ——————————————————————————————————————————————————*/

.popupform .js-modal-close {
  position:absolute;
  top:10px;
  right:10px;
}
.popupform h4.heyfam {
  font-size: 32px;
  text-align:center;
  position:relative;
  padding-left:40px;
  display: inline-block;
}
.popupform h4.heyfam span {
  display:inline-block;
  position:absolute;
  height:40px;
  width:30px;
  left:0px;
  top: -4px;
  background: url('icon-wave.png') no-repeat center center;
  background-size:contain;
  text-align:center;
}
.popupform h4 {
  font-size:35px;
  text-align:center;
  line-height:1.3;
}
.popupform h3 {
  font-size:12px;
  text-align:center;
}
.popupform .js-modal-close .icon {
    width: 28px;
    height: 28px;
}
@media all and (min-width:700px) {
  .popupform h4.heyfam {
    font-size: 37px;
    padding-left:60px;
  }
  .popupform h4.heyfam span {
    height:60px;
    width:50px;
    left:0px;
    top: -8px;
  }
  .popupform h4 {
    font-size:50px;
  }
  .popupform h3 {
    font-size:15px;
  }
  .popupform .js-modal-close .icon {
      width: 38px;
      height: 38px;
  }
}
.popupform {opacity:0;}
#popupform form {
  padding:0px;
  position:relative;
}
#popupform input[type=email] {
  background: white !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  border-width: 0px !important;
  line-height: 10px !important;
}
#popupform input[type=email]:hover {
  border-color:transparent !important;
}
#popupform button {
  padding: 13px 0px !important;
  margin-top: 15px;
}
#popupform .klaviyo-form ::-webkit-input-placeholder {
  font-family: 'Akkurat Mono', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size:12px !important;
}

#popupform .klaviyo-form :-ms-input-placeholder {
  font-family: 'Akkurat Mono', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size:12px !important;
}

#popupform .klaviyo-form :-moz-placeholder {
  font-family: 'Akkurat Mono', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size:12px !important;
}

#popupform .klaviyo-form::-moz-placeholder {
  font-family: 'Akkurat Mono', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size:12px !important;
}

#popupform input[type="submit"] {
    display: block;
    position: absolute;
    background: #000;
    z-index: 100;
    bottom: 0px;
    width: 100%;
    padding: 0px;
    left: 0px;
    height: 46px;
    opacity: 0;
}

/*——————————————————————————————————————————————————
	HOMEPAGE VIDEO
  ——————————————————————————————————————————————————*/

/* #fullheightvideo {
    height:calc(100vh - 86px);
    max-height:100vw;
    overflow:hidden;
} */
#fullheightvideo {
    height:calc(100vw);
    overflow:hidden;
}
@media all and (min-width:769px) {
    #fullheightvideo {
        height:calc(100vh - 86px);
        max-height:1200px;
    }
}
.vimeo-wrapper {
   position: relative;
   top: -1px;
   left: 0;
   width: 100%;
   height: calc(100% + 2px);
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100%;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100%;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.image__scroller img {
   display:inline-block;
   max-height:80px;
}

@media screen and (min-width: 768px) {
.image__scroller img {
   max-height:110px;
}
}

/*——————————————————————————————————————————————————
	UTILITY CLASSES
  ——————————————————————————————————————————————————*/
  .object-fit {
    object-fit:cover;
  }
  .bg {
    background-size:cover;
    background-position:center center;
  }
  hr {
    border-bottom:1px solid #000;
    border-top:0px solid #000;
  }
  .border {
      border:1px solid #000;
  }
  .no-border {
      border:none !important;
  }
  .border-bottom {
      border-bottom:1px solid #000;
  }
  .border-top {
      border-top:1px solid #000;
  }
  .inline-block {
    display:inline-block !important;
  }
  .overflow {
    overflow:hidden;
  }
  .scroll {
    overflow:scroll;
  }
  .zindex {
    z-index:1;
  }
  .bottom {
    bottom:0;
    top:auto !important;
  }
  .right {
    right:0;
    left:unset;
  }
  .left {
    left:0;
  }
  .flex-1 {
	flex: 1 !important;
  }
  .fillheight {
    height: 100%;
  }
  .right {
    text-align:right;	
  }
  .left {
    text-align:left;
  }
  .center {
    text-align:center;
  }
  .fitcontent {
    height:fit-content;
  }
  .fullheight {
    height:100%;
  }
  .fullwidth {
    width:100%;
  }
  .fillheight {
    flex:1 !important;
  }
  .hide {
      display:none;
  }
  .fillheightwrap {
    height: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column !important;
  }
  .winheight {
    height:100vh;
    min-height:50vw;
  }
  .thirdheight {
    height:30vh;
  }
  .quarterheight {
    height:18vh;
  }
  @media all and (max-width:1024px) {
    .winheight {
      height:calc(100vh - 40px);
    }
  }
  .inline {
    display:inline-block;
    margin:0 auto;
  }
  .block {
    display:block !important;
  }
  .absolute {
    position:absolute !important;
    top:0;
    left:0;
  }
  .absolute.fill {
    height:100%;
    width:100%;
  }
  .sticky {
    position:sticky;
    -webkit-position:sticky;
    top:0;
  }
  .right {
    right:0;
    left:unset;
  }
  .fixed {
    position:fixed;
  }
  .fixedtop {
    position:fixed !important;
    top:0;
  }
  .relative {
    position: relative;
  }
  .block {
    display: block;
  }
  .overflow {
    overflow: hidden;
  }
  .scroll {
    overflow: scroll;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .inlineblock {
    display:inline-block;
  }
  .text-left {
    text-align: left !important;
  }
  .text-right {
    text-align: right !important;
  }
 .text-center {
    text-align: center !important;
  }


/*——————————————————————————————————————————————————
    SPACING 
  ——————————————————————————————————————————————————*/

.nomarginbottom {
    margin-bottom:0px;
}
.nomargintop {
    margin-top:0px !important;
}
.sp-5, .sp-10, .sp-15, .sp-20, .sp-25, .sp-30, .sp-40, .sp-50, .sp-60, .sp-70, .sp-80, .sp-90, .sp-100, .sp-110, .sp-120 {
	width:100%;
	clear:both;
	display:block;
}
.sp-5 {
	min-height:5px;
}
.sp-10 {
	min-height:10px;
}
.sp-15 {
	min-height:15px;
}
.sp-20 {
	min-height:20px;
}
.sp-25 {
	min-height:25px;
}
.sp-30 {
	min-height:30px;
}
.sp-40 {
	min-height:40px;
}
.sp-50 {
	min-height:50px;
}
.sp-60 {
	min-height:60px;
}
.sp-70 {
	min-height:70px;
}
.sp-80 {
	min-height:80px;
}
.sp-90 {
	min-height:90px;
}
.sp-100 {
	min-height:100px;
}
.sp-110 {
	min-height:110px;
}
.sp-120 {
	min-height:120px;
}
.wd-5 {
  width:5px;
  display:inline-block;
}
.wd-10 {
  width:10px;
  display:inline-block;
}
.wd-20 {
  width:20px;
  display:inline-block;
}
.wd-30 {
  width:30px;
  display:inline-block;
}
.wd-40 {
  width:40px;
  display:inline-block;
}
.wd-50 {
  width:50px;
  display:inline-block;
}
.wd-60 {
  width:60px;
  display:inline-block;
}
.wd-70 {
  width:70px;
  display:inline-block;
}
.wd-80 {
  width:80px;
  display:inline-block;
}
.wd-200 {
  width:200px;
  display:inline-block;
}

/*——————————————————————————————————————————————————
	FLEXBOX GRID
  ——————————————————————————————————————————————————*/
  
@media only screen and (min-width: 0px) {
.flex > .col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    padding-left: .9375rem;
    padding-right: .9375rem;
}
.row, .flex {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.row {
      width: 100%;
}
.row.column {
  flex-direction:column;
}
.flexfill {
  flex:1;
}
.row.reverse {
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}
.col.reverse {
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
}
.show-sm, .show-sm-inline, .show-md, .show-lg, .show-xl {
    display:none;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
}
.noflex {
	display:block;
}
.col-xs {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  -ms-flex-preferred-size: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%;
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%;
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%;
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%;
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%;
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%;
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.667%;
  flex-basis: 91.667%;
  max-width: 91.667%;
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-1 {
  margin-left: 8.333%;
}

.col-xs-offset-2 {
  margin-left: 16.667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.333%;
}

.col-xs-offset-5 {
  margin-left: 41.667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.333%;
}

.col-xs-offset-8 {
  margin-left: 66.667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.333%;
}

.col-xs-offset-11 {
  margin-left: 91.667%;
}


.col-xs-offset-right-1 {
  margin-right: -8.333%;
}

.col-xs-offset-right-2 {
  margin-right: -16.667%;
}

.col-xs-offset-right-3 {
  margin-right: -25%;
}

.col-xs-offset-right-4 {
  margin-right: -33.333%;
}

.col-xs-offset-right-5 {
  margin-right: -41.667%;
}

.col-xs-offset-right-6 {
  margin-right: -50%;
}

.col-xs-offset-right-7 {
  margin-right: -58.333%;
}

.col-xs-offset-right-8 {
  margin-right: -66.667%;
}

.col-xs-offset-right-9 {
  margin-right: -75%;
}

.col-xs-offset-right-0 {
  margin-right: -83.333%;
}

.col-xs-offset-right-11 {
  margin-right: -91.667%;
}

.start-xs {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}
.center-xs img {
    display: block;
    margin: 0 auto;
}

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

.hide {
  display:none;
}
.top-xs {
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
}

.middle-xs {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.bottom-xs {
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end;
}

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

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

.first-xs {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
  order: -1;
}

.last-xs {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
}

.fill-xs {
   height:100%;
	flex:1;
}
.pad-top-bottom {
	padding-left:0px !important;
	padding-right:0px !important;
}
.pad-left-right {
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.pad-left {
	padding-top:0px !important;
	padding-bottom:0px !important;
  padding-right:0px !important;
}
.pad-right {
	padding-top:0px !important;
	padding-bottom:0px !important;
  padding-left:0px !important;
}
.no-pad-bottom-xs {
	padding-bottom:0px !important;
}
.no-pad-top-xs {
	padding-top:0px !important;
}
.pad-top {
	padding-bottom:0px !important;
}
.pad-xs-0 {
  padding:0px;
}
.pad-xs-5 {
  padding:5px;
}
.pad-xs-10 {
  padding:12px;
}
.pad-xs-15 {
  padding:15px;
}
.pad-xs-20 {
  padding:20px;
}
.pad-xs-25 {
  padding:25px;
}
.pad-xs-30 {
  padding:30px;
}
.pad-xs-40 {
  padding:40px;
}
.pad-xs-50 {
  padding:50px;
}
.pad-xs-60 {
  padding:60px;
}
.pad-xs-70 {
  padding:70px;
}
.pad-xs-80 {
  padding:80px;
}
.pad-xs-100 {
  padding:100px;
}
.pad-xs-120 {
  padding:120px;
}
}
.contain {
   background-size:auto 100%;
  background-position:center center;
}

@media only screen and (min-width: 769px) {
  .hide-sm {
	  display:none;
	}
  .slide-nav__overflow {
    display:none !important;
  }
}
@media only screen and (min-width: 768px) {
  .container {
    width: 46rem;
  }
  .absolute-sm {
    position:absolute;
  }
  .fullheight-sm {
    height:100%;
  }
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
  }

  .col-sm {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-sm-unset {
  	flex-basis: unset;
    max-width: unset;
  }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-sm-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-sm-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-sm-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-sm-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

 .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.667%;
  }

  .start-sm {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

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

  .top-sm {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-sm {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-sm {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

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

  .first-sm {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-sm {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .show-sm {
    display:block;
  }
  .show-sm-inline {
    display:inline-block;
  }
  .col-sm-inline {
    display:inline-block;
    -ms-flex-preferred-size: none;
    flex-basis: auto;
    max-width: none;
  }
  .fill-sm {
    height:100%;
  }
	.pad-sm-0 {
		padding:0px;
  }
  .pad-sm-5 {
    padding:5px;
  }
  .pad-sm-10 {
    padding:10px;
  }
	.pad-sm-15 {
		padding:15px;
	 }
	 .pad-sm-20 {
		padding:20px;
	 }
	 .pad-sm-25 {
		padding:25px;
	 }
	.pad-sm-30 {
		padding:30px;
	}
	.pad-sm-40 {
		padding:40px;
	}
	.pad-sm-50 {
		padding:50px;
	}
	.pad-sm-60 {
		padding:60px;
	}
	.pad-sm-70 {
		padding:70px;
	}
	.pad-sm-80 {
		padding:80px;
	}
  .pad-sm-120 {
		padding:120px;
	}
	.lr-40-sm {
    padding-left: 40px !important;
	padding-right: 40px !important;
	}
  .reset-sm {
    order:unset;
  }
	.center-sm .button {
		    margin: 0 auto;
  }
  .pad-top-sm {
    padding-bottom:0px !important;
  }

}

@media only screen and (min-width: 1024px) {
  
  .container {
    width: 61rem;
  }
  .absolute-md {
    position:absolute;
  }
  .row.reverse-md {
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }
  .flex-1-md {
	flex: 1 !important;
  }
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
  }

  .col-md {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-unset {
  	flex-basis: unset;
    max-width: unset;
  }
  .col-md-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-md-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-md-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-md-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-md-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.333%;
  }

  .col-md-offset-2 {
    margin-left: 16.667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.333%;
  }

  .col-md-offset-5 {
    margin-left: 41.667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.333%;
  }

  .col-md-offset-8 {
    margin-left: 66.667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.333%;
  }

  .col-md-offset-11 {
    margin-left: 91.667%;
  }

  .start-md {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
	text-align:left;
  }

  .center-md {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-md {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }
  .end-md img {
    margin-right:0px;
  }
  
   .right-md {
    text-align: right;
  }

  .top-md {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-md {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-md {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

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

  .first-md {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-md {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .column-md {
    flex-direction:column;
  }
  .show-md {
    display:block;
  }
   .hide-md {
    display:none;
  }
  .fill-md {
    height:100%;
  }
	
	.pad-md-0 {
		padding:0px;
	}
	.pad-md-15 {
		padding:15px;
	}
  .pad-md-10 {
		padding:10px;
	}
	.pad-md-20 {
		padding:20px;
	}
	.pad-md-25 {
		padding:25px;
	}
	.pad-md-30 {
		padding:30px;
	}
	.pad-md-40 {
		padding:40px;
	}
	.pad-md-50 {
		padding:50px;
	}
	.pad-md-60 {
		padding:60px;
	}
	.pad-md-70 {
		padding:70px;
	}
	.pad-md-80 {
		padding:80px;
	}
  .pad-md-100 {
		padding:100px;
	}
  .pad-md-120 {
		padding:120px;
	}
}

@media only screen and (min-width: 1100px) {
  .container {
    width: 71rem;
  }

  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-5th,
  .col-lg-9th {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
/*    padding-right: 1rem;
    padding-left: 1rem; */
  }

  .col-lg {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-lg-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-lg-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-lg-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-lg-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-lg-5th {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
  .col-lg-9th {
    -ms-flex-preferred-size: 11.1%;
    flex-basis: 11.1%;
    max-width: 11.1%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.667%;
  }

  .start-lg {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
	  text-align:left;
  }

  .center-lg {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

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

  .top-lg {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-lg {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-lg {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

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

  .first-lg {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-lg {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  
  .show-lg {
    display:block;
  }
	
  .hide-lg {
    display:none;
  }
  .fill-lg {
    height:100%;
  }
	.pad-lg-0 {
		padding:0px;
	}
	.pad-lg-15 {
		padding:15px;
	}
	.pad-lg-20 {
		padding:20px;
	}
	.pad-lg-25 {
		padding:25px;
	}
	.pad-lg-30 {
		padding:30px;
	}
	.pad-lg-40 {
		padding:40px;
	}
	.pad-lg-50 {
		padding:50px;
	}
	.pad-lg-60 {
		padding:60px;
	}
	.pad-lg-70 {
		padding:70px;
	}
	.pad-lg-80 {
		padding:80px;
	}
  .pad-lg-120 {
		padding:120px;
	}
  .pad-lg-130 {
		padding:130px;
	}
}

@media only screen and (min-width: 1500px) {
  .pad-xl-0 {
		padding:0px;
	}
	.pad-xl-15 {
		padding:15px;
	}
	.pad-xl-20 {
		padding:20px;
	}
	.pad-xl-25 {
		padding:25px;
	}
	.pad-xl-30 {
		padding:30px;
	}
	.pad-xl-40 {
		padding:40px;
	}
	.pad-xl-60 {
		padding:60px;
	}
	.pad-xl-80 {
		padding:80px;
  }
  .pad-xl-120 {
		padding:120px;
  }
  .col-xl,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-5th,
  .col-xl-9th {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
/*    padding-right: 1rem;
    padding-left: 1rem; */
  }

  .col-xl {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-xl-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-xl-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-xl-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-xl-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-xl-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-xl-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-xl-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-xl-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-xl-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-xl-5th {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
  .col-xl-9th {
    -ms-flex-preferred-size: 11.1%;
    flex-basis: 11.1%;
    max-width: 11.1%;
  }
  .col-xl-offset-0 {
    margin-left: 0%;
  }
  .col-xl-offset-1 {
    margin-left: 8.333%;
  }

  .col-xl-offset-2 {
    margin-left: 16.667%;
  }

  .col-xl-offset-3 {
    margin-left: 25%;
  }

  .col-xl-offset-4 {
    margin-left: 33.333%;
  }

  .col-xl-offset-5 {
    margin-left: 41.667%;
  }

  .col-xl-offset-6 {
    margin-left: 50%;
  }

  .col-xl-offset-7 {
    margin-left: 58.333%;
  }

  .col-xl-offset-8 {
    margin-left: 66.667%;
  }

  .col-xl-offset-9 {
    margin-left: 75%;
  }

  .col-xl-offset-10 {
    margin-left: 83.333%;
  }

  .col-xl-offset-11 {
    margin-left: 91.667%;
  }

  .start-xl {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
	  text-align:left;
  }

  .center-xl {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

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

  .top-xl {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-xl {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-xl {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-xl {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

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

  .first-xl {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .last-xl {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .show-xl {
    display:block;
  }
  .hide-xl {
    display:none;
  }
  .fill-xl {
    height:100%;
  }
	.pad-xl-0 {
		padding:0px;
	}
	.pad-xl-15 {
		padding:15px;
	}
	.pad-xl-20 {
		padding:20px;
	}
	.pad-xl-25 {
		padding:25px;
	}
	.pad-xl-30 {
		padding:30px;
	}
	.pad-xl-40 {
		padding:40px;
	}
	.pad-xl-50 {
		padding:50px;
	}
	.pad-xl-60 {
		padding:60px;
	}
	.pad-xl-70 {
		padding:70px;
	}
	.pad-xl-80 {
		padding:80px;
	}
  .pad-xl-120 {
		padding:120px;
	}
  .pad-xl-130 {
		padding:130px;
	}
}


/* VIDEOS ON PDP */

.product__video {
	pointer-events:all
}
.product__video-wrapper {
    padding-bottom: 100% !important;
}
@media only screen and (min-width: 769px) {
.product__thumb-play .icon {
    width: 34px;
    height: 34px;
}
}

@media all and (min-width:1024px) and (max-width:1499px) {
  .margin-desktop {
    margin-left: 130px;
  }
}
@media all and (max-width:1499px) {
  .fill-on-desktop {
    width:100%;
  }
}


.product-share {
  width: 40px;
  position: absolute;
  top: 50%;
  right: 0;
  transform:translateY(-50%);
}
.product-share .social-sharing__link {
    margin: 0 10px 10px 0;
}
.product-share .social-sharing > *:first-child {
    margin-bottom: 15px;
}


/*————————————————— OKENDO ——————————————————*/

.okeReviews .okeReviews-reviewsSummary-ratingCount {
    margin: .25em 0 0px !important;
}
.okeReviews-reviewsWidget-header-poweredBy {
    display:none !important;
}

/*————————————————— RECHARGE ——————————————————*/

div#rc_container {
      margin-top: 15px !important;
  margin-bottom:0px !important;
  font-size:14px;
  font-weight: 400;
  line-height: 1.35;
  width:260px !important;
  margin: 0 auto;
  float:left;
}
div.rc_block__type--active {
    background-color: transparent !important;
    font-weight:600;
}
div.rc_block__type {
    margin: 0;
    border-radius: 0px !important;
    padding: 0px !important;
    text-align: left;
}
div.rc_popup {
    white-space: nowrap;
    padding: 0px !important;
    font-family: 'Akkurat Mono', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
div.rc_popup {
  text-align:left;
  padding-left:27px !important;
}
label.rc_label__deliver_every {
    padding: 0px 0 0px 0px !important;
}
div.rc_block__type {
  position:relative;
  padding-left: 27px !important;
}
div.rc_popup {
    text-align: left;
    margin-top: 15px;
}
a.rc_popup__hover, div.rc_popup__hover {
    padding-top: 3px;
    font-size: 13px;
}
@media all and (min-width:768px) {
label.rc_label__deliver_every {
    padding: 0px 0 5px 0px !important;
}
div.rc_popup {
  margin-top:20px;
  padding-left:0px !important;
}
div#rc_container {
  width:100% !important;
}
#rc_radio_options {
  width: 50% !important;
  float:left;
}

  
div.rc_popup {
    white-space: nowrap;
    padding: 0px !important;
    text-align: right;
    width: 50%;
    float: right;
  margin-top:0px;
}
}

img.rc_popup__icon, .rc_popup__block__footer {
  display:none !important;
}
div.rc_popup__block {
  /* background:#ff5a68 !important; */
    width: 310px !important;
    left:unset !important;
    right:0 !important;
}
.rc_popup__block__content {
  text-decoration:none !important;
}
div.rc_popup__block__content a {
  margin-top: 15px;
  display: block;
}
div.rc_popup__block:before {
  left:80% !important;
}
div.rc_block__type--active label.rc_label {
  color: #000 !important;
}

/* Customize the label (the container) */
#rc_radio_options input, #rc_radio_options input ~ label:after {
  position: absolute;
  opacity: 1;
  cursor: pointer;
  height: 16px;
  width: 16px;
  left: 0px;
  top: 6px;
}

/* Hide the browser's default radio button */
#rc_radio_options input {
  opacity: 0;
}

/* Create a custom radio button */
#rc_radio_options input ~ label:after {
  position: absolute;
  content:'';
  height: 16px;
  width: 16px;
  border:1px solid black;
  background-color: transparent;
}

/* On mouse-over, add a grey background color */
#rc_radio_options input:checked ~ label:after {
  background-color: #ff6ed7;
}