/** Shopify CDN: Minification failed

Line 5359:10 Expected ":"
Line 5360:10 Expected ":"

**/
@charset "UTF-8";

.hero-section-text-under .hero__title,
.index-hero .hero__title,
.index-video .hero__title,
.collection-inline-promo-title,
.collection-footer-title {
  font-size: 36px;
  font-weight: 800;
}

.hero__btn {
  z-index: 250;
  position: RELATIVE;
  border-radius: 5px;
  min-width: 120px;
  font-size: 15px;
  font-weight: 600;
}

.hero__btn {
  border-bottom: 2px solid;
  border-radius: 0;
  min-width: auto;
  width: auto;
}

.search.open {
  border-top: 1px solid rgba(0, 0, 0, 0);
}
select,
.dropdown {
  background-color: var(--color_input_bg);
}


.svg-placeholder {
  background-color: var(--color_bg_secondary);
  height: 100%;
  position: relative;
  width: 100%;
}
.svg-placeholder svg {
  fill: #3c3c3c;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


html,
body,
div,
span,
object,
iframe,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
samp,
small,
sub,
sup,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
html {
  overflow-y: scroll;
  padding-bottom: 0 !important;
  -webkit-tap-highlight-color: transparent;
}
ol {
  list-style-type: decimal;
}
p {
  margin: 0 0 1em;
}
nav ul,
nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}
small {
  font-size: 85%;
}
strong,
th {
  font-weight: 600;
}
td {
  vertical-align: top;
}
sub,
sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
}
sup,
sub {
  top: -0.5em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}
textarea {
  overflow: auto;
}
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
select {
  max-width: 99%;
}
input[type="text"].error,
input[type="email"].error,
input[type="password"].error {
  border-color: #d00;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}

.no-tap-highlight {
  -webkit-tap-highlight-color: transparent;
}

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

[type="search"] {
  appearance: textfield;
  outline-offset: -2px; /* Fix outline style in Safari */
}

.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.js-focus-hidden:focus {
  outline: none;
}
.label-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.no-placeholder .label-hidden,
.visually-shown {
  position: inherit !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}
.no-js:not(html) {
  display: none;
}
.no-js .no-js:not(html) {
  display: block;
}
.no-js .js {
  display: none;
}
.supports-no-cookies:not(html) {
  display: none;
}
html.supports-no-cookies .supports-no-cookies:not(html) {
  display: block;
}
html.supports-no-cookies .supports-cookies {
  display: none;
}
.skip-link:focus {
  position: absolute !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: var(--color_link);
  background-color: var(--color_bg);
  padding: 20px;
  z-index: 5000;
  transition: none;
}
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.left {
  float: left;
}
.right {
  float: right;
}
.center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.gutter-top {
  padding-top: 50px;
}
.gutter-bottom {
  padding-bottom: 50px;
}
.mobile,
.mobile-small {
  display: none;
}
@media only screen and (max-width: 768px) {
  .mobile {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .mobile-small {
    display: block;
  }
}
.grid,
.grid--full {
  zoom: 1;
  list-style: none;
  padding: 0;
  margin: 0 0 0 -30px;
}
.grid:after,
.grid--full:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 768px) {
  .grid,
  .grid--full {
    margin-left: -15px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 989px) {
  .grid,
  .grid--full {
    margin-left: -20px;
  }
}
.grid__item {
  float: left;
  padding-left: 30px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .grid__item {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 989px) {
  .grid__item {
    padding-left: 20px;
  }
}
.grid__item[class*="--push"] {
  position: relative;
}
.grid__item.clear {
  clear: both;
}
.grid--rev {
  direction: rtl;
  text-align: left;
}
.grid--rev > .grid__item {
  direction: ltr;
  text-align: left;
  float: right;
}
.grid--full {
  margin-left: 0;
}
.grid--full > .grid__item {
  padding-left: 0;
}
.one-whole {
  width: 100%;
}
.one-half {
  width: 50%;
}
.one-third {
  width: 33.33333%;
}
.two-thirds {
  width: 66.66667%;
}
.one-quarter {
  width: 25%;
}
.three-quarters {
  width: 75%;
}
.one-fifth {
  width: 20%;
}
.one-sixth {
  width: 16.66667%;
}
.four-sixths {
  width: 66.66667%;
}
.five-sixths {
  width: 83.33333%;
}
.show {
  display: block !important;
}
.hide {
  display: none !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media only screen and (max-width: 768px) {
  .small--one-whole {
    width: 100%;
  }
  .small--one-half {
    width: 50%;
  }
  .small--one-third {
    width: 33.33333%;
  }
  .small--two-thirds {
    width: 66.66667%;
  }
  .small--one-quarter {
    width: 25%;
  }
  .small--three-quarters {
    width: 75%;
  }
  .small--one-fifth {
    width: 20%;
  }
  .small--one-sixth {
    width: 16.66667%;
  }
  .small--four-sixths {
    width: 66.66667%;
  }
  .small--five-sixths {
    width: 83.33333%;
  }
  .grid--uniform .small--one-half:nth-child(2n + 1),
  .grid--uniform .small--one-third:nth-child(3n + 1),
  .grid--uniform .small--one-quarter:nth-child(4n + 1),
  .grid--uniform .small--one-fifth:nth-child(5n + 1),
  .grid--uniform .small--one-sixth:nth-child(6n + 1) {
    clear: both;
  }
  .small--show {
    display: block !important;
  }
  .small--hide {
    display: none !important;
  }
  .small--text-left {
    text-align: left !important;
  }
  .small--text-right {
    text-align: right !important;
  }
  .small--text-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 769px) and (max-width: 989px) {
  .medium--one-whole {
    width: 100%;
  }
  .medium--one-half {
    width: 50%;
  }
  .medium--one-third {
    width: 33.33333%;
  }
  .medium--two-thirds {
    width: 66.66667%;
  }
  .medium--one-quarter {
    width: 25%;
  }
  .medium--three-quarters {
    width: 75%;
  }
  .medium--one-fifth {
    width: 20%;
  }
  .medium--one-sixth {
    width: 16.66667%;
  }
  .medium--four-sixths {
    width: 66.66667%;
  }
  .medium--five-sixths {
    width: 83.33333%;
  }
  .grid--uniform .medium--one-half:nth-child(2n + 1),
  .grid--uniform .medium--one-third:nth-child(3n + 1),
  .grid--uniform .medium--one-quarter:nth-child(4n + 1),
  .grid--uniform .medium--one-fifth:nth-child(5n + 1),
  .grid--uniform .medium--one-sixth:nth-child(6n + 1) {
    clear: both;
  }
  .medium--show {
    display: block !important;
  }
  .medium--hide {
    display: none !important;
  }
  .medium--text-left {
    text-align: left !important;
  }
  .medium--text-right {
    text-align: right !important;
  }
  .medium--text-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 769px) {
  .medium-up--one-whole {
    width: 100%;
  }
  .medium-up--one-half {
    width: 50%;
  }
  .medium-up--one-third {
    width: 33.33333%;
  }
  .medium-up--two-thirds {
    width: 66.66667%;
  }
  .medium-up--one-quarter {
    width: 25%;
  }
  .medium-up--three-quarters {
    width: 75%;
  }
  .medium-up--one-fifth {
    width: 20%;
  }
  .medium-up--one-sixth {
    width: 16.66667%;
  }
  .medium-up--four-sixths {
    width: 66.66667%;
  }
  .medium-up--five-sixths {
    width: 83.33333%;
  }
  .grid--uniform .medium-up--one-half:nth-child(2n + 1),
  .grid--uniform .medium-up--one-third:nth-child(3n + 1),
  .grid--uniform .medium-up--one-quarter:nth-child(4n + 1),
  .grid--uniform .medium-up--one-fifth:nth-child(5n + 1),
  .grid--uniform .medium-up--one-sixth:nth-child(6n + 1) {
    clear: both;
  }
  .medium-up--show {
    display: block !important;
  }
  .medium-up--hide {
    display: none !important;
  }
  .medium-up--text-left {
    text-align: left !important;
  }
  .medium-up--text-right {
    text-align: right !important;
  }
  .medium-up--text-center {
    text-align: center !important;
  }
}
@media only screen and (min-width: 990px) {
  .large-up--one-whole {
    width: 100%;
  }
  .large-up--one-half {
    width: 50%;
  }
  .large-up--one-third {
    width: 33.33333%;
  }
  .large-up--two-thirds {
    width: 66.66667%;
  }
  .large-up--one-quarter {
    width: 25%;
  }
  .large-up--three-quarters {
    width: 75%;
  }
  .large-up--one-fifth {
    width: 20%;
  }
  .large-up--one-sixth {
    width: 16.66667%;
  }
  .large-up--four-sixths {
    width: 66.66667%;
  }
  .large-up--five-sixths {
    width: 83.33333%;
  }
  .grid--uniform .large-up--one-half:nth-child(2n + 1),
  .grid--uniform .large-up--one-third:nth-child(3n + 1),
  .grid--uniform .large-up--one-quarter:nth-child(4n + 1),
  .grid--uniform .large-up--one-fifth:nth-child(5n + 1),
  .grid--uniform .large-up--one-sixth:nth-child(6n + 1) {
    clear: both;
  }
  .large-up--show {
    display: block !important;
  }
  .large-up--hide {
    display: none !important;
  }
  .large-up--text-left {
    text-align: left !important;
  }
  .large-up--text-right {
    text-align: right !important;
  }
  .large-up--text-center {
    text-align: center !important;
  }
}
/* Push utilities — only 4 used across all templates */
@media only screen and (min-width: 769px) and (max-width: 989px) {
  .medium--push-one-quarter {
    left: 25%;
  }
}
@media only screen and (min-width: 769px) {
  .medium-up--push-one-sixth {
    left: 16.66667%;
  }
  .medium-up--push-one-twelfth {
    left: 8.33333%;
  }
}
@media only screen and (min-width: 990px) {
  .large-up--push-one-quarter {
    left: 25%;
  }
}
html,
body {
  min-height: 100%;
}
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  color: var(--color_text);
  background-color: var(--menu_color);
  font-family: var(--font-family), sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.01rem;
  font-weight: 400;
}
html body * {
  -webkit-font-smoothing: antialiased;
}

button {
  font-family: var(--font-family), sans-serif;
}

html.mobile-menu--open,
html.qv--open,
html.mega-menu--open,
html.modal--open,
.body-search--open,
.overflow-hidden {
  overflow: hidden !important;
}
.container {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  min-height: 100%;
  background-color: var(--color_bg);
}
.content-container {
  margin: auto;
  max-width: 1100px;
}
.just {
  text-align: justify;
  font-size: 0.01em;
}
.product-grid.just {
  font-size: 0.001px;
}
.just > * {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  font-size: 1.05rem;
}
.just:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0;
}
.main-content {
  margin: 0;
  padding: 0;
  min-width: 100%;
  display: block;
}
@media only screen and (max-width: 768px) {
  .main-content {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 769px) {
  .template-product .main-content,
  .template-index .main-content,
  .template-collection .main-content,
  .template-list-collections .main-content,
  .template-search .main-content {
    padding: 0;
  }
}
.wrapper {
  zoom: 1;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 50px;
}
.wrapper:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 768px) {
  .wrapper {
    padding: 0 25px;
  }
}
.wrapper--full {
  max-width: none;
  margin: 0 30px;
}
@media only screen and (min-width: 769px) and (max-width: 989px) {
  .wrapper--full {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 768px) {
  .wrapper--full {
    padding: 0 25px;
    margin: 0;
  }
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid var(--color_site_border);
  margin: 1em 0;
}
table tr > th,
table tr > td {
  border-bottom: 1px solid var(--color_site_border);
  border-right: 1px solid var(--color_site_border);
  padding: 10px;
  line-height: 1.3;
  vertical-align: middle;
}
.table {
  display: table;
  width: 100%;
  height: 100%;
}
dl {
  margin-bottom: 1.5em;
}
dt,
dd {
  line-height: 1.5em;
}
dt {
  font-weight: 600;
}
dd {
  margin-left: 0.8em;
}
h1,
h2,
h3,
h4,
h5,
h6,
.article__tags,
.blog .article__image .article__tags,
.article--single .article__meta,
.article--single .article__tags,
.editorial__meta {
  font-family: var(--font-family), sans-serif;
  line-height: 1.2;
  font-weight: 600;
  margin: 0 0 0.5em;
}
h1.theme,
h2.theme,
h3.theme,
h4.theme,
h5.theme,
h6.theme,
.theme.article__tags,
.blog .article__image .theme.article__tags,
.article--single .theme.article__meta,
.theme.editorial__meta {
  text-align: center;
  position: relative;
  z-index: 11;
}
h1,
.h1 {
  font-size: 3.6rem;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  h1,
  .h1 {
    font-size: 2.1rem;
  }
}
h2,
.h2 {
  font-size: 2.8rem;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  h2,
  .h2 {
    font-size: 2rem;
  }
}
h3,
.h3 {
  font-size: 2.5rem;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  h3,
  .h3 {
    font-size: 2.16rem;
  }
}
h4,
.h4,
.recent__title {
  font-size: 1.6rem;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  h4,
  .h4,
  .recent__title {
    font-size: 1.42rem;
  }
}
h5,
.h5,
h6,
.article__tags,
.blog .article__image .article__tags,
.article--single .article__meta,
.article--single .article__tags,
.editorial__meta,
.h6 {
  font-size: 1.8rem;
  line-height: 1.5;
}
.body,
.h1--body,
.h2--body,
.h3--body,
.h4--body,
.h5--body,
.h6--body {
  font-family: Genomics, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.h1--body {
  font-size: 2.1rem;
  line-height: 1.1;
}
@media only screen and (max-width: 768px) {
  .h1--body {
    font-size: 2.95575rem;
  }
}
.h2--body {
  font-size: 1.75875rem;
  line-height: 1.54;
}
@media only screen and (max-width: 768px) {
  .h2--body {
    font-size: 1.89rem;
  }
}
.h3--body {
  font-size: 1.575rem;
  line-height: 1.3;
}
@media only screen and (max-width: 768px) {
  .h3--body {
    font-size: 1.96875rem;
  }
}
.h4--body {
  font-size: 1.575rem;
  line-height: 1.5;
}
.h5--body {
  font-size: 1.3125rem;
  line-height: 1.6;
}
.h6--body {
  font-size: 0.91875rem;
  line-height: 1.6;
}
.h1--body,
.h2--body,
.h3--body,
.h4--body,
.h5--body,
.h6--body {
  text-transform: none;
  letter-spacing: 0px;
  margin: 0 0 0.75em;
  line-height: 1.4;
}
.h1--body a,
.h2--body a,
.h3--body a,
.h4--body a,
.h5--body a,
.h6--body a {
  text-decoration: none;
  font-weight: inherit;
}
p,
.p,
.search .search-query,
.cart table th,
.cart table tbody td {
  font-size: 0.98rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 0.5em;
  letter-spacing: 0.03rem;
}
.strong,
strong {
  font-weight: bold;
}
small,
.small,
.btn.sml,
.shopify-payment-button .sml.shopify-payment-button__button--unbranded,
.sml.spr-summary-actions-newreview,
.buttom.sml,
.cart table tbody td a.remove-from-cart,
.cart-info-container small,
.cart-info-container h3 span,
.account .forgot-password a,
.address-actions {
  font-size: 0.95em;
  line-height: 1.5;
}
a {
  text-decoration: none;
  color: var(--color_link);
}
a:hover {
  color: var(--color_link_hover);
}

a.unstyled {
  font: inherit;
  color: inherit;
}

a.unstyled:hover {
  color: inherit;
}

blockquote {
  padding-left: 1.5em;
  border-left: 5px solid var(--color_link);
  margin: 0 0 1.5em 1.25em;
}
ul,
ol {
  margin: 0 0 1.5em 1.3em;
  font-size: 0.98rem;
}
ul.unstyled,
ol.unstyled {
  list-style-type: none;
  margin-left: 0;
}
ul.inline-list li,
ol.inline-list li {
  display: inline-block;
  margin-bottom: 0;
}
li {
  margin: 0 0 0.25em;
}
hr,
.hr {
  clear: both;
  border-top: solid var(--color_site_border);
  border-width: 1px 0 0;
  margin: 1.25rem 0;
  height: 0;
}
hr.hr--small,
.hr.hr--small {
  margin: 0.625rem 0;
}
hr.hr--tall,
.hr.hr--tall {
  margin: 2.5rem 0;
}
hr.hr--clear,
.hr.hr--clear {
  border-top-color: transparent;
}
hr.hr--dash,
.hr.hr--dash {
  margin: 50px auto;
  width: 40px;
}
hr.hr--thick,
.hr.hr--thick {
  border-width: 2px 0 0;
}
hr.hr--underline,
.hr.hr--underline {
  margin-top: 10px;
  margin-bottom: 20px;
}
hr.hr--no-margin,
.hr.hr--no-margin {
  margin: 0;
}
.caps,
.promo,
.product-item .sale-box,
.breadcrumbs,
.search-submit,
.blog .article__image .article__tags,
.footer__secondary,
.footer__quicklinks,
.image-with-text__button {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.8rem;
  font-family: Genomics, sans-serif;
  font-weight: 300;
}
.coll-heading {
  margin: 0;
  padding: 40px 0;
  font-weight: 400;
}
.coll-heading .icon {
  width: 36px;
  height: 36px;
  margin-right: 12px;
}
@media only screen and (min-width: 769px) and (max-width: 989px) {
  .coll-heading {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 768px) {
  .coll-heading {
    padding: 15px 0;
  }
}
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: inherit;
}
.no-svg .icon {
  display: none;
}
.icon--wide {
  width: 40px;
  height: 40px;
}
.oi.small,
.oi.btn.sml,
.shopify-payment-button .oi.sml.shopify-payment-button__button--unbranded,
.oi.sml.spr-summary-actions-newreview,
.oi.buttom.sml,
.cart table tbody td a.oi.remove-from-cart,
.cart-info-container small.oi,
.cart-info-container h3 span.oi,
.account .forgot-password a.oi,
.oi.address-actions {
  font-size: 0.7em;
  margin-left: 8px;
}
svg.icon:not(.icon--full-color) circle,
svg.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g,
svg.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path,
svg.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline,
svg.icon:not(.icon--full-color) rect,
symbol.icon:not(.icon--full-color) circle,
symbol.icon:not(.icon--full-color) ellipse,
symbol.icon:not(.icon--full-color) g,
symbol.icon:not(.icon--full-color) line,
symbol.icon:not(.icon--full-color) path,
symbol.icon:not(.icon--full-color) polygon,
symbol.icon:not(.icon--full-color) polyline,
symbol.icon:not(.icon--full-color) rect {
  fill: inherit;
  stroke: inherit;
}
.icon-fallback-text {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.no-svg .icon-fallback-text {
  position: static !important;
  overflow: auto;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}
.payment-icons {
  -moz-user-select: "none";
  -ms-user-select: "none";
  -webkit-user-select: "none";
  user-select: "none";
  cursor: default;
}
.rte img {
  height: auto;
}
.rte table {
  table-layout: fixed;
}
.rte ul,
.rte ol {
  margin: 0 0 25px 50px;
}
.rte ul {
  list-style: disc outside;
}
.rte ul ul {
  list-style: circle outside;
}
.rte ul ul ul {
  list-style: square outside;
}
.text-center.rte ul,
.text-center.rte ol,
.text-center .rte ul,
.text-center .rte ol {
  margin-left: 0;
  list-style-position: inside;
}
.rte-table {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.rte__video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  height: auto;
}
.rte__video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rte__table-wrapper {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 768px) {
  .responsive-table {
    width: 100%;
  }
  .responsive-table thead {
    display: none;
  }
  .responsive-table tr {
    display: block;
  }
  .responsive-table tr,
  .responsive-table td {
    float: left;
    clear: both;
    width: 100%;
  }
  .responsive-table th,
  .responsive-table td {
    display: block;
    text-align: right;
    padding: 25px;
    margin: 0;
  }
  .responsive-table td:before {
    content: attr(data-label);
    float: left;
    text-align: center;
    padding-right: 10px;
  }
  .responsive-table-row + .responsive-table-row,
  tfoot > .responsive-table-row:first-child {
    position: relative;
    margin-top: 10px;
    padding-top: 25px;
  }
  .responsive-table-row + .responsive-table-row:after,
  tfoot > .responsive-table-row:first-child:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 25px;
    right: 25px;
    border-bottom: 1px solid var(--color_site_border);
  }
}
button {
  width: auto;
  overflow: visible;
}
.btn,
.shopify-payment-button .shopify-payment-button__button--unbranded,
.spr-summary-actions-newreview,
.button,
button {
  -moz-user-select: "none";
  -ms-user-select: "none";
  -webkit-user-select: "none";
  user-select: "none";
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.5;
  transition: all 0.15s ease;
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 0;
  border-radius: var(--radius);
  font-weight: 600;
  cursor: pointer;
  background: var(--color_accent_bright);
  color: #fff;
  padding: 7px 14px;
}
@media only screen and (max-width: 768px) {
  .btn,
  .shopify-payment-button .shopify-payment-button__button--unbranded,
  .spr-summary-actions-newreview,
  .button,
  button {
    padding: 5px 10px;
  }
}
.btn:hover,
.shopify-payment-button .shopify-payment-button__button--unbranded:hover,
.spr-summary-actions-newreview:hover,
.button:hover,
button:hover {
  color: #fff;
  background: black;
  box-shadow: 0 2px 6px #0000000f, 0 1px 3px #0000000a;
}
.btn:active,
.shopify-payment-button .shopify-payment-button__button--unbranded:active,
.spr-summary-actions-newreview:active,
.button:active,
button:active {
  transform: translateY(1px);
}
.btn:focus,
.shopify-payment-button .shopify-payment-button__button--unbranded:focus,
.spr-summary-actions-newreview:focus,
.button:focus,
button:focus {
  color: #fff;
  background: black;
  outline: none;
}
.btn--secondary,
.product__submit--spb .product__submit__add,
.product__submit--spb .product-lock-cta-button,
.spr-summary-actions-newreview {
  background-color: var(--transparent);
  color: var(--color_accent_bright);
  border: 1px solid var(--color_accent_bright);
  box-shadow: none;
}
.btn--secondary:hover,
.product__submit--spb .product__submit__add:hover,
.product__submit--spb .product-lock-cta-button:hover,
.spr-summary-actions-newreview:hover,
.btn--secondary:active,
.product__submit--spb .product__submit__add:active,
.product__submit--spb .product-lock-cta-button:active,
.spr-summary-actions-newreview:active,
.btn--secondary:focus,
.product__submit--spb .product__submit__add:focus,
.product__submit--spb .product-lock-cta-button:focus,
.spr-summary-actions-newreview:focus {
  background-color: var(--color_accent_bright);
  color: #fff;
  fill: #fff;
  border: 1px solid var(--color_accent_bright);
}
.btn--secondary:active,
.product__submit--spb .product__submit__add:active,
.product__submit--spb .product-lock-cta-button:active,
.spr-summary-actions-newreview:active {
  transform: translateY(1px);
  border: 1px solid black;
}
.btn--neutral,
.text-dark .hero__btn {
  background-color: var(--color_text);
  color: var(--color_bg);
  box-shadow: 0 2px 6px #1d1d1d0f, 0 1px 3px #1d1d1d0a;
}
.btn--neutral:hover,
.text-dark .hero__btn:hover {
  color: var(--color_bg);
  box-shadow: 0 3px 14px #1d1d1d0f, 0 2px 4px #1d1d1d0a;
  background: #101010;
}
.btn--neutral:active,
.text-dark .hero__btn:active,
.btn--neutral:focus,
.text-dark .hero__btn:focus {
  background: #040404;
  color: var(--color_bg);
  box-shadow: 0 1px 3px #1d1d1d0a, 0 1px 2px #1d1d1d0a;
}
.btn--secondary.btn--neutral,
.text-dark .btn--secondary.hero__btn,
.text-dark .product__submit--spb .hero__btn.product__submit__add,
.product__submit--spb .text-dark .hero__btn.product__submit__add,
.text-dark .product__submit--spb .hero__btn.product-lock-cta-button,
.product__submit--spb .text-dark .hero__btn.product-lock-cta-button,
.text-dark .hero__btn.spr-summary-actions-newreview,
.product__submit--spb .btn--neutral.product__submit__add,
.product__submit--spb .btn--neutral.product-lock-cta-button,
.btn--neutral.spr-summary-actions-newreview {
  background-color: var(--transparent);
  color: var(--color_text);
  border: 1px solid var(--color_text);
  box-shadow: none;
}
.btn--secondary.btn--neutral:hover,
.text-dark .btn--secondary.hero__btn:hover,
.text-dark .product__submit--spb .hero__btn.product__submit__add:hover,
.product__submit--spb .text-dark .hero__btn.product__submit__add:hover,
.text-dark .product__submit--spb .hero__btn.product-lock-cta-button:hover,
.product__submit--spb .text-dark .hero__btn.product-lock-cta-button:hover,
.text-dark .hero__btn.spr-summary-actions-newreview:hover,
.product__submit--spb .btn--neutral.product__submit__add:hover,
.product__submit--spb .btn--neutral.product-lock-cta-button:hover,
.btn--neutral.spr-summary-actions-newreview:hover,
.btn--secondary.btn--neutral:active,
.text-dark .btn--secondary.hero__btn:active,
.text-dark .product__submit--spb .hero__btn.product__submit__add:active,
.product__submit--spb .text-dark .hero__btn.product__submit__add:active,
.text-dark .product__submit--spb .hero__btn.product-lock-cta-button:active,
.product__submit--spb .text-dark .hero__btn.product-lock-cta-button:active,
.text-dark .hero__btn.spr-summary-actions-newreview:active,
.product__submit--spb .btn--neutral.product__submit__add:active,
.product__submit--spb .btn--neutral.product-lock-cta-button:active,
.btn--neutral.spr-summary-actions-newreview:active,
.btn--secondary.btn--neutral:focus,
.text-dark .btn--secondary.hero__btn:focus,
.text-dark .product__submit--spb .hero__btn.product__submit__add:focus,
.product__submit--spb .text-dark .hero__btn.product__submit__add:focus,
.text-dark .product__submit--spb .hero__btn.product-lock-cta-button:focus,
.product__submit--spb .text-dark .hero__btn.product-lock-cta-button:focus,
.text-dark .hero__btn.spr-summary-actions-newreview:focus,
.product__submit--spb .btn--neutral.product__submit__add:focus,
.product__submit--spb .btn--neutral.product-lock-cta-button:focus,
.btn--neutral.spr-summary-actions-newreview:focus {
  background-color: var(--color_text);
  color: #fff;
  border: 1px solid var(--color_text);
  box-shadow: none;
}
.btn--accent {
  background-color: var(--color_accent_secondary);
  color: var(--color_accent_secondary_opposite);
}
.btn--accent:hover {
  color: var(--color_accent_secondary);
  box-shadow: 0 2px 6px #8191a40f, 0 1px 3px #8191a40a;
}
.btn--accent:active,
.btn--accent:focus {
  background-color: #fff;
  color: var(--color_accent_secondary);
}
.btn--secondary.btn--accent,
.product__submit--spb .btn--accent.product__submit__add,
.product__submit--spb .btn--accent.product-lock-cta-button,
.btn--accent.spr-summary-actions-newreview {
  background-color: var(--transparent);
  color: var(--color_accent_secondary);
  border: 1px solid var(--color_accent_secondary);
  box-shadow: none;
}
.btn--secondary.btn--accent:hover,
.product__submit--spb .btn--accent.product__submit__add:hover,
.product__submit--spb .btn--accent.product-lock-cta-button:hover,
.btn--accent.spr-summary-actions-newreview:hover,
.btn--secondary.btn--accent:active,
.product__submit--spb .btn--accent.product__submit__add:active,
.product__submit--spb .btn--accent.product-lock-cta-button:active,
.btn--accent.spr-summary-actions-newreview:active,
.btn--secondary.btn--accent:focus,
.product__submit--spb .btn--accent.product__submit__add:focus,
.product__submit--spb .btn--accent.product-lock-cta-button:focus,
.btn--accent.spr-summary-actions-newreview:focus {
  background-color: var(--color_accent_secondary);
  color: #fff;
  border: 1px solid var(--color_accent_secondary);
  box-shadow: none;
}
.btn--white,
.text-light .hero__btn {
  background-color: #fff;
  color: #000;
  border-color: white;
}
.btn--white:hover,
.text-light .hero__btn:hover {
  color: var(--color_text);
  background-color: #fff;
  box-shadow: 0 1px 3px #1d1d1d0a, 0 1px 2px #1d1d1d0a;
}

.index-hero.text-light .btn--secondary.hero__btn,
.index-video.text-light .btn--secondary.hero__btn,
.text-light .btn--secondary.hero__btn {
  padding: 0 2px 5px;
  border: 0;
  color: white;
  border-radius: 0;

  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  --lineWidth: 100%;
  background-repeat: no-repeat;
  -webkit-background-position: calc(100% - var(--lineWidth, 0%)) 100%;
  background-position: calc(100% - var(--lineWidth, 0%)) 100%;
  -webkit-background-size: var(--lineWidth, 0%) 0.1rem;
  background-size: var(--lineWidth, 0%) 0.1rem;
  background-image: linear-gradient(currentColor 0 0);
  -webkit-transition: 0.3s, background-position 0s;
  transition: 0.3s, background-position 0s;
  display: inline;
}

.btn__underline-animation {
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  --lineWidth: 100%;
  background-repeat: no-repeat;
  -webkit-background-position: calc(100% - var(--lineWidth, 0%)) 100%;
  background-position: calc(100% - var(--lineWidth, 0%)) 100%;
  -webkit-background-size: var(--lineWidth, 0%) 0.1rem;
  background-size: var(--lineWidth, 0%) 0.1rem;
  background-image: linear-gradient(currentColor 0 0);
  -webkit-transition: 0.3s, background-position 0s;
  transition: 0.3s, background-position 0s;
  display: inline;
}

.btn__underline-animation:hover,
.btn__underline-animation:active,
.btn__underline-animation:focus {
  background-color: transparent;
  border: 0;
  --lineWidth: 0%;
}

.btn__underline-animation.reverse {
  --lineWidth: 0%;
}

.btn__underline-animation.reverse:hover,
.btn__underline-animation.reverse:active,
.btn__underline-animation.reverse:focus {
  --lineWidth: 100%;
}

.index-hero.text-dark .btn--secondary.hero__btn,
.index-video.text-dark .btn--secondary.hero__btn,
.index-hero-block-item.text-dark .btn--secondary.hero__btn {
  background-color: transparent;
  color: black;
  border: 0;
}

.index-hero.text-light .btn--secondary.hero__btn:hover,
.index-video.text-light .btn--secondary.hero__btn:hover,
.index-hero.text-dark .btn--secondary.hero__btn:hover,
.index-video.text-dark .btn--secondary.hero__btn:hover,
.index-hero-block-item.text-dark .btn--secondary.hero__btn:hover,
.index-hero-block-item.text-light .btn--secondary.hero__btn:hover,
.index-hero.text-light .btn--secondary.hero__btn:active,
.index-video.text-light .btn--secondary.hero__btn:active,
.index-hero.text-dark .btn--secondary.hero__btn:active,
.index-video.text-dark .btn--secondary.hero__btn:active,
.index-hero-block-item.text-dark .btn--secondary.hero__btn:active,
.index-hero-block-item.text-light .btn--secondary.hero__btn:active,
.index-hero.text-light .btn--secondary.hero__btn:focus,
.index-video.text-light .btn--secondary.hero__btn:focus,
.index-hero.text-dark .btn--secondary.hero__btn:focus,
.index-video.text-dark .btn--secondary.hero__btn:focus,
.index-hero-block-item.text-dark .btn--secondary.hero__btn:focus,
.index-hero-block-item.text-light .btn--secondary.hero__btn:focus {
  color: white;
  background-color: transparent;
  border: 0;
  --lineWidth: 0%;
}
.btn--white:active,
.text-light .hero__btn:active,
.btn--white:focus,
.text-light .hero__btn:focus {
  background-color: #fff;
  color: var(--color_text);
}
.btn--secondary.btn--white,
.text-light .btn--secondary.hero__btn,
.text-light .product__submit--spb .hero__btn.product__submit__add,
.product__submit--spb .text-light .hero__btn.product__submit__add,
.text-light .product__submit--spb .hero__btn.product-lock-cta-button,
.product__submit--spb .text-light .hero__btn.product-lock-cta-button,
.text-light .hero__btn.spr-summary-actions-newreview,
.product__submit--spb .btn--white.product__submit__add,
.product__submit--spb .btn--white.product-lock-cta-button,
.btn--white.spr-summary-actions-newreview {
  background-color: transparent;
  color: #fff;
  box-shadow: none;
}
.btn--secondary.btn--white:hover,
.text-light .btn--secondary.hero__btn:hover,
.text-light .product__submit--spb .hero__btn.product__submit__add:hover,
.product__submit--spb .text-light .hero__btn.product__submit__add:hover,
.text-light .product__submit--spb .hero__btn.product-lock-cta-button:hover,
.product__submit--spb .text-light .hero__btn.product-lock-cta-button:hover,
.text-light .hero__btn.spr-summary-actions-newreview:hover,
.product__submit--spb .btn--white.product__submit__add:hover,
.product__submit--spb .btn--white.product-lock-cta-button:hover,
.btn--white.spr-summary-actions-newreview:hover,
.btn--secondary.btn--white:active,
.text-light .btn--secondary.hero__btn:active,
.text-light .product__submit--spb .hero__btn.product__submit__add:active,
.product__submit--spb .text-light .hero__btn.product__submit__add:active,
.text-light .product__submit--spb .hero__btn.product-lock-cta-button:active,
.product__submit--spb .text-light .hero__btn.product-lock-cta-button:active,
.text-light .hero__btn.spr-summary-actions-newreview:active,
.product__submit--spb .btn--white.product__submit__add:active,
.product__submit--spb .btn--white.product-lock-cta-button:active,
.btn--white.spr-summary-actions-newreview:active,
.btn--secondary.btn--white:focus,
.text-light .btn--secondary.hero__btn:focus,
.text-light .product__submit--spb .hero__btn.product__submit__add:focus,
.product__submit--spb .text-light .hero__btn.product__submit__add:focus,
.text-light .product__submit--spb .hero__btn.product-lock-cta-button:focus,
.product__submit--spb .text-light .hero__btn.product-lock-cta-button:focus,
.text-light .hero__btn.spr-summary-actions-newreview:focus,
.product__submit--spb .btn--white.product__submit__add:focus,
.product__submit--spb .btn--white.product-lock-cta-button:focus,
.btn--white.spr-summary-actions-newreview:focus {
  background-color: #fff;
  color: var(--color_text);
  border: 1px solid #fff;
  box-shadow: none;
}
.btn.sml,
.shopify-payment-button .sml.shopify-payment-button__button--unbranded,
.sml.spr-summary-actions-newreview,
.buttom.sml {
  padding: 5px 10px;
}
.btn--unstyled {
  -moz-user-select: "none";
  -ms-user-select: "none";
  -webkit-user-select: "none";
  user-select: "none";
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
}

.btn--unstyled:hover,
.btn--unstyled:active,
.btn--unstyled:focus,
.btn--unstyled:focus-visible,
.btn--unstyled:focus-within {
  background: transparent;
  box-shadow: none;
}
.btn--half {
  margin: 0;
  min-width: 50%;
}
@media only screen and (max-width: 768px) {
  .btn--half {
    width: 100%;
  }
}
.btn--large {
  padding: 14px 28px;
}
@media only screen and (max-width: 768px) {
  .btn--large {
    padding: 10px 20px;
  }
}
.btn--small,
.spr-summary-actions-newreview {
  font-size: 0.91875em;
  padding: 5px 10px;
}
@media only screen and (max-width: 768px) {
  .btn--small,
  .spr-summary-actions-newreview {
    padding: 4px 8px;
  }
}
.btn--full {
  width: 100%;
}

.btn--radius {
  border-radius: 5px;
}
.btn--pill {
  border: none;
  padding: 3px 10px;
  background-color: #05050500;
  color: var(--color_text);
  border-radius: 10px;
  box-shadow: none;
  transition: all 0.15s ease;
  font-size: 0.91875rem;
}
.btn--pill:hover {
  box-shadow: none;
  background-color: var(--color_site_border);
  color: var(--color_text);
}
.btn--pill:active,
.btn--pill:focus {
  background-color: var(--color_site_border);
  box-shadow: none;
  outline: none;
}
.btn--pill .oi {
  margin-left: 6px;
}
.text-link {
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius: 0;
  background-color: #fff0;
  text-decoration: none !important;
  cursor: pointer;
  color: var(--color_text);
  border-bottom: 1px solid rgba(5, 5, 5, 0);
  padding: 0 0 3px;
  transition: all 0.25s ease-in;
}
.text-link:hover {
  background-color: #fff0;
  color: var(--color_text);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  padding-bottom: 1px;
  margin-bottom: 2px;
  box-shadow: none;
}
.text-link:active,
.text-link:focus {
  background-color: #fff0;
  color: var(--color_text);
  transform: translateY(2px);
  outline: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  border-left: none;
  border-right: none;
  border-top: none;
  box-shadow: none;
}
.btn + .text-link,
.shopify-payment-button .shopify-payment-button__button--unbranded + .text-link,
.spr-summary-actions-newreview + .text-link,
button + .text-link {
  margin-left: 15px;
}
.inline-nav {
  list-style: none;
  list-style-type: none;
  text-align: center;
  padding: 0;
  margin: 0 0 30px;
}
.inline-nav li {
  display: inline-block;
  padding: 5px 0;
  margin: 5px 20px;
}
@media only screen and (max-width: 768px) {
  .inline-nav li {
    margin: 5px 15px 5px 0;
  }
}
.inline-nav li a {
  color: var(--color_link);
  position: relative;
}
.inline-nav li a:after {
  content: "";
  margin: auto;
  width: 10%;
  height: 2px;
  position: absolute;
  bottom: -4px;
  left: 0;
  opacity: 0;
  background: var(--color_link_hover);
  transition: all 0.15s ease-in;
  box-shadow: 0 1px 3px #5454540a, 0 1px 2px #5454540a;
}
.inline-nav li.inline-nav--active a,
.inline-nav li a:hover {
  color: var(--color_link);
}
.inline-nav li.inline-nav--active a:after,
.inline-nav li a:hover:after {
  color: var(--color_link);
  opacity: 1;
  width: 100%;
}
.input-group.newsletter-form {
  border: 1px solid var(--color_accent_secondary);
}
.input-group.newsletter-form .input-group-btn,
.input-group.newsletter-form .input-group-btn .btn,
.input-group.newsletter-form
  .input-group-btn
  .shopify-payment-button
  .shopify-payment-button__button--unbranded,
.shopify-payment-button
  .input-group.newsletter-form
  .input-group-btn
  .shopify-payment-button__button--unbranded,
.input-group.newsletter-form .input-group-btn .spr-summary-actions-newreview,
.input-group.newsletter-form .input-group-btn .btn:active,
.input-group.newsletter-form
  .input-group-btn
  .shopify-payment-button
  .shopify-payment-button__button--unbranded:active,
.shopify-payment-button
  .input-group.newsletter-form
  .input-group-btn
  .shopify-payment-button__button--unbranded:active,
.input-group.newsletter-form
  .input-group-btn
  .spr-summary-actions-newreview:active,
.input-group.newsletter-form .input-group-btn .btn:focus,
.input-group.newsletter-form
  .input-group-btn
  .shopify-payment-button
  .shopify-payment-button__button--unbranded:focus,
.shopify-payment-button
  .input-group.newsletter-form
  .input-group-btn
  .shopify-payment-button__button--unbranded:focus,
.input-group.newsletter-form
  .input-group-btn
  .spr-summary-actions-newreview:focus {
  background-color: var(--color_accent_secondary);
  color: var(--color_accent_secondary_opposite);
}
.input-group.newsletter-form input {
  color: var(--color_text);
  border: none;
}
.input-group.newsletter-form input:active,
.input-group.newsletter-form input:focus {
  border: none;
  box-shadow: none;
}
.input-group.newsletter-form .input-group-btn .btn,
.input-group.newsletter-form
  .input-group-btn
  .shopify-payment-button
  .shopify-payment-button__button--unbranded,
.shopify-payment-button
  .input-group.newsletter-form
  .input-group-btn
  .shopify-payment-button__button--unbranded,
.input-group.newsletter-form .input-group-btn .spr-summary-actions-newreview {
  border-radius: var(--radius);
}
input,
textarea,
select,
.input-group {
  border: 1px solid black;
  font-size: 1rem;
  border-radius: 0;
  max-width: 100%;
  padding: 9px 16px;
  margin: 7px 0;
  background: #ffffff;
  font-family: Genomics;
  font-weight: 300;
  font-style: normal;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  input,
  textarea,
  select,
  .input-group {
    padding: 9px 10px;
    font-size: 1rem;
  }
}
input:focus,
textarea:focus,
select:focus,
.input-group:focus {
  border: 1px solid #333;
  outline: none;
}
input[disabled],
textarea[disabled],
select[disabled],
.input-group[disabled] {
  cursor: default;
  background-color: #0000;
  border-color: #0000;
}
textarea {
  min-height: 100px;
  padding: 16px;
}
.form-item,
.form-field {
  width: 100%;
  max-width: 400px;
  margin: 0 auto 20px;
  line-height: 1;
  text-align: left;
  position: relative;
}
.form-item select {
  width: 100%;
}
.form-field label {
  background: var(--color_bg);
  color: var(--color_text);
  font-size: 12px;
  font-weight: 600;
  left: 9px;
  opacity: 0;
  padding: 0 0.5em;
  position: absolute;
  top: 2em;
  transition: all 0.15s ease-in;
  z-index: -1;
}
.form-field label.label--float {
  opacity: 1;
  top: -0.95rem;
  z-index: 1;
}
.form-field input[type="text"],
.form-field input[type="password"],
.form-field input[type="email"],
.form-field input[type="tel"],
.form-field textarea {
  display: block;
  width: 100%;
  outline: none;
  border-radius: 5px;
}
input[type="checkbox"] {
  margin: 4px 3px 2px 0;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -ms-appearance: checkbox;
  -o-appearance: checkbox;
  appearance: checkbox;
}
input[type="radio"] {
  margin: 11px 3px 4px 0;
  -webkit-appearance: radio;
  -moz-appearance: radio;
  -ms-appearance: radio;
  -o-appearance: radio;
  appearance: radio;
}
legend {
  padding-bottom: 6px;
}
.label--block {
  display: block;
}
.input-group {
  background-color: var(--transparent);
  position: relative;
  display: table;
  border-collapse: separate;
  padding: 0;
}
.input-group .btn,
.input-group .shopify-payment-button .shopify-payment-button__button--unbranded,
.shopify-payment-button .input-group .shopify-payment-button__button--unbranded,
.input-group .spr-summary-actions-newreview {
  box-shadow: none;
}
.input-group input,
.input-group input:focus,
.input-group input:active {
  background-color: var(--transparent);
  border: none;
  box-shadow: none;
  margin: 0;
}
.input-group input::-moz-focus-inner,
.input-group input:focus::-moz-focus-inner,
.input-group input:active::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin-top: -1px;
  margin-bottom: -1px;
}
.input-group-field,
.input-group-btn {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
}
.input-group .input-group-field {
  width: 100%;
  margin-bottom: 0;
}
.input-group-btn {
  position: relative;
  white-space: nowrap;
  width: 1%;
  padding: 0;
  margin: 0;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-image: url(/cdn/shop/t/204/assets/ico-select.svg?v=115630813262522069291669896569);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: transparent;
  background-size: 11px auto;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: "";
  cursor: pointer;
  border-radius: 5px;
  background: #fff;
}
.ie9 select {
  padding-right: 10px;
  background-image: none;
}
select::-ms-expand {
  display: none;
}
input.input-error,
select.input-error,
textarea.input-error {
  border-color: var(--color_error);
  background-color: #e5bab1;
  color: var(--color_error);
}
@media only screen and (min-width: 769px) {
  .form-padding--medium-up {
    padding-right: 10px;
  }
}
form .errors {
  padding: 0.9375rem 1.25rem;
  border: 1px solid var(--alert_border_color);
  border-radius: var(--radius);
  margin: 2em auto;
  max-width: 400px;
  background-color: var(--alert_bg_color);
  color: var(--alert_text_color);
}
form .errors ul {
  list-style-type: none;
  margin: 10px 20px;
  padding: 0;
  color: inherit;
}
.form-success {
  border: 1px solid var(--color_site_border);
  border-radius: 0;
  margin: 0 0 1.875rem;
  padding: 0.9375rem 1.25rem;
  color: var(--color_text);
  box-shadow: 0 1px 3px #0000000a, 0 1px 2px #0000000a;
}
.form--search input {
  width: 80%;
}
.form--search .btn,
.form--search
  .shopify-payment-button
  .shopify-payment-button__button--unbranded,
.shopify-payment-button
  .form--search
  .shopify-payment-button__button--unbranded,
.form--search .spr-summary-actions-newreview {
  width: 19%;
  padding: 10px 0;
}
.contact-form .form-success {
  max-width: 400px;
  margin: 30px auto;
}
.placeholder-svg {
  display: block;
  fill: #3c3c3c;
  background-color: var(--color_bg_secondary);
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid var(--color_bg_secondary);
}
.placeholder-svg--small {
  width: 480px;
}
.placeholder-noblocks {
  padding: 40px;
  text-align: center;
}
.placeholder-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.placeholder-background .icon {
  border: 0;
}
.lazy-image {
  display: block;
  position: relative;
  background-size: cover;
}
.lazy-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.fade-in.lazyloaded {
  opacity: 1;
}
.fade-in {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
.no-js .lazyload {
  display: none !important;
}
.no-js .no-js-image {
  display: block;
}
.no-js [data-aos] {
  opacity: 1 !important;
  transform: none !important;
}
.site-header {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1000;
  vertical-align: baseline;
  text-align: center;
  margin-top: -1px;
}

.template-index .site-header:not(.is-sticky) .header__content,
.template-index .site-header:not(.is-sticky) .replacement-header-container {
  height: var(--header-height);
}

@media screen and (max-width: 768px) {
  .template-index:not(.body-search--open) .site-header .header__content,
  .template-index:not(.body-search--open)
    .site-header
    .replacement-header-container {
    height: var(--header-height);
  }
}

.template-index .replacement-header-wrapper.closed {
  background: transparent;
}

.template-index .replacement-header-wrapper.animatingS.closed {
  background: var(--menu-bg-transparent);
}

.site-header .wrap {
  position: relative;
  line-height: 1;
  z-index: 99;
  background: var(--menu_color);
}
.mobile-menu--open .site-header .wrap {
  border-bottom: 0;
}
@keyframes headerFade {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.header__content {
  top: auto;
  width: 100%;
  color: inherit;
}
.header__content img.logo--transparent,
.header__content .custom-cart-icon.transparent {
  display: none;
}
[data-overlay="true"]:not(.is-sticky) .header__content .header-content {
  background-color: transparent;
  backdrop-filter: blur(0px);
}

@media only screen and (min-width: 769px) {
  [data-overlay="true"]:not(.is-sticky) .header__content {
    background-color: transparent;
  }
  [data-overlay="true"]:not(.is-sticky) .header__content .logo--default {
    display: inline-block;
  }
  [data-overlay="true"]:not(.is-sticky) .header__content .logo__wrapper a,
  [data-overlay="true"]:not(.is-sticky)
    .header__content
    .header__currency
    select.currency-picker,
  [data-overlay="true"]:not(.is-sticky) .header__content .header-content a {
    color: var(--color_submenu_link);
  }
  [data-overlay="true"]:not(.is-sticky) .header__content .header-content a svg,
  [data-overlay="true"]:not(.is-sticky)
    .header__content
    .header__currency
    .selectArrow {
    fill: var(--color_submenu_link);
  }
  [data-overlay="true"]:not(.is-sticky)
    .header__content
    .header-content
    a
    svg:hover,
  [data-overlay="true"]:not(.is-sticky)
    .header__content
    .header__currency
    .selectArrow:hover {
    fill: var(--color_menu_transparent);
  }
}
[data-overlay="true"]:not(.is-sticky)
  .header__content
  .toggle-menus-lines
  span {
  background: white;
}
@media only screen and (max-width: 768px) {
  .header__content {
    position: relative;
    top: 0;
  }
}
.logo {
  display: block;
  max-width: 100%;
  max-height: 200px;
  height: auto;
  object-fit: contain;
}
@media only screen and (max-width: 768px) {
  .logo {
    max-height: 100px;
  }
}
.logo__wrapper {
  font-size: 28px;
  font-family: Genomics, sans-serif;
  line-height: 1;
  margin: 0;
  display: block;
  position: relative;
  z-index: 3;
  text-align: center;
  flex-shrink: 0;
}

@media screen and (min-width: 769px) {
  .logo__wrapper {
    flex-grow: 1;
    flex-basis: 33%;
  }
}

.logo__wrapper.has-video-logo {
  height: 50px;
  overflow: hidden;
}
.logo__wrapper a {
  text-decoration: none;
  color: #000;
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 10px 0 0;
  max-width: 440px;
  height: initial;
}
.logo__wrapper a span {
  display: block;
  padding: 0.2em 0;
}
@media only screen and (max-width: 989px) {
  .logo__wrapper {
    font-size: 24px;
    padding: 0 10px 0 0;
    max-width: 100%;
  }
  .logo__wrapper a {
    min-height: 0;
    max-height: 120px;
    overflow: hidden;
    padding: 0;
  }
  .logo__wrapper a img {
    width: auto;
    height: auto;
  }
  .logo__wrapper a span {
    display: block;
    padding: 9px 0;
  }
}
@media only screen and (max-width: 768px) {
  .logo__wrapper {
    padding-left: 0;
    margin: 0 auto;
    top: -1px;
  }
}
@media screen and (max-width: 639px) {
  .logo__wrapper {
    max-width: calc(100% - 160px);
  }
}
@media screen and (max-width: 374px) {
  .logo__wrapper {
    font-size: 24px;
  }
}
.header__social {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding-left: 30px;
  display: flex;
  align-items: center;
  font-size: 20px;
}
.header__social ul {
  display: flex;
}
.header__social ul li {
  margin-right: 18px;
}
@media only screen and (max-width: 768px) {
  .header__social {
    display: none;
  }
}
.header__social--mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .header__social--mobile {
    border-top: 1px solid var(--color_menu_border);
    width: 100%;
    display: block;
    background-color: var(--color_submenu_bg);
  }
  .header__social--mobile .social__links {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 22px 20px;
  }
  .header__social--mobile .social__links li {
    padding: 22px 30px 0 0;
  }
  .header__social--mobile .social__links svg {
    fill: var(--color_submenu_link);
  }
  .header__social--mobile .social__links a:hover svg {
    fill: var(--color_submenu_link_hover);
  }
}
.header-content {
  display: flex;
  align-items: center;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  background-color: #fff;
  transition: background 0.4s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  padding-top: var(--header_top_border_height);
  height: 60px;
}
@media only screen and (max-width: 768px) {
  .header-content {
    padding-bottom: 0;
    min-height: 60px;
    position: relative;
  }

  .header-content,
  .fixed-wrapper.header-padding--mobile,
  .header-padding--mobile {
    padding-left: var(--header-padding-mobile);
    padding-right: var(--header-padding-mobile);
  }
}
.header-content a {
  text-decoration: none;
  color: #000;
}
.header-content a svg {
  fill: #000;
  transition: 0.2s var(--menu-transition-animation);
}
.header-content a:hover {
  color: var(--color_header_link_hover);
}
.header-content a:hover svg {
  fill: var(--color_header_link_hover);
}
#SearchToggle {
  border: 0;
}
#SearchToggle * {
  pointer-events: none;
}
.user-links {
  font-weight: 400;
  font-size: 0.95rem;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  line-height: normal;
}

@media screen and (min-width: 769px) {
  .user-links {
    justify-content: flex-end;
    flex-basis: 33%;
    flex-grow: 1;
  }
}

.user-links a,
.user-links .header-localization-trigger {
  margin-left: 30px;
  height: 100%;
  display: flex;
  align-items: center;
}

.header-localization-trigger {
  cursor: pointer;
}
.header__cart__icon__wrapper,
.header__cart__wrapper {
  position: relative;
}
.header__cart__icon {
  font-size: 1.2em;
}
.header__cart__count {
  position: absolute;
  top: -4px;
  right: -9px;
  height: 17px;
  min-width: 17px;
  padding: 3px 2px 2px;
  border-radius: 50%;
  line-height: 1em;
  font-size: 0.651em;
  font-weight: 600;
  background-color: #e31837;
  color: var(--color_header_bg);
  text-decoration: none;
}
.header__cart__wrapper:hover .header__cart__count {
  transform: scale3d(1.15, 1.15, 1.15);
  color: var(--color_header_bg);
}
.header__cart__wrapper:hover .header__cart__count span {
  color: var(--color_header_bg) !important;
}
@keyframes pulse-cart-icon {
  0% {
    transform: scaleZ(1);
  }
  50% {
    transform: scale3d(1.25, 1.25, 1.25);
  }
  to {
    transform: scaleZ(1);
  }
}
.pulse-cart-icon {
  animation-name: pulse-cart-icon;
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.header-content a:hover,
.header-content a:hover span,
.search--open,
.search--open .search-toggle {
  color: var(--color_header_link_hover);
}
.search-toggle {
  padding-top: 3px;
  padding-right: 8px;
}

.search {
  -webkit-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out;
  position: relative;
  height: auto;
  max-height: 0;
  width: 100%;
  z-index: 1000;
  background: rgba(0, 0, 0, 0);
}
.search input:focus {
  outline: none;
}
.search input::placeholder {
  color: #000;
}
.search .search-query {
  height: 80px;
  color: #000;
  background: var(--color_header_bg);
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  font-family: Genomics, sans-serif;
  border-bottom: 1px solid #ccc;
}

.header-search-input-control {
  margin: 0 80px 0 40px;
}
/*
.body-header-transparent .search .search-query{
    color: white;
    background: black;
}

.body-header-transparent .search .search-query::placeholder{
  color: rgba(255,255,255,0.7);
}
*/

@media only screen and (max-width: 768px) {
  .search .search-query,
  .header-search-input-control .header-search-placeholder {
    font-size: max(0.95rem, 16px);
    line-height: normal;
    white-space: nowrap;
  }
}

@media only screen and (max-width: 380px) {
  .search .search-query,
  .header-search-input-control .header-search-placeholder {
    font-size: 0.8rem;
    line-height: normal;
    white-space: nowrap;
  }
}
.search .remove-search {
  position: absolute;
  right: 30px;
  top: 35px;
  cursor: pointer;
  color: #000;
  width: 25px;
  height: 25px;
}

.search .remove-search:before,
.search .remove-search:after {
  content: "";
  position: absolute;
  width: 25px;
  top: 40px;
  left: 0;
  height: 1px;
  background: black;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

/*
.body-header-transparent .search .remove-search:before,
.body-header-transparent .search .remove-search:after{
  background: white;
}
*/

.search .remove-search:before:hover,
.search .remove-search:after:hover {
  background: black;
}
.search .remove-search:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.search--open {
  border-bottom: 1px solid var(--color_menu_border);
  max-height: 100%;
}
.header__currency {
  text-align: left;
  padding: 0 15px;
}
@media only screen and (min-width: 769px) {
  .header__currency {
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    text-align: right;
  }
}
.header__currency .currency-picker {
  height: 100%;
  position: relative;
}
.header__currency select.currency-picker {
  border: 0;
  font-size: 1.05em;
  line-height: normal;
  padding: 0 15px 0 0;
  margin: 0;
  min-height: 100%;
  height: 46px;
  background-image: none;
  z-index: 5;
  font-family: Genomics, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: var(--color_menu_link);
}
@media only screen and (max-width: 989px) {
  .header__currency select.currency-picker {
    width: 100%;
  }
}
.header__currency select.currency-picker:focus {
  box-shadow: 0 2px var(--color_menu_border);
  color: var(--color_menu_link_hover);
}
.header__currency .selectArrow {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 10px;
  display: flex;
  align-items: center;
  fill: var(--color_menu_link);
}
a.toggle-menus {
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  width: 80px;
  height: 25px;
  transform: rotate(0);
  cursor: pointer;
  overflow: hidden;
  z-index: 9999;
  left: 0;
}

@media screen and (max-width: 768px) {
  a.toggle-menus {
    top: 2px;
  }
}

.toggle-menus-lines {
  display: block;
  width: 34px;
  height: 24px;
  position: absolute;
}
.toggle-menus-lines span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background: var(--color_header_link);
  opacity: 1;
  transform: rotate(0);
  transition: 0.2s var(--menu-transition-animation);
}

.toggle-menu-lines-label {
  margin-left: 40px;
  position: relative;
  top: 3px;
  font-weight: 400;
  font-size: 0.95rem;
}

.toggle-menus-lines span:nth-child(even) {
  left: calc(50% - 7px);
  border-radius: 0 2px 2px 0;
}
.toggle-menus-lines span:nth-child(odd) {
  border-radius: 2px 0 0 2px;
}
.toggle-menus-lines span:nth-child(1),
.toggle-menus-lines span:nth-child(2) {
  top: 4px;
}
.toggle-menus-lines span:nth-child(3),
.toggle-menus-lines span:nth-child(4) {
  top: 9px;
}
.toggle-menus-lines span:nth-child(5),
.toggle-menus-lines span:nth-child(6) {
  top: 14px;
}
a.toggle-menus--open span {
  background: var(--color_header_link);
}
a.toggle-menus--open span:nth-child(1),
a.toggle-menus--open span:nth-child(6) {
  transform: rotate(45deg);
}
a.toggle-menus--open span:nth-child(2),
a.toggle-menus--open span:nth-child(5) {
  transform: rotate(-45deg);
}
a.toggle-menus--open span:nth-child(1) {
  left: 7px;
  top: 9px;
}
a.toggle-menus--open span:nth-child(2) {
  left: calc(50% - 7px);
  top: 9px;
}
a.toggle-menus--open span:nth-child(3) {
  opacity: 0;
}
a.toggle-menus--open span:nth-child(4) {
  opacity: 0;
}
a.toggle-menus--open span:nth-child(5) {
  left: 7px;
  top: 12px;
}
a.toggle-menus--open span:nth-child(6) {
  left: calc(50% - 7px);
  top: 12px;
}
@media only screen and (min-width: 990px) {
  .search .search-query {
    height: 120px;
    font-size: 1.5rem;
  }

  .header-search-input-control {
    margin: 0 70px 0 30px;
  }

  .search .remove-search {
    top: 35px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
  }
  .search .remove-search:before,
  .search .remove-search:after {
    width: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .desktop {
    display: none;
  }
  .header-content {
    z-index: 5;
  }
  .user-links {
    left: 15px;
    justify-content: flex-start;
  }
  .user-links a {
    margin: 0 16px 0 0;
  }
  #SearchToggle {
    order: 1;
  }
  #account-link {
    order: 2;
  }
  #customer_logout_link {
    order: 3;
  }
  #account-links {
    display: none;
  }
  #CartButton {
    position: absolute;
    right: 48px;
    padding: 0 10px;
    margin: 0;
  }
  .touch .header-content a.toggle-menus {
    -webkit-transition: right 0.4s ease-in-out;
    transition: right 0.4s ease-in-out;
  }
  .search .search-query {
    height: 60px;
  }

  .header-search-input-control {
    margin: 0 40px 0 15px;
  }
  .search .remove-search {
    right: 20px;
    top: 15px;
    width: 20px;
    height: 20px;
  }
  .search .remove-search:before,
  .search .remove-search:after {
    width: 20px;
    top: 15px;
  }
}
@media screen and (max-width: 649px) {
  #CartButton {
    padding: 0;
  }
}
.promo {
  font-size: 0.735em;
  text-align: center;
  padding: 0.5em 1em;
}
.promo strong {
  display: inline-block;
  margin-right: 5px;
}
@media only screen and (max-width: 768px) {
  .promo {
    display: none;
  }
}
.promo__break {
  opacity: 0.5;
  padding: 0 1em;
}
@media only screen and (max-width: 768px) {
  .promo__break {
    padding: 0 0.5em;
  }
}
.index-product {
  padding-bottom: 90px;
}
@media only screen and (max-width: 768px) {
  .index-product {
    padding-bottom: 30px;
  }
}
.index-rte {
  padding-top: 60px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .index-rte {
    padding-top: 30px;
    padding-bottom: 15px;
  }
}
.homepage-columns,
.index-collections-list,
.index-product,
.index-products,
.index-newsletter,
.index-rte {
  background-color: var(--color_bg);
}
.wide-image {
  overflow: hidden;
  position: relative;
  background-color: transparent;
}
.background-size-cover {
  display: block;
  background-size: cover;
  background-position: center center;
  background-color: var(--color_bg);
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.responsive-wide-image {
  width: 100%;
  display: block;
}
.screen-height-full {
  height: 100svh;
}
.screen-height-three-quarters {
  height: 75svh;
}
.screen-height-two-thirds {
  height: 66svh;
}
.screen-height-sixty-percent {
  height: 60svh;
}
.screen-height-one-half {
  height: 50svh;
}
.screen-height-one-third {
  height: 33svh;
}

@media screen and (max-width: 768px) {
  .mobile-screen-height-full {
    height: 100svh;
  }
  .mobile-screen-height-three-quarters {
    height: 75svh;
  }
  .mobile-screen-height-two-thirds {
    height: 66svh;
  }
  .mobile-screen-height-sixty-percent {
    height: 60svh;
  }
  .mobile-screen-height-one-half {
    height: 50svh;
  }
  .mobile-screen-height-one-third {
    height: 33svh;
  }
}
.seven-fifty-height-hero {
  height: 750px;
}
.sixty-fifty-height-hero {
  height: 650px;
}
.five-fifty-height-hero {
  height: 550px;
}
.four-fifty-height-hero {
  height: 450px;
}
.three-fifty-height-hero {
  height: 350px;
}
.two-fifty-height-hero {
  height: 250px;
}

/* Gate the rule to WebKit (iOS Safari & iOS Chrome/Firefox which use WebKit) */
@supports (-webkit-touch-callout: none) and (height: 100svh) {
  /* Cap the value so older odd browsers can’t blow it up */
  .index-section--primary .screen-height-full,
  .index-section--primary .mobile-screen-height-full {
    height: 114svh;
  }

  .index-section--primary .screen-height-full .hero__content,
  .index-section--primary .mobile-screen-height-full .hero__content {
    padding-bottom: 13svh;
  }
}

.image-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.align--top-left {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}
.align--top-center {
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}
.align--top-right {
  align-items: flex-start;
  justify-content: flex-end;
  text-align: right;
}
.align--middle-left {
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
.align--middle-center {
  align-items: center;
  justify-content: center;
  text-align: center;
}
.align--middle-right {
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}
.align--bottom-left {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
}

.align--bottom-left .hero__content {
  margin: 0;
  padding: 0;
  bottom: 8%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 100%;
  padding-left: var(--container-padding);
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .align--bottom-left .hero__content {
    padding: 0 20px;
    bottom: 8%;
  }
}
.align--bottom-center {
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}
.align--bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right;
}
.template-index .container {
  background-color: #fff0;
}
.hero__content__wrapper {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hero__content {
  margin: 20px;
  padding: 20px;
  max-width: 60%;
  box-shadow: 0 1px 3px #0000000a, 0 1px 2px #0000000a;
}
@media only screen and (min-width: 769px) and (max-width: 989px) {
  .hero__content {
    max-width: 70%;
    padding: 45px;
    margin: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .hero__content {
    max-width: 100%;
    width: 100%;
    padding: 30px 0;
    margin: 20px;
  }
}
.hero__logo {
  display: block;
  margin: 15px auto;
  height: auto;
  max-width: 100%;
}
.hero__title {
  margin-top: 0;
  margin-bottom: 5px;
}

.text-animation-enabled h1.hero__title {
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .hero__title {
    font-size: 2.2em;
  }
}
.hero__description {
  margin-bottom: 1.5em;
}
@media only screen and (max-width: 989px) {
  .hero__description {
    margin-bottom: 1em;
  }
}
.hero__description p {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin-bottom: inherit;
}
.text-light {
  color: #fff;
}
.text-light .image-overlay,
.text-light .hero__content {
  background-color: #000;
}
.text-dark .image-overlay,
.text-dark .hero__content {
  background-color: #fff;
}
.hero__content--transparent .hero__content {
  background-color: #fff0;
  box-shadow: none;
}

.input-group-btn .caps,
.input-group-btn .promo,
.input-group-btn .product-item .sale-box,
.product-item .input-group-btn .sale-box,
.input-group-btn .breadcrumbs,
.input-group-btn .search-submit,
.input-group-btn .blog .article__image .article__tags,
.blog .article__image .input-group-btn .article__tags,
.input-group-btn .footer__secondary,
.input-group-btn .footer__quicklinks,
.input-group-btn .image-with-text__button {
  font-weight: 600 !important;
}

.product-grid {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid var(--color_site_border);
  padding-top: 1px;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: mandatory;
  scroll-snap-destination: 0% 100%;
  scroll-snap-points-x: repeat(100%);
}
.product-grid .flickity-button:disabled {
  opacity: 0;
}
.product-item {
  position: relative;
  border: 1px solid var(--color_site_border);
  border-left: 0;
  background: #fff;
  margin-top: -1px;
  min-height: 100%;
  scroll-snap-align: start;
}

.product-item .product-link {
  display: flex;
  height: 100%;
  color: var(--color_text);
}
.product-item .sale-box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  height: 35px;
  width: 80px;
  overflow: hidden;
  line-height: 35px;
  text-align: center;
  color: var(--color_sale_text);
  background: #f23f66;
  font-size: larger;
}
.product-item__image {
  display: block;
  padding-top: var(--product_grid_aspect_ratio);
  height: 0;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--color_site_border);
}
.product-item__bg {
  position: absolute;
  display: block;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}
.product-information {
  padding: 20px;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .product-information {
    padding: 12px;
    position: initial;
  }
}
.product-information h3 {
  font-weight: 400;
  line-height: 1.5;
  margin: 7px 0;
}
@media only screen and (max-width: 768px) {
  .product-information h3 {
    margin: 0;
  }
}

.product-information .price.sale {
  opacity: 1;
}
.product-information .item-type {
  color: var(--color_text);
}
.product-information .spr-icon {
  padding: 0 1px;
}
.product-information .spr-badge-starrating {
  display: block;
  margin: 3px 0 5px;
  font-size: 12px;
  font-weight: 400;
  color: var(--color_link);
}
.product-information .spr-badge-caption {
  display: none;
}
.product-information .sold-out {
  color: var(--color_sale_bg);
}
.old-price {
  color: var(--color_text);
  text-decoration: line-through;
  opacity: 0.5;
  margin-right: 10px;
}
.price.sale {
  color: var(--color_sale_bg);
}
.no-results {
  padding: 50px 30px;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .product-grid--horizontally {
    position: relative;
    display: block;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  .product-grid--horizontally .product-item {
    min-width: 250px;
  }
  .product-grid--vertically .product-item {
    width: 100%;
  }
}

.touch .product-item__bg__under {
  display: none;
}
.product-item__bg__under {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.product-item__image img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 990px) {
  .form__width {
    max-width: 450px;
    padding-top: 20px;
  }
}
.selector-wrapper {
  min-width: 50%;
  flex-grow: 1;
  padding-right: 5px;
}
.selector-wrapper select {
  width: 100%;
}
.selector-wrapper label {
  font-size: 12.6px;
}
.quantity-selector {
  position: relative;
  max-width: 7.5rem;
  display: inline-block;
}
.quantity-selector input[type="number"]::-webkit-outer-spin-button,
.quantity-selector input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity-selector input[type="number"] {
  -moz-appearance: textfield;
}
.quantity__input {
  width: 100%;
  text-align: center;
}
.quantity__plus {
  right: 0px;
  justify-content: flex-end;
  padding-right: 10px;
}
.quantity__minus {
  left: 0;
  justify-content: flex-start;
  padding-left: 10px;
}
.quantity__plus,
.quantity__minus {
  position: absolute;
  top: 0;
  height: 100%;
  width: 40%;
  display: flex;
  align-items: center;
}

button.drawer-qty-adjust,
button.drawer-qty-adjust:active,
button.drawer-qty-adjust:hover {
  background: transparent;
  box-shadow: none;
}

.quantity__plus svg,
.quantity__minus svg {
  width: 12px;
  height: 12px;
  color: var(--color_text);
}
.quantity__plus:active,
.quantity__minus:active {
  transform: translateY(1px);
}
script,
#recently-viewed-product-template {
  display: none !important;
}
.video__contain,
.model__contain {
  margin: 0 auto;
  min-height: 1px;
  width: 100%;
  height: 0;
  position: relative;
}
.shopify-model-viewer-ui,
model-viewer,
.video__contain .plyr--video,
.video__contain > video,
.video__contain > iframe {
  width: 100%;
  height: 100%;
  position: absolute !important;
  top: 0;
  left: 0;
  max-width: 100%;
  min-width: 100%;
  min-height: 100%;
}
video::-webkit-media-controls-panel {
  display: flex !important;
  opacity: 1 !important;
}
.shopify-payment-button {
  max-width: 400px;
  transition: opacity 0.4s ease-out;
  margin-bottom: 15px;
}
.shopify-payment-button .shopify-payment-button__button {
  overflow: hidden;
  transition: all 0.15s ease;
  border-radius: 5px;
}
.shopify-payment-button .shopify-payment-button__button:active,
.shopify-payment-button .shopify-payment-button__button:focus {
  transform: translateY(1px);
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
  width: 100%;
  min-height: 44px;
  font-size: 1.1025rem;
}
.shopify-payment-button
  .shopify-payment-button__button--unbranded:hover:not([disabled]),
.shopify-payment-button .shopify-payment-button__button--unbranded:active,
.shopify-payment-button .shopify-payment-button__button--unbranded:focus {
  background-color: #000;
}
.shopify-payment-button .shopify-payment-button__more-options {
  font-weight: 700;
  font-size: 14px;
  color: var(--color_text);
  margin-top: 0;
}
.shopify-payment-button .shopify-payment-button__more-options:active {
  text-decoration: underline;
  outline: none;
  transform: translateY(1px);
}
.shopify-payment-button .shopify-payment-button__more-options:hover {
  box-shadow: none;
}
.page {
  position: relative;
  text-align: left;
  margin: 40px auto;
  max-width: 800px;
  padding: 0 20px;
}
.page-fullwidth {
  max-width: 100%;
}

.page.page-fullwidth{
  padding: 0;
  margin: 0;
}

.page img,
.page iframe {
  max-width: 100%;
}
.search-page {
  margin: 20px auto 0;
  padding: 0;
  max-width: 100%;
}
.search-page .coll-heading {
  padding: 0 0 20px;
}
.search-outer {
  max-width: 460px;
  padding: 0 30px;
  margin: 10px auto 40px;
}
.search-form {
  position: relative;
}
.search-form input[type="text"] {
  width: 100%;
  margin: 0;
  padding: 15px;
}
.search-submit {
  font-weight: 600 !important;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border: 0;
  padding: 0 10px;
  margin: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rich-text {
  padding: 0;
  text-align: left;
}
.rich-text p {
  margin: 20px auto;
  font-weight: 600;
  font-size: 18px;
}
.rich-text-image {
  max-width: 200px;
  margin: 0 auto 30px;
}
.rich-text-image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}
.rich-text-image .placeholder-svg-filled {
  border: 1px solid var(--color_site_border);
}
.text--404 {
  padding: 30px 0;
}
.flash {
  margin-bottom: 1em;
}
.blog .flash {
  text-align: center;
}
.paginate .num {
  margin: 0 5px;
}
.js-dropdown {
  padding: 0;
  text-align: left;
  min-height: 0;
  border: 0;
  position: relative;
  overflow: visible;
  display: block;
}
.js-dropdown__label {
  display: block;
  padding: 7px 10px;
  font-weight: 300;
  cursor: pointer;
  position: relative;
  text-transform: capitalize;
  border-bottom: 1px solid rgba(5, 5, 5, 0);
  color: #fff;
}
.js-dropdown__label:after {
  font-family: Icons;
  content: "\e02d";
  position: absolute;
  right: 15px;
  font-size: 75%;
  top: 50%;
  z-index: 10;
  -webkit-transform: translateY(-45%);
  transform: translateY(-45%);
  line-height: 0;
}
.js-dropdown__list {
  padding: 0;
  position: absolute;
  z-index: 99;
  background: var(--color_bg_secondary);
  top: 100%;
  left: 0;
  right: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in;
}

.js-dropdown__list.visible {
  max-height: 400px;
  overflow-y: scroll;
}
.js-dropdown__list li {
  display: block;
  border-top: 1px solid var(--color_site_border);
  padding: 15px;
  cursor: pointer;
}
.js-dropdown__list li:hover {
  color: var(--color_link_hover);
  background: var(--color_bg);
}
.js-dropdown__list li.active a {
  box-shadow: none;
}
.collection__nav,
.product-grid {
  background-color: var(--color_bg);
}


@media only screen and (min-width: 769px) {
  .transparent-header #FeaturedImage-collection {
    min-height: 360px;
  }
  .transparent-header .hero__content__wrapper {
    padding-top: 110px;
  }
}

.flex--centered {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.no-js .lazy-image {
  display: none;
}
.no-js .homepage-slideshow,
.no-js .homepage-image:not(.column__block) {
  height: auto !important;
}

.hero__btn_2:not(:nth-child(2)) {
  margin-right: 10px;
  margin-left: 0px;
}

.codeage-blue {
  color: #489ad5;
}

.variant-dropdown {
  padding: 12px 22px 12px 15px;
  border: 1px solid #d8d8d8;
  cursor: pointer;
  border-bottom: 0;
  position: relative;
  display: flex;
  align-items: center;
}

.variant-dropdown-link {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.variant-dropdown-label {
  font-size: 1rem;
  margin-top: 0;
  text-transform: uppercase;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .variant-dropdown-label {
    margin-top: 10px;
  }
}

.lazy-image {
  background: white !important;
}
@media screen and (min-width: 750px) {
  [data-overlay="true"]:not(.is-sticky) .header__content .header-content {
    display: inline-block;
  }
  [data-overlay="true"]:not(.is-sticky) .header__cart__count {
    color: #fff;
  }
  .meganav--visible[data-overlay="true"]:not(.is-sticky)
    .header__content
    .header-content
    .custom-cart-icon.transparent,
  [data-overlay="true"]:not(.is-sticky)
    .header__content.search-active
    .header-content
    .custom-cart-icon.transparent {
    display: none !important;
  }
  .meganav--visible[data-overlay="true"]:not(.is-sticky)
    .header__content
    .header-content
    .custom-cart-icon.solid,
  [data-overlay="true"]:not(.is-sticky)
    .header__content.search-active
    .header-content
    .custom-cart-icon.solid {
    display: block;
  }
  [data-overlay="true"]:not(.is-sticky)
    .header__content.search-active
    .logo--default {
    display: inline-block;
  }
  [data-overlay="true"]:not(.is-sticky)
    .header__content.search-active
    .logo--transparent {
    display: none;
  }
}
.custom-cart-icon {
  max-width: 20px;
  max-height: 20px;
  position: relative;
  margin-right: 4px;
  display: block;
}
@media screen and (max-width: 768px) {
  .custom-cart-icon {
    max-height: 27px;
    max-width: 27px;
    height: 24px;
    top: -2px;
  }
}

.btn.btn--large,
.shopify-payment-button .btn--large.shopify-payment-button__button--unbranded,
.btn--large.spr-summary-actions-newreview {
  font-size: 1rem;
  min-width: 140px;
}
.stamped-badge-powered {
  display: none !important;
}
#shopify-section-promotion-slider {
  background: white;
  position: relative;
  z-index: 1005;
}

.mobile-menu--open #shopify-section-promotion-slider {
  z-index: 900;
}
.container {
  position: relative;
  height: auto;
}
.slide-transition {
  overflow-y: hidden;
  height: 100%;
  transition-delay: 1s;
  -webkit-transition: -webkit-transform 0.3s
    cubic-bezier(0.62, 0.28, 0.23, 0.99);
  transition: transform 0.3s cubic-bezier(0.62, 0.28, 0.23, 0.99), height 0.3s;
}
.slide-transition.opened {
  -webkit-transform: initial;
  transform: initial;
}
.slide-transition.closed {
  -webkit-transform: translate(0, -100%);
  transform: translateY(-100%);
  height: 0px;
}

.body-header-transparent .slide-transition.closed {
  -webkit-transform: translate(0, -200%);
  transform: translateY(-200%);
  height: 100%;
}
.uppercase {
  text-transform: uppercase;
}

.btn--red {
  background: linear-gradient(180deg, \a0#e31837, \a0#e31837);
  background-image: linear-gradient(180deg, #df3033, #df3033);
  border-radius: 5px;
  color: #fff;
}
.btn--red:hover,
.btn--red:active,
.btn--red:focus {
  background: linear-gradient(180deg, \a0#d6181b, \a0#d6181b);
  background-image: linear-gradient(180deg, #d6181b, #d6181b);
  border-radius: 5px;
  color: #fff;
}
.product-information h3 {
  font-size: 1rem;
  text-transform: uppercase;
  border-bottom: 3px solid #000;
  padding-bottom: 7px;
  font-weight: 600;
  margin-bottom: 0;
}
.js-dropdown__list {
  background: white;
  border-bottom: 1px solid #ececec;
}
.js-dropdown__list li:hover {
  background-color: #ececec;
}
.stamped-badge .stamped-badge-caption {
  color: #000;
}
.hero-section + .hero-section .parallax-mirror {
  top: 55px !important;
}
.hero-mobile-image {
  width: 100%;
  height: 100%;
  display: none;
  object-fit: cover;
  background-size: cover;
}
span.product-grid-add-js {
  font-weight: 700;
}
.product-item {
  margin-bottom: 50px;
}
.product-information {
  height: initial;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.product-link {
  flex-direction: column;
  margin: 0 15px;
}
@media screen and (max-width: 768px) {
  .product-link {
    margin: 0;
  }
}
.template-index .product-information {
  padding: 0;
}
.template-index .product-link {
  padding: 0;
  margin: 0;
}
.product-information-footer {
  flex-direction: row;
  justify-content: space-between;
  background: white;
  padding: 10px 0;
  cursor: pointer;
  align-items: center;
  border-radius: 5px;
  transition: 0.2s all ease-in-out;
  margin-top: auto;
  display: flex;
}
.template-index .product-information-footer {
  flex-direction: column-reverse;
  align-items: flex-start;
  align-items: center;
}
.product-information-footer .custom-modal-link {
  color: #333333;
  font-size: 15px;
}
.template-index .product-information .price,
.product-info-price-container .price {
  font-size: 18px;
  color: #333333;
  font-weight: 500;
}
.product-item-image-wrapper {
  position: relative;
}
.product-item .product-information {
  text-align: left;
}
.template-index .product-item .product-information {
  text-align: center;
}
.narrow {
  max-width: 1200px;
  margin: 20px auto 0;
}
.custom-collection-container {
  background-color: #fff;
}
.custom-collection-container .stamped-badge .stamped-badge-caption {
  font-size: 14px;
}
.quantity-selector {
  margin-bottom: 15px;
}
.shopify-payment-button {
  max-width: 100%;
}
.shopify-payment-button .shopify-payment-button__button {
  text-transform: uppercase;
}
@media only screen and (max-width: 989px) {
  .laptop-hide {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .desktop-hide {
    display: none !important;
  }
}
.capital,
.text-uppercase {
  text-transform: uppercase !important;
}


.custom-dropdown-container {
  margin-bottom: 10px;
  margin-top: 10px;
}
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid black;
  border-radius: 4px;
  background: transparent;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

@media screen and (min-width: 769px) {
  .guarantees {
    font-size: 1.5em;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .has-video .product__wrapper {
    margin-top: 0;
  }
  .guarantees li {
    justify-content: left;
  }
  .guarantees {
    padding-top: 5px;
    font-size: 1.5em;
    margin-left: 0;
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
  .mobile-hide {
    display: none !important;
  }
  #account-link {
    display: none;
  }
  .product-all-review-widget {
    margin: 0;
    padding: 0 12px;
  }
  a.toggle-menus {
    left: 0px;
  }
  #SearchToggle {
    position: absolute;
    left: 55px;
    margin: 0;
  }
  #CartButton {
    position: absolute;
    right: 0;
    padding: 0;
    margin: 0 15px 0 0;
  }
  .product-buy-now-left > p,
  .product-buy-now-right > p {
    font-size: 0.9rem;
  }
  .product-buy-now-left > *,
  .product-buy-now-right > * {
    margin-right: 0;
  }
  .product-buy-now-price {
    display: none;
  }
  .cart-popup-mobile {
    display: block;
  }
  .cart-popup-desktop {
    display: none;
  }
  .product-grid--vertically .product-item {
    width: 50%;
  }
  .product-information {
    height: initial;
  }
  .product-grid--horizontally .product-information {
    height: 100%;
  }
  .product-grid--horizontally .product-information .price {
    display: block;
  }
  .product-grid--horizontally .product-information-footer {
    justify-content: flex-end;
    flex-direction: column;
    display: block;
  }
  .narrow {
    max-width: 90%;
  }
  .hero-mobile-image {
    display: block;
  }
  .hero-desktop-image.has-mobile-image {
    display: none !important;
  }
  ul.tabs li {
    font-size: 12px;
    margin-right: 15px;
  }
  .tab-content-description table td {
    display: block !important;
    width: 100% !important;
    padding: 0;
  }
  .product-tabs .tab-content h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 749px) {
  .hero__btn_2 {
    margin-top: 10px;
  }
  .mobile--align--top-left {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
  .mobile--align--top-center {
    align-items: flex-start;
    justify-content: center;
    text-align: center;
  }
  .mobile--align--top-right {
    align-items: flex-start;
    justify-content: flex-end;
    text-align: right;
  }
  .mobile--align--middle-left {
    align-items: center;
    justify-content: flex-start;
    text-align: left;
  }
  .mobile--align--middle-center {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .mobile--align--middle-right {
    align-items: center;
    justify-content: flex-end;
    text-align: right;
  }
  .mobile--align--bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
  }
  .mobile--align--bottom-center {
    align-items: flex-end;
    justify-content: center;
    text-align: center;
  }
  .mobile--align--bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
  }
}
h1 {
  word-break: break-word;
}
input {
  border: 1px solid #333;
}
.rte img {
  width: 100%;
}
.fa-star,
.fa-star-o,
.fa-star-half-o,
.stamped-fa-star,
.stamped-fa-star-o,
.stamped-fa-star-half-o {
  color: #000 !important;
}
.custom-tab-content-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .custom-tab-content-container {
    padding: 20px 30px;
  }
  .product__thumbs--square .slick-dots {
    text-align: left;
  }
  .product__thumbs--square {
    position: relative;
  }
}
@media only screen and (max-width: 749px) {
  .header__content {
    background: transparent;
  }
}
.footer_newsletter {
  width: 100%;
}
.footer_newsletter div,
.footer_newsletter form {
  padding: 0 !important;
}
.footer_newsletter input {
  height: 49px !important;
}
.footer_newsletter button {
  margin-left: 15px !important;
  padding: 18px 30px !important;
}
.footer__icons .footer_icon {
  max-width: 25px;
  margin-right: 10px;
}

.footer__icons .icon {
  fill: white;
  margin-right: 10px;
  height: 25px;
  width: 25px;
}

.footer__copyright,
.footer__additional {
  width: 100%;
  font-weight: 700;
}
.footer__icons ul {
  margin: 0;
}
.footer__icons ul li {
  display: block;
}
.footer__icons ul li a {
  font-weight: 700;
  display: flex;
  align-items: center;
  font-size: 12px;
}
.shopify-payment-button__more-options:hover {
  background: transparent;
}
.drawer-open {
  overflow: hidden !important;
}

p,
ul li,
ul li a {
  font-family: Genomics, sans-serif;
}
.video__description p {
  font-size: 1.25rem;
}
.site-footer-wrapper .footer__block__title {
  font-size: 0.84rem;
  color: #f5f5f7;
  line-height: 1.6;
  font-weight: 600 !important;
}
.hero-image-link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 201;
}
.hero__content {
  z-index: 210;
}

@media screen and (max-width: 768px) {
  .hero__btn {
    padding: 7px 10px;
    width: auto;
    margin-right: 0;
  }
}

.reference-link {
  cursor: pointer;
}
.header--sticky.header__wrapper.is-sticky .header-content {
  border-bottom: 0px solid #eee;
}
.promotion-slider-wrapper {
  text-align: center;
  padding: 10px 0 4px;
}
.promotion-slider-wrapper .promotion-text p {
  font-size: 17px;
  font-weight: 700;
  margin: 0;
  display: inline-block;
}
.promotion-text p a {
  text-decoration: underline;
}
.promotion-slider-container {
  max-width: 700px;
  margin: 0 auto !important;
}
.promotion-slider-container svg {
  height: 15px;
  width: 15px;
}
.promotion-slider-container .slick-arrow {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  z-index: 5;
  line-height: normal;
}
.promotion-slider-container .slick-disabled {
  display: none !important;
}
.promotion-slider-container .slick-arrow.prev-button {
  left: 0;
}
.promotion-slider-container .slick-arrow.next-button {
  right: 0;
}
.promotion-heading .heading {
  font-weight: 700;
  margin-right: 10px !important;
  font-size: 17px;
  margin-bottom: 0;
}
.promotion-text-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .promotion-heading .heading,
  .promotion-slider-wrapper .promotion-text p {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .promotion-content {
    padding: 0 30px;
  }
  .promotion-slider-container .slick-arrow.prev-button {
    left: 10px;
  }
  .promotion-slider-container .slick-arrow.next-button {
    right: 10px;
  }
}
.promotion-slider-container {
  visibility: hidden;
}
.promotion-slider-container.slick-initialized {
  visibility: visible;
}
.search-toggle svg {
  height: 17px;
  width: 17px;
}
@media only screen and (max-width: 768px) {
  .search-toggle svg {
    height: 20px;
    width: 20px;
  }
}
.search-toggle svg g {
  fill: #000;
}
@media screen and (min-width: 769px) {
  [data-overlay="true"]:not(.is-sticky)
    .header__content
    .header-content
    .search-toggle
    svg
    g {
    fill: #fff;
  }
}
body.template-product.template-product-white
  .site-header:not(.is-sticky)
  .header-content {
  background-color: #fff;
  backdrop-filter: blur(0px);
  border-bottom: 0;
}
body.template-product.template-product-white
  .site-header.is-sticky
  .header-content {
  background: white;
}
body.template-product.template-product-white
  .site-header.is-sticky
  .header-content
  .logo--transparent {
  display: inline-block;
}
body.template-product.template-product-white
  .site-header.is-sticky
  .header-content
  a {
  color: #000;
}
body.template-product.template-product-white
  .site-header.is-sticky
  .header-content
  a
  svg {
  fill: #000;
}
body.template-product.template-product-white
  .site-header.is-sticky
  .header-content
  a
  svg
  g {
  fill: #000;
}
body.template-product.template-product-white
  .site-header.is-sticky
  .header-content
  a:hover,
body.template-product.template-product-white
  .site-header.is-sticky
  .header-content
  a:hover
  span {
  color: #000;
}
body.template-product.template-product-white
  .site-header.is-sticky
  .toggle-menus-lines
  span {
  background: black;
}

body.template-product:not(.template-product-white).mobile-menu--open
  .header__content
  .header-content {
  background-color: transparent !important;
  border-bottom: 0;
}

@media only screen and (min-width: 769px) {
  body.template-product:not(.template-product-white)
    #MainContent:not(.overlay-background) {
    padding-top: 111px;
  }
}
@media only screen and (max-width: 768px) {
  body.template-product:not(.template-product-white)
    #MainContent:not(.overlay-background) {
    padding-top: 46px;
  }
}

body.template-product:not(.template-product-white) .header-content a svg {
  fill: #000;
}
body.template-product:not(.template-product-white) .header-content a svg g {
  fill: #000;
}

.account-icon {
  padding-right: 8px;
}
.account-icon .icon {
  display: block;
  width: 17px;
  height: 17px;
  vertical-align: middle;
}
.mobile-menu--open .intercom-launcher,
.qv--open .intercom-launcher {
  display: none !important;
}

.homepage-slideshow .progressBarContainer {
  position: absolute;
  bottom: 25px;
  width: 300px;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%);
}
@media only screen and (max-width: 768px) {
  .homepage-slideshow .progressBarContainer {
    width: 90%;
  }
}
.homepage-slideshow .progressBarContainer div {
  display: block;
  width: 30%;
  padding: 0;
  cursor: pointer;
  margin-right: 5%;
  float: left;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .homepage-slideshow .progressBarContainer div {
    margin-right: 7px;
    width: 20%;
    max-width: 50px;
  }
}
.homepage-slideshow .progressBarContainer div:last-child {
  margin-right: 0;
}
.homepage-slideshow .progressBarContainer div span.progressBar {
  width: 100%;
  height: 4px;
  background-color: #fff6;
  display: block;
}

.homepage-slideshow .progressBarContainer div span.progressBar .inProgress {
  background-color: #fff;
  width: 0%;
  height: 4px;
}

@media only screen and (max-width: 768px) {
  .homepage-slideshow .progressBarContainer div span.progressBar,
  .homepage-slideshow .progressBarContainer div span.progressBar .inProgress {
    height: 3px;
  }
}

.product-grid--horizontally.slick .product-item {
  min-width: initial;
}
.index-products {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .index-products .slideshow__arrow .icon {
    display: block;
  }
}

body .acsb-trigger.acsb-ready {
  display: none !important;
}
.product-item .sale-box.custom-label {
  font-size: 12px;
  width: auto;
  padding: 8px 10px;
  height: auto;
  line-height: normal;
  background: #f7f7f7;
  color: #4e443a;
  font-weight: 700 !important;
  text-transform: none;
  letter-spacing: normal;
  right: 10px;
  left: auto;
  border-radius: 5px;
  top: 10px;
}
.product-item-label2 {
  font-weight: 700;
  color: #757575;
  margin-bottom: 10px;
}
.index-products h2 {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  padding: 40px 0 60px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .index-products h2 {
    padding-left: 12px;
    padding-right: 12px;
    justify-content: center;
    padding-bottom: 30px;
  }
}
.index-products span svg.icon {
  height: 12px;
  width: 12px;
}
.user-links a .header-label {
  display: none;
}
.toggle-menus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.btn-outline {
  background: #1a1a1a;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #fff;
}

.btn-outline:hover {
  border: 1px solid #1a1a1a;
  background: transparent;
  color: black;
}

.btn-outline.white {
  color: #fff;
}
.window-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 0.4s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  transition: opacity 0.4s cubic-bezier(0.62, 0.28, 0.23, 0.99);
}

.fixed-wrapper {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
}

.fixed-wrapper.wide {
  max-width: 1800px;
}

@media screen and (min-width: 769px) {
  .fixed-wrapper.fullscreen {
    max-width: 100%;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
  }
}
@media screen and (max-width: 768px) {
  .fixed-wrapper {
    padding-left: var(--container-padding-mobile);
    padding-right: var(--container-padding-mobile);
  }
  .fixed-wrapper.full-width-mobile {
    padding-left: 0%;
    padding-right: 0%;
  }
}


.hero-section-text-under:not(:first-child) {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .index-sections.fixed-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

.index-products-column-grid {
  margin-top: 40px;
  margin-bottom: 20px;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .index-products-column .product-item.small--one-half {
    width: 49%;
  }
}

@media screen and (min-width: 769px) {
  .index-products-column-grid {
    margin-left: -20px;
    margin-top: 40px;
    margin-bottom: 40px;
    justify-content: center;
  }
}
.index-products-column .product-information {
  background-color: transparent;
  padding: 15px 0 0;
}
.index-products-column .product-item {
  margin-bottom: 0;
}
.product-column-item-container {
  padding-left: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .product-column-item-container {
    padding-right: 0px;
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .custom-collection-container .product-info-price-container {
    margin-bottom: 10px;
  }
}
.product-column-item-container .product-info-price-container .price {
  font-size: 1rem;
  letter-spacing: 1px;
}
.product-information .price {
  font-size: 1.2rem;
  margin-bottom: 10px;
  color: #000;
  margin-top: 0;
}
.template-index .product-information h3 {
  font-size: 1.2em;
  border-bottom: 0;
}
@media screen and (max-width: 768px) {
  .template-index .product-information h3 {
    text-align: center;
  }
}
.template-index .product-item-label2,
.template-index .custom-label {
  display: none;
}

.index-section-subheading {
  color: #333333;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 400;
}
.index-heading-top-section .index-section-heading-container {
  display: flex;
  column-gap: 15px;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.index-heading-top-section .index-section-heading {
  font-size: 21px;
  margin-bottom: 0;
  font-weight: 600;
  padding-top: 20px;
}
.index-heading-top-section .index-section-heading-link {
  top: 8px;
}
.index-section-heading {
  font-size: 31px;
  font-weight: 600;
  margin-bottom: 20px;
}
.index-section-heading-link {
  border: 0;
  padding: 0 0 8px;
  text-align: left;
  text-transform: none;
  font-size: 16px;
  letter-spacing: 0.1em;
  color: #000;
  width: inherit;
  display: inline-block;
  font-weight: 400;
}
.index-section-heading-link:hover {
  color: #000;
}
.index-section-heading-link svg {
  fill: gray;
  width: 10px;
  height: 10px;
}
.index-sections .index-section {
  padding-top: 30px;
}
.index-sections .index-section:last-child {
  padding-bottom: 50px;
}
.product-columns-btn-container {
  display: flex;
  column-gap: 20px;
}
@media screen and (max-width: 768px) {
  .index-section-heading-container {
    text-align: left;
    margin-top: 20px;
    padding-left: 10px;
  }
  .product-columns-btn-container {
    justify-content: flex-start;
  }
}
.index-products .product-item {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .index-products .product-item {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.hero-section-text-under.shopify-section:last-child {
  padding-bottom: 60px;
}

.product-item .product-info-price-container {
  margin-bottom: 9px;
}

section.index-products-column {
  overflow: hidden;
}

.hero-section-text-under .hero__content__wrapper {
  position: relative;
  margin: 20px 0 0;
}
@media screen and (max-width: 768px) {
  .hero-section-text-under .hero__content__wrapper {
    padding: 0 10px;
  }
}
.hero-section-text-under .hero__content {
  margin: 0;
  padding: 0;
}

.hero-section-text-under .hero__description {
  color: #1a1a1a;
  margin-bottom: 10px;
}

.index-hero .hero__description,
.index-video .hero__description {
  margin-bottom: 20px;
}

.hero-section-text-under .hero__description,
.index-hero .hero__description,
.index-video .hero__description,
.index-video .hero__description > p,
.index-hero .hero__description > p,
.hero-section-text-under .hero__description > p,
.collection-inline-promo-text p,
.collection-footer-text p {
  font-size: 1.2rem;
}

@media screen and (min-width: 769px) {
  .hero-section-text-under .hero__description,
  .index-hero .hero__description,
  .index-video .hero__description,
  .index-video .hero__description > p,
  .index-hero .hero__description > p {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .hero-section-text-under .hero__description,
  .index-hero .hero__description,
  .index-video .hero__description {
    margin-bottom: 10px;
  }
}

.hero-section-text-under .hero__title {
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .hero-section-text-under .hero__title,
  .index-hero .hero__title,
  .index-video .hero__title,
  .collection-inline-promo-title,
  .collection-footer-title {
    font-size: 1.55rem;
    line-height: 1.1;
    margin-bottom: 10px;
  }
}
.hero-section-text-under .hero__btn {
  border: 0;
  padding: 0 0 6px;
  text-align: left;
  text-transform: none;
  font-size: 16px;
  letter-spacing: 0.1em;
  color: #000;
  width: inherit;
  display: inline-block;
}
.hero-section-text-under .hero__btn svg {
  fill: #000;
  width: 10px;
  height: 10px;
}
.link-animate-underline {
  display: block;
  position: relative;
  padding-bottom: 8px;
  border-radius: 0;
}
.link-animate-underline:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
}
.link-animate-underline {
  overflow: hidden;
}
.link-animate-underline:after {
  opacity: 1;
  transform: translate3d(-104%, 0, 0);
}
.link-animate-underline:hover:after,
.link-animate-underline:focus:after {
  opacity: 1;
  transform: translateZ(0);
}
.hero-section-text-under .hero__btn:hover {
  background: transparent;
}

.product-column-item-details {
  display: flex;
  justify-content: space-between;
}
.index-collection-columns .product-column-item-details {
  align-items: center;
}
.product-column-item-details .product-item-title {
  font-size: 1.1rem;
  line-height: 1em;
  margin-bottom: 10px;
  font-weight: 800;
  color: #000;
}
.product-column-item-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5%;
  color: #595959;
  background: #fffcf8;
  border-radius: 0 0 10px 10px;
  flex-grow: 1;
}
.custom-collection-container .product-label {
  font-size: 12px;
  display: inline-block;
  margin-top: 5px;
}
.product-info-price-wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.product-item .product-information {
  padding-top: 10px;
  background: white;
}
.custom-collection-container .product-item .product-information {
  background: var(--collection_product_grid_bg);
}

.custom-collection-container .product-item {
  background: urL(/cdn/shop/files/gradient_bg.svg?v=1703599623);
}

.custom-collection-container
  [data-bv-show="inline_rating"]
  .bv_main_container
  .bv_text {
  padding-top: 0 !important;
}
.product-item-image-wrapper {
  border: 0;
  padding: 0;
}
.product-information-rte {
  font-weight: 300;
  font-size: 0.95rem;
  color: #333;
  margin-bottom: 7px;
}
.product-information-more-details {
  display: block;
  font-size: 0.85rem;
  font-weight: 300;
  display: flex;
  align-items: center;
}

.product-information-more-details svg {
  width: 6px;
}

.product-item-cta-container .btn {
  width: 100%;
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 2;
  padding: 4px 10px;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
}

@media screen and (max-width: 768px) {
  .product-information h3 {
    font-size: 1rem;
  }
  .product-info-price-wrapper {
    flex-direction: column;
  }
  .custom-collection-container .product-grid.fixed-wrapper,
  .list-collection-collection-grid-section.fixed-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .product-item .product-information {
    text-align: center;
  }
  .product__badge {
    justify-content: center;
  }
}

.klaviyo-bis-trigger {
  height: 46px;
  margin-bottom: 1em;
  font-size: 0.8rem;
  min-width: 155px;
  display: flex;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  margin-bottom: 15px !important;
}
.product-item-lock-container {
  display: flex;
  align-content: center;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .product-item-lock-container {
    justify-content: center;
  }
}
.product-item-lock-icon {
  margin-right: 10px;
}
.product-item-lock-icon svg {
  position: relative;
  top: -3px;
  fill: #e79010;
}
.product-item-lock-text {
  color: #e79010;
}
@media screen and (max-width: 768px) {
  .product-item-lock-icon svg {
    height: 18px;
  }
}
.product-item-lock-text p {
  margin-bottom: 0;
}

.product-item-cta-container {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
@media screen and (max-width: 768px) {
  .product-item-cta-container {
    flex-direction: column;
    row-gap: 10px;
  }

  .product-item-lock-text p {
    font-size: 11px;
  }
}
.product-item-lock-container.product-columns-lock {
  margin-bottom: 20px;
}
.index-hero .hero__content {
  position: relative;
}


.buy_now_button_app {
  width: 100%;
}
.buy_now_button_app_list {
  display: flex;
  column-gap: 10px;
  flex: 1 1 100%;
  max-width: 450px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .buy_now_button_app_list {
    max-width: 100%;
  }
}
.buy_now_button_app_list li {
  flex: 1 1 100%;
}
.buy_now_button_app_list li .custom-div {
  margin-top: 0 !important;
}
.see-more-content {
  display: none;
}
.see-more-anchor {
  cursor: pointer;
}
.see-more-caution {
  color: #333333;
  font-size: 14px;
}
.shopify-policy__title h1 {
  font-size: 2.64rem;
  text-align: left;
}
.login-signup-disclaimer p {
  font-size: 0.75em;
  line-height: 1.2;
  color: #545454;
  margin-bottom: 20px;
}
.login-signup-disclaimer a {
  color: #52a2e7;
  text-decoration: underline;
}
.media--hidden:not(.slick-slide) {
  display: none;
}

@media screen and (min-width: 769px) {
  [data-tall-layout="true"] .media--hidden:not(.slick-slide) {
    display: block;
  }
}

.tooltip-parent-container {
  position: relative;
}
.tooltip-container {
  position: absolute;
  right: -15px;
  top: 1px;
}
.tooltip-container.tooltip-center {
  top: 50%;
  transform: translateY(-50%);
}
.tooltip-container svg {
  margin: 0 !important;
  padding: 0 !important;
  width: 12px;
  fill: #dbdbdb !important;
  opacity: 1;
}
.tooltip-container:not(:hover) .tooltip-text {
  display: none;
}
.tooltip-text {
  display: block;
  position: absolute;
  width: 200px;
  background: #8b8b8b;
  border-radius: 10px;
  color: #fff;
  font-weight: 400;
  padding: 5px;
  font-size: 13px;
}
video::-webkit-media-controls-panel {
  background-image: none !important;
}
.img-border {
  border-radius: 10px;
}

.custom-flex-scrollbar {
  position: relative;
}

html:not(.touchevents) .custom-flex-scrollbar::-webkit-scrollbar-thumb {
  background-clip: content-box;
}
.custom-flex-scrollbar::-webkit-scrollbar {
  height: 8px;
}
.custom-flex-scrollbar::-webkit-scrollbar-track {
  background-color: #fff3 !important;
  border-radius: 20px;
}
.custom-flex-scrollbar::-webkit-scrollbar-thumb {
  background-color: #d6dee1 !important;
  border-radius: 20px;
  border: 2px solid #d6dee1;
}
.touchevents .custom-flex-scrollbar::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px #ffffff33;
}
.custom-flex-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}
.logo-video {
  max-width: 150px;
  object-fit: fill;
  width: 100%;
  display: block;
}
.logo-video::-webkit-media-controls-panel {
  background-image: none !important;
}
.logo-video-container {
  position: relative;
  overflow: hidden;
}
.logo-video-container.video-loaded .logo-video-cover {
  opacity: 0;
}
.logo-video-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.logo-video-container .logo-video-cover img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.logo-video-container video::-webkit-media-controls {
  display: none;
}
.header-top-border {
  height: var(--header_top_border_height);
  background: black;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 99999;
  top: 0;
}


header .wrap {
  -webkit-transition: all 0.2s cubic-bezier(0.62, 0.28, 0.23, 0.99);
}
#logo a {
  -webkit-transition: transform 0.4s cubic-bezier(0.62, 0.28, 0.23, 0.99),
    height 0.2s cubic-bezier(0.62, 0.28, 0.23, 0.99);
    height 0.2s cubic-bezier(0.62, 0.28, 0.23, 0.99);
    height 0.2s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  transition: transform 0.4s cubic-bezier(0.62, 0.28, 0.23, 0.99),
    height 0.2s cubic-bezier(0.62, 0.28, 0.23, 0.99);
}
.header-navigation-wrapper {
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-basis: 33%;
}

#header.is-sticky #logo a {
  height: initial;
}
.user-links a,
.header-secondary-menu li a {
  letter-spacing: 0.5px;
}
ul.header-secondary-menu {
  margin: 0 0 0 20px;
}
.header-secondary-menu li {
  display: inline-block;
  padding: 0 8px;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.02em;
  margin: 0;
}
.header-container {
  background: var(--menu_color);
}
.header-navigation-wrapper .toggle-menus {
  top: 2px;
}

.search:not(.search--open) .popular-search-wrapper {
  display: none;
}

.popular-search-wrapper .popular-search-list {
  margin: 0;
}
@media screen and (min-width: 769px) {
  main .shopify-policy__container {
    max-width: 1600px;
  }

  .header-container,
  .product-buy-now-container,
  main .shopify-policy__container {
    margin: 0 auto;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
  }

  .shopify-policy__title,
  .shopify-policy__body {
    padding-left: 10px;
  }
}

main .shopify-policy__container {
  margin-top: 40px;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .header-left-content {
    position: absolute;
    left: 0;
    padding: 0;
    margin: 0 0 0 15px;
    top: 55%;
    transform: translateY(-50%);
    display: flex;
  }
}

@media screen and (max-width: 1700px) {
  .header-bottom-nav-ul li:nth-child(9) {
    display: none;
  }
}

@media screen and (max-width: 1600px) {
  .header-bottom-nav-ul li:nth-child(8) {
    display: none;
  }
}

@media screen and (max-width: 1520px) {
  .header-bottom-nav-ul li:nth-child(7) {
    display: none;
  }
}

@media screen and (max-width: 1420px) {
  .header-bottom-nav-ul li:nth-child(6) {
    display: none;
  }
}

@media screen and (max-width: 1320px) {
  .header-bottom-nav-ul li:nth-child(5) {
    display: none;
  }
}

@media screen and (max-width: 1220px) {
  .header-bottom-nav-ul li:nth-child(4) {
    display: none;
  }
}

@media screen and (max-width: 1120px) {
  .header-bottom-nav-ul li:nth-child(3) {
    display: none;
  }
}

@media screen and (max-width: 1020px) {
  .header-bottom-nav-ul li:nth-child(2) {
    display: none;
  }
}
@media screen and (max-width: 920px) {
  .header-bottom-nav-ul li:nth-child(1) {
    display: none;
  }
}

.header-bottom-menu {
  z-index: 1;
  background: white;
  height: 60px;
}
.header-bottom-nav ul {
  display: flex;
  justify-content: center;
}
.header-bottom-nav li .megamenu-parent-link {
  padding: 9px 12px 15px;
  color: #000;
  font-size: 16px;
  letter-spacing: 0.5px;
  height: 64px;
  display: flex;
  align-items: center;
}

/*
header #header-wrapper-custom,
header .header-content,
header #header-wrapper-custom,
.header-top-border {
  -webkit-transition: transform 0.2s cubic-bezier(0.62, 0.28, 0.23, 0.99),
    height 0.2s cubic-bezier(0.62, 0.28, 0.23, 0.99);
    height 0.2s cubic-bezier(0.62, 0.28, 0.23, 0.99);
    height 0.2s cubic-bezier(0.62, 0.28, 0.23, 0.99);
  transition: transform 0.2s cubic-bezier(0.62, 0.28, 0.23, 0.99),
    height 0.2s cubic-bezier(0.62, 0.28, 0.23, 0.99);
}

*/
body:not(.scrolling-up).mobile-menu--open
  .site-header.is-sticky
  .header-bottom-menu {
  opacity: 0;
}

body.hasReplacementHeader .header__content {
  transition: transform 0.3s cubic-bezier(0.62, 0.28, 0.23, 0.99),
    opacity 0.2s cubic-bezier(0.62, 0.28, 0.23, 0.99), height 0.3s;
}

body.template-product.bn-open:not(.body-search--open)
  header.is-sticky
  .header__content,
body.hasReplacementHeader.bn-open:not(.body-search--open)
  header.is-sticky
  .header__content {
  transform: matrix(1, 0, 0, 1, 0, -60);
}

body.hasReplacementHeader.bn-open.scrolling-up
  header.is-sticky
  .header__content {
  transform: matrix(1, 0, 0, 1, 0, 0);
}

/* OVERRIDE FOR BLOG FULL WIDTH AND PAGE FULL WIDTH HEADER STYLE */

body.hasReplacementHeader.bn-open:not(.body-search--open).template-page.fullwidth
  header.is-sticky
  .header__content,
body.hasReplacementHeader.bn-open:not(.body-search--open).template-article.case_study
  header.is-sticky
  .header__content {
  transform: matrix(1, 0, 0, 1, 0, -120);
}

body.hasReplacementHeader.bn-open.scrolling-up.template-page.fullwidth
  header.is-sticky
  .header__content,
body.hasReplacementHeader.bn-open.scrolling-up.template-article.case_study
  header.is-sticky
  .header__content {
  transform: matrix(1, 0, 0, 1, 0, -60);
}

/* END OVERRIDE FOR BLOG FULL WIDTH AND PAGE FULL WIDTH HEADER STYLE */

.mobile-menu--open .header-content,
.mobile-menu--open .header-bottom-menu {
  background: transparent;
}
@media screen and (max-width: 768px) {
  .header-bottom-menu {
    display: none;
  }
}

.index-products-column .product-item__image {
  background: #fafafa;
}
.video-js .vjs-tech {
  outline: 0;
}


.accent-color {
  color: #da0000 !important;
  fill: #da0000 !important;
}

.accent-color.blue {
  color: #6b91ff !important;
  fill: #6b91ff !important;
}

.accent-color.green {
  color: #2ec29a !important;
  fill: #2ec29a !important;
}

.accent-color.orange {
  color: #f56900 !important;
  fill: #f56900 !important;
}

.accent-color.grey {
  color: #565654 !important;
  fill: #565654 !important;
}

.hero-section-text-under .index-hero {
  background: #fafafa;
}

.index-hero img {
  object-fit: cover;
  display: block;
  height: 100%;
  width: 100%;
}

.index-hero.index-hero--parallax.index-hero--primary img {
  object-fit: cover;
}

.hero-image-container {
  height: 100%;
  width: 100%;
}

.index-hero-image-container {
  position: relative;
}

.lazyload-fade-container {
  background: #fafafa;
}

.lazyload-fade-container.lazyload-fade-container--radius {
  border-radius: 10px;
}


/* RECHARGE */
.vcal-btn,
.vcal-btn:hover,
.vcal-btn:active,
.vcal-btn:focus,
.vcal-btn:focus-within,
.vcal-btn:focus-visible {
  color: initial;
}

.shopify-payment-button__button[disabled] {
  display: none;
}

.responsive-image,
.responsive-video,
.responsive-media {
  position: relative;
}

.responsive-image-element,
.responsive-video-element {
  height: 100%;
  width: 100%;
}

.responsive-image img,
.responsive-video video,
.responsive-media video,
.responsive-media img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

img[data-fill-type="contain"],
video[data-fill-type="contain"] {
  object-fit: contain;
}

img[data-fill-type="cover"],
video[data-fill-type="cover"] {
  object-fit: cover;
}

/* transparent header */

html:not(.mega-menu--open)
  .body-header-transparent:not(.animatingS)
  header.header--sticky:not(.is-sticky)
  img.logo--transparent,
html:not(.mega-menu--open)
  .body-header-transparent:not(.animatingS)
  header.header--sticky:not(.is-sticky)
  .custom-cart-icon.transparent {
  display: block;
}

html:not(.mega-menu--open)
  .body-header-transparent:not(.animatingS)
  header.header--sticky:not(.is-sticky)
  img.logo--default,
html:not(.mega-menu--open)
  .body-header-transparent:not(.animatingS)
  header.header--sticky:not(.is-sticky)
  .custom-cart-icon.solid {
  display: none;
}

.body-header-transparent header.header--sticky .wrap,
.body-header-transparent.animatingS header.header--sticky .wrap {
  background: var(--menu-bg-transparent);
}

html:not(.mega-menu--open)
  .body-header-transparent:not(.animatingS)
  header.header--sticky:not(.is-sticky)
  .wrap,
.body-header-transparent .header-container,
.body-header-transparent .header-content,
.body-header-transparent .header-bottom-menu {
  background: transparent !important;
}

html:not(.mega-menu--open)
  .body-header-transparent:not(.animatingS)
  header.header--sticky:not(.is-sticky)
  .wrap {
  background: linear-gradient(
    180deg,
    rgb(37 37 37 / 40%) 0%,
    rgb(37 37 37 / 0%) 100%
  ) !important;
  backdrop-filter: blur(2px);
}

.body-header-transparent header.header--sticky .wrap,
.body-header-transparent header.header--sticky .header-container,
.body-header-transparent header.header--sticky .header-content,
.header-bottom-menu {
  transition: background 0.2s !important;
  -webkit-transition: background 0.2s !important;
}

html:not(.mega-menu--open)
  .body-header-transparent:not(.animatingS)
  header.header--sticky:not(.is-sticky)
  .header-bottom-nav
  li
  .megamenu-parent-link,
html:not(.mega-menu--open)
  .body-header-transparent:not(.animatingS)
  header.header--sticky:not(.is-sticky)
  .header-content
  a {
  color: white !important;
}

html:not(.mega-menu--open)
  .body-header-transparent:not(.animatingS)
  header.header--sticky:not(.is-sticky)
  .header-content
  a
  svg,
html:not(.mega-menu--open)
  .body-header-transparent:not(.animatingS)
  header.header--sticky:not(.is-sticky)
  .header-content
  a
  svg
  g {
  fill: white;
}

html:not(.mega-menu--open)
  .body-header-transparent:not(.animatingS)
  header.header--sticky:not(.is-sticky)
  .toggle-menus-lines
  span {
  background: white;
}

/* STAY WHITE WHEN TRANSPARENT HEADER */
.body-header-transparent .toggle-menus-lines span {
  background: black;
}


.body-header-transparent header a svg,
.body-header-transparent header a svg g {
  fill: black;
}


.body-header-transparent .header-bottom-nav li .megamenu-parent-link,
.body-header-transparent .header-content a {
  color: black !important;
}

/* END STAY WHITE WHEN TRANSPARENT HEADER */


/*
.body-header-transparent .header-fixed-header-spacer {
  display: none !important;
  height: 0 !important;
}
*/

.header-fixed-header-spacer {
  height: var(--header-height) !important;
}

.body-header-transparent .site-header.header--sticky {
  /*position: fixed;*/
  width: 100%;
  position: fixed;
  top: 0;
}

/* HIDE HEADER ON MOBILE WHILE SCROLLING DOWN */

@media screen and (max-width: 768px) {
  .body-header-transparent.template-index:not(.scrolling-up):not(
      .body-search--open
    )
    header.is-sticky
    .header__content {
    transform: matrix(1, 0, 0, 1, 0, -60);
  }
}

/* end transparent header */

.index-video-video-container {
  height: 100%;
  width: 100%;
}

.index-video-video-container video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

button.unstyled {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

button.unstyled:hover {
  background: transparent !important;
  color: inherit;
  box-shadow: inherit;
}

/* HIDE VIDEO CONTROLS FOR INDEX HERO */
.index-video video::-webkit-media-controls {
  display: none !important;
}

.header-search-form:not(.search--open) {
  visibility: hidden;
}


.body-header-transparent .site-header.header--sticky.is-sticky {
  top: 0 !important;
}


.media-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.media-overlay--bottom {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 60%,
    rgba(0, 0, 0, 0.8) 100%
  );
}


.disclosure-has-popup[open] > summary + * {
  z-index: 999999999;
}
.disclosure-has-popup {
  position: relative;
}

.disclosure-has-popup > summary:before {
  display: none;
}

summary {
  cursor: pointer;
  list-style: none;
  position: relative;
}

details > * {
  box-sizing: border-box;
}

.disclosure-has-popup[open] > summary:before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  cursor: default;
  content: " ";
  background: transparent;
}

@keyframes loading-spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.background--grey {
  background: #f6f1ec;
}

.mobile-share-icon svg {
  height: 18px;
  width: 18px;
}

/* HIDE CODECTIBLE FILTER IN SEARCH FILTER
.mobile-facets__details[data-index="mobile-3"],
.facets__disclosure-vertical[data-index="3"]{
  display: none;
}
 */

.slick-align-left .slick-track {
  margin-left: 0;
}

/* HEADER BG */
.custom_template_6:not(.body-header-transparent) .site-header .wrap,
.custom_template_6:not(.body-header-transparent) .header-container,
.custom_template_6:not(.body-header-transparent) .header-content,
.custom_template_6 .header-bottom-menu,
.custom_template_6 .header-fixed-header-spacer {
  background: var(--menu_color) !important;
}

.site-header .wrap,
.header-container,
.header-content,
.header-bottom-menu,
.header-fixed-header-spacer {
  background: var(--menu_color) !important;
}

.template-list-collections .site-header .wrap,
.template-list-collections .header-container,
.template-list-collections .header-content,
.template-list-collections .header-bottom-menu,
.template-list-collections .header-fixed-header-spacer {
  background: var(--menu_color) !important;
}


/* END HEADER BG */

.codectible-footer-logo-container h3 {
  margin-top: 25px;
  font-size: 23px;
  margin-top: 25px;
  color: white;
  letter-spacing: normal;
  text-transform: none;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .no-top-margin-mobile {
    margin-top: 0 !important;
  }
}

.responsive-media-container img,
.responsive-media-container video {
  width: 100%;
  height: 100%;
}

/* Drawer — full styles in theme-deferred.css */
.drawer-wrapper.close { visibility: hidden; pointer-events: none; }

/* HIDE SHOPIFY'S BUYER CONSENT */
#shopify-buyer-consent {
  display: none !important;
}

/* BASE GRID CLASS */
.flex-grid {
  display: grid;
  gap: 1rem; /* Default gap */
}

/* COLUMN COUNT UTILITIES */
.flex-grid-cols-1 {
  grid-template-columns: repeat(1, 1fr);
}
.flex-grid-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.flex-grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
.flex-grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
.flex-grid-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}
.flex-grid-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}

/* COLUMN FRACTION UTILITIES (for custom split, like 70-30) */
.flex-grid-cols-70-30 {
  grid-template-columns: 70% 30%;
}
.flex-grid-cols-30-70 {
  grid-template-columns: 30% 70%;
}
.flex-grid-cols-1-2 {
  grid-template-columns: 1fr 2fr;
}
.flex-grid-cols-2-1 {
  grid-template-columns: 2fr 1fr;
}

@media (max-width: 768px) {
  .flex-grid-cols-mb-1 {
    grid-template-columns: 1fr !important;
  }
  .flex-grid-cols-mb-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .flex-grid-cols-mb-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .flex-grid-cols-mb-70-30 {
    grid-template-columns: 70% 30% !important;
  }
  .flex-grid-cols-mb-30-70 {
    grid-template-columns: 30% 70% !important;
  }
  .flex-grid-cols-mb-1-2 {
    grid-template-columns: 1fr 2fr !important;
  }
  .flex-grid-cols-mb-2-1 {
    grid-template-columns: 2fr 1fr !important;
  }
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.image-promotion-overlay-container {
  position: absolute;
  right: 10px;
  top: 10px;
  background: var(--image-promotion-overlay-bg);
  border-radius: 20px;
  padding: 8px 12px;
  display: flex;
  justify-content: center;
}
.image-promotion-overlay-text {
  color: var(--image-promotion-overlay);
  line-height: 1em;
  font-weight: 500;
}

body.elevenlabs-widget-enabled.gorgias-widget-opened #gorgias-chat-container {
  display: block !important;
}

body.elevenlabs-widget-enabled #gorgias-chat-container {
  display: none !important;
}