/** Shopify CDN: Minification failed

Line 31:0 Unexpected "{"
Line 31:1 Unexpected "{"
Line 31:11 Expected ":"
Line 33:0 Unexpected "{"
Line 33:1 Unexpected "{"
Line 33:11 Expected ":"
Line 35:0 Unexpected "{"
Line 35:1 Unexpected "{"
Line 35:11 Expected ":"
Line 37:0 Unexpected "{"
... and 774 more hidden warnings

**/
.hidden{display:none;}

:root {
    /* 相对 px */
    --relative-px: calc(1 / 1920 * 100vw);
    --relative-px-1920: calc(1 / 1920 * 100vw);
    --relative-px-750: calc(1 / 750 * 100vw);
    --relative-px-mb: calc(1 / 375 * 100vw);
}
@media (min-width: 1920px) {
    :root {
        --relative-px: 1px;
    }
}

{{ settings.base_font_family | font_face }}

{{ settings.base_font_family | font_modify: 'weight', '600' | font_face }}

{{ settings.base_font_family | font_modify: 'weight', '700' | font_face }}

{{ settings.base_font_family | font_modify: 'weight', '900' | font_face }}

@font-face{
  font-family: 'Shokz Sans Text';
  src : url('https://cdn.shopify.com/s/files/1/0857/5574/files/ShokzSansText-Regular.woff2?v=1722582075');
}
@font-face{
  font-family: 'Shokz Sans Display';
  src : url('https://cdn.shopify.com/s/files/1/0857/5574/files/Shokz_Sans_Display-Medium.woff2?v=1722583126');
}
.shokz_sans_display{
  line-height:1.2;
  font-family: 'Shokz Sans Display';
}

@keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

@-webkit-keyframes fadeout { from { opacity: 1; }
  to { opacity: 0; } }

@keyframes fadeout { from { opacity: 1; }
  to { opacity: 0; } }

@-webkit-keyframes slideup { from { top: 0; }
  to { top: -10%; } }

@keyframes slideup { from { top: 0; }
  to { top: -10%; } }

@-webkit-keyframes slidedown { from { top: -10%; }
  to { top: 0; } }

@keyframes slidedown { from { top: -10%; }
  to { top: 0; } }

.fade-enter-active, .fade-leave-active { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }

.fade-enter, .fade-leave-to { opacity: 0; }

.modal-enter { opacity: 0; }

.modal-leave-active { opacity: 0; }

.modal-enter .c-modal__wrapper, .modal-leave-active .c-modal__wrapper { -webkit-transform: scale(1.4); transform: scale(1.4); }












html {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-family: 'Shokz Sans Text'; font-display: swap; height: 100%; }

body { color: {{ settings.theme_secondary_color }}; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; overflow-x: hidden;  }

body.is-resizing *:not(.c-loading) { -webkit-transition: none !important; transition: none !important; -webkit-animation: none !important; animation: none !important; }

main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

::-moz-selection { background: #222222; color: #ffffff; }

::selection { background: #222222; color: #ffffff; }

img, svg, audio, video, iframe { max-width: 100%; }


.noscroll { overflow: hidden; }

h1, h2, h3, h4, h5, h6, .c-h1, .c-h2, .c-h3, .c-h4, .c-h5, .c-h6 { margin-top: 0; margin-bottom: 0; }

h1--neutral-case, h2--neutral-case, h3--neutral-case, h4--neutral-case, h5--neutral-case, h6--neutral-case, .c-h1--neutral-case, .c-h2--neutral-case, .c-h3--neutral-case, .c-h4--neutral-case, .c-h5--neutral-case, .c-h6--neutral-case { text-transform: initial; }


h1, .c-h1 { font-size: 1.875rem; font-weight: 700; text-transform: uppercase; line-height:1.2;font-family: 'Shokz Sans Display'; }

@media (min-width: 62.25em) { h1, .c-h1 { font-size: 2.5rem; font-weight: 700; line-height: 1.2; } }


h2, .c-h2 { font-size: 1.375rem; font-weight: 700; text-transform: capitalize; line-height:1.2;font-family: 'Shokz Sans Display'; }

@media (min-width: 62.25em) { h2, .c-h2 { font-size: 1.5rem; font-weight: 700; line-height: 1.2; } }


h3, .c-h3 { font-size: 1.125rem; font-weight: 700; line-height: 1.3; text-transform: uppercase; }


h4, .c-h4 { font-size: 1rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1.3; text-transform: uppercase; }


h5, .c-h5 { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1.3; text-transform: uppercase; }

strong { font-weight: 600; }

p { font-size: 1rem; line-height: 1.3; margin: 0; }

small { font-size: 0.6875rem; font-weight: 400; letter-spacing: 0.45px; line-height: 1.45; }

a { color: inherit; text-decoration: none; }

ul { list-style: inherit; margin: 0; padding-left: 0; }

button { border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.shopify-challenge__container { padding: 12.5rem 0; }


html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

.l-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; }

@media (min-width: 62.25em) { .l-wrapper { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

.l-wrapper--footer { padding: 0; }

@media (min-width: 40em) { .l-wrapper--footer { padding: 0 2.5rem; } }

.l-wrapper--thin { max-width: 42.125rem; }

.l-wrapper--rte { margin-top: 4rem; }

.l-wrapper--rte-support { margin-top: 2rem; }

@media (min-width: 62.25em) { .l-wrapper--full-width { max-width: none; } }

.l-grid { -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; display: grid; grid-template-columns: repeat(4, 1fr); }

@media (min-width: 40em) { .l-grid { -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; } }

@media (min-width: 40em) { .l-grid { grid-template-columns: repeat(12, 1fr); } }

.l-grid--collection { grid-row-gap: 16px; display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 4rem; }

@media (min-width: 62.25em) { .l-grid--collection { grid-row-gap: 20px; } }

@media (min-width: 40em) { .l-grid--collection { grid-template-columns: repeat(6, 1fr); } }

@media (min-width: 62.25em) { .l-grid--collection { grid-template-columns: repeat(12, 1fr); margin: 5rem 0 0; } }

.l-grid--search-collection { grid-row-gap: 16px; display: grid; grid-template-columns: repeat(4, 1fr); margin: 2rem 0 0; }

@media (min-width: 62.25em) { .l-grid--search-collection { grid-row-gap: 20px; } }

@media (min-width: 62.25em) { .l-grid--search-collection { grid-template-columns: repeat(12, 1fr); } }

.l-grid--featured { margin: 2.3125rem 0 7.8125rem; }

@media (min-width: 62.25em) { .l-grid--featured { margin: 2rem 0 4rem; } }

.l-grid--articles { margin-top: 3rem; grid-row-gap: 4rem; grid-template-columns: 1fr; justify-items: center; }

@media (min-width: 40em) { .l-grid--articles { grid-template-columns: repeat(2, 1fr);padding: 0 24px;column-gap: 24px; } }

@media (min-width: 80em) { .l-grid--articles {     
    grid-template-columns: repeat(3,1fr);
    -webkit-column-gap: 7.0625rem;
    -moz-column-gap: 7.0625rem;
    column-gap: 2rem;
    max-width: 80rem;
    padding: 0 2.5rem;
    margin-right: auto;
    margin-left: auto;
} 
}

.l-grid--comparison { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 0.4375rem; grid-column-gap: 0.53125rem; }

@media (min-width: 62.25em) { .l-grid--comparison { grid-row-gap: 0.75rem; grid-column-gap: 0.75rem; grid-template-columns: repeat(4, 1fr); } }

.l-grid--compact-articles { margin-top: 2.5rem; grid-row-gap: 4rem; grid-template-columns: 1fr; justify-items: center; }

@media (min-width: 40em) { .l-grid--compact-articles { grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 80em) { .l-grid--compact-articles { grid-template-columns: repeat(4, 1fr); -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; } }

.l-container { margin-top: 2rem; }

@media (min-width: 62.25em) { .l-container { margin-top: 4rem; } }

@media (min-width: 48em) { .l-nav-bar { display: none; } }

.l-support-callout { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; padding: 0; }

@media (min-width: 62.25em) { .l-support-callout { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 48em) { .l-support-callout { margin-top: 4rem; } }

.l-support-info-blocks { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 0.625rem; grid-row-gap: 0.625rem; margin: 0.625rem -1rem 0; }

@media (min-width: 62.25em) { .l-support-info-blocks { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 48em) { .l-support-info-blocks { margin: 0.625rem auto 4rem; } }

.l-support-product-guide { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; margin: 2rem -1rem 0; }

@media (min-width: 62.25em) { .l-support-product-guide { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 48em) { .l-support-product-guide { margin: 4rem auto 0; } }

.l-product-guide-articles { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 0.625rem; grid-row-gap: 0.625rem; margin: 1rem -1rem 0; }

@media (min-width: 62.25em) { .l-product-guide-articles { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 48em) { .l-product-guide-articles { margin: 1rem auto 4rem; } }

.o-badge { background-color: {{ settings.theme_primary_color }}; color: {{ settings.theme_tertiary_color }}; border-bottom-right-radius: 6.25rem; font-size: 0.75rem; font-weight: 600; line-height: 1.5625rem; letter-spacing: 0.04em; padding: 0 1.125rem 0 0.6875rem; height: 1.5625rem; overflow: hidden; opacity: 0; -webkit-animation: fadein 0.2s ease 0.2s forwards; animation: fadein 0.2s ease 0.2s forwards; }

.o-btn { background: transparent; color: {{ settings.theme_secondary_color }}; position: relative; z-index: 1; display: inline-block; font-size: 0.9375rem; font-weight: 600; line-height: 1.07; text-align: center; padding: 0.84375rem 1.25rem; overflow: hidden; cursor: pointer; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; text-decoration: none; border-radius: 25px; border: 3px solid {{ settings.theme_primary_color }}; -webkit-appearance: none; -moz-appearance: none; appearance: none; white-space: nowrap; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.o-btn--outline { background: {{ settings.theme_secondary_color }}; border: none; padding-top: 16.5px; padding-bottom: 16.5px; border-radius: 5px;}

.o-btn--outline::before { z-index: -2; background: {{ settings.theme_primary_color }}; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translate3d(-101%, 0, 0); transform: translate3d(-101%, 0, 0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1); transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1); }

.o-btn--outline::after, .o-btn--outline::before { content: ""; position: absolute; border-radius: inherit; }

.o-btn--outline::after { z-index: -1; top: 3px; left: 3px; right: 3px; bottom: 3px; background: {{ settings.theme_tertiary_color }}; }

.o-btn--outline:hover { color: {{ settings.theme_primary_color }}; border-radius: 5px;}

.o-btn--outline:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 5px;}

.o-btn--outline-alt { color: {{ settings.theme_tertiary_color }}; border: 3px solid {{ settings.theme_tertiary_color }}; border-radius: 5px;}

.o-btn--outline-alt::before { background: {{ settings.theme_primary_color }}; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1); transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1); }

.o-btn--outline-alt::after, .o-btn--outline-alt::before { content: ""; position: absolute; z-index: -1; }

.o-btn--outline-alt:hover { color: {{ settings.theme_tertiary_color }}; }

.o-btn--outline-alt:hover::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.o-btn--fill { border: none; background: {{ settings.theme_secondary_color }}; color: {{ settings.theme_tertiary_color }}; padding-top: 16.5px; padding-bottom: 16.5px; border-radius: 5px;}

.o-btn--fill:hover, .o-btn--fill:focus { color: {{ settings.theme_tertiary_color }}; }

.o-btn--fill-alt { background: {{ settings.theme_tertiary_color }}; border: none; padding-top: 16.5px; padding-bottom: 16.5px; border-radius: 5px;}

.o-btn--fill-alt:hover { color: {{ settings.theme_primary_color }}; }

.o-btn--fill-alt.is-active { background-color: {{ settings.theme_primary_color }}; color: {{ settings.theme_tertiary_color }}; }

.o-btn--tiny { font-size: 0.6875rem; line-height: 1.45; padding: 8px 14px; }

.o-btn--tiny.o-btn--outline-alt { padding-top: 5px; padding-bottom: 5px; }

.o-btn--full { width: 100%; }

.o-btn--hero { border: none; background: {{ settings.theme_primary_color }}; color: {{ settings.theme_tertiary_color }}; padding: 10px 2rem; text-transform: uppercase; font-size: 1.1rem; }

.o-btn--hero::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: {{ settings.theme_secondary_color }}; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1); transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1); z-index: -1; }

.o-btn--hero:hover::before, .o-btn--hero:focus::before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1); transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1); }

.o-btn.is-disabled { background-color: #cccccc; cursor: not-allowed; pointer-events: none; }

.o-checkbox { cursor: pointer; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; }

.o-checkbox__interactable { position: relative; height: 1rem; width: 1rem; border: 0.0625rem solid {{ settings.theme_quaternary_color }}; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0.5625rem; }

.o-checkbox__interactable.is-active::before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0.25rem; height: 0.25rem; background: {{ settings.theme_secondary_color }}; border-radius: 50%; }

.o-checkbox__interactable.is-focused { border-color: {{ settings.theme_primary_color }}; }

.o-checkbox input { position: absolute; top: 0; left: -100vh; opacity: 0; }

.o-circle-button { display: inline-block; height: 1.625rem; padding: 0.0625rem; width: 1.625rem; border: 1px solid {{ settings.theme_secondary_color }}; border-radius: 50%; background: {{ settings.theme_tertiary_color }}; cursor: pointer; }

.o-circle-button__inner { border-radius: 50%; display: block; height: 100%; width: 100%; }

.is-selected .o-circle-button .o-circle-button__inner { background: {{ settings.theme_primary_color }}; }

.o-circle-button:hover .o-circle-button__inner { background: {{ settings.theme_primary_color }}; opacity: 0.5; }


.o-icon { display: inline-block; color: inherit; height: 1em; width: 1em; fill: currentColor; stroke: #ffffff; -webkit-transition: stroke 0.3s, fill 0.3s; transition: stroke 0.3s, fill 0.3s; }

.o-icon--social-media { stroke: none; }

.o-icon--stretch { height: 100%; width: 100%; }

.o-icon--no-stroke-color { stroke: inherit; }

.o-icon--chevron-menu-slider { -webkit-transform: scale(3.3) rotate(180deg); transform: scale(3.3) rotate(180deg); margin-right: 15px; }

@media (min-width: 62.25em) { .o-icon--chevron-menu-slider { -webkit-transform: scale(1) rotate(270deg); transform: scale(1) rotate(270deg); margin-right: 0; margin-left: 0.3125rem; } }

.o-icon--chevron-menu-return { -webkit-transform: scale(3.3); transform: scale(3.3); }

.o-icon--chevron-menu-dropdown { -webkit-transform: scale(3.3) rotate(270deg); transform: scale(3.3) rotate(270deg); }

.o-icon--secondary { stroke: {{ settings.theme_secondary_color }}; }

.o-icon--tertiary { stroke: {{ settings.theme_tertiary_color }}; }

.o-icon--country-selector { vertical-align: middle; font-size: 0.875rem; -webkit-transform: rotate(90deg); transform: rotate(90deg);  }

.c-country-selector.is-active .o-icon--country-selector { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.o-icon--country-selector g { stroke: currentColor; }

.o-icon--search-field { stroke: {{ settings.theme_secondary_color }}; }

.o-icon--social-card { stroke: none; height: 100%; width: 100%; }

.o-icon--chevron-small-down { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.o-icon--chevron-large-right { -webkit-transform: rotate(180deg); transform: rotate(180deg); font-size: 25px; width: 25px; height: 25px; }

.o-icon--chevron-page-next { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.o-icon--chevron-return-to-link { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.is-empty .o-icon__full-indicator { display: none; }

.o-icon--inherit { stroke: inherit; fill: inherit; }

.o-link-text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.9375rem; font-weight: 600; color: {{ settings.theme_secondary_color }}; background-color: transparent; cursor: pointer; letter-spacing: 0.04em; -webkit-transition: color 0.3s; transition: color 0.3s; }

.o-link-text:hover { color: {{ settings.theme_primary_color }}; }

.o-link-text:hover svg { fill: {{ settings.theme_primary_color }}; stroke: {{ settings.theme_primary_color }}; }

.o-link-text--no-padding { padding: 0; }

.o-link-text--reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.o-link-text__icon { font-size: 0.75rem; margin-left: 0.25rem; line-height: 1; -webkit-transition: color 0.3s, -webkit-transform 0.2s; transition: color 0.3s, -webkit-transform 0.2s; transition: color 0.3s, transform 0.2s; transition: color 0.3s, transform 0.2s, -webkit-transform 0.2s; }

@media (min-width: 62.25em) { .o-link-text__icon { font-size: 0.875rem; } }

.o-link-text.is-active .o-link-text__icon--open { display: none; }

.o-link-text__icon--close { display: none; }

.o-link-text.is-active .o-link-text__icon--close { display: block; }

.o-link-text--reverse .o-link-text__icon { margin-right: 0.375rem; margin-left: 0; }

.o-link-text--small .o-link-text__icon { font-size: 0.75rem; }

.o-link-text__icon--down svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.o-link-text .o-icon { display: block; stroke: {{ settings.theme_secondary_color }}; }

.o-link-text .o-icon this--light, .is-light .o-link-text .o-icon { stroke: {{ settings.theme_tertiary_color }}; }

.o-link-text--light { color: {{ settings.theme_tertiary_color }}; }

@media (min-width: 62.25em) { .is-light .o-link-text { color: {{ settings.theme_tertiary_color }}; } }

.o-link-text--micro-icon .o-link-text__icon { margin-left: 0.625rem; font-size: 0.625rem; }

.o-link-text--down .o-icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.o-link-text--small { font-size: 0.6875rem; font-weight: 400; letter-spacing: 0.45px; line-height: 1.45; letter-spacing: normal; font-weight: 400; }

.o-link-text--bold { font-weight: 700; }

.o-link-text--normal-weight { font-weight: 400; }

.o-link-text--small-toggle svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.o-link-text--small-toggle.is-active svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.o-radio__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: capitalize; }

.o-radio__circle { display: inline-block; height: 1.5rem; padding: 0.0625rem; width: 1.5rem; border: 1px solid {{ settings.theme_secondary_color }}; border-radius: 50%; background: {{ settings.theme_tertiary_color }}; cursor: pointer; margin-right: 0.625rem; }

.o-radio__inner { border-radius: 50%; display: block; height: 100%; width: 100%; }

.o-radio:checked + .o-radio__label .o-radio__inner { background: {{ settings.theme_primary_color }}; }

.o-radio__inner:hover { background: {{ settings.theme_primary_color }}; opacity: 0.5; }

.o-rte h1, .o-rte h2, .o-rte h3, .o-rte h4, .o-rte h5 { letter-spacing: -0.3px; text-transform: none; }

.o-rte h1:not(:first-child), .o-rte h2:not(:first-child), .o-rte h3:not(:first-child), .o-rte h4:not(:first-child), .o-rte h5:not(:first-child) { margin-top: 2rem; }

.o-rte h1 { font-size: 1.375rem; font-weight: 700; line-height: 1.45; text-transform: capitalize; }

@media (min-width: 62.25em) { .o-rte h1 { font-size: 1.5rem; font-weight: 700; line-height: 1.33; } }

.o-rte h5, .o-rte h5 b { font-size: 1.375rem; font-weight: 700; line-height: 1.45; text-transform: capitalize; }

@media (min-width: 62.25em) { .o-rte h5, .o-rte h5 b { font-size: 1.5rem; font-weight: 700; line-height: 1.33; } }

.o-rte p, .o-rte ul, .o-rte ol { margin-top: 1rem; }

.o-rte p:last-of-type, .o-rte ul:last-of-type, .o-rte ol:last-of-type { margin-bottom: 1rem; }

.o-rte ul, .o-rte ol { padding-left: 2.5rem; }

.o-rte li { margin-top: 1rem; }

.o-rte br { display: none; }

.o-rte hr { margin-top: 1rem; }

.o-rte img { margin: 2rem auto; display: block; -o-object-fit: contain; object-fit: contain; height: 100%; width: 100%; }

.o-rte iframe { width: 100%; }

.o-rte a { cursor: pointer;position: relative; display: inline-block; color: {{ settings.theme_secondary_color }}; -webkit-transition: color 0.25s, text-shadow 0.25s; transition: color 0.25s, text-shadow 0.25s; text-decoration: none; text-shadow: 0 1px 0 white; }

.o-rte a::after { content: ""; position: absolute; z-index: -1; bottom: -2px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; height: 3px; background-color: {{ settings.theme_secondary_color }}; -webkit-transition: all 0.25s; transition: all 0.25s; }

.o-rte a:hover, .o-rte a:focus { color: white; text-shadow: 0 1px 0 black; }

.o-rte a:hover::after, .o-rte a:focus::after { height: 105%; width: 105%; }

.o-rte .video-container { text-align: center; }

.o-rte--story p, .o-rte--story ul, .o-rte--story ol { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; margin-top: 2rem; }

.o-rte--story p:last-of-type, .o-rte--story ul:last-of-type, .o-rte--story ol:last-of-type { margin-bottom: 2rem; }

.o-rte--ambassador p, .o-rte--ambassador ul, .o-rte--ambassador ol { font-size: 1rem; line-height: 1.5; letter-spacing: -0.1px; margin-top: 1rem; }

.o-rte--ambassador h1:not(:first-child), .o-rte--ambassador h2:not(:first-child), .o-rte--ambassador h3:not(:first-child), .o-rte--ambassador h4:not(:first-child), .o-rte--ambassador h5:not(:first-child) { margin-top: 4rem; }

.o-rte--support p { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; margin-top: 2rem; }

.o-rte--support p:first-child { font-size: 1rem; line-height: 1.5; }

.o-rte--support p:first-child + * { margin-top: 4rem; }

.o-rte--support iframe { margin-bottom: 0; }





.o-select { font-size: 0.875rem; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.o-select__native-select { margin-left: 0.9375rem; }

.o-select .vs__dropdown-toggle {     
   border-radius: 4px;
    padding-bottom: 0.125rem;
    background: #F8F8F8;
    border: unset;
    min-height: 40px; }

.o-select.vs--open .vs__dropdown-toggle { border-bottom-color: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.o-select .vs__dropdown-option { background: white; color: {{ settings.theme_secondary_color }}; padding: 0.625rem 1rem; white-space: normal; }

.o-select .vs__dropdown-option--highlight { background: {{ settings.theme_quinternary_color }}; color: {{ settings.theme_secondary_color }}; }

.o-select .vs__actions { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0.125rem 0.125rem 0 0; }

.o-select .vs__selected { margin-top: 0.125rem; width: 0; -ms-flex-preferred-size: 100%; flex-basis: 100%; white-space: nowrap; overflow: hidden; }

.o-select .vs__selected, .o-select .vs__search { font-weight: 400; letter-spacing: 0.6px; padding-left: 15px; }

.o-select .vs__selected-options { max-width: calc(100% - 36px); }

.o-select .vs__search { padding-right: 0; }

.o-select .vs__search::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }

.o-select .vs__selected + .vs__search { position: absolute; opacity: 0; width: 1px; height: 1px; }

.o-select .vs__open-indicator { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; stroke: black; font-size: 2.125rem; border-radius: 50%; line-height: 0; }

.o-select .vs__dropdown-menu { border-radius: 0 0 20px 20px; min-width: unset; width:100% !important;display: flex;flex-direction: column;}

.o-select.vs--single.vs--open .vs__selected { opacity: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0.0625rem; width: 100%; }


.o-select--product-guide .vs__dropdown-toggle { background-color: {{ settings.theme_tertiary_color }}; }

.o-select--product-guide .vs__search { color: {{ settings.theme_quaternary_color }}; font-weight: 400; }



.o-skip-link { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); word-wrap: normal !important;  }

.o-skip-link:focus { top: 0.3125rem; left: 0.3125rem; display: block; width: auto; height: auto; padding: 0.9375rem 1.4375rem 0.875rem; background-color: {{ settings.theme_primary_color }}; clip: auto !important; -webkit-clip-path: none; clip-path: none; color: {{ settings.theme_tertiary_color }}; font-size: 1em; line-height: normal; text-decoration: none; z-index: 7; }

.o-star-rating { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.o-star-rating--comparison { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.o-star-rating--product-review { font-size: 1.125rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.o-star-rating__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.o-star-rating--comparison .o-star-rating__info { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; }

.o-star-rating__star { margin-right: 0.21875rem; }

.o-star-rating--product-review .o-star-rating__star { margin-right: 0.5rem; }

.o-star-rating__rating-total { margin-left: 0.3125rem; font-size: 0.875rem; line-height: 1.71; letter-spacing: 0.6px; }

.o-star-rating--comparison .o-star-rating__rating-total { margin-left: 0; }

.o-swatch__label { cursor: pointer; border: 1px solid transparent; border-radius: 50%; display: inline-block; padding: 0.0625rem; margin: 0 0.625rem; width: 1.5rem; height: 1.5rem; }

.o-swatch--pdp .o-swatch__label { margin: 0 0.21875rem; }

@media (max-width: 62.24em) { .o-swatch--sticky-nav .o-swatch__label { margin: 0 0.4375rem; } }

.o-swatch--sticky-nav:first-of-type .o-swatch__label { margin-left: 0; }

.o-swatch--line-item .o-swatch__label { height: 1.375rem; width: 1.375rem; margin: 0; padding: 0; }

.o-swatch__fill { border-radius: 50%; display: block; height: 100%; width: 100%; border-style: solid; border-color: {{ settings.theme_secondary_color }}; border-width: 0; }

.o-swatch__radio { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); word-wrap: normal !important; }

.o-swatch__radio:checked + label { border-color: {{ settings.theme_quaternary_color }}; }

.o-swatch__radio:disabled + label { opacity: 0.5; }

.o-swatch__label-text { display:none; }

.o-swatch--orders { display: -webkit-box; display: -ms-flexbox; display: flex; }

.o-swatch--comparison:first-child .o-swatch__label { margin-left: 0; }

.o-swatch--comparison .o-swatch__label { cursor: default; margin: 0 0.25rem; }

.o-tabs { background-color: {{ settings.theme_quinternary_color }}; font-size: 0.875rem; }

@media (min-width: 62.25em) { .o-tabs { font-size: inherit; } }

.o-tabs__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

@media (min-width: 62.25em) { .o-tabs__wrapper { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

.o-tabs__arrow { margin-left: 0.5rem; }

.o-tabs__arrow svg { vertical-align: middle; -webkit-transform: rotate(180deg) scale(1.5, 1.5); transform: rotate(180deg) scale(1.5, 1.5); }

.o-tabs__buttons { overflow-x: auto; white-space: nowrap; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

@media (min-width: 62.25em) { .o-tabs__buttons { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0.0625rem; background-color: inherit; padding: none; overflow-x: hidden; } }

.o-tabs__interactable { cursor: pointer; text-align: center; background: transparent; padding: 0.5rem; opacity: 0.5; font-size: inherit; }

@media (min-width: 62.25em) { .o-tabs__interactable { border-top: 0.0625rem solid {{ settings.theme_quinternary_color }}; opacity: 1; padding: 0.75rem; -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; background-color: {{ settings.theme_quinternary_color }}; } }

.o-tabs__interactable.is-active { opacity: 1; color: inherit; }

@media (min-width: 62.25em) { .o-tabs__interactable.is-active { color: {{ settings.theme_primary_color }}; background-color: {{ settings.theme_tertiary_color }}; } }

.o-tabs__interactable:hover { color: {{ settings.theme_primary_color }}; }

.o-tabs__root { display: inline; padding: 0.5rem 0.5rem 0.5rem 0; -ms-flex-negative: 0; flex-shrink: 0; }

@media (min-width: 62.25em) { .o-tabs__root { display: none; } }





body:not(.theme-editor) .t--text-hero > span { overflow: hidden; display: inline-block; }

body:not(.theme-editor) .t--text-hero span > span { -webkit-transform: translateY(100%) translateZ(0); transform: translateY(100%) translateZ(0); display: inline-block; }

body:not(.theme-editor) .t--ty { -webkit-transition: -webkit-transform 2s cubic-bezier(0.16, 1.08, 0.38, 0.98); transition: -webkit-transform 2s cubic-bezier(0.16, 1.08, 0.38, 0.98); transition: transform 2s cubic-bezier(0.16, 1.08, 0.38, 0.98); transition: transform 2s cubic-bezier(0.16, 1.08, 0.38, 0.98), -webkit-transform 2s cubic-bezier(0.16, 1.08, 0.38, 0.98); will-change: transform; }

/*body:not(.theme-editor) .t--ty.is-in { -webkit-transform: translateZ(0); transform: translateZ(0); }

body:not(.theme-editor) .t--ty.is-out { -webkit-transition: none; transition: none; -webkit-transition-delay: 0s; transition-delay: 0s; }

body:not(.theme-editor) .t--ty.is-out--down { -webkit-transform: translate3d(0, 120px, 0); transform: translate3d(0, 120px, 0); }*/

.flickity-slider body:not(.theme-editor) .t--ty { -webkit-transform: none; transform: none; }

/*body:not(.theme-editor) .t--ty.is-out--up { -webkit-transform: translate3d(0, -120px, 0); transform: translate3d(0, -120px, 0); }*/

body:not(.theme-editor) .t--ty.c-product-list__item:nth-child(3n + 1), body:not(.theme-editor) .t--ty.c-carousel-logo__item:nth-child(3n + 1), body:not(.theme-editor) .t--ty.c-article-carousel__item:nth-child(3n + 1), body:not(.theme-editor) .t--ty.c-product-feature__split-image:nth-child(3n + 1), body:not(.theme-editor) .t--ty.c-product-feature__droplet:nth-child(3n + 1), body:not(.theme-editor) .t--ty.c-product-guarantees__item:nth-child(3n + 1), body:not(.theme-editor) .t--ty.c-article-tile:nth-child(3n + 1) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }

body:not(.theme-editor) .t--ty.c-product-list__item:nth-child(3n), body:not(.theme-editor) .t--ty.c-carousel-logo__item:nth-child(3n), body:not(.theme-editor) .t--ty.c-article-carousel__item:nth-child(3n), body:not(.theme-editor) .t--ty.c-product-feature__split-image:nth-child(3n), body:not(.theme-editor) .t--ty.c-product-feature__droplet:nth-child(3n), body:not(.theme-editor) .t--ty.c-product-guarantees__item:nth-child(3n), body:not(.theme-editor) .t--ty.c-article-tile:nth-child(3n) { -webkit-transition-delay: 0.08s; transition-delay: 0.08s; }

body:not(.theme-editor) html:not(.js-no-script) .u-lazyload.t--ty { -webkit-transition: -webkit-transform 2s cubic-bezier(0.16, 1.08, 0.38, 0.98); transition: -webkit-transform 2s cubic-bezier(0.16, 1.08, 0.38, 0.98); transition: transform 2s cubic-bezier(0.16, 1.08, 0.38, 0.98); transition: transform 2s cubic-bezier(0.16, 1.08, 0.38, 0.98), -webkit-transform 2s cubic-bezier(0.16, 1.08, 0.38, 0.98); will-change: transform; }

.o-toggle { display: inline-block;  overflow: visible;  margin: 0;  padding: 0; border: 0; background: none transparent; color: inherit; vertical-align: middle;  text-align: center;  text-decoration: none; text-transform: none; font: inherit;  line-height: normal; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 1; cursor: pointer; background: transparent; display: inline-block; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 0.875rem; font-weight: 600; text-transform: capitalize; user-select: none; }

.o-toggle:focus, .o-toggle:hover { text-decoration: none; }

@media (min-width: 62.25em) { .o-toggle--light, .is-light .o-toggle { border-color: {{ settings.theme_tertiary_color }}; }
  .o-toggle--light .o-toggle__switch, .is-light .o-toggle .o-toggle__switch { color: {{ settings.theme_tertiary_color }}; } }

.o-toggle__switch { background: transparent;  color: {{ settings.theme_secondary_color }}; display: inline-block; padding: 4px 0.5625rem; }

.o-toggle__switch.is-active { background-color: {{ settings.theme_secondary_color }}; color: {{ settings.theme_tertiary_color }}; z-index: 1;  border-radius: 4px !important; }

.o-toggle--light .o-toggle__switch.is-active, .is-light .o-toggle__switch.is-active {  }

@media (min-width: 62.25em) { .o-toggle--light .o-toggle__switch.is-active, .is-light .o-toggle__switch.is-active { background-color: {{ settings.theme_tertiary_color }}; color: {{ settings.theme_secondary_color }}; } }


.c-404-block { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: calc(100vh - 84px); }

@media (min-width: 62.25em) { .c-404-block { min-height: calc(100vh - 108px); } }

.c-404-block__img-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.c-404-block__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }

.c-404-block__content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 80rem; padding: 9.75rem 1rem 4.125rem; color: {{ settings.theme_tertiary_color }}; }

.c-404-block--dark .c-404-block__content { color: {{ settings.theme_secondary_color }}; }

.c-404-block--text-center .c-404-block__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }

.c-404-block--text-right .c-404-block__content { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right; }

.c-404-block.has-no-background-image .c-404-block__content { color: {{ settings.theme_secondary_color }}; }

@media (min-width: 62.25em) { .c-404-block__content { padding: 10rem 8.75rem 11.875rem; } }

.c-404-block__heading { font-size: 0.875rem; font-weight: 700; line-height: 1.14; letter-spacing: 0.03em; max-width: 16.75rem; }

.c-404-block__subheading { font-size: 1.875rem; font-weight: 700; line-height: 1.07; text-transform: uppercase; margin-top: 1.1875rem; max-width: 15rem; }

@media (min-width: 62.25em) { .c-404-block__subheading { font-size: 2.5rem; line-height: 1; max-width: 25.1875rem; } }

.c-404-block__body { margin-top: 1rem; max-width: 15rem; }

@media (min-width: 62.25em) { .c-404-block__body { max-width: 16.75rem; } }

.c-404-block__cta { margin-top: 1.75rem; }

@media (min-width: 62.25em) { .c-404-block__cta { margin-top: 2.5rem; } }

.c-accordion__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; }

.c-accordion__title { font-size: 1rem; font-weight: 700; margin: 1rem 0; line-height: 1.5; text-transform: none; }

.c-accordion__icon-wrapper { -ms-flex-negative: 0; flex-shrink: 0; }

.c-accordion__icon { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 2.125rem; margin: 0.4375rem; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.c-accordion.is-active .c-accordion__icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.c-accordion__content { display: none; font-size: 0.875rem; line-height: 1.71; letter-spacing: 0.04em; padding: 0.5rem 0 1rem; }

.c-accordion__content p { font-size: 0.875rem; line-height: 1.71; }

.c-accordion.is-active .c-accordion__content { display: block; }

.c-article-block { background-color: {{ settings.theme_quinternary_color }}; padding: 4rem 1rem; grid-column: span 12; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.c-article-block:focus, .c-article-block:hover { background-color: {{ settings.theme_secondary_color }}; color: {{ settings.theme_tertiary_color }}; }

@media (min-width: 62.25em) { .c-article-block { padding: 4rem; } }

@media (min-width: 48em) { .c-article-block--span-third { grid-column: span 4; } }

@media (min-width: 48em) { .c-article-block--span-half { grid-column: span 6; } }

.c-article-block__heading { font-size: 1.375rem; font-weight: 700; line-height: 1.45; text-transform: capitalize; text-transform: none; }

@media (min-width: 62.25em) { .c-article-block__heading { font-size: 1.5rem; font-weight: 700; line-height: 1.33; } }

.c-article-carousel__item { width: 100%; padding-left: 1rem; max-width: 17.25rem; }

@media (min-width: 62.25em) { .c-article-carousel__item { max-width: 25.125rem; padding-left: 0; padding-right: 7rem; } }

@media (max-width: 62.24em) { .c-article-carousel__item:last-child { padding-right: 1rem; } }

@media (min-width: 62.25em) { .c-article-carousel__item:last-child { max-width: 18.125rem; padding-right: 0; } }

@media (min-width: 62.25em) { .c-article-carousel--events .c-article-carousel__item { padding-left: 0.75rem; max-width: 18.875rem; padding-right: 0; } }

.c-article-carousel::after { content: "flickity"; display: none; }

.c-article-carousel.is-disabled { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (min-width: 62.25em) { .c-article-carousel.is-disabled::after { content: ""; } }

.c-article-carousel .flickity-button { background-color: transparent; color: {{ settings.theme_secondary_color }}; }

@media (max-width: 79.99em) { .c-article-carousel .flickity-button { display: none; } }

.c-article-carousel .flickity-button:focus { -webkit-box-shadow: none; box-shadow: none; }

.c-article-carousel--events .flickity-button { display: none; }

.c-article-carousel .flickity-prev-next-button { top: 40%; }

@media (min-width: 62.25em) { .c-article-carousel .flickity-prev-next-button { top: 8rem; } }

.c-article-carousel .previous { left: -3.25rem; }

.c-article-carousel .next { right: -3.25rem; }

.c-article-carousel .flickity-button-icon { width: 50%; height: 50%; }

.c-article-tile { overflow-wrap: break-word; }

.c-article-tile__image { width: 100%; aspect-ratio: 2 / 1; -o-object-fit: cover; object-fit: cover;display:block;}

.c-article-tile__image-link { height: 100%; line-height: 0; display: block; }

.c-article-tile__subheader { margin-top: 0.8125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-article-tile__body { margin-top: 1.5rem; }

@media (min-width: 62.25em) { .c-article-tile__body { margin-top: 2rem; } }

.c-article-tile__cta-wrapper a { 
  vertical-align: middle;
    background: unset;
    color: #2F2F2F;
    font-size: 14px;
    line-height: 21px;
    padding: 0;
    display: flex;
    align-items: flex-end;
    font-weight: 500;}
.c-article-tile__cta-wrapper a span,
.c-article-tile__cta-wrapper a circle,
.c-article-tile__cta-wrapper a:hover svg g{transition:all 0.3s;}
.c-article-tile__cta-wrapper a svg{ transition:all 0.3s;  margin-left: 10px;}
.c-article-tile__cta-wrapper a:hover span{
    color: #FF7A3D;
    text-decoration: underline;
}
.c-article-tile__cta-wrapper a:hover svg circle{
    fill:#FF7A3D;
}
.c-article-tile__cta-wrapper a:hover svg g{
    opacity:1;
}
.c-article-tile__expand-button { display: inline-block;  overflow: visible;  margin: 0;  padding: 0; border: 0; background: none transparent; color: inherit; vertical-align: middle;  text-align: center;  text-decoration: none; text-transform: none; font: inherit;  line-height: normal; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.375rem; font-size: 0.6875rem; font-weight: 700; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; }

.c-article-tile__expand-button:focus, .c-article-tile__expand-button:hover { text-decoration: none; }

.c-article-tile__expand-button:hover { color: {{ settings.theme_primary_color }}; }

.c-article-tile__expand-button:hover .o-icon { stroke: {{ settings.theme_primary_color }}; }

.c-article-tile__expand-icon { margin-left: 0.3125rem; line-height: 0; }

.c-article-tile__expand-icon .o-icon { stroke: {{ settings.theme_secondary_color }}; }

.c-article-tile__subheading {   
  font-size: 14px;
  line-height: 15px;
  color: #666666;
  text-transform: capitalize;
  border-right: 1px solid #666666;
  padding-right: 10px;
  margin-right: 10px;
  }

.c-article-tile__heading { font-size: 1.375rem; font-weight: 500; line-height: 1.3; text-transform: capitalize; font-size: 1.5rem; text-transform: none; word-break: break-word; }

@media (min-width: 62.25em) { .c-article-tile__heading { 
  font-size: 18px;
    font-weight: 500;
    color: #050505;
    margin: 20px 0 40px 0; } 
}

.c-article-tile__date {   
  font-size: 14px;
  line-height: 15px;
  color: #666666; }

.c-article-tile__text-content { margin-top: 1rem; font-size: 0.875rem; line-height: 1.77; letter-spacing: 0.4px; }

@media (min-width: 62.25em) { .c-article-tile__text-content { margin-top: 1.375rem; } }

.c-article-tile--event { max-width: none; padding-top: 2rem; }

.c-article-tile--event:first-child { padding-top: 4rem; }

.c-article-tile--event .c-article-tile__body { margin-top: 2rem; }

.c-article-tile--event .c-article-tile__image { max-height: 9rem; }

@media (min-width: 40em) { .c-article-tile--event .c-article-tile__image { max-height: 13rem; } }

.c-article-tile--event .c-article-tile__subheader { margin-top: 0.5rem; }

.c-article-tile--event.c-article-tile--mini { padding-top: 0; }

@media (min-width: 40em) { .c-article-tile--event.c-article-tile--flex .c-article-tile__subheader { margin-top: 0.5rem; } }

@media (min-width: 40em) { .c-article-tile--flex { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.c-article-tile--flex .c-article-tile__image-wrapper { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

@media (min-width: 40em) { .c-article-tile--flex .c-article-tile__image-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 24.5rem; flex: 0 0 24.5rem; margin-right: 2.5rem; } }

.c-community-articles--ambassadors .c-article-tile { color: {{ settings.theme_tertiary_color }}; }

.c-article { margin-bottom: 4rem; }

.c-article__subheader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-article__heading { margin-top: 0.5rem; overflow-wrap: break-word; }

.c-article__subheading { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1.14; text-transform: uppercase; line-height: 1.4; text-transform: uppercase; }

.c-article__date { margin-left: auto; font-size: 0.6875rem; font-weight: 400; letter-spacing: 0.45px; line-height: 1.45; }

.c-article__content-wrapper { max-width: 37.125rem; margin: 0 auto; }

.c-article__product-tile-wrapper { margin: 2rem auto 0; max-width: 18.1875rem; min-height: 43.75rem; }

@media (min-width: 62.25em) { .c-article__product-tile-wrapper { margin: 2rem 0 0; } }

.c-article__product-heading { text-align: center; margin-top: 4rem; }

@media (min-width: 62.25em) { .c-article__product-heading { text-align: left; } }

.c-article__side-bar { margin-bottom: 4rem; margin-left: -1rem; margin-right: -1rem; }

@media (min-width: 40em) { .c-article__side-bar { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 18.1875rem; margin-left: 0; margin-right: 4rem; } }

@media (min-width: 62.25em) { .c-article__side-bar { margin-right: 7.0625rem; } }

@media (min-width: 40em) { .c-article--ambassador { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }


.c-atc-bar { min-height: 170px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background: transparent; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

@media (min-width: 62.25em) { .c-atc-bar { min-height: unset; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.c-atc-bar__breadcrumb { display: none; }

@media (min-width: 62.25em) { .c-atc-bar__breadcrumb { display: none; } }

.is-stuck .c-atc-bar__breadcrumb { display: block; }

@media (min-width: 62.25em) { .is-stuck .c-atc-bar__breadcrumb { display: none; } }

.c-atc-bar__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0.75rem; padding-bottom: 0.6875rem; background: {{ settings.theme_quinternary_color }}; }

@media (min-width: 62.25em) { .c-atc-bar__wrapper { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 62.25em) { .c-atc-bar__wrapper { max-width: none; } }

.c-atc-bar--bundle .c-atc-bar__wrapper { background: {{ settings.theme_tertiary_color }}; }

@media (min-width: 62.25em) { .c-atc-bar__wrapper { background: {{ settings.theme_tertiary_color }}; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-top: 0.5625rem; padding-bottom: 0.5rem; } }

.c-atc-bar__links { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

@media (min-width: 62.25em) { .c-atc-bar__links { -webkit-box-flex: 1; -ms-flex: 1 0 14.75rem; flex: 1 0 14.75rem; -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; } }

.c-atc-bar__link { margin: 0.25rem 0; line-height: normal; }

.c-atc-bar__cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.8125rem 0 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.c-atc-bar__cta-wrapper--sticky-mobile { display: none; padding: 0.5rem 0 0; }

@media (max-width: 62.24em) { .is-stuck .c-atc-bar__cta-wrapper { display: none; }
  .is-stuck .c-atc-bar__cta-wrapper--sticky-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media (min-width: 62.25em) { .c-atc-bar__cta-wrapper { -webkit-box-flex: 0; -ms-flex: 0 1 18.125rem; flex: 0 1 18.125rem; padding: 0 0 0 0.5rem; } }

@media (max-width: 62.24em) { .c-atc-bar__price {  -ms-flex-item-align: start; align-self: flex-start; line-height: 1.6; font-size: 1.3rem; }
  .is-stuck .c-atc-bar__price { display: inline-block; } }

@media (min-width: 62.25em) { .c-atc-bar__price { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 2.4375rem; margin-top: 0.3125rem;     font-size: 20px; margin-left: auto; } }

.c-atc-bar__compare-price { margin-left: 0.3125rem; text-decoration: line-through; opacity: 0.6; }

.c-atc-bar__mobile-price { font-size: 0.875rem; }

.c-atc-bar__vs-wrapper { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; padding-right: 0.9375rem; }

@media (min-width: 80em) { .c-atc-bar__vs-wrapper { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } }

@media (min-width: 80em) { .c-atc-bar--bundle .c-atc-bar__vs-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } }

.c-atc-bar.is-stuck .c-atc-bar__links { display: none; }

.availability--out-of-stock .availability__label--in-stock { display: none; }

.availability--in-stock .availability__label--out-of-stock { display: none; }

.c-badge { display: block; border-radius: 50%; border: 1px solid {{ settings.theme_tertiary_color }}; width: 1.9375rem; height: 1.9375rem; -webkit-transition: border 0.3s; transition: border 0.3s; }

.c-badge:hover { border: 1px solid {{ settings.theme_primary_color }}; }

.c-badge:hover svg { fill: {{ settings.theme_primary_color }}; }

.c-blog { margin-top: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; }

@media (min-width: 62.25em) { .c-blog { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

.c-blog__title { font-size: 1.375rem; font-weight: 700; line-height: 1.45; text-transform: capitalize; text-align: center; }

@media (min-width: 62.25em) { .c-blog__title { font-size: 1.5rem; font-weight: 700; line-height: 1.33; } }

.c-blog__controls { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 2rem; }

@media (min-width: 62.25em) { .c-blog__controls { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.c-blog__dropdown-label { padding-top: 0.5rem; line-height: 1.7; margin-right: 0.75rem; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

@media (min-width: 62.25em) { .c-blog__dropdown-label { padding-top: 0; } }

.c-blog__dropdowns { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

@media (min-width: 40em) { .c-blog__dropdowns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.c-blog__dropdown-wrapper { max-width: 100%;width:100%; }

@media (max-width: 39.99em) { .c-blog__dropdown-wrapper:not(:first-child) { margin-top: 1rem; } }

.c-blog__empty-message { text-align: center; margin-top: 2rem; }

@media (min-width: 62.25em) { .c-blog--event { max-width: 67.375rem; } }

.c-blog--press { max-width: 80rem; }

.c-bundle-info-blocks { padding: 4rem 0 3rem; background-color: {{ settings.theme_secondary_color }}; color: {{ settings.theme_tertiary_color }}; }

@media (min-width: 62.25em) { .c-bundle-info-blocks__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; } }

@media (min-width: 62.25em) and (min-width: 62.25em) { .c-bundle-info-blocks__wrapper { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

.c-bundle-info-blocks__heading { font-size: 1.375rem; font-weight: 700; line-height: 1.45; text-transform: capitalize; text-align: center; }

@media (min-width: 62.25em) { .c-bundle-info-blocks__heading { font-size: 1.5rem; font-weight: 700; line-height: 1.33; } }

.c-bundle-info-blocks__list { list-style: none; margin-top: 2rem; }

@media (min-width: 48em) { .c-bundle-info-blocks__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 2.5rem -0.375rem 0; } }

.c-bundle-info-blocks__item { margin: 1rem auto 0; max-width: 24.5rem; }

@media (min-width: 48em) { .c-bundle-info-blocks__item { margin: 12px 0 0; width: 50%; padding: 0 0.375rem; max-width: 25.25rem; } }

@media (min-width: 62.25em) { .c-bundle-info-blocks__item { width: 33.33%; } }

@media (max-width: 47.99em) { .c-bundle-info-blocks__item:first-child { margin-top: 0; } }

.c-bundle-tile { display: -webkit-box; display: -ms-flexbox; display: flex; }

.c-bundle-tile__inner { position: relative; overflow: hidden; padding: 2.6875rem 0.75rem 1rem; background-color: {{ settings.theme_quinternary_color }}; border: 0.0625rem solid {{ settings.theme_quinternary_color }}; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.c-bundle-tile:hover .c-bundle-tile__inner, .c-bundle-tile.is-selected .c-bundle-tile__inner, .c-bundle-tile:focus-within .c-bundle-tile__inner { background-color: {{ settings.theme_tertiary_color }}; padding-top: 1.5625rem; -webkit-box-shadow: 0 1rem 0.9375rem -0.9375rem rgba(0, 0, 0, 0.1); box-shadow: 0 1rem 0.9375rem -0.9375rem rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-16px); transform: translateY(-16px); }

.c-bundle-tile__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.c-bundle-tile__header { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1.14; text-transform: uppercase; margin-top: 2rem; }

.c-bundle-tile__description { margin-top: 1rem; font-size: 0.6875rem; font-weight: 400; letter-spacing: 0.45px; line-height: 1.45; }

.c-bundle-tile__description * { font-size: 0.6875rem; font-weight: 400; letter-spacing: 0.45px; line-height: 1.45; }

.c-bundle-tile__image-wrapper { position: relative; padding: 0 1.125rem; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

.c-bundle-tile:hover .c-bundle-tile__image-wrapper, .c-bundle-tile.is-selected .c-bundle-tile__image-wrapper, .c-bundle-tile:focus-within .c-bundle-tile__image-wrapper { -webkit-transform: translateY(-0.6875rem); transform: translateY(-0.6875rem); margin-bottom: 1.4375rem; }

.c-bundle-tile:hover .c-bundle-tile__image-wrapper::after, .c-bundle-tile.is-selected .c-bundle-tile__image-wrapper::after, .c-bundle-tile:focus-within .c-bundle-tile__image-wrapper::after { -webkit-box-shadow: 0 5.5rem 1.0625rem 0 black; box-shadow: 0 5.5rem 1.0625rem 0 black; }

.c-bundle-tile__image-wrapper::after { content: " "; position: absolute; right: 0; left: 0; bottom: 5.5rem; margin-left: auto; margin-right: auto; width: 60%; height: 0.125rem; border-radius: 50%; background: transparent; -webkit-transition: -webkit-box-shadow 0.2s ease-in-out; transition: -webkit-box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; -webkit-box-shadow: 0 6.125rem 0.9375rem 0 #888888; box-shadow: 0 6.125rem 0.9375rem 0 #888888; }

.c-bundle-tile__variant-image { -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }

.c-bundle-tile:hover .c-bundle-tile__variant-image, .c-bundle-tile.is-selected .c-bundle-tile__variant-image, .c-bundle-tile:focus-within .c-bundle-tile__variant-image { -webkit-transform: rotate(10deg); transform: rotate(10deg); }

.c-bundle-tile__ctas { margin-top: 2rem; }

.c-bundler__title { text-align: center; }

.c-bundler__customizer { background: {{ settings.theme_quinternary_color }}; margin-top: 2rem; min-height: 4rem; padding: 0.5rem 1.875rem; }

@media (min-width: 40em) { .c-bundler__customizer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

@media (min-width: 62.25em) { .c-bundler__customizer { padding: 0.25rem 1.875rem 0.25rem 2.75rem; } }

.c-bundler__stage { font-weight: 700; text-align: center; margin-top: 0.5rem; }

@media (max-width: 39.99em) { .c-bundler__stage { text-align: center; } }

.c-bundler__interactables { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

@media (max-width: 39.99em) { .c-bundler__interactables { margin-top: 0.75rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.c-bundler__bundle-product { margin-right: auto; }

.c-bundler__option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid {{ settings.theme_quaternary_color }}; height: 3.5rem; width: 3.5rem; margin-left: 0.5rem; cursor: pointer; -webkit-transition: border 500ms ease-in-out; transition: border 500ms ease-in-out; }

.c-bundler__option.is-active { border-color: {{ settings.theme_primary_color }}; }

@media (hover: hover) { .c-bundler__option:hover { border-color: {{ settings.theme_primary_color }}; } }

@media (max-width: 39.99em) { .c-bundler__atc { margin-top: 1rem; width: 100%; text-align: center; } }

@media (min-width: 40em) { .c-bundler__atc { margin-left: 0.75rem; } }

.c-bundler__carousel { margin-top: 1rem; padding: 0 1.3125rem; }

@media (min-width: 62.25em) { .c-bundler__carousel { padding: 0 4.0625rem; } }

.c-bundler__subtitle { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; text-align: center; text-transform: initial; }

.c-bundler__slides { margin: 1.5rem -1.3125rem 0; }

@media (min-width: 62.25em) { .c-bundler__slides { margin: 1.5rem 0 0 0; } }

.c-bundler__slide { width: 100%; max-width: 14.125rem; padding: 1rem 0.375rem; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100%; }

@media (min-width: 62.25em) { .c-bundler__slide { padding: 0 0.75rem 0 0; } }

.c-bundler__slide:first-child { max-width: 14.75rem; padding-left: 1rem; }

@media (min-width: 62.25em) { .c-bundler__slide:first-child { padding-left: 0; max-width: 14.125rem; } }

.c-bundler__slide:last-child { max-width: 14.75rem; padding-right: 1rem; }

@media (min-width: 62.25em) { .c-bundler__slide:last-child { padding-right: 0; max-width: 13.375rem; } }

.c-bundler__ctas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 2rem; }

.c-bundler__cta { margin: 0 0.5rem; }

.c-bundler .flickity-button { background-color: transparent; color: {{ settings.theme_secondary_color }}; top: 50% !important; }

@media (max-width: 62.24em) { .c-bundler .flickity-button { display: none; } }

.c-bundler .flickity-button:focus { -webkit-box-shadow: none; box-shadow: none; }

@media (min-width: 62.25em) { .c-bundler .flickity-prev-next-button { top: 6.875rem; } }

.c-bundler .previous { left: -2.5rem; }

.c-bundler .next { right: -2.875rem; }

.c-bundler .flickity-button-icon { width: 50%; height: 50%; }

.c-callout { position: relative; }

.c-callout__content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 1rem; width: 100%; }

.c-callout--light .c-callout__content { color: #ffffff; }

.c-callout__content--center { text-align: center; }

.c-callout__content--right { text-align: right; }

@media (min-width: 62.25em) { .c-callout__content { left: 50%; max-width: 62.5rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.c-callout__cta { margin-top: 2.5rem; }

.c-callout__background { width: 100%; }

.c-callout__image { width: 100%; }

@media (max-width: 62.24em) { .c-callout__image { height: 100%; min-height: 20vh; -o-object-fit: cover; object-fit: cover; } }

.c-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; background: {{ settings.theme_quinternary_color }}; padding: 2rem; }

.c-card--landscape { color: {{ settings.theme_tertiary_color }}; background: {{ settings.theme_secondary_color }}; padding-bottom: 1rem; }

@media (min-width: 62.25em) { .c-card--landscape { grid-area: landscape; } }

.c-card__title { font-size: 1.125rem; font-weight: 600; line-height: 1.33; text-transform: uppercase; }

.c-card__title--emphasized { font-weight: 700; }

.c-card__icon { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; stroke: {{ settings.theme_secondary_color }}; width: 2.5rem; height: 2.5rem; }

.c-card__content { margin-top: 1rem; }

.c-card__info { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; color: inherit; max-width: 16.75rem; width: 100%; margin: auto; }

.c-card__info--emphasized { font-weight: 700; margin-top: 1rem; }

.c-card__cta { margin-top: 1rem; }

.c-carousel-logo { margin-top: 2rem; }

.c-carousel-logo__item { height: 5rem; width: auto; }

@media (min-width: 48em) { .c-carousel-logo__item { height: 9rem; } }

.c-carousel-logo__image { max-width: 100%; max-height: 100%; }

.c-carousel-logo .placeholder-svg { fill: #999999; background-color: {{ settings.theme_quinternary_color }}; width: 100%; height: 100%; max-width: 100%; max-height: 100%; display: block; padding: 30px 0; }

.c-carousel-logo .flickity-slider { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: height 0.2s ease; transition: height 0.2s ease; }

.c-cart-flyout { z-index: 4; position: fixed; -webkit-transform: translateX(100%); transform: translateX(100%); top: 5.5rem; bottom: 0; width: 100%; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); }

@media (min-width: 40em) { .c-cart-flyout { top: 0; } }

.c-cart-flyout.is-active { -webkit-transform: translateX(0); transform: translateX(0); }

.c-cart-flyout.is-active .c-cart-flyout__overlay { visibility: visible; opacity: 1; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

.c-cart-flyout__container { z-index: 1; position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-height: 100%; background: {{ settings.theme_quinternary_color }}; overflow-y: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }

@media screen and (min-height: 50rem) { .c-cart-flyout__container { max-height: 50rem; } }

@media (min-width: 40em) { .c-cart-flyout__container { left: unset; top: unset; bottom: unset; max-width: 23.1875rem; } }

.c-cart-flyout__overlay { z-index: 0; position: absolute; top: 0; bottom: 0; visibility: hidden; width: 100vw; opacity: 0; background: rgba(0, 0, 0, 0.3); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; cursor: pointer; }

.c-cart-flyout__header { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0.5rem 2rem; min-height: 7rem; }

.c-cart-flyout__subheader { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 0.75rem; line-height: 1.5; text-align: center; }

.c-cart-flyout__title { text-align: center; width: 100%; font-weight: 700; -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; }

.c-cart-flyout__close { display: inline-block;  overflow: visible;  margin: 0;  padding: 0; border: 0; background: none transparent; color: inherit; vertical-align: middle;  text-align: center;  text-decoration: none; text-transform: none; font: inherit;  line-height: normal; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 2.75rem; -webkit-box-flex: 0; -ms-flex: 0 0 2.75rem; flex: 0 0 2.75rem; }

.c-cart-flyout__close:focus, .c-cart-flyout__close:hover { text-decoration: none; }

.c-cart-flyout__flex-spacer { -webkit-box-flex: 0; -ms-flex: 0 0 2.75rem; flex: 0 0 2.75rem; }

.c-cart-flyout__empty { height: 12.5rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-cart-flyout__item-list { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow-y: auto; margin: 0 auto; padding: 0 0 1.25rem; min-height: 9rem; }

@media (min-width: 40em) { .c-cart-flyout__item-list { padding: 0 1.4375rem 1.25rem 1.875rem; } }

.c-cart-flyout__footer { background: {{ settings.theme_tertiary_color }}; width: 100%; padding: 1rem 2.6875rem 1rem 2.5rem; }

.c-cart-flyout__line-total { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-cart-flyout__line-total:not(:first-child) { margin-top: 0.375rem; }

.c-cart-flyout__subtotal { font-size: 1.125rem; letter-spacing: normal; }

.c-cart-flyout__cta-wrapper { margin-top: 1rem; }

.c-collection-callout { display: none; }

@media (min-width: 62.25em) { .c-collection-callout { display: block; text-align: center; max-width: 37.1875rem; margin: 4.0625rem auto 0; } }

.c-collection-callout__body { margin-top: 2rem; }

.c-collection-callout__cta { margin-top: 2rem; }

.c-collection { margin-bottom: 4rem; }

.c-community-articles { margin-top: 4rem; }

.c-community-articles--stories { padding-bottom: 2rem; }

.c-community-articles--ambassadors { background: {{ settings.theme_secondary_color }}; color: {{ settings.theme_tertiary_color }}; padding: 4rem 0; }

.c-community-articles--events { padding-bottom: 4rem; }

.c-community-articles__heading { font-size: 1.875rem; font-weight: 700; line-height: 1.07; text-transform: uppercase; text-align: center; }

@media (min-width: 62.25em) { .c-community-articles__heading { font-size: 2.5rem; font-weight: 700; line-height: 1; } }

.c-community-articles__body { text-align: center; margin: 2rem auto 0; max-width: 37.125rem; }

.c-community-articles__articles-wrapper { display: grid; margin: 2rem auto 0; max-width: 68.375rem; padding-bottom: 2rem; grid-template-columns: 1fr; grid-row-gap: 2rem; justify-items: center; }

@media (min-width: 62.25em) { .c-community-articles__articles-wrapper { margin-top: 4rem; grid-template-columns: repeat(3, 1fr); grid-column-gap: 7.0625rem; padding-bottom: 0; } }

.c-community-articles__carousel-wrapper { margin: 2rem -1rem 0; }

@media (min-width: 62.25em) { .c-community-articles__carousel-wrapper { margin: 4rem auto 0; } }

.c-community-articles--stories .c-community-articles__carousel-wrapper { max-width: 68.375rem; }

@media (min-width: 62.25em) { .c-community-articles--events .c-community-articles__carousel-wrapper { margin: 4rem 0 0 -0.75rem; } }

.c-community-articles__cta { text-align: center; margin-top: 2rem; min-width: 10.625rem; }

@media (min-width: 62.25em) { .c-community-articles__cta { margin-top: 4rem; } }

.c-comparison-page { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; padding-bottom: 4rem; margin-top: 88px; }

@media (min-width: 62.25em) { .c-comparison-page { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 48em) { .c-comparison-page { margin-top: 108px; } }

.c-comparison-page__heading { text-align: center; max-width: 25rem; margin: 1.5rem auto 0; }

.c-comparison-page__sub-heading { margin-top: 2rem; text-align: center; }

.c-comparison-page__return-link { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; margin-top: 1rem; }

@media (min-width: 62.25em) { .c-comparison-page__return-link { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

.c-comparison-page__grid-wrapper { margin-top: 2rem; }

.c-comparison-page__tiles { display: grid; grid-template-columns: repeat(3, 1fr); }

@media (min-width: 62.25em) { .c-comparison-page__tiles { grid-template-columns: repeat(6, 1fr); } }

.c-comparison-page__page-wrapper { margin: 0 auto; max-width: 37.125rem; }

.c-comparison-page__dropdowns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: {{ settings.theme_tertiary_color }}; padding: 2rem 1rem 0; -webkit-transition: padding 0.3s ease-in-out; transition: padding 0.3s ease-in-out; }

.c-comparison-page__dropdowns.is-stuck { padding-top: 1rem; padding-bottom: 1rem; }

.c-comparison-page__select-wrapper { -webkit-box-flex: 0; -ms-flex: 0 1 18.1875rem; flex: 0 1 18.1875rem; max-width: 18.1875rem; min-width: 0; }

.c-comparison-page__select-wrapper:first-child { margin-right: 0.5rem; }

.c-comparison-page__cta-wrapper { margin-top: 2rem; text-align: center; }

@media (min-width: 62.25em) { .c-comparison-page__cta-wrapper { margin-top: 4rem; } }

.c-competitors__heading { text-transform: none; }

.c-competitors__emphasized { color: {{ settings.theme_primary_color }}; }

.c-competitors__link { margin-top: 1.5rem; }

.c-contact-us { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; padding: 4rem 0 4rem; }

@media (min-width: 62.25em) { .c-contact-us { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 62.25em) { .c-contact-us { padding: 4rem 0 5.5rem; } }

.c-contact-us__title { text-align: center; }

.c-contact-us__content { margin-top: 3.5rem; }

@media (min-width: 62.25em) { .c-contact-us__content { margin-top: 2rem; } }

.c-contact-us__inner { max-width: 37.125rem; width: 100%; margin: auto; }

.c-contact-us__cards { display: grid; grid-template-columns: 1fr; -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; row-gap: 8px; }

@media (min-width: 62.25em) { .c-contact-us__cards { grid-template-columns: 1fr 1fr; grid-template-areas: "landscape landscape" ". ."; } }

.c-content { margin-bottom: 4rem; padding-top: 3rem; }

.c-content--support { margin-bottom: 0; }

.c-content__heading { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; margin-top: 4rem; max-width: 42.125rem; }

@media (min-width: 62.25em) { .c-content__heading { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 62.25em) { .c-content__heading { max-width: 42.125rem; } }

.c-country-selector { position: relative; display: inline-block; font-size: 0.875rem; }

.c-country-selector--preheader-bar { margin-left: 0.75rem; }

.c-country-selector--secondary { display: block; margin: 0.5rem 0 0; }

.c-country-selector__button { display: inline-block;  overflow: visible;  margin: 0;  padding: 0; border: 0; background: none transparent; color: inherit; vertical-align: middle;  text-align: center;  text-decoration: none; text-transform: none; font: inherit;  line-height: normal; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; height: 2.5rem; padding-left: 1.125rem; line-height: 2.5rem; }

.c-country-selector__button:focus, .c-country-selector__button:hover { text-decoration: none; }

.c-country-selector--secondary .c-country-selector__button { margin-left: 1rem; padding-left: 0; background-color: transparent; }

.c-country-selector__list { position: absolute; z-index: 1; right: 0; display: none; overflow: hidden; padding-bottom: 0.75rem; border-radius: 0 0 1.25rem 1.25rem; background-color: {{ settings.theme_tertiary_color }}; -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.2); color: #000000; list-style: none; line-height: 1; letter-spacing: 0.04em; }

@media (min-width: 62.25em) { .c-country-selector__list { display: block; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top center; transform-origin: top center; } }

.c-country-selector.is-active .c-country-selector__list { display: block; }

@media (min-width: 62.25em) { .c-country-selector.is-active .c-country-selector__list { -webkit-transform: scaleY(1); transform: scaleY(1); } }

.c-country-selector--secondary .c-country-selector__list { position: static; right: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.625rem 0.5rem 0.5rem; border-radius: 0; background-color: {{ settings.theme_quinternary_color }}; -webkit-box-shadow: none; box-shadow: none; }

.c-country-selector--secondary.is-active .c-country-selector__list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.c-country-selector__item { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.c-country-selector--secondary .c-country-selector__item { width: 100%; max-width: 4.6875rem; }

.c-country-selector__item:nth-child(1) { -webkit-transition: opacity 0.2s 0.05s; transition: opacity 0.2s 0.05s; }

.c-country-selector__item:nth-child(2) { -webkit-transition: opacity 0.2s 0.1s; transition: opacity 0.2s 0.1s; }

.c-country-selector__item:nth-child(3) { -webkit-transition: opacity 0.2s 0.15s; transition: opacity 0.2s 0.15s; }

.c-country-selector__item:nth-child(4) { -webkit-transition: opacity 0.2s 0.2s; transition: opacity 0.2s 0.2s; }

.c-country-selector__item:nth-child(5) { -webkit-transition: opacity 0.2s 0.25s; transition: opacity 0.2s 0.25s; }

.c-country-selector__item:nth-child(6) { -webkit-transition: opacity 0.2s 0.3s; transition: opacity 0.2s 0.3s; }

.c-country-selector__item:nth-child(7) { -webkit-transition: opacity 0.2s 0.35s; transition: opacity 0.2s 0.35s; }

@media (min-width: 62.25em) { .c-country-selector__item { opacity: 0; } }

@media (min-width: 62.25em) { .c-country-selector.is-active .c-country-selector__item { opacity: 1; } }

.c-country-selector__link { display: block; padding: 0.375rem 1rem 0.375rem 1.125rem; white-space: nowrap; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }

.c-country-selector--secondary .c-country-selector__link { padding: 0.5rem; }

.c-country-selector__link:focus, .c-country-selector__link:hover { background-color: {{ settings.theme_quinternary_color }}; }

.c-country-selector__flag { vertical-align: middle; border: 1px solid #eaeaea; border-radius: 50%; }

.c-country-selector__label { vertical-align: middle; }

.c-customer-account { margin-top: 88px; }

@media (min-width: 48em) { .c-customer-account { margin-top: 108px; } }

.c-customer-account__subtitle { font-size: 1.875rem; font-weight: 700; line-height: 1.07; text-transform: uppercase; text-align: center; max-width: 37.125rem; margin: auto; }

@media (min-width: 62.25em) { .c-customer-account__subtitle { font-size: 2.5rem; font-weight: 700; line-height: 1; } }

.c-customer-account__dashboard { position: relative; padding-top: 2rem; padding-bottom: 4rem; margin: auto; }

@media (min-width: 62.25em) { .c-customer-account__dashboard { padding-top: 4rem; } }

.c-customer-account__inner { padding: 4rem 0; }

.c-customer-account__grid { display: grid; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-template-columns: 1fr; gap: 2rem 0.75rem; max-width: 51.75rem; margin: auto; padding-left: 1rem; padding-right: 1rem; justify-items: center; }

@media (min-width: 40em) { .c-customer-account__grid { grid-template-columns: 1fr 1fr; gap: 1rem 0.75rem; } }

.c-customer-account__action { margin-top: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.c-customer-account__action--multiple { display: grid; -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; grid-row-gap: 16px; grid-template-columns: repeat(auto-fill, 9.375rem); }

.c-customer-account__section--communications { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; }

@media (min-width: 62.25em) { .c-customer-account__section--communications { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

.c-customer-account__logout { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; }

@media (min-width: 62.25em) { .c-customer-account__logout { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

.c-customer-address { background: {{ settings.theme_quinternary_color }}; -webkit-transition: background-color 0.1s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, transform 0.15s ease-in-out, box-shadow 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, transform 0.15s ease-in-out, box-shadow 0.1s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.1s ease-in-out; min-height: 14.5rem; max-width: 24.5rem; width: 100%; padding: 2rem 1.5rem 1.5rem; }

.c-customer-address:hover { background: {{ settings.theme_tertiary_color }}; -webkit-box-shadow: 0 0.625rem 0.75rem 0 {{ settings.theme_quinternary_color }}; box-shadow: 0 0.625rem 0.75rem 0 {{ settings.theme_quinternary_color }}; -webkit-transform: translateY(-0.625rem); transform: translateY(-0.625rem); }

.c-customer-address__content { max-width: 12.875rem; margin: auto; }

.c-customer-address__info { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; margin-top: 0.5rem; }

.c-customer-address__info p { font: inherit; }

.c-customer-address__actions { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1rem; }

.c-customer-address__action { width: 100%; max-width: 6.25rem; }

.c-customer-address__action:not(:last-child) { margin-right: 0.5rem; }

.c-customer-address__default { text-decoration: underline; }

.c-customer-comm { max-width: 37.125rem; width: 100%; margin: auto; }

.c-customer-comm__info-text { position: relative; }

.c-customer-comm__info-title { font-size: 0.6875rem; font-weight: 400; letter-spacing: 0.45px; line-height: 1.45; text-transform: capitalize; color: {{ settings.theme_quaternary_color }}; position: absolute; top: -1.0625rem; }

.c-customer-comm__comms { margin-top: 2.0625rem; }

.c-customer-comm__option:not(:first-of-type) { margin-top: 1rem; }

.c-customer-comm__opt-out { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 2rem; }

.c-customer-comm__label { font-size: 0.6875rem; font-weight: 400; letter-spacing: 0.45px; line-height: 1.45; }

.c-customer-comm__title { font: inherit; font-weight: 700; text-transform: capitalize; }

.c-customer-comm__description { font: inherit; }

.c-customer-comm__wrapper { margin: auto; width: 100%; max-width: 25rem; }

.c-customer-login { height: 100%; margin-top: 5.5rem; }

@media (min-width: 62.25em) { .c-customer-login { margin-top: 6.75rem; } }

.c-customer-login__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; background: {{ settings.theme_quinternary_color }}; font-size: 0.875rem; }

@media (min-width: 62.25em) { .c-customer-login__tabs { display: none; } }

.c-customer-login__tab { cursor: pointer; -ms-flex-preferred-size: 50%; flex-basis: 50%; text-align: center; padding: 0.5625rem; opacity: 0.5; }

.c-customer-login__tab.is-active { opacity: 1; }

.c-customer-login__wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1rem; }

@media (min-width: 40em) { .c-customer-login__wrapper { min-height: 34.375rem; } }

@media (min-width: 62.25em) { .c-customer-login__wrapper { padding: 3.9375rem 1rem; min-height: 40.25rem; } }

.c-customer-login__visuals { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.c-customer-login__visuals::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000000; opacity: 0.2; }

.c-customer-login__background { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }

.c-customer-login__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.c-customer-login__inner { padding: 2rem 1rem 0; }

@media (min-width: 62.25em) { .c-customer-login__inner { padding: 2rem 3.125rem 0; } }

.c-customer-login__content-footer { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; background: {{ settings.theme_quinternary_color }}; margin-top: 2rem; padding: 0.5rem 0; }

.c-customer-login__title { font-size: 1.375rem; font-weight: 700; line-height: 1.45; text-transform: capitalize; }

@media (min-width: 62.25em) { .c-customer-login__title { font-size: 1.5rem; font-weight: 700; line-height: 1.33; } }

.c-dropdown { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1); transition: -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1); }

@media (min-width: 62.25em) { .c-dropdown { display: none; -webkit-transform: none; transform: none; } }

.c-dropdown.active { -webkit-transform: translateX(0); transform: translateX(0); }

@media (min-width: 62.25em) { .c-dropdown.active { display: grid; grid-template-rows: 1fr 1fr; grid-template-columns: repeat(4, 1fr); grid-template-areas: "Wireless Wireless Wired Compare" "Wireless Wireless Wired Accessories"; grid-gap: 1rem; } }

.c-dropdown__title { display: block; padding: 1rem 1.125rem; border-top: 1px solid {{ settings.theme_quinternary_color }}; }

@media (min-width: 62.25em) { .c-dropdown__title { padding: 0; border: none; } }

.c-dropdown__toggle { display: block; }

@media (min-width: 62.25em) { .c-dropdown__toggle { display: none; } }

.c-dropdown__block { background: {{ settings.theme_tertiary_color }}; }

@media (min-width: 62.25em) { .c-dropdown__block { padding: 2%; background: {{ settings.theme_quinternary_color }}; } }

.c-dropdown__block--category1 { grid-area: Wireless; }

.c-dropdown__block--category2 { grid-area: Wired; }

.c-dropdown__block--category3 { grid-area: Compare; }

.c-dropdown__block--category4 { grid-area: Accessories; }

.c-dropdown__container { display: none; }

@media (min-width: 62.25em) { .c-dropdown__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } }

.c-dropdown__container.active { display: block; }

.c-faq-callout { max-width: 595px; margin: 4rem auto 0; padding: 4rem 1rem; background-color: {{ settings.theme_quinternary_color }}; text-align: center; }

.c-faq-callout__wrapper { max-width: 290px; margin: 0 auto; }

.c-faq-callout__heading { font-weight: 700; }

.c-faq-callout__body { font-size: 0.875rem; line-height: 1.71; letter-spacing: 0.04em; margin-top: 2rem; }

.c-faq-callout__cta { margin-top: 2rem; }

.c-faq-categories { max-width: 595px; margin: 2rem auto 0; }

.c-faq-categories__anchors { margin-top: 2rem; }

@media (min-width: 40em) { .c-faq-categories__anchors { margin-top: 1.5rem; } }

.c-faq-categories__section { margin-top: 4rem; }

.c-faq-category__heading { font-size: 1.5rem; font-weight: 700; }

.c-faq-category__content { margin-top: 2rem; }

.c-faq-category__block { border-top: 1px solid {{ settings.theme_quinternary_color }}; }

.c-faq-details { max-width: 37.1875rem; margin: 0 auto; }

.c-faq-details__heading { font-weight: 700; text-align: center; }

.c-faq-details__subheading { text-align: center; margin-top: 2rem; }

.c-featured-testimonials { background-color: {{ settings.theme_secondary_color }}; color: {{ settings.theme_tertiary_color }}; }

.c-featured-testimonials__inner { max-width: 59.5rem; margin: 0 auto; padding: 8.125rem 0; background: url("open-quote.svg") no-repeat 1rem 2rem; }

@media (min-width: 40em) { .c-featured-testimonials__inner { background-position: 4.875rem 2rem; } }

.c-featured-testimonials__heading { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); word-wrap: normal !important; }

.c-featured-testimonials__content { padding: 0 2.75rem; }

.c-featured-testimonials .flickity-button { background-color: transparent; color: #ffffff; }

.c-featured-testimonials .flickity-button:focus { -webkit-box-shadow: none; box-shadow: none; }

.c-featured-testimonials .flickity-prev-next-button { top: 40%; }

@media (min-width: 40em) { .c-featured-testimonials .flickity-prev-next-button { top: 55%; } }

.c-featured-testimonials .previous { left: 0; }

.c-featured-testimonials .next { right: 0; }

.c-featured-testimonials .flickity-button-icon { width: 50%; height: 50%; }

.c-featured-video { background-color: {{ settings.theme_secondary_color }}; color: {{ settings.theme_tertiary_color }}; padding: 4rem 0; }

.c-featured-video--gallery { padding-bottom: 2rem; }

@media (min-width: 62.25em) { .c-featured-video { position: relative; padding: 4rem 0 0; }
  .c-featured-video--gallery { -webkit-transition: padding-bottom 0.3s ease-in-out; transition: padding-bottom 0.3s ease-in-out; padding-bottom: 4rem; }
  .c-featured-video--gallery.is-active { padding-bottom: 8rem; } }

.c-featured-video__wrapper { max-width: 80rem; margin: 0 auto; }

.c-featured-video--gallery .c-featured-video__wrapper { max-width: 63.125rem; }

.c-featured-video__heading { font-size: 1.375rem; font-weight: 700; line-height: 1.45; text-transform: capitalize; text-align: center; padding: 0 1rem; }

@media (min-width: 62.25em) { .c-featured-video__heading { font-size: 1.5rem; font-weight: 700; line-height: 1.33; } }

.c-featured-video__video-wrapper { z-index: 1; position: relative; margin-top: 2rem; padding-bottom: 56.25%; }

.c-featured-video__iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.c-featured-video__img-wrapper { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.is-active .c-featured-video__img-wrapper { display: none !important; }

.c-featured-video__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.c-featured-video__play-button { z-index: 1; display: inline-block;  overflow: visible;  margin: 0;  padding: 0; border: 0; background: none transparent; color: inherit; vertical-align: middle;  text-align: center;  text-decoration: none; text-transform: none; font: inherit;  line-height: normal; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; top: 50%; left: 50%; width: 7.5rem; height: 7.5rem; margin: -3.75rem 0 0 -3.75rem; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

.c-featured-video__play-button:focus, .c-featured-video__play-button:hover { text-decoration: none; }

.c-featured-video__play-button:focus, .c-featured-video__play-button:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

.is-active .c-featured-video__play-button { display: none; }

.c-featured-video__cta-wrapper { z-index: 1; margin-top: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (min-width: 62.25em) { .c-featured-video__cta-wrapper { position: absolute; left: 50%; bottom: 5.25rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: bottom 0.3s ease-in-out; transition: bottom 0.3s ease-in-out; margin-top: 0; }
  .is-active .c-featured-video__cta-wrapper { bottom: 2.5rem; } }

.c-featured-video__cta { width: 8.75rem; }

.c-featured-video__cta:not(:last-child) { margin-right: 0.5rem; }

@media (min-width: 62.25em) { .c-featured-video__cta:not(:last-child) { margin-right: 0.75rem; } }

.c-fit-guide__heading { font-size: 1.5rem; font-weight: 700; line-height: 1.33; }

@media (min-width: 62.25em) { .c-fit-guide__heading { margin-top: 0.25rem; } }

.c-fit-guide__step-header { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1.14; text-transform: uppercase; text-align: center; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; margin-top: 0.5rem; }

.c-fit-guide__image-wrapper { width: 100%; height: 12rem; text-align: center; }

@media (min-width: 62.25em) { .c-fit-guide__image-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 18.1875rem; flex: 0 0 18.1875rem; margin-right: 0.875rem; } }

.c-fit-guide__image { width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }

.c-fit-guide__step { width: 100%; }

.c-fit-guide__cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 2rem; }

.is-selected .c-fit-guide__cta-wrapper { z-index: 3; }

.c-fit-guide__cta { width: 8.75rem; }

.c-fit-guide__cta:not(:first-child) { margin-left: 0.5625rem; }

.c-fit-guide__body { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; margin-top: 1rem; max-height: 60vh; overflow-y: auto; }

@media (min-width: 62.25em) { .c-fit-guide__body { margin-top: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; overflow-y: initial; } }

.c-fit-guide__text { padding: 0 0.625rem; margin-top: 2rem; }

@media (min-width: 62.25em) { .c-fit-guide__text { margin-top: 0; padding: 0; } }

.c-fit-guide__text ol, .c-fit-guide__text ul { padding-left: 1.25rem; }

.c-fit-guide__text p, .c-fit-guide__text ol, .c-fit-guide__text ul { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; }

.c-fit-guide__thumbs { display: grid; grid-template-columns: repeat(4, 4.125rem); grid-gap: 0.5rem; grid-auto-rows: 4.125rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1rem; }

@media (min-width: 62.25em) { .c-fit-guide__thumbs { margin-top: 0; } }

.c-fit-guide__thumb { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }

.c-fit-guide__thumb.is-selected { outline: 1px solid {{ settings.theme_primary_color }}; }

.c-fit-guide__dot-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 2rem; }

.c-fit-guide__dot { display: inline-block;  overflow: visible;  margin: 0;  padding: 0; border: 0; background: none transparent; color: inherit; vertical-align: middle;  text-align: center;  text-decoration: none; text-transform: none; font: inherit;  line-height: normal; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; width: 18px; height: 18px; border: 1px solid {{ settings.theme_secondary_color }}; margin: 0 10px; border-radius: 50%; }

.c-fit-guide__dot:focus, .c-fit-guide__dot:hover { text-decoration: none; }

.c-fit-guide__dot.is-selected { background: {{ settings.theme_primary_color }}; border-color: {{ settings.theme_primary_color }}; }

.c-fit-guide__link-wrapper { margin-top: 1rem; }

.flyout { position: fixed; top: 0; -webkit-transition: all 1000ms ease-out; transition: all 1000ms ease-out; -webkit-transition-property: left, right; transition-property: left, right; }

.flyout-hidden-left { left: -100%; }

.flyout-hidden-right { right: -100%; }

.flyout-active-left { left: 0; }

.flyout-active-right { right: 0; }

.cart-flyout-open .zEWidget-launcher { display: none; }

.c-footer-nav__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; }

.c-footer-nav__heading { font-size: 1rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1.5; text-transform: uppercase; letter-spacing: normal; }

.c-footer-nav__content-wrapper { margin-top: 2rem; -ms-flex-preferred-size: 50%; flex-basis: 50%; }

@media (min-width: 62.25em) { .c-footer-nav__content-wrapper { -ms-flex-preferred-size: 30%; flex-basis: 30%; } }

.c-footer-nav__content { max-width: 90%; }

.c-footer-nav__list-item { font-size: 0.75rem; letter-spacing: normal; line-height: 1.33; margin-top: 0.5rem; }

.c-footer-nav__link { -webkit-transition: color 0.3s; transition: color 0.3s; }

.c-footer-nav__link:hover { color: {{ settings.theme_primary_color }}; }

.c-footer { z-index: 0; position: relative; border-top: 8px solid {{ settings.theme_primary_color }}; }

.c-footer::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; z-index: -1; width: 50vw; background-color: {{ settings.theme_secondary_color }}; }

.c-form-group { position: relative; margin-top: 1rem; width: inherit; text-align: left; }

.c-form-group input { -webkit-transition: border-color 0.4s ease-in-out, color 0.4s ease-in-out; transition: border-color 0.4s ease-in-out, color 0.4s ease-in-out; }

.c-form-group.has-error label { color: #ee0000; }

.c-form-group.has-error input { border-bottom: 1px solid #ee0000 !important; }

.c-form-group__errors { font-size: 0.6875rem; font-weight: 400; letter-spacing: 0.45px; line-height: 1.45; display: block; color: {{ settings.theme_quaternary_color }}; margin-top: 0.25rem; list-style: none; }

.c-form-group__input { background: transparent; border: none !important; border-bottom: 1px solid {{ settings.theme_quinternary_color }} !important; color: inherit; -webkit-box-shadow: none !important; box-shadow: none !important; height: 25px !important; width: inherit; }

.c-form-group__input:valid + .c-form-group__label, .c-form-group__input:focus + .c-form-group__label, .c-form-group__input:not(:placeholder-shown) + .c-form-group__label { -webkit-transform: translateY(-18px); transform: translateY(-18px); font-size: 0.6875rem; letter-spacing: 0.47px; }

/* .c-form-group__input:focus { outline: none; }
 */
.c-form-group__input::-webkit-input-placeholder { color: transparent; }

.c-form-group__input::-moz-placeholder { color: transparent; }

.c-form-group__input:-ms-input-placeholder { color: transparent; }

.c-form-group__input::-ms-input-placeholder { color: transparent; }

.c-form-group__input::placeholder { color: transparent; }

.c-form-group__input--select { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #ffffff; background-repeat: no-repeat, repeat; background-position: right 0.7em top 50%, 0 0; background-size: 0.65em auto, 100%; }

.c-form-group__label { color: inherit; left: 0; opacity: 0.5; position: absolute; text-transform: capitalize; top: 4px; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.c-form-group__label--solid { opacity: 1; }

.c-form-group__label.has-error { color: #ee0000; }

.c-form-group__element { margin-top: 2rem; }

.c-form-group__element--flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.c-form-group__flex-child { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; }

.c-form--product-bundle-newsletter-modal { margin-top: 2rem; }

.c-form__subtitle { text-transform: capitalize; text-align: center; }

.c-form__info { font-size: 0.6875rem; font-weight: 400; letter-spacing: 0.45px; line-height: 1.45; margin-top: 0.625rem; }

.c-form__contents { margin-top: 4.5rem; }

.c-form__element { width: 100%; }

.c-form__element:not(:first-of-type) { margin-top: 2.3125rem; }

.c-form__actions--spaced { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 3rem; }

.c-form--product-bundle-newsletter-modal .c-form__actions { text-align: center; }

.c-form__action { width: 100%; max-width: 8.75rem; }

.c-form__action:not(:last-child) { margin-right: 0.75rem; }

.c-form__submit-link-fix { max-width: 300px; }

.c-form__subscriptions { font-size: 0.6875rem; font-weight: 400; letter-spacing: 0.45px; line-height: 1.45; margin-top: 1rem; }

.c-form__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1.8125rem; }

@media (min-width: 40em) { .c-form__buttons { margin-top: 0; } }

.c-form__radios { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 15.3125rem; }

@media (min-width: 62.25em) { .c-form__radios { max-width: 18.125rem; } }

.c-form--newsletter .c-form__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; }

@media (min-width: 40em) { .c-form--newsletter .c-form__controls { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } }

.c-form--newsletter button { margin-left: 0.75rem; }

.c-form--newsletter .c-form__status-wrapper { margin-top: 0.9375rem; }

@media (min-width: 62.25em) { .c-form--newsletter .c-form__status-wrapper { margin-top: 0.3125rem; } }

.c-form .form__errors { padding-left: 1.25rem; }



.c-hero { color: {{ settings.theme_secondary_color }}; position: relative; }

.c-hero--community { color: {{ settings.theme_tertiary_color }}; }

.c-hero--community.has-no-image { color: {{ settings.theme_secondary_color }}; }

@media (max-width: 47.99em) { .c-hero--community.has-no-image { height: 0; } }

@media (min-width: 48em) { .c-hero--community.has-no-image { height: auto; } }

.c-hero--full-height { height: 100vh; }

@media (min-width: 62.25em) { .c-hero--full-height { min-height: 37.5rem; } }

.c-hero--bundle-page { height: calc( 100vh - 186px - 88px); margin-bottom: 0.5rem; }

@media (min-width: 62.25em) { .c-hero--bundle-page { height: calc(100vh - 66px - 108px); margin-bottom: 0; } }

.c-hero--collection { padding: 1rem 0 2rem; height: auto; }

@media (min-width: 62.25em) { .c-hero--collection { height: 20rem; padding: 0; } }

.c-hero__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; }

@media (min-width: 62.25em) { .c-hero__inner { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

.c-hero--full-height .c-hero__inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-hero__content { max-width: 24.375rem; padding-top: 15px;}

@media (min-width: 62.25em) { .c-hero__content { margin-left: 8.33%; } }

.c-hero__content--right { padding-left: 20%; }

@media (min-width: 48em) { .c-hero__content--right { right: 10%; padding-left: 0; } }

@media (min-width: 62.25em) { .c-hero--collection .c-hero__content { z-index: 1; position: absolute; top: 4rem; } }

@media (max-width: 47.99em) { .c-hero--community .c-hero__content { display: none; } }

@media (min-width: 48em) { .c-hero--community .c-hero__content { z-index: 1; position: absolute; top: 4rem; } }

.c-hero--community.has-no-image .c-hero__content { position: static; max-width: 24.5rem; text-align: center; margin: 4rem auto 0; }

.c-hero__heading { font-size: 1.875rem; font-weight: 700; line-height: 1.07; text-transform: uppercase; padding-top: 25px;}

@media (min-width: 62.25em) { .c-hero__heading { font-size: 2.5rem; line-height: 1; } }

.c-hero--full-height .c-hero__heading { color: {{ settings.theme_tertiary_color }}; }

@media (min-width: 62.25em) { .c-hero__text { margin-top: 2.125rem; line-height: 1.5; } }

.c-hero--collection .c-hero__text { display: none; }

@media (min-width: 62.25em) { .c-hero--collection .c-hero__text { display: block; } }

.c-hero__img-wrapper { height: calc(100%);position:relative;}
.hide-mb.c-hero__img-wrapper img{max-height: 36.458vw;object-fit: cover;}

/*.c-hero__img-wrapper { height: calc(100% - 92px); -webkit-clip-path: ellipse(350% 100% at 100% 0); clip-path: ellipse(350% 100% at 100% 0); }

@media (min-width: 62.25em) { .c-hero__img-wrapper { -webkit-clip-path: ellipse(250% 100% at 100% 0); clip-path: ellipse(250% 100% at 100% 0); } }*/

.c-hero--collection .c-hero__img-wrapper { display: none; }

@media (min-width: 62.25em) { .c-hero--collection .c-hero__img-wrapper { display: block; } }

.c-hero__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; }

.c-hero__cta { margin-top: 1.5rem; }

.c-hero__scroll { position: absolute; right: 0; bottom: 0; left: 0;  height: 5.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (min-width: 62.25em) { .c-hero__scroll { height: 5.125rem; } }

@media (max-width: 50.75em) and (orientation: landscape) { .c-hero--full-height .c-hero__scroll { display: none; } }

.c-info-block { padding: 1rem; text-align: center; }

@media (min-width: 62.25em) { .c-info-block { padding: 1rem 3.125rem; } }

.c-info-block__image-wrapper { display: inline-block; padding: 0.625rem; border-radius: 50%; background-color: {{ settings.theme_quinternary_color }}; }

@media (min-width: 40em) { .c-info-block__image-wrapper { padding: 2.875rem; } }

.c-info-block__image { vertical-align: middle; }

.c-info-block__heading { font-size: 1.125rem; font-weight: 600; line-height: 1.33; text-transform: uppercase; margin-top: 1.5rem; }

.c-info-block__body { margin-top: 1rem; }

.c-info-blocks { margin: 4rem auto 0; max-width: 80rem; }

@media (min-width: 62.25em) { .c-info-blocks { margin-top: 3.25rem; padding: 0 2.5rem; } }

.c-info-blocks__list { list-style: none; }

@media (min-width: 48em) { .c-info-blocks__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.375rem; } }

.c-info-blocks__item { margin: 2rem auto 0; max-width: 24.5rem; }

@media (min-width: 48em) { .c-info-blocks__item { margin: 12px 0 0; width: 50%; padding: 0 0.375rem; max-width: 25.25rem; } }

@media (min-width: 62.25em) { .c-info-blocks__item { width: 33.33%; } }

@media (max-width: 47.99em) { .c-info-blocks__item:first-child { margin-top: 0; } }

.c-job-post { padding: 2.125rem 1rem; background-color: {{ settings.theme_quinternary_color }}; }

@media (min-width: 62.25em) { .c-job-post { padding: 2.125rem 6.25rem; } }

.c-job-post__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.c-job-post__header > *:last-child { margin-top: 0; }

.c-job-post__heading { font-weight: 700; margin-top: 0.5rem; }

.c-job-post__location { font-size: 0.875rem; line-height: 1.71; letter-spacing: 0.04em; }

.c-job-post__cta { margin-top: 1.75rem; }

.c-job-postings { margin: 4.5rem auto 4rem; max-width: 37.125rem; }

@media (min-width: 62.25em) { .c-job-postings { margin-top: 4.25rem; } }

.c-job-postings__heading { font-weight: 700; text-align: center; padding: 0 1rem; }

@media (min-width: 62.25em) { .c-job-postings__heading { padding: 0; } }

.c-job-postings__list { list-style: none; margin-top: 1.5rem; }

@media (min-width: 62.25em) { .c-job-postings__list { margin-top: 1.875rem; } }

.c-job-postings__item { margin-top: 0.5rem; }

.c-job-postings__item:first-child { margin-top: 0; }

.c-jump-anchors { text-align: center; }

@media (min-width: 40em) { .c-jump-anchors { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.c-jump-anchors--community { margin-top: 1.5rem; }

@media (max-width: 47.99em) { .c-jump-anchors--community { display: none; } }

@media (min-width: 40em) { .c-jump-anchors__label { margin: 0.5rem 0.25rem 0 0; } }

.c-jump-anchors__item { line-height: 1.5; margin-top: 1rem; }

@media (min-width: 40em) { .c-jump-anchors__item { margin: 0.5rem 0 0 1rem; }
  .c-jump-anchors__item:first-of-type { margin-left: 0.75rem; } }

.c-line-item { width: 100%; padding: 0 1rem 1rem; margin-top: 2rem; }

.c-line-item:first-child { margin-top: 1rem; }

@media (min-width: 62.25em) { .c-line-item:first-child { margin-top: 0; } }

.c-line-item--orders { margin-top: 1.5rem; }

.c-line-item--cart .c-line-item__info { min-width: 8.75rem; }

.c-line-item__content { display: grid; grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.c-line-item__header { font-size: 1rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1.5; text-transform: uppercase; }

.c-line-item__visuals { margin-top: 0.5rem; }

.c-line-item__detail { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; }

.c-line-item__detail--remove-price { line-height: normal; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 0.5rem; }

.c-line-item__detail--row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-line-item__dropdown { min-width: 0; width: 100%; text-align: center; background: transparent; border: 1px solid #e2e2e2; }

@media (min-width: 62.25em) { .c-line-item__dropdown { padding-left: 0.8125rem; } }

.c-line-item__dropdown-indicator { position: absolute; top: 50%; right: 0.3125rem; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); height: 0.875rem; }

@media (min-width: 62.25em) { .c-line-item__dropdown-indicator { display: none; } }

.c-line-item__remove { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-bottom: 0.0625rem; margin-right: 0.3125rem; }

.c-line-item__image { max-width: 7.5rem; width: 100%; margin: auto; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }

@media (min-width: 62.25em) { .c-line-item:hover .c-line-item__image { -webkit-transform: rotate(10deg); transform: rotate(10deg); } }

.c-line-item__image-wrapper { position: relative; display: inline-block; }

.c-line-item__image-wrapper::after { content: " "; position: absolute; top: 50%; right: 25%; left: 25%; height: 0.25rem; border-radius: 50%; background: transparent; -webkit-transition: -webkit-box-shadow 0.2 ease-in-out; transition: -webkit-box-shadow 0.2 ease-in-out; transition: box-shadow 0.2 ease-in-out; transition: box-shadow 0.2 ease-in-out, -webkit-box-shadow 0.2 ease-in-out; -webkit-box-shadow: 0 2.425rem 0.3875rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2.425rem 0.3875rem 0 rgba(0, 0, 0, 0.1); }

.c-line-item__label, .c-line-item__data { font: inherit; }

.c-line-item__label { margin-right: 0.3125rem; }

.c-line-item__swatch { font-size: 0.5rem; }

.c-line-item__data--emphasized { font-size: 1.125rem; }

.c-line-item--cart .c-line-item__data--emphasized { letter-spacing: normal; line-height: 1.4; }

.c-line-item--orders .c-line-item__data--emphasized { margin-top: 0.5rem; }

.c-line-item__sub-items { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1.5rem; }

.c-line-item__sub-item { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; background: {{ settings.theme_tertiary_color }}; border-right: 1px solid {{ settings.theme_quinternary_color }}; padding-top: 0.5rem; padding-bottom: 0.5rem; }

.c-line-item__sub-item-image { height: 4rem; width: 100%; -o-object-fit: cover; object-fit: cover; }

.c-line-item__sub-item-title { font-size: 0.6875rem; font-weight: 400; letter-spacing: 0.45px; line-height: 1.45; margin-top: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; }

.c-line-item__actions { display: grid; justify-items: flex-start; row-gap: 0.3125rem; margin-top: 1rem; }

.c-link { margin-top: 0.5rem; }

.c-link--has-children { margin-top: 0; }

.c-link--has-children > .c-link__anchor { font-size: 1rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1.5; text-transform: uppercase; letter-spacing: normal; }

.c-link--menu { font-size: .85rem; font-weight: 600; letter-spacing: 0.5px; line-height: 1.5; text-transform: uppercase; margin-left: 2.5rem; padding-top: 15px;}

.c-locator-callout { position: relative; height: 20rem; }

@media (min-width: 62.25em) { .c-locator-callout { height: 18rem; } }

.c-locator-callout__content { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0 1rem; }

.c-locator-callout__heading { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-transform: none; margin-top: 0.25rem; }

.c-locator-callout__icon { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; font-size: 2.5rem; }

.c-locator-callout__link { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 2rem; }

.c-locator-callout__background { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }

.c-loading { position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; height: 100%; background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; -webkit-transform-origin: center top; transform-origin: center top; opacity: 1; }

.c-loading__logo { width: 12.5rem; opacity: 1;}

.is-loaded .c-loading{-webkit-animation: loading 1s forwards ease-in-out; animation: loading 1s forwards ease-in-out; display:none;}
@-webkit-keyframes loading { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes loading { 0% { opacity: 1; }
  100% { opacity: 0; } }

.c-logo-list { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; text-align: center; padding: 4rem 0; }

@media (min-width: 62.25em) { .c-logo-list { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 62.25em) { .c-logo-list { max-width: none; } }

@media (min-width: 62.25em) { .c-logo-list { padding: 4rem 0 5rem; } }

.c-menu-aside { padding: 0 1rem; list-style: none; font-size: 0.875rem; line-height: 1.71; }

.c-menu-aside__item:not(:first-child) { margin-top: 0.5rem; }

.c-menu-aside__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-menu-aside__icon { font-size: 2.375rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: -0.5rem; }

.c-menu-toggle { display: inline-block;  overflow: visible;  margin: 0;  padding: 0; border: 0; background: none transparent; color: inherit; vertical-align: middle;  text-align: center;  text-decoration: none; text-transform: none; font: inherit;  line-height: normal; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear; outline: none; }

.c-menu-toggle:focus, .c-menu-toggle:hover { text-decoration: none; }

.c-menu-toggle__box { position: relative; display: block; width: 1.5rem; height: 1.125rem; }

.c-menu-toggle__lines { top: 50%; display: block; margin-top: -1px; }

.c-menu-toggle--squeeze .c-menu-toggle__lines { -webkit-transition-duration: 0.075s; transition-duration: 0.075s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.c-menu-toggle--squeeze.is-active .c-menu-toggle__lines { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.c-menu-toggle__lines, .c-menu-toggle__lines::before, .c-menu-toggle__lines::after { position: absolute; width: 100%; height: 1px; background-color: {{ settings.theme_secondary_color }}; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }

.c-menu-toggle__lines::before, .c-menu-toggle__lines::after { content: ""; display: block; }

.c-menu-toggle__lines::before { top: -0.5rem; }

.c-menu-toggle--squeeze .c-menu-toggle__lines::before { -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease; transition: top 0.075s 0.12s ease, opacity 0.075s ease; }

.c-menu-toggle--squeeze.is-active .c-menu-toggle__lines::before { top: 0; opacity: 0; -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease; transition: top 0.075s ease, opacity 0.075s 0.12s ease; }

.c-menu-toggle__lines::after { bottom: -0.5rem; }

.c-menu-toggle--squeeze .c-menu-toggle__lines::after { -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.c-menu-toggle--squeeze.is-active .c-menu-toggle__lines::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.c-menu { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; padding: 11px 0.4375rem 11px 0.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (min-width: 62.25em) { .c-menu { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 62.25em) { .c-menu { max-width: none; } }

@media (min-width: 62.25em) { .c-menu { background: {{ settings.theme_tertiary_color }}; max-width: 80rem; padding: 0 2.5rem; height: 4.25rem; } }

.c-menu__nav { position: fixed; top: 5.5rem; left: 0; bottom: 0; z-index: 22; background-color: {{ settings.theme_tertiary_color }}; min-width: 20rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: translateX(-100%); transform: translateX(-100%); border-top: 1px solid {{ settings.theme_quinternary_color }}; }

@media (min-width: 40em) { .c-menu__nav { width: 75%; } }

@media (min-width: 40em) { .c-menu__nav { width: 75%; } }

@media (min-width: 62.25em) { .c-menu__nav { position: static; z-index: initial; top: initial; display: -webkit-box; display: -ms-flexbox; display: flex; border-top: none; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; background-color: inherit; -webkit-transform: none; transform: none; height: 100%; } }

@media (max-width: 62.24em) { .c-menu__nav.is-active { -webkit-transform: translateX(0); transform: translateX(0); }
  .c-menu__nav.is-animating { -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1); transition: -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1); } }

.c-menu__aside { padding-top: 1rem; }

@media (min-width: 62.25em) { .c-menu__aside { display: none; } }

.c-modal { z-index: 10; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow-y: scroll; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

.c-modal__wrapper { position: relative; display: inline-block; margin: auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: {{ settings.theme_tertiary_color }}; max-width: 37.125rem; width: 100%; padding: 0.5rem 1rem 2.375rem; }

@media (min-width: 40em) { .c-modal__wrapper { padding: 0.5rem 1rem 4rem; } }

.c-modal--product-bundle-newsletter-modal .c-modal__wrapper { padding: 2rem 0.875rem 4rem; margin: 0 1rem; max-width: 26rem; }

.c-modal--fit-guide .c-modal__wrapper { max-width: 38.625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 2rem 1rem; }

@media (min-width: 40em) { .c-modal--fit-guide .c-modal__wrapper { padding: 2rem 0.75rem; } }

@media (max-width: 39.99em) { .c-modal--mobile-full .c-modal__wrapper { height: 100%; } }

.c-modal--bundle .c-modal__wrapper { padding: 2rem 0 3rem; max-width: 49.75rem; }

.c-modal__exit { cursor: pointer; position: absolute; top: 0.375rem; right: 0.5rem; width: 1.875rem; height: 1.875rem; padding: 0; background: transparent; }

.c-modal--fit-guide .c-modal__exit { -ms-flex-item-align: end; align-self: flex-end; }

.c-modal__exit::before { content: ""; position: absolute; left: 0; width: 100%; border-top: 1px solid #000000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.c-modal__exit::after { content: ""; position: absolute; left: 0; width: 100%; border-top: 1px solid #000000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.c-modal__content { position: relative; max-width: 24.5rem; margin: auto; }

.c-modal--fit-guide .c-modal__content { margin: 0; max-width: initial; }

.c-modal--review .c-modal__content { margin-top: 2rem; overflow-y: scroll; max-height: 100%; }

.c-modal--bundle .c-modal__content { margin: 0; max-width: initial; }

.c-modal--product-bundle-newsletter-modal .c-modal__content { max-width: 18rem; }

.c-modal__header { text-align: center; }

.c-modal__title { font-size: 1.5rem; font-weight: 700; line-height: 1.33; }

.c-modal--product-bundle-newsletter-modal .c-modal__body { margin-top: 2rem; }

.c-modal--product-bundle-newsletter-modal .c-modal__body p { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; text-align: center; }

.c-modal--review { overflow: initial; }

.c-nav-bar { font-size: 0.875rem; padding: 0.5625rem 0 0.5625rem 1rem; background-color: {{ settings.theme_quinternary_color }}; color: {{ settings.theme_quaternary_color }}; }

.c-nav-bar.has-home-link { padding: 0.1875rem 0 0.25rem 1rem; }

.c-nav-bar__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

.c-nav-bar__list.flickity-enabled { display: block; }

.c-nav-bar__list::-webkit-scrollbar { display: none; }

.c-nav-bar__item { line-height: 1; }

.c-nav-bar__list.flickity-enabled .c-nav-bar__item { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.c-nav-bar__item:not(:first-child) { margin-left: 1rem; }

.c-nav-bar.has-home-link .c-nav-bar__item:not(:first-child) { position: relative; left: -0.625rem; }

.c-nav-bar__item.is-active { color: {{ settings.theme_secondary_color }}; }

.c-nav-bar__link { vertical-align: middle; text-decoration: none; color: inherit; }

.c-nav-bar__icon { width: 1.5625rem; height: 1.5625rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; margin-left: -0.5rem; }




.c-nav { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-y: scroll; }

@media (min-width: 62.25em) { .c-nav { position: static; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow-y: auto; } }

.c-nav__return-link, .c-nav__top-link, .c-nav__block-header { font-size: 0.875rem; letter-spacing: 0.5px; text-transform: uppercase; font-weight: 500; color: {{ settings.theme_secondary_color }}; }

.c-nav__return-link, .c-nav__top-link { padding: 1rem 1.125rem; border-top: 1px solid {{ settings.theme_quinternary_color }}; -webkit-transition: color 0.2s; transition: color 0.2s; }

@media (min-width: 62.25em) { .c-nav__return-link, .c-nav__top-link { border-top: none; } }

.c-nav__top-link, .c-nav__block-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-nav__top-link-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 62.25em) { .c-nav__top-link-items {  z-index: -1; display: grid;  -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; /*padding: 0 2.5rem 2.25rem;*/ grid-row-gap: 12px; max-width:75rem; margin: auto; max-height: 555px;justify-content: center; } }


.c-nav__top-link { background: {{ settings.theme_tertiary_color }}; }

.c-nav__top-link svg { -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; }

@media (min-width: 62.25em) { .c-nav__top-link { height: 100%; } }

.c-nav__top-link + .c-nav__dropdown { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translateX(-150%); transform: translateX(-150%);background: {{ settings.theme_tertiary_color }}; /*padding: 40px 0; */   border-top: 1px solid #bababa;}

@media (min-width: 62.25em) { .c-nav__top-link + .c-nav__dropdown { z-index: -1; bottom: initial; /*-webkit-transform: translate(0, 0); transform: translate(0, 0);*/-webkit-transform: translate(0, -150%); transform: translate(0, -150%); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1); transition: -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1); } }

.c-nav__top-link:hover > a { color: {{ settings.theme_primary_color }}; }

/*.c-nav__dropdown {padding-top: 15px;}*/

@media (min-width: 62.25em) { .c-nav__top-link.is-active { color: {{ settings.theme_primary_color }}; } }

.c-nav__top-link.is-active + .c-nav__dropdown { -webkit-transform: translateX(0); transform: translateX(0); }

.c-nav__top-link.is-active > svg { -webkit-transform: rotate(-270deg); transform: rotate(-270deg); }

.c-nav__top-link.is-animating + .c-nav__dropdown { -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1); transition: -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1); }

@media (min-width: 62.25em) { .c-nav__top-link:hover > a, .c-nav__top-link:focus > a { color: {{ settings.theme_primary_color }}; } }

/*.c-nav__dropdown { -webkit-transform: translate(0, 108px) !important; transform: translate(0, 108px) !important; }
.c-nav.js-nav .c-nav__dropdown:last-of-type{display: none;}*/

.c-nav__block-header { padding: 1rem 2rem 1rem 3.75rem; border-top: 1px solid {{ settings.theme_quinternary_color }}; }

@media (min-width: 62.25em) { .c-nav__block-header { font-size: 1rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1.5; text-transform: capitalize; /*margin-top: 1.1875rem;*/ padding: 0 1.125rem; border-top: none; }
  .c-nav__block-header svg { display: none; } }

.c-nav__block-header + .c-nav__block-container { overflow: hidden; height: 0; -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; }

@media (min-width: 62.25em) { .c-nav__block-header + .c-nav__block-container { height: auto; padding: 0 1rem 10px 1rem; } }

.c-nav__block-header.is-active + .c-nav__block-container { height: auto; padding: 2rem 0; }

.c-nav__block-header.is-active svg { -webkit-transform: scale(2.5) rotate(90deg); transform: scale(2.5) rotate(90deg); }

.c-nav__return-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 2rem; }

@media (min-width: 62.25em) { .c-nav__return-link { display: none; } }

.c-nav__return-link > span { margin-left: 0.9375rem; }

.c-nav__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 62.25em) { .c-nav__block--page-tile > .c-nav__block-header {     font-size: 14px;line-height: 21px;transition:all 0.3s;text-decoration: underline;padding: 0;white-space: nowrap; } }

@media (min-width: 62.25em) { .c-nav__block--collection-block-list-4 { grid-column-start: span 2; grid-row-start: span 2; }
  .c-nav__block--collection-block-list-4 .c-nav__block-grid :nth-child(n + 5) { display: none; }
  .c-nav__block--collection-block-list-2 {   } }

@media (min-width: 62.25em) { .c-nav__block--collection-tile .c-nav__block-container { } }

@media (min-width: 62.25em) { .c-nav__block--links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: none; grid-column-start: span 4; } }

@media (min-width: 62.25em) { .c-nav__block-content { background: transparent; height: 100%; } }

.c-nav__block-background { display: none; }

@media (max-width: 769px) {.c-nav__block-background {display: none !important;}}

@media (min-width: 62.25em) { .c-nav__block-background { display: block; width: 100%; max-width: 16.625rem; max-height: 170px; margin: 1.125rem auto 0; padding: 0 0.75rem 0.375rem; -o-object-fit: contain; object-fit: contain; } }

@media (min-width: 62.25em) { .c-nav__block-grid { display: grid; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-template-columns: repeat(1, 1fr);/* grid-column-gap: 6.125rem;*/ grid-row-gap: 4rem; } }

.c-nav__block-url { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1rem; background-color: {{ settings.theme_quinternary_color }}; }

@media (min-width: 62.25em) { .c-nav__block-url { display: none; } }

.c-nav__block-url--block-link { display: none; }

@media (min-width: 62.25em) { .c-nav__block-url--block-link { font-size: 1rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1.5; text-transform: uppercase; display: none; text-transform: capitalize; background-color: inherit; } }

.c-nav__block-container { background-color: transparent; }

.c-newsletter { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #000000; color: {{ settings.theme_tertiary_color }}; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 3.3125rem; padding-bottom: 2rem; }

@media (min-width: 62.25em) { .c-newsletter { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 62.25em) { .c-newsletter { max-width: none; } }

@media (min-width: 62.25em) { .c-newsletter { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 2rem 4.875rem; } }

.c-newsletter__title { text-transform: initial; }

.c-newsletter__form { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 34rem; margin-top: 1.75rem; }

@media (min-width: 62.25em) { .c-newsletter__form { margin-top: 0; margin-left: 3.5rem; } }

.c-newsletter__social { margin-top: 2rem; }

@media (min-width: 62.25em) { .c-newsletter__social { -ms-flex-item-align: center; align-self: center; margin-left: 4.0625rem; margin-top: 0; } }

.c-order { max-width: 37.125rem; width: 100%; margin: auto; }

.c-order:not(:first-of-type) { margin-top: 0.5rem; }

.c-order__wrapper { padding: 2rem 1rem; background: {{ settings.theme_quinternary_color }}; }

.c-order__wrapper--light { display: none; background: {{ settings.theme_tertiary_color }}; }

.c-order__wrapper--light.is-active { display: block; }

.c-order__tile { max-width: 24.5rem; width: 100%; margin: auto; }

.c-order__summary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.c-order__shipping-title { text-transform: capitalize; }

.c-order__info { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; margin-top: 0.5rem; text-transform: capitalize; }

.c-order__info--padded { padding-left: 1.25rem; }

.c-order__info p { font: inherit; }

.c-order__toggle { margin-top: 1rem; }

.c-order__toggle button { padding-left: 0; }

.c-order__specifics { font-size: 1.125rem; font-weight: 400; line-height: 1.33; text-transform: uppercase; text-align: right; }

.c-order__specifics p { font: inherit; }

.c-order__price-overview { display: grid; grid-template-columns: 1fr 1fr; font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; }

.c-order__price-overview > :nth-child(even) { text-align: right; }

.c-order__price-overview p { font: inherit; }

.c-order__seperator { border-top: 0.0625rem solid {{ settings.theme_quinternary_color }}; margin: 1rem 0; }

.c-page-header__return-link { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; margin-top: 1.6875rem; }

@media (min-width: 62.25em) { .c-page-header__return-link { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (max-width: 47.99em) { .c-page-header__return-link { display: none; } }

.c-page-header__content { text-align: center; max-width: 39.125rem; margin: 0 auto; padding: 0 1rem; }

.c-page-header--simple .c-page-header__content { margin-top: 4.25rem; }

@media (min-width: 48em) { .c-page-header__content { margin-top: 4.5rem; } }

@media (min-width: 48em) { .c-page-header__content--hide-mobile { display: none; } }

.c-page-header__content--text-left { text-align: left; }

.c-page-header__heading { font-weight: 700; padding-top: 25px; }

.c-page-header__body { margin-top: 1.75rem; }

.c-page-header__form { margin-top: 2rem; }

@media (max-width: 62.24em) { .c-page-header--ambassador { display: none; } }

.c-page-header--support { margin-top: 3rem; }

.c-page { margin-top: 4.26rem; }
@media(max-width:1000px){.c-page { margin-top: 3rem; }}
@media (min-width: 62.25em) { .c-page--home { margin-top: 7.5rem; }}

.c-pagination { margin-top: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-pagination__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-pagination__info { font-size: 0.6875rem; font-weight: 400; letter-spacing: 0.45px; line-height: 1.45; margin-top: 1.25rem; letter-spacing: 0.4px; }

.c-pagination__page-button {     background: #f8f8f8;padding-top: 2px; width: 2.5rem; height: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid {{ settings.theme_quinternary_color }}; }

.c-pagination__page-button--ellipsis { border: none; width: unset; margin: 0 0.25rem;    background: unset; }

.c-pagination__page-button--current { background: {{ settings.theme_primary_color }}; color: {{ settings.theme_tertiary_color }}; }

.c-pagination__page-button--navigate { border: none; font-size: 2.8125rem; }

.c-pagination__page-button--navigate:hover, .c-pagination__page-button--page-link:hover { background: {{ settings.theme_quinternary_color }}; }

.c-panel { display: -webkit-box; display: -ms-flexbox; display: flex; }

.c-panel--hamburger-menu { display: block; }

@media (min-width: 62.25em) { .c-panel--hamburger-menu { display: none; } }

.c-panel__block { display: block; width: 100%; }

@media (min-width: 62.25em) { .c-panel__block { display: none; } }

.c-panel__item { cursor: pointer; height: 2.75rem; width: 2.75rem; }

@media (min-width: 62.25em) { .c-panel__item { height: 2.375rem; width: 2.375rem; } }

@media (min-width: 62.25em) { .c-panel__item:not(:first-child) { margin-left: 0.9375rem; } }

.c-panel__item--nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: -0.25rem; }

@media (min-width: 62.25em) { .c-panel__item--nav { display: none; } }

.c-panel__item--header { display: none; }

@media (min-width: 62.25em) { .c-panel__item--header { display: block; } }

.c-panel__item:hover svg { stroke: {{ settings.theme_primary_color }}; fill: {{ settings.theme_primary_color }}; }

.c-pdp-gallery { position: relative; overflow: hidden; width: 100%; height: 45vh; min-height: 12.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

@media (min-width: 62.25em) { .c-pdp-gallery { height: calc(100%); } }

.c-pdp-gallery__slide { position: absolute; z-index: 1; width: 100%; height: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: translateX(100vw); transform: translateX(100vw); pointer-events: none; will-change: transform; }

/*@media (min-width: 62.25em) { .c-pdp-gallery__slide:not(.c-pdp-gallery__slide--full) { padding-top: 9%; padding-left: 10%; } }

@media (min-width: 80em) { .c-pdp-gallery__slide:not(.c-pdp-gallery__slide--full) { padding-left: 18%; } }*/


@media (max-width: 47.99em) { .c-pdp-gallery__slide--full { width: 160%; } }

.c-pdp-gallery__slide.is-active { -webkit-transform: translateX(0); transform: translateX(0); }

.c-pdp-gallery__slide.is-anim-out { -webkit-transform: translateX(-200%); transform: translateX(-200%); }

@media (min-width: 62.25em) {.c-pdp-gallery--accessory.c-pdp-gallery__slider,.c-pdp-gallery__slider:not(.c-pdp-gallery--accessory) .c-pdp-gallery__slide:not(.c-pdp-gallery__slide--full) { padding-top: 5%;    margin-left: 7%; } }

@media (min-width: 80em) {.c-pdp-gallery--accessory.c-pdp-gallery__slider{margin-left: 15%;} .c-pdp-gallery__slider:not(.c-pdp-gallery--accessory) .c-pdp-gallery__slide:not(.c-pdp-gallery__slide--full) { padding-top: 11%;    margin-left: 15%; } }

.c-pdp-gallery__image { display: block; }

.c-pdp-gallery__slide--full .c-pdp-gallery__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

/*.c-pdp-gallery--accessory .c-pdp-gallery__image { max-width: 35vw; }*/

@media (max-width: 62.24em) { .c-pdp-gallery__image { position: relative; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 55%; min-width: 18.75rem; margin: 0 auto; } }

@media (max-width: 39.99em) and (orientation: landscape) { .c-pdp-gallery__image { width: 32%; } }

.c-pdp-gallery__bg { position: absolute; left: 0; top: 0; z-index: -1; background-color: #ffffff; width: 100%; height: 100%; -webkit-transition: background-color 0.8s ease, -webkit-transform 0.4s ease; transition: background-color 0.8s ease, -webkit-transform 0.4s ease; transition: background-color 0.8s ease, transform 0.4s ease; transition: background-color 0.8s ease, transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform-origin: 50%; transform-origin: 50%; pointer-events: none; will-change: background-color, transform; }

.c-pdp-gallery__bg.is-anim { -webkit-transform: scale(0.8); transform: scale(0.8); }

.c-pdp-gallery--accessory .c-pdp-gallery__bg { background-color: #f1f1f1; }

.c-preheader-bar { display: none; background-color: #000000; color: {{ settings.theme_tertiary_color }}; height: 2.5rem; line-height: 1.5rem; }

.c-preheader-bar.has-announcement { display: block;height: 50px; /*padding-top: 6px; */}

/*@media (min-width: 62.25em) { .c-preheader-bar { display: block; height: 2.5rem; line-height: 1.5rem;} }*/

.c-preheader-bar__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; }

@media (min-width: 62.25em) { .c-preheader-bar__wrapper { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 62.25em) { .c-preheader-bar__block { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } }

.c-preheader-bar__message { font-size: 0.9375rem; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; overflow: hidden; height: 50px;-webkit-transition: color 0.3s; transition: color 0.3s; }

@media (min-width: 62.25em) { /*.c-preheader-bar__message { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0 1rem; margin: 0; } */}

@media (max-width: 62.25em) { .c-preheader-bar__message { font-size: 11px;} }

.c-preheader-bar__message:hover { color: {{ settings.theme_primary_color }}; }

.c-preheader-bar__message:hover svg { stroke: {{ settings.theme_primary_color }}; }

.c-preheader-bar__message-icon { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.875rem; margin-left: 0.25rem; }

.c-preheader-bar__aside { display: none; }

@media (min-width: 62.25em) { .c-preheader-bar__aside { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.price--same .pricing__label--varies { display: none; }

.price--regular .price--compare-at, .price--regular .price__label--sale { display: none; }

.price--sale .price__label--regular { display: none; }

.c-product-benefit { margin: 0 auto; letter-spacing: 0.03em; font-size: 0.875rem; line-height: 1.71; }

@media (min-width: 48em) { .c-product-benefit { max-width: none; display: block; text-align: center; } }

.c-product-benefit__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; cursor: pointer; }

@media (min-width: 48em) { .c-product-benefit__header { display: block; cursor: default; } }

.c-product-benefit__icon-wrapper { width: 39.58%; padding-right: 1.25rem; min-height: 2.75rem; }

@media (min-width: 48em) { .c-product-benefit__icon-wrapper { width: auto; padding: 0; } }

.c-product-benefit__icon { display: block; float: right; }

@media (min-width: 48em) { .c-product-benefit__icon { float: none; margin: 0 auto; } }

.c-product-benefit__title { font-size: 0.875rem; font-weight: 700; line-height: 1.71; letter-spacing: 0.04em; text-transform: none; margin-top: 0.875rem; width: 60.42%; }

@media (min-width: 48em) { .c-product-benefit__title { width: auto; margin-top: 0.3125rem; } }

.c-product-benefit__title sup { font-size: 0.4375rem; top: -0.25rem; left: 0.25rem; }

.c-product-benefit__body { display: none; margin-left: 40%; margin-top: 0.1875rem; font-size: 0.875rem; line-height: 1.71; }

@media (min-width: 48em) { .c-product-benefit__body { display: block; margin: 0.5625rem 0 0 0; } }

.c-product-benefit.is-active .c-product-benefit__body { display: block; }

.c-product-benefits { background-color: {{ settings.theme_secondary_color }}; color: #ffffff; padding: 4rem 0 1.5rem; }

@media (min-width: 48em) { .c-product-benefits { padding-bottom: 3.0625rem; } }

@media (min-width: 48em) { .c-product-benefits__wrapper { max-width: 54.5rem; margin: 0 auto; } }

.c-product-benefits__title { font-size: 1.375rem; font-weight: 600; line-height: 1.45; text-align: center; }

@media (min-width: 48em) { .c-product-benefits__title { font-size: 1.5rem; line-height: 1.33; } }

.c-product-benefits__list { list-style: none; margin-top: 2rem; padding: 0 1rem; }

@media (min-width: 48em) { .c-product-benefits__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1.875rem; } }

.c-product-benefits__item { width: 18rem; margin: 0 auto; }

@media (min-width: 48em) { .c-product-benefits__item { margin: 0; width: 100%; max-width: 12.625rem; padding: 0 0.375rem; } }

.c-product-benefits__item:not(:first-child) { margin-top: 0.25rem; }

@media (min-width: 48em) { .c-product-benefits__item:not(:first-child) { margin: 0; } }

.c-product-spec { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.875rem; }

.c-product-spec__title { font-size: 0.875rem; font-weight: 600; line-height: 1.43; padding-right: 1rem; text-transform: none; width: 51%; }

@media (min-width: 62.25em) { .c-product-spec__title { width: 10.9375rem; -ms-flex-negative: 0; flex-shrink: 0; } }

@media (min-width: 62.25em) { .c-product-spec--thin .c-product-spec__title { width: 9.8125rem; } }

.c-product-spec__text { width: 49%; font-size: 0.875rem; line-height: 1.43; }

@media (min-width: 62.25em) { .c-product-spec__text { width: 100%; } }

.c-product-specs { margin-top: 2.125rem; }

@media (min-width: 62.25em) { .c-product-specs { margin-top: 1.8125rem; } }

.c-product-specs__toggle { text-align: center; }

.c-product-specs__list-wrap { display: none; }

.c-product-specs__list-wrap.is-active { display: block; }

.c-product-specs__list { list-style: none; margin-top: 3.75rem; }

@media (min-width: 62.25em) { .c-product-specs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 3.8125rem; } }

.c-product-specs__item { padding: 1.25rem 1rem; }

@media (max-width: 62.24em) { .c-product-specs__item:nth-child(odd) { background-color: #363636; } }

@media (min-width: 62.25em) { .c-product-specs__item { padding: 1rem 0 0.875rem 3.25rem; width: 50%; }
  .c-product-specs__item:nth-child(even) { padding: 1rem 1rem 0.875rem 2.25rem; }
  .c-product-specs__item:nth-child(4n + 1), .c-product-specs__item:nth-child(4n + 2) { background-color: #363636; }
  .c-product-specs__item:nth-child(4n + 3), .c-product-specs__item:nth-child(4n + 4) { padding-top: 1.25rem; padding-bottom: 1.25rem; } }

.c-product-faq { padding: 4rem 0; max-width: 37.125rem; margin: 0 auto; }

.c-product-faq__heading { font-size: 1.375rem; line-height: 1.45; }

@media (min-width: 62.25em) { .c-product-faq__heading { font-size: 1.5rem; line-height: 1.33; } }

.c-product-faq__subheading { margin-top: 1rem; font-size: 1rem; font-weight: 600; line-height: 1.5; }

.c-product-faq__body { margin-top: 1rem; font-size: 0.875rem; line-height: 1.71; letter-spacing: 0.03em; }

@media (min-width: 62.25em) { .c-product-faq__body { margin-top: 1.5rem; } }

.c-product-faq__cta { margin-top: 2.125rem; }

@media (min-width: 62.25em) { .c-product-faq__cta { margin-top: 1.5rem; } }

.c-product-callout__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 2.1875rem; padding-bottom: 4rem; }

@media (min-width: 62.25em) { .c-product-callout__wrapper { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 40em) { .c-product-callout__wrapper { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 40em) { .c-product-callout__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 2.9375rem; padding-bottom: 3.375rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.c-product-callout__content { max-width: 17.9375rem; margin-top: 1.25rem; }

@media (min-width: 40em) { .c-product-callout__content { margin-top: 0; max-width: 22rem; } }

.c-product-callout__heading { max-width: 22rem; text-transform: initial; }

.c-product-callout__cta { margin-top: 4rem; }

.c-product-callout__visuals { max-width: 20rem; }

@media (min-width: 40em) { .c-product-callout__visuals { max-width: 37.0625rem; width: 100%; margin-left: 2.8125rem; } }

.c-product-carousel { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; padding-bottom: 4rem; }

@media (min-width: 62.25em) { .c-product-carousel { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (max-width: 62.24em) { .c-product-carousel { padding-right: 0; } }

.c-product-carousel__heading { font-size: 1.5rem; font-weight: 700; line-height: 1.33; text-align: center; margin-top: 2rem; }

@media (min-width: 62.25em) { .c-product-carousel__heading { margin-top: 4rem; } }

.c-product-carousel__carousel { margin-top: 2rem; }

.c-product-carousel__carousel::after { content: "flickity"; display: none; }

@media (min-width: 62.25em) { .c-product-carousel__carousel { -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 16px; } }

@media (min-width: 62.25em) and (min-width: 40em) { .c-product-carousel__carousel { -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; } }

@media (min-width: 62.25em) and (min-width: 40em) { .c-product-carousel__carousel { grid-template-columns: repeat(12, 1fr); } }

@media (min-width: 62.25em) and (min-width: 62.25em) { .c-product-carousel__carousel { grid-row-gap: 20px; } }

@media (min-width: 62.25em) { .c-product-carousel__carousel::after { content: none; } }

.c-product-carousel__callout { margin-top: 3rem; text-align: center; }

.c-product-contents { position: relative; padding: 1rem; }

@media (min-width: 40em) { .c-product-contents { padding: 0; height: 31rem; } }

.c-product-contents__content-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; margin-top: 2.1875rem; }

@media (min-width: 62.25em) { .c-product-contents__content-wrapper { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 40em) { .c-product-contents__content-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 0; } }

.c-product-contents__heading { text-transform: none; }

.c-product-contents__list { margin-top: 1rem; list-style: none; }

.c-product-contents__list li::before { content: ""; display: inline-block; vertical-align: middle; margin-right: 0.3125rem; width: 0.25rem; height: 0.25rem; border-radius: 50%; background-color: #000000; }

.c-product-contents__list li:not(:first-child) { margin-top: 0.375rem; }

@media (min-width: 40em) { .c-product-contents__visuals { height: 100%; } }

.c-product-contents__background { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }

.c-product-feature { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; background-color: initial; }

@media (min-width: 62.25em) { .c-product-feature { height: 46.875rem; } }

.c-product-feature:not(:first-of-type) { margin-top: 2rem; }

@media (min-width: 62.25em) { .c-product-feature:not(:first-of-type) { margin-top: 0; } }

.c-product-feature__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; max-width: 25rem; }

@media (min-width: 62.25em) { .c-product-feature__wrapper { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 62.25em) { .c-product-feature__wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } }

.c-product-feature__wrapper--row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 62.25em) { .c-product-feature__wrapper--row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial; } }

.c-product-feature__wrapper--row-reversed { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 62.25em) { .c-product-feature__wrapper--row-reversed { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial; } }

.c-product-feature__info { z-index: 1; }

@media (min-width: 62.25em) { .c-product-feature__info { width: 100%; height: 100%; min-width: 24.5625rem; } }

@media (min-width: 62.25em) { .c-product-feature__info--lightweight { -ms-flex-preferred-size: 47.25%; flex-basis: 47.25%; } }

.c-product-feature__content-wrapper { max-width: 25.5625rem; padding: 2rem 0; }

@media (min-width: 62.25em) { .c-product-feature__content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0; } }

.c-product-feature__heading { line-height:1.2;font-family: 'Shokz Sans Display';font-size: 1.875rem; font-weight: 700;  text-transform: capitalize; }

@media (min-width: 62.25em) { .c-product-feature__heading { font-size: 2.5rem; font-weight: 700; line-height: 1; } }

.c-product-feature__subheading { font-size: 1.125rem; font-weight: 700; line-height: 1.33; text-transform: capitalize; }

.c-product-feature__body:not(:first-child) { margin-top: 1.75rem; }

@media (min-width: 62.25em) { .c-product-feature__body:not(:first-child) { margin-top: 2.0625rem; } }

.c-product-feature__text { margin-top: 0.25rem;line-height: 1.4; }

@media (min-width: 62.25em) { .c-product-feature__text { margin-top: 0.5625rem; } }

.c-product-feature__conditions { display: block; margin-top: 2.5rem; font-size: 0.625rem; line-height: 1.2; color: {{ settings.theme_secondary_color }}; }

@media (min-width: 62.25em) { .c-product-feature__conditions { color: #c0c3c7; } }

.c-product-feature__visuals { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }

.c-product-feature__visuals--aside { position: relative; }

.c-product-feature__visuals--lightweight { position: relative; }

@media (min-width: 62.25em) { .c-product-feature__visuals--lightweight { -ms-flex-preferred-size: 52.75%; flex-basis: 52.75%; } }

.c-product-feature__visuals--image { position: relative; }

@media (min-width: 62.25em) { .c-product-feature__visuals--image { position: absolute; top: 50%; bottom: initial; left: initial; width: 35%; height: initial; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

.c-product-feature__image { width: 100%; height: auto; }

.c-product-feature__effect-wrapper { position: relative; height: 100%; }

.c-product-feature__featured-image { z-index: 1; max-height: 20rem; }

@media (min-width: 62.25em) { .c-product-feature__featured-image { position: absolute; top: 30%; left: 5.9%; max-width: 33rem; max-height: 22rem; } }

.c-product-feature__split-image { max-width: 49%; width: 100%; }

@media (min-width: 62.25em) { .c-product-feature__split-image { position: absolute; max-height: 51%; } }

.c-product-feature__split-image:nth-of-type(1) { margin-top: 30%; }

@media (min-width: 62.25em) { .c-product-feature__split-image:nth-of-type(1) { top: 33%; left: 0; margin-top: 0; } }

.c-product-feature__split-image:nth-of-type(2) { margin-top: 12%; }

@media (min-width: 62.25em) { .c-product-feature__split-image:nth-of-type(2) { top: 16.7%; left: 51%; margin-top: 0; } }

.c-product-feature__battery { position: absolute; top: 60%; left: 50%; border-radius: 50%; width: 8rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media (min-width: 62.25em) { .c-product-feature__battery { left: 90.6%; top: 42.2%; width: 21%; -webkit-transform: none; transform: none; } }

.c-product-feature__battery svg { border-radius: 50%; padding: 0.5rem; background: {{ settings.theme_tertiary_color }}; height: 100%; }

.c-product-feature__droplet { position: absolute; }

.c-product-feature__droplet--1 { left: -50%; top: 25.3%; }

@media (min-width: 48em) { .c-product-feature__droplet--1 { left: -10%; } }

.c-product-feature__droplet--2 { top: -45%; right: 0%; z-index: 1; width: 60vw; }

@media (min-width: 48em) { .c-product-feature__droplet--2 { top: 3.7%; left: 18.2%; right: initial; width: initial; } }

.c-product-feature__droplet--3 { z-index: 1; top: 20%; left: 0; }

@media (min-width: 48em) { .c-product-feature__droplet--3 { top: 42.5%; left: 0; } }

.c-product-feature__effect { display: block; }

@media (min-width: 62.25em) { .c-product-feature__effect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } }

.c-product-feature--battery .c-product-feature__effect, .c-product-feature--2pic .c-product-feature__effect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-height: 20rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (min-width: 62.25em) { .c-product-feature--battery .c-product-feature__effect, .c-product-feature--2pic .c-product-feature__effect { -webkit-box-align: initial; -ms-flex-align: initial; align-items: initial; -webkit-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; } }

@media (min-width: 62.25em) { .c-product-feature__feather-effect { position: absolute; top: 8.7%; } }

.c-product-feature__feather-blur { display: none; }

@media (min-width: 62.25em) { .c-product-feature__feather-blur { position: absolute; top: 34%; display: block; } }

.c-product-feature__background { width: 100%; }

@media (min-width: 62.25em) { .c-product-feature__background { height: 100%; -o-object-fit: cover; object-fit: cover; } }

.c-product-feature__background-wrapper { width: 100%; }

@media (min-width: 62.25em) { .c-product-feature__background-wrapper { height: 100%; min-height: 20rem; } }

.c-product-feature__stability-wrapper, .c-product-feature__water-wrapper { position: relative; z-index: -1; width: 100%; height: 100%; overflow: hidden; min-height: 20rem; }

.c-product-feature__water { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.c-product-feature__stability { position: absolute; -webkit-transition: -webkit-transform 1s ease !important; transition: -webkit-transform 1s ease !important; transition: transform 1s ease !important; transition: transform 1s ease, -webkit-transform 1s ease !important; opacity: 0.6 !important; }

.c-product-feature__stability--1 { -webkit-transform: translateX(140px); transform: translateX(140px); -webkit-transition: -webkit-transform 1.5s ease; transition: -webkit-transform 1.5s ease; transition: transform 1.5s ease; transition: transform 1.5s ease, -webkit-transform 1.5s ease; }

.is-in .c-product-feature__stability--1 { -webkit-transform: none; transform: none; }

.c-product-feature__stability--2 { -webkit-transform: translateX(90px); transform: translateX(90px); -webkit-transition: -webkit-transform 1.5s ease; transition: -webkit-transform 1.5s ease; transition: transform 1.5s ease; transition: transform 1.5s ease, -webkit-transform 1.5s ease; }

.is-in .c-product-feature__stability--2 { -webkit-transform: translateX(0); transform: translateX(0); }

.c-product-feature__stability--3 { -webkit-transform: translateX(-90px); transform: translateX(-90px); -webkit-transition: -webkit-transform 1.5s ease; transition: -webkit-transform 1.5s ease; transition: transform 1.5s ease; transition: transform 1.5s ease, -webkit-transform 1.5s ease; }

.is-in .c-product-feature__stability--3 { -webkit-transform: translateX(0); transform: translateX(0); }

.c-product-feature__stability--4 { -webkit-transform: translateX(-140px); transform: translateX(-140px); -webkit-transition: -webkit-transform 1.5s ease; transition: -webkit-transform 1.5s ease; transition: transform 1.5s ease; transition: transform 1.5s ease, -webkit-transform 1.5s ease; }

.is-in .c-product-feature__stability--4 { -webkit-transform: translateX(0); transform: translateX(0); }

.c-product-feature__video-wrapper { width: 100%; height: 100%; }

.c-product-feature__video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; }

@media (min-width: 1921px) { .c-product-feature__video { -o-object-position: top; object-position: top; } }

@media (max-width: 47.99em) { .c-product-feature--sweatproof { margin-top: 5rem; } }

.c-product-feature--common-landing { background: {{ settings.theme_quinternary_color }}; }

@media (min-width: 62.25em) { .c-product-feature--common-landing { position: relative; overflow: hidden; } }

.c-product-guarantee { text-align: center; }

@media (min-width: 62.25em) { .c-product-guarantee { display: block; } }

.c-product-guarantee__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-product-guarantee__icon-wrapper { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: 2.75rem; height: 2.75rem; }

.c-product-guarantee__icon { width: 100%; }

.c-product-guarantee__heading { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1.14; text-transform: uppercase; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-transform: none; margin-top: 0.625rem; }

.c-product-guarantee__body { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 0.625rem; }

.c-product-guarantees { background-color: {{ settings.theme_secondary_color }}; color: {{ settings.theme_tertiary_color }}; }

.c-product-guarantees__anchor { position: relative; top: -5.4375rem; display: block; visibility: hidden; }

@media (min-width: 62.25em) { .c-product-guarantees__anchor { top: -4.125rem; } }

.c-product-guarantees__wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; padding-top: 4rem; padding-bottom: 4rem; }

@media (min-width: 62.25em) { .c-product-guarantees__wrapper { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

.c-product-guarantees__list { list-style: none; }

@media (min-width: 62.25em) { .c-product-guarantees__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 0; } }

.c-product-guarantees__item { width: 100%; max-width: 11.875rem; margin: 0 auto; }

.c-product-guarantees__item:not(:first-child) { margin-top: 2rem; }

@media (min-width: 62.25em) { .c-product-guarantees__item:not(:first-child) { margin-top: 0; margin-left: 0.75rem; } }

.c-product-guide-block { background-color: {{ settings.theme_quinternary_color }}; padding: 4rem 1rem; }

@media (min-width: 48em) { .c-product-guide-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

@media (min-width: 62.25em) { .c-product-guide-block { padding: 4rem 6.25rem; } }

@media (min-width: 48em) { .c-product-guide-block__main { max-width: 50%; } }

.c-product-guide-block__heading { font-size: 1.375rem; font-weight: 700; line-height: 1.45; }

@media (min-width: 62.25em) { .c-product-guide-block__heading { font-size: 1.5rem; } }

.c-product-guide-block__body { font-size: 0.875rem; line-height: 1.71; letter-spacing: 0.04em; margin-top: 2rem; }

.c-product-guide-block__select-wrapper { margin-top: 2rem; }

.c-product-guide-block__actions { margin-top: 2rem; }

.c-product-guide-block__aside { max-width: 24.5rem; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; }

@media (max-width: 47.99em) { .c-product-guide-block__aside { display: none; } }

.c-product-guide-block__aside::after { content: ""; display: block; width: 100%; height: 6.0625rem; opacity: 0.1; background-image: radial-gradient(closest-side at 48% 50%, #000000 1%, rgba(255, 255, 255, 0)); }

.c-product-guide-block__img { vertical-align: middle; padding: 0 3.125rem; }

.c-product-guide-header { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }

@media (min-width: 62.25em) { .c-product-guide-header { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

.c-product-guide-header__block { max-width: 20.3125rem; margin-top: 1.5rem; }

.c-product-guide-header__heading { font-size: 1.875rem; font-weight: 700; line-height: 1.07; text-transform: uppercase; }

@media (min-width: 62.25em) { .c-product-guide-header__heading { font-size: 2.5rem; font-weight: 700; line-height: 1; } }

.c-product-guide-header__img { max-width: 15rem; margin: 4rem auto 0; }

@media (min-width: 48em) { .c-product-guide-header__img { max-width: 15.3125rem; } }

.c-product-guide-header__cta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 1.5rem; }

.c-product-guide-header__return-link { -ms-flex-item-align: start; align-self: flex-start; }

.c-product-list { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; padding-top: 4.125rem; padding-bottom: 4.125rem; }

@media (min-width: 62.25em) { .c-product-list { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

.c-product-list__heading { text-align: center; }

.c-product-list__heading--landing { font-size: 1.875rem; font-weight: 700; line-height: 1.07; text-transform: uppercase; }

@media (min-width: 62.25em) { .c-product-list__heading--landing { font-size: 2.5rem; font-weight: 700; line-height: 1; } }

.c-product-list__content { text-align: center; margin-top: 2rem; }

@media (min-width: 62.25em) { .c-product-list__content { max-width: 41.875rem; margin: 2rem auto 0; } }

.c-product-list__carousel { margin: 2rem -1rem 0; }

.c-product-list__carousel::after { content: "flickity"; display: none; }

.c-product-list__carousel .flickity-viewport { -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; }

@media (min-width: 62.25em) { .c-product-list__carousel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 2rem 0 0 -0.75rem; }
  .c-product-list__carousel::after { content: none; } }

.c-product-list__item { width: 100%; max-width: 17.25rem; padding: 1rem 0.5rem; -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; }

@media (min-width: 62.25em) { .c-product-list__item { max-width: 18.875rem; padding: 0 0 0 0.75rem; margin-top: 1.25rem; } }

.c-product-list__item:first-child { max-width: 17.75rem; padding-left: 1rem; }

@media (min-width: 62.25em) { .c-product-list__item:first-child { max-width: 18.875rem; padding: 0 0 0 0.75rem; } }

.c-product-list__item:last-child { max-width: 17.75rem; padding-right: 1rem; }

@media (min-width: 62.25em) { .c-product-list__item:last-child { max-width: 18.875rem; padding: 0 0 0 0.75rem; } }

@media (max-width: 62.24em) { .c-product-list__item {  }
  .c-product-list__carousel.is-ready .c-product-list__item { height: 100%; } }

.c-product-list__cta { margin-top: 3rem; text-align: center; }


.c-product-review-form .yotpo.yotpo-main-widget .yotpo-header .yotpo-icon-profile, .c-product-review-form .yotpo.yotpo-main-widget .yotpo-icon-star, .c-product-review-form .yotpo.yotpo-main-widget .yotpo-icon-half-star, .c-product-review-form .yotpo.yotpo-main-widget .yotpo-icon-empty-star, .c-product-review-form .yotpo.embedded-widget .yotpo-header .yotpo-icon-profile, .c-product-review-form .yotpo.embedded-widget .yotpo-icon-star, .c-product-review-form .yotpo.embedded-widget .yotpo-icon-half-star, .c-product-review-form .yotpo.embedded-widget .yotpo-icon-empty-star, .c-product-review-form .yotpo.yotpo-modal .yotpo-header .yotpo-icon-profile, .c-product-review-form .yotpo.yotpo-modal .yotpo-icon-star, .c-product-review-form .yotpo.yotpo-modal .yotpo-icon-half-star, .c-product-review-form .yotpo.yotpo-modal .yotpo-icon-empty-star, .c-product-review-form .yotpo.bottomLine .yotpo-header .yotpo-icon-profile, .c-product-review-form .yotpo.bottomLine .yotpo-icon-star, .c-product-review-form .yotpo.bottomLine .yotpo-icon-half-star, .c-product-review-form .yotpo.bottomLine .yotpo-icon-empty-star, .c-product-review-form .yotpo.yotpo-reviews-carousel .yotpo-header .yotpo-icon-profile, .c-product-review-form .yotpo.yotpo-reviews-carousel .yotpo-icon-star, .c-product-review-form .yotpo.yotpo-reviews-carousel .yotpo-icon-half-star, .c-product-review-form .yotpo.yotpo-reviews-carousel .yotpo-icon-empty-star, .c-product-review-form .mobile-filters-modal .yotpo-header .yotpo-icon-profile, .c-product-review-form .mobile-filters-modal .yotpo-icon-star, .c-product-review-form .mobile-filters-modal .yotpo-icon-half-star, .c-product-review-form .mobile-filters-modal .yotpo-icon-empty-star { color: {{ settings.theme_primary_color }} !important; }

.c-product-review-form .yotpo .y-label, .c-product-review-form .yotpo span.y-label { color: {{ settings.theme_secondary_color }}; }

.c-product-review-form .yotpo .form-group .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-rating-field-titles .y-label, .c-product-review-form .yotpo .form-group .form-element .yotpo-rating-field .yotpo-rating-field-content .yotpo-size-field-titles .y-label, .c-product-review-form .yotpo .form-group .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-rating-field-titles .y-label, .c-product-review-form .yotpo .form-group .form-element .yotpo-rating-field .yotpo-size-field-content .yotpo-size-field-titles .y-label, .c-product-review-form .yotpo .form-group .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-rating-field-titles .y-label, .c-product-review-form .yotpo .form-group .form-element .yotpo-size-field .yotpo-rating-field-content .yotpo-size-field-titles .y-label, .c-product-review-form .yotpo .form-group .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-rating-field-titles .y-label, .c-product-review-form .yotpo .form-group .form-element .yotpo-size-field .yotpo-size-field-content .yotpo-size-field-titles .y-label { color: {{ settings.theme_secondary_color }}; }

.c-product-review-form .yotpo .yotpo-rating-bars .yotpo-product-related-field-score-bar.yotpo-rating-bar-full, .c-product-review-form .yotpo .yotpo-size-bars .yotpo-product-related-field-score-bar.yotpo-rating-bar-full { background-color: {{ settings.theme_primary_color }}; }

.c-product-review-form .yotpo .yotpo-default-button, .c-product-review-form .yotpo input[type="button"].yotpo-default-button { background-color: {{ settings.theme_primary_color }}; }

.c-product-review-form .yotpo .form-group .form-element .y-label.yotpo-field-title { color: {{ settings.theme_secondary_color }}; }

.c-product-review-form .yotpo input, .c-product-review-form .yotpo .y-input { font-family: {{ settings.base_font_family.family }}, sans-serif; border-color: {{ settings.theme_quaternary_color }}; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; }

.c-product-review-form .yotpo .text-box, .c-product-review-form .yotpo .yotpo-text-box { font-family: {{ settings.base_font_family.family }}, sans-serif; border-color: {{ settings.theme_quaternary_color }}; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; }

.c-product-review-form .yotpo .yotpo-regular-box { border-top: none; margin: 0; padding: 0; }

.c-product-review-form .yotpo.yotpo-main-widget .yotpo-icon-btn, .c-product-review-form .yotpo .yotpo-modal-dialog .yotpo-icon-btn { padding: 10px; }

.c-product-review-form .yotpo div, .c-product-review-form .yotpo span, .c-product-review-form .yotpo p, .c-product-review-form .yotpo a, .c-product-review-form .yotpo img, .c-product-review-form .yotpo i, .c-product-review-form .yotpo strong, .c-product-review-form .yotpo sup, .c-product-review-form .yotpo ul, .c-product-review-form .yotpo li, .c-product-review-form .yotpo form, .c-product-review-form .yotpo label { font-family: {{ settings.base_font_family.family }}, sans-serif; }

.c-product-reviews { background-color: {{ settings.theme_quinternary_color }}; padding: 4rem 0; }

.c-product-reviews__wrapper { padding: 0 1rem; }

.c-product-reviews__heading { font-size: 1.375rem; font-weight: 700; line-height: 1.45; text-align: center; }

@media (min-width: 62.25em) { .c-product-reviews__heading { font-size: 1.5rem; line-height: 1.33; } }

.c-product-reviews__content { margin: 1rem -1rem 0; }

.c-product-reviews__item { padding: 1rem 0; width: 100%; margin-right: 1.875rem; max-width: 16.25rem; }

@media (min-width: 62.25em) { .c-product-reviews__item { margin-right: 1.25rem; } }

.c-product-reviews__actions { margin-top: 2rem; text-align: center; }

@media (min-width: 62.25em) { .c-product-reviews__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.c-product-reviews__action:not(:first-child) { margin-top: 2rem; }

@media (min-width: 62.25em) { .c-product-reviews__action:not(:first-child) { margin: 0 0 0 0.75rem; } }

.c-product-reviews__form-wrapper { max-width: 59.5rem; margin: 4rem auto 0; }

.c-product-reviews .flickity-page-dots { position: static; margin-top: 1rem; }

@media (min-width: 62.25em) { .c-product-reviews .flickity-page-dots { display: none; } }

.c-product-reviews .dot { width: 1rem; height: 1rem; border: 1px solid {{ settings.theme_secondary_color }}; background-color: transparent; opacity: 1;  }

.c-product-reviews .dot.is-selected { border-color: {{ settings.theme_primary_color }}; background-color: {{ settings.theme_primary_color }}; }

.c-product-table { margin-top: 2rem; }

.c-product-table__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid {{ settings.theme_quinternary_color }}; padding: 1rem; }

@media (min-width: 62.25em) { .c-product-table__row { padding: 1rem 2rem; } }

.c-product-table__row--footer { border-top-color: {{ settings.theme_secondary_color }}; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 62.25em) { .c-product-table__row--footer { padding-left: 0; padding-right: 0; } }

.c-product-table__row--image { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.c-product-table__cell-header { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; text-transform: capitalize; font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; font-weight: 700; }

.c-product-table__cell { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-top: 0.5rem; }

.c-product-table__cell--cta { margin-top: 2.4375rem; -ms-flex-preferred-size: 49%; flex-basis: 49%; line-height: 0.6; }

@media (min-width: 62.25em) { .c-product-table__cell--cta { line-height: 1; } }

.c-product-table__image { width: 100%; }

.c-product-table__image-wrapper { position: relative; padding: 0 1rem 1rem; width: 8.75rem; }

@media (min-width: 62.25em) { .c-product-table__image-wrapper { width: 18.1875rem; } }

@media (min-width: 62.25em) { .c-product-table__image-wrapper--first { margin-right: 0.75rem; } }

.c-product-table__image-wrapper::after { content: " "; position: absolute; right: 0; left: 0; top: -20%; margin-left: auto; margin-right: auto; width: 60%; height: 0.125rem; border-radius: 50%; background: transparent; -webkit-transition: -webkit-box-shadow 0.2s ease-in-out; transition: -webkit-box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; -webkit-box-shadow: 0 6.125rem 0.9375rem 0 #888888; box-shadow: 0 6.125rem 0.9375rem 0 #888888; }

@media (min-width: 62.25em) { .c-product-table__image-wrapper::after { top: 40%; } }

.c-product-table__swatches-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1.625rem; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }


.c-product-tile { position: relative; overflow: hidden; padding: 2.6875rem 0.75rem 1rem; background-color: {{ settings.theme_quinternary_color }}; border: 0.0625rem solid {{ settings.theme_quinternary_color }}; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); height: 100%; will-change: transform; }

.c-product-tile:not(.c-product-tile--comparison) { min-height: 580px; }

@media (min-width: 62.25em) { .c-product-tile:not(.c-product-tile--comparison) { min-height: 710px; } }

.c-product-tile__wrapper { width: 100%;    position: relative; }

@media (min-width: 62.25em) { .c-product-tile__wrapper { height: 100%; grid-column-start: span 3; } }

.c-product-list__carousel.is-ready .c-product-tile__wrapper { height: 100%; }

.c-product-tile__wrapper--hardware { grid-column-start: span 4; }

@media (min-width: 40em) { .c-product-tile__wrapper--hardware { grid-column-start: span 3; } }

.c-product-tile__wrapper--search-list { grid-column-start: span 4; }

@media (min-width: 40em) { .c-product-tile__wrapper--search-list { grid-column-start: span 2; } }

@media (min-width: 62.25em) { .c-product-tile__wrapper--search-list { grid-column-start: span 3; } }

.c-product-tile__wrapper--accessories { grid-column-start: span 2; }

@media (min-width: 62.25em) { .c-product-tile__wrapper--accessories { grid-column-start: span 3; } }

.c-product-tile__wrapper--accessories .c-product-tile__features-wrapper, .c-product-tile__wrapper--accessories .c-product-tile__rating { display: none; }

.c-product-tile__wrapper--comparison { grid-column-start: span 1; }

@media (min-width: 62.25em) { .c-product-tile__wrapper--comparison { grid-column-start: span 1; } }

@media (min-width: 48em) { .c-product-tile__wrapper:hover .c-product-tile, .c-product-tile__wrapper.is-active .c-product-tile { background-color: {{ settings.theme_tertiary_color }}; padding-top: 1.5625rem; -webkit-box-shadow: 0 16px 15px -15px rgba(0, 0, 0, 0.1); box-shadow: 0 16px 15px -15px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-16px); transform: translateY(-16px); }
  .c-product-tile__wrapper:hover .c-product-tile--comparison, .c-product-tile__wrapper.is-selected .c-product-tile--comparison, .c-product-tile__wrapper.is-active .c-product-tile--comparison, .c-product-tile:focus-within--comparison { padding-top: 1rem; -webkit-box-shadow: none; box-shadow: none; padding-bottom: 0; }
  .c-product-tile__wrapper:hover .c-product-tile .c-product-tile__image-wrapper, .c-product-tile__wrapper.is-selected .c-product-tile .c-product-tile__image-wrapper, .c-product-tile__wrapper.is-active .c-product-tile .c-product-tile__image-wrapper, .c-product-tile:focus-within .c-product-tile__image-wrapper { -webkit-transform: translateY(-11px); transform: translateY(-11px); margin-bottom: 1.4375rem; }
  .c-product-tile__wrapper:hover .c-product-tile .c-product-tile__variant-image, .c-product-tile__wrapper.is-selected .c-product-tile .c-product-tile__variant-image, .c-product-tile__wrapper.is-active .c-product-tile .c-product-tile__variant-image, .c-product-tile:focus-within .c-product-tile__variant-image { -webkit-transform: rotate(10deg) translateY(-15px); transform: rotate(10deg) translateY(-15px); } }

.c-product-tile__wrapper.is-selected .c-product-tile__image-wrapper::after, .c-product-tile__wrapper:hover .c-product-tile__image-wrapper::after, .c-product-tile:focus-within .c-product-tile__image-wrapper::after { -webkit-box-shadow: 0 88px 22px 0 #000000; box-shadow: 0 88px 22px 0 #000000; }

@media (max-width: 62.24em) { .c-product-tile__wrapper--carousel .c-product-tile, .c-product-tile__wrapper--carousel:hover .c-product-tile, .c-product-tile__wrapper--carousel.is-selected .c-product-tile, .c-product-tile__wrapper--carousel:focus-within .c-product-tile { -webkit-transform: none !important; transform: none !important; background: {{ settings.theme_quinternary_color }}; width: 100%; }
  .c-product-tile__wrapper--carousel .c-product-tile .c-product-tile__image-wrapper, .c-product-tile__wrapper--carousel:hover .c-product-tile .c-product-tile__image-wrapper, .c-product-tile__wrapper--carousel.is-selected .c-product-tile .c-product-tile__image-wrapper, .c-product-tile__wrapper--carousel:focus-within .c-product-tile .c-product-tile__image-wrapper { -webkit-transform: none; transform: none; }
  .c-product-tile__wrapper--carousel .c-product-tile .c-product-tile__variant-image, .c-product-tile__wrapper--carousel:hover .c-product-tile .c-product-tile__variant-image, .c-product-tile__wrapper--carousel.is-selected .c-product-tile .c-product-tile__variant-image, .c-product-tile__wrapper--carousel:focus-within .c-product-tile .c-product-tile__variant-image { -webkit-transform: rotate(10deg) translateX(-15px); transform: rotate(10deg) translateX(-15px); }
  .c-product-tile__wrapper--carousel .c-product-tile .c-product-tile__price-wrapper, .c-product-tile__wrapper--carousel:hover .c-product-tile .c-product-tile__price-wrapper, .c-product-tile__wrapper--carousel.is-selected .c-product-tile .c-product-tile__price-wrapper, .c-product-tile__wrapper--carousel:focus-within .c-product-tile .c-product-tile__price-wrapper { margin-bottom: 2rem; } }

.c-product-tile__badge { position: absolute; top: 0; left: 0; }

.c-product-tile__header { font-size: 1.375rem; font-weight: 700; line-height: 1.45; text-transform: capitalize; text-align: center; }

.c-product-tile--comparison .c-product-tile__header { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1.14; text-transform: uppercase; }

@media (max-width: 62.24em) { .c-product-tile--accessories .c-product-tile__header { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1.14; text-transform: uppercase; } }

.c-product-tile__rating { margin-top: 0.375rem; }

@media (min-width: 62.25em) { .c-product-tile__rating { margin-top: 0.5rem; } }

.c-product-tile__features-wrapper { margin-top: 1.5rem; text-align: center; }

@media (min-width: 62.25em) { .c-product-tile__features-wrapper { margin-top: 2rem; } }

.c-product-tile__features { padding: 1rem 0 0; list-style-type: none; overflow: hidden; -webkit-transition: max-height 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: max-height 0.4s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition-delay: 0.1; transition-delay: 0.1; max-height: 18.75rem; margin-top: 0; }

@media (max-width: 62.24em) { .c-product-tile__features:not(.is-expanded) { max-height: 0; } }

@media (min-width: 62.25em) { .c-product-tile__features { padding-top: 0; min-height: 175px; } }

.c-product-tile__feature-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.25rem 0; font-size: 0.8125rem; letter-spacing: 0.03125rem; line-height: 1.38; text-align: left; }

.c-product-tile__feature-icon { margin-right: 0.375rem; font-size: 1.25rem; line-height: 1; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.c-product-tile__feature-icon .o-icon { display: block; stroke: #000000; height: 1.5rem; width: 1.5rem; }

.c-product-tile__read-more { display: inline-block;  overflow: visible;  margin: 0;  padding: 0; border: 0; background: none transparent; color: inherit; vertical-align: middle;  text-align: center;  text-decoration: none; text-transform: none; font: inherit;  line-height: normal; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.c-product-tile__read-more:focus, .c-product-tile__read-more:hover { text-decoration: none; }

@media (min-width: 62.25em) { .c-product-tile__read-more { display: none; } }

.c-product-tile__image-wrapper { position: relative; margin-bottom: 2.125rem; padding: 0 1.125rem; -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); }

.c-product-tile__image-wrapper::after { content: " "; position: absolute; right: 0; left: 0; bottom: 5.5rem; margin-left: auto; margin-right: auto; width: 60%; height: 0.125rem; border-radius: 50%; background: transparent; -webkit-transition: -webkit-box-shadow 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: -webkit-box-shadow 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: box-shadow 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: box-shadow 0.4s cubic-bezier(0.77, 0, 0.175, 1), -webkit-box-shadow 0.4s cubic-bezier(0.77, 0, 0.175, 1); -webkit-box-shadow: 0 6.125rem 0.9375rem 0 #888888; box-shadow: 0 6.125rem 0.9375rem 0 #888888; }

.c-product-tile--comparison .c-product-tile__image-wrapper { padding: 0 0.125rem; }

@media (min-width: 62.25em) { .c-product-tile--comparison .c-product-tile__image-wrapper { padding: 0 1.125rem; } }

.c-product-tile__variant-image { -webkit-transition: opacity 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1) !important; transition: opacity 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1) !important; transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease !important; transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1) !important; }

.c-product-tile__price-wrapper { font-size: 1.125rem; font-weight: 400; line-height: 1.33; text-transform: uppercase; margin-top: 2rem; -webkit-transition: margin-bottom 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: margin-bottom 0.4s cubic-bezier(0.77, 0, 0.175, 1); text-align: center; }

.c-product-tile__wrapper:hover .c-product-tile__price-wrapper, .c-product-tile__price-wrapper:focus-within, .c-product-list__item.is-selected .c-product-tile__price-wrapper { margin-bottom: 2rem; }

.c-product-tile__compare-price { margin-left: 0.3125rem; text-decoration: line-through; opacity: 0.6; }

.c-product-tile__cta-wrapper { padding-top: 2rem; margin-top: auto; }

.c-product-tile__cta-wrapper--alternate { max-height: 2rem; margin-bottom: 1rem; padding-top: 0; }

.c-product-tile--buttons .c-product-tile__cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (min-width: 62.25em) and (max-width: 79.99em) { .c-product-tile--buttons .c-product-tile__cta-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .c-product-tile--buttons .c-product-tile__cta-wrapper > button, .c-product-tile--buttons .c-product-tile__cta-wrapper > a { margin-top: 1.125rem; } }

@media (max-width: 62.24em) { .c-product-tile--narrow .c-product-tile__cta-wrapper:not(.c-product-tile__cta-wrapper--alternate) { display: none; } }

@media (min-width: 62.25em) { .c-product-tile--narrow .c-product-tile__cta-wrapper--alternate { display: none; } }

@media (max-width: 62.24em) { .c-product-tile--accessories .c-product-tile__cta-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .c-product-tile--accessories .c-product-tile__cta-wrapper > button, .c-product-tile--accessories .c-product-tile__cta-wrapper > a { margin-top: 1.125rem; } }

.c-product-tile--comparison .c-product-tile__cta-wrapper { text-align: center; padding-top: 0.5rem; -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transform: translateY(31.25rem); transform: translateY(31.25rem); }

.c-product-tile__wrapper:hover .c-product-tile--comparison .c-product-tile__cta-wrapper, .c-product-tile__wrapper.is-selected .c-product-tile--comparison .c-product-tile__cta-wrapper, .c-product-tile--comparison .c-product-tile__cta-wrapper:focus-within { -webkit-transform: none; transform: none; margin-bottom: 0; }

.c-product-tile__cta { margin-bottom: 5px; margin-left: 0.375rem; margin-right: 0.375rem; }

.c-product-tile--buttons .c-product-tile__cta:not(:last-child) {  }

@media (min-width: 62.25em) and (max-width: 79.99em) { .c-product-tile--buttons .c-product-tile__cta:not(:last-child) { margin-bottom: 0.75rem; } }

.c-product-tile__cta-button { width: 100%; }

@media (min-width: 62.25em) and (max-width: 79.99em) { .c-product-tile__cta-button { display: block; } }

@media screen and (max-width: 768px) { .c-product-tile__cta-button { padding-top: 12px; padding-bottom: 12px; } }

.c-product-tile__selected-label { font-size: 15px; font-weight: 600; line-height: 1.07; color: {{ settings.theme_primary_color }}; margin-top: 2rem; }

.c-product-tile__bundle-cta { padding-top: 2rem; margin-top: auto; }

@media (min-width: 62.25em) { .c-product-tile__bundle-cta { -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transform: translateY(31.25rem); transform: translateY(31.25rem); }
  .c-product-tile__wrapper:hover .c-product-tile__bundle-cta, .c-product-tile__wrapper.is-selected .c-product-tile__bundle-cta, .c-product-tile__wrapper.is-active .c-product-tile__bundle-cta, .c-product-tile__bundle-cta .c-product-tile:focus-within { -webkit-transform: none; transform: none; margin-bottom: 2.5rem; } }

.c-product-tile--comparison { padding-top: 1rem; background-color: {{ settings.theme_tertiary_color }}; border: none; }

.c-product-tile__wrapper:hover .c-product-tile--comparison, .c-product-tile__wrapper.is-selected .c-product-tile--comparison, .c-product-tile--comparison .c-product-tile:focus-within { padding-top: 1rem; -webkit-box-shadow: none; box-shadow: none; padding-bottom: 0; }

.c-profile__image { width: 100%; -o-object-fit: cover; object-fit: cover; }

@media (min-width: 40em) { .c-profile__image { height: 18rem; } }

@media (max-width: 39.99em) { .c-profile__info { padding: 0 1rem; } }

.c-profile__heading { margin-top: 2rem; }

@media (min-width: 40em) { .c-profile__heading { margin-top: 1rem; } }

.c-profile__detail { margin-top: 2rem; }

.c-profile__detail-label { line-height: 1.45; }

.c-profile__detail-value { font-size: 1rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1.5; text-transform: uppercase; }

.c-profile__social { margin-top: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.c-profile__link-icon { margin-left: 0.3125rem; font-size: 0.75rem; }

.c-profile__social-link { font-size: 2.75rem; margin-right: 1rem; }

.c-quick-links { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; font-size: 0.875rem; }

.c-quick-links__item:not(:first-child) { margin-left: 1rem; }

.c-quick-links__link { display: block; line-height: 2.5rem; padding: 0 0.5rem; -webkit-transition: color 0.3s; transition: color 0.3s; }

.c-quick-links__link:hover { color: {{ settings.theme_primary_color }}; }

.c-review { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 2.5rem 1.25rem 1.125rem; margin: 0 auto; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: {{ settings.theme_tertiary_color }}; height: 22.5rem; }

.c-review--inset { height: auto; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; }

@media (min-width: 40em) { .c-review--inset { max-height: 70vh; overflow-y: auto; } }

.c-review__stars { text-align: center; color: {{ settings.theme_primary_color }}; }

.c-review__author { font-size: 1rem; font-weight: 700; line-height: 1.5; text-align: center; margin: 0.4375rem 0 0 -0.8125rem; }

.c-review__author::before { content: "-"; }

.c-review__body { font-size: 0.875rem; line-height: 1.72; letter-spacing: 0.04em; margin-top: 1.6875rem; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; }

.c-review--inset .c-review__body { overflow: initial; }

.c-review__read-more { margin-top: 2.1875rem; }

.c-search-box { z-index: 1; position: absolute; right: 0; top: 0; bottom: 0; max-height: 50rem; max-width: 23.1875rem; background: {{ settings.theme_tertiary_color }}; overflow-y: scroll; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; padding: 1rem 2.5625rem 1.75rem; width: 100%; }

@media (min-width: 62.25em) { .c-search-box { top: unset; bottom: unset; } }

.c-search-box--mobile { position: static; max-width: none; width: 100%; padding: 1rem; }

.c-search-box__results { margin-top: 1rem; }

.c-search-box__category { margin-top: 0.5rem; }

.c-search-box__title { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.c-search-box__list { list-style: none; margin-top: 0.5rem; }

.c-search-box__item { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; margin-top: 0.5rem; }

.c-search-box__info { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; }

.c-search-box__see-all { float: right; }

.c-search-field { position: relative; border: 1px solid {{ settings.theme_quinternary_color }}; border-radius: 1.25rem; padding: 0 2.75rem 0 1rem; }

.c-search-field__input { color: {{ settings.theme_secondary_color }}; font-size: 1rem; letter-spacing: 0.04em; line-height: 1; height: 2.375rem; padding: 0.5625rem 0 0.5rem; border: none; width: 100%; }

.c-search-field__input::-webkit-input-placeholder { color: inherit; }

.c-search-field__input::-moz-placeholder { color: inherit; }

.c-search-field__input:-ms-input-placeholder { color: inherit; }

.c-search-field__input::-ms-input-placeholder { color: inherit; }

.c-search-field__input::placeholder { color: inherit; }

.c-search-field__button { display: inline-block;  overflow: visible;  margin: 0;  padding: 0; border: 0; background: none transparent; color: inherit; vertical-align: middle;  text-align: center;  text-decoration: none; text-transform: none; font: inherit;  line-height: normal; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; top: 0.125rem; right: 0.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 2.125rem; background-color: {{ settings.theme_quinternary_color }}; border-radius: 50%; }

.c-search-field__button:focus, .c-search-field__button:hover { text-decoration: none; }

.c-search-field__button--delete { background-color: {{ settings.theme_primary_color }}; color: white; font-size: 1.375rem; padding: 0.375rem; }

.c-search-flyout { z-index: 4; position: fixed; -webkit-transform: translateX(100%); transform: translateX(100%); top: 5.5rem; bottom: 0; width: 100%; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1); }

@media (min-width: 62.25em) { .c-search-flyout { top: 0; } }

.c-search-flyout.is-active { -webkit-transform: translateX(0); transform: translateX(0); }

.c-search-flyout.is-active .c-search-flyout__overlay { background: rgba(223, 223, 223, 0.5); visibility: visible; opacity: 1; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

.c-search-flyout__overlay { z-index: 0; position: absolute; top: 0; bottom: 0; visibility: hidden; width: 100vw; opacity: 0; background: rgba(223, 223, 223, 0.5); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

.c-search-flyout__container { z-index: 1; position: absolute; right: 0; top: 0; bottom: 0; max-height: 50rem; max-width: 23.1875rem; background: {{ settings.theme_tertiary_color }}; overflow-y: scroll; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; padding: 1rem 2.5625rem 1.75rem; width: 100%; }

@media (min-width: 62.25em) { .c-search-flyout__container { top: unset; bottom: unset; } }

.c-search-flyout__results { margin-top: 1rem; }

.c-search-flyout__category { margin-top: 0.5rem; }

.c-search-flyout__title { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.c-search-flyout__list { list-style: none; margin-top: 0.5rem; }

.c-search-flyout__item { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; margin-top: 0.5rem; }

.c-search-flyout__info { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; }

.c-search-flyout__see-all { float: right; }

.c-search { margin-top: calc(88px + 32px); padding-bottom: 2rem; }

@media (min-width: 62.25em) { .c-search { margin-top: calc(108px + 32px); padding-bottom: 4rem; } }

.c-search__title { font-size: 1.125rem; font-weight: 700; line-height: 1.33; text-transform: uppercase; text-align: center; }

.c-search__subtitle { font-size: 1.875rem; font-weight: 700; line-height: 1.07; text-transform: uppercase; text-align: center; margin-bottom: 40px;}

@media (min-width: 62.25em) { .c-search__subtitle { font-size: 2.5rem; font-weight: 700; line-height: 1; } }

.c-section-content { background-color: {{ settings.theme_quinternary_color }}; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (min-width: 62.25em) { .c-section-content { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } }

.c-section-content__block { width: 100%; text-align: center; }

@media (min-width: 62.25em) { .c-section-content__block { width: 50%; max-height: 80vh; text-align: left; } }

.c-section-content__block--image { position: relative; }

@media (max-width: 62.24em) { .c-section-content__block--image { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding-top: 100%; overflow: hidden; } }

.c-section-content--left .c-section-content__block--image { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

.c-section-content__block--text { padding: 2.0625rem 1rem 4rem; }

@media (min-width: 62.25em) { .c-section-content__block--text { padding: 4rem 8.4% 4rem 11%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.c-section-content__text { margin-top: 6%; }

.c-section-content__text p:first-of-type { margin-top: 0.5rem; }

@media (min-width: 62.25em) { .c-section-content__text p { font-size: 0.875rem; line-height: 1.7; } }

.c-section-content__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

@media (max-width: 62.24em) { .c-section-content__image { position: absolute; left: 0; top: 0; } }

.c-site-footer { list-style: none; margin: auto; padding: 0; }

@media (min-width: 40em) { .c-site-footer { background-color: initial; max-width: 80rem; padding: 0 0 0 2.5rem; } }

@media (max-width: 79.99em) { .c-site-footer { overflow-x: hidden; } }

.c-site-footer__nav { padding: 2rem 0.9375rem 0.75rem; background-color: {{ settings.theme_secondary_color }}; color: {{ settings.theme_tertiary_color }}; grid-area: nav; }

@media (min-width: 40em) { .c-site-footer__nav { padding-left: 2.5rem; } }

@media (min-width: 62.25em) { .c-site-footer__nav { padding-left: 2.5rem; padding-right: 0; } }

@media (min-width: 80em) { .c-site-footer__nav { padding-left: 6.25rem; } }

.c-site-footer__container { -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-areas: "nav"; grid-template-columns: 1fr; }

@media (min-width: 40em) { .c-site-footer__container { -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; } }

@media (min-width: 40em) { .c-site-footer__container { grid-template-columns: repeat(12, 1fr); } }

@media (min-width: 40em) { .c-site-footer__container { grid-template-areas: "competitors nav nav nav"; grid-template-columns: 1fr 3fr; } }

.c-site-footer__competitors { display: none; grid-area: competitors; padding-top: 4rem; }

@media (min-width: 40em) { .c-site-footer__competitors { display: block; } }

.c-site-footer__copyright { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; color: {{ settings.theme_quaternary_color }}; margin-top: 1.5rem; letter-spacing: normal; }

.c-site-header { z-index: 4; background-color: {{ settings.theme_tertiary_color }}; position: fixed; left: 0; top: 0; width: 100%; }

.c-site-logo { width: 7.8125rem; }

@media (min-width: 62.25em) { .c-site-logo { width: 9.375rem; } }

.c-site-logo img { display: block; }

.c-social-card { z-index: 1; position: relative; display: block; border-radius: 8px; width: 100%; background: #d8d8d8; background-size: cover; background-repeat: no-repeat; -webkit-transition: opacity 0.2s ease, -webkit-transform 0.3s !important; transition: opacity 0.2s ease, -webkit-transform 0.3s !important; transition: transform 0.3s, opacity 0.2s ease !important; transition: transform 0.3s, opacity 0.2s ease, -webkit-transform 0.3s !important; }

.c-social-card__shadow { position: absolute; top: 8%; left: 10%; z-index: 0; width: 90%; -webkit-filter: blur(30px); filter: blur(30px); }

.c-social-card--regular + .c-social-card__shadow { padding-bottom: 90%; }

.c-social-card--tall + .c-social-card__shadow { height: 92%; }

@media (min-width: 62.25em) { .c-social-card--left + .c-social-card__shadow { -webkit-transform: translate3d(-25px, 0, -100px); transform: translate3d(-25px, 0, -100px); } }

@media (min-width: 62.25em) { .c-social-card--right + .c-social-card__shadow { -webkit-transform: translate3d(25px, 0, -100px); transform: translate3d(25px, 0, -100px); } }

.c-social-card--regular { padding-bottom: 100%; }

.c-social-card--tall { height: 100%; }

.c-social-grid--mini .c-social-card--tall { padding-bottom: 100%; }

@media (min-width: 62.25em) { .c-social-grid--mini .c-social-card--tall { padding-bottom: 0; height: 435px; } }

@media (min-width: 62.25em) { .c-social-card--left { -webkit-transform: translateX(-25px); transform: translateX(-25px); }
  .c-social-card--left:hover { -webkit-transform: translateX(-25px) scale(1.05); transform: translateX(-25px) scale(1.05); } }

@media (min-width: 62.25em) { .c-social-card--right { -webkit-transform: translateX(25px); transform: translateX(25px); }
  .c-social-card--right:hover { -webkit-transform: translateX(25px) scale(1.05); transform: translateX(25px) scale(1.05); } }

@media (min-width: 62.25em) { .c-social-grid--mini .c-social-card { -webkit-transform: none; transform: none; }
  .c-social-grid--mini .c-social-card:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } }



.c-social-grid { max-width: 80rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; height: 250vw; margin: 0 -24px; }

@media (min-width: 40em) { .c-social-grid { height: 700px; } }

@media (min-width: 62.25em) { .c-social-grid { height: 1130px; } }

@media (min-width: 80em) { .c-social-grid { -ms-flex-line-pack: justify; align-content: space-between; margin: 0 auto; } }

.c-social-grid__header { font-size: 1.875rem; font-weight: 700; line-height: 1.07; text-transform: uppercase; font-weight: 700; text-align: center; padding-bottom: 2.4375rem; }

@media (min-width: 62.25em) { .c-social-grid__header { font-size: 2.5rem; font-weight: 700; line-height: 1; } }

.c-social-grid__body { text-align: center; margin-bottom: 2rem; }

@media (min-width: 62.25em) { .c-social-grid__body { max-width: 34.375rem; margin: 0 auto 2rem; } }

.c-social-grid__wrapper { overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; background: {{ settings.theme_quinternary_color }}; padding-top: 4rem; padding-bottom: 2rem; }

@media (min-width: 62.25em) { .c-social-grid__wrapper { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 62.25em) { .c-social-grid__wrapper { max-width: none; } }

@media (min-width: 62.25em) { .c-social-grid__wrapper { padding-bottom: 4rem; } }

.c-social-grid__item { position: relative; margin: 25px 24px; -webkit-box-flex: 0; -ms-flex: 0 0 23%; flex: 0 0 23%; }

@media (max-width: 39.99em) { .c-social-grid__item:nth-child(4) { margin-top: 36%; } }

@media (min-width: 40em) { .c-social-grid__item { margin: 25px 44px; -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; }
  .c-social-grid--full .c-social-grid__item:nth-child(1) { margin-top: 5%; }
  .c-social-grid--full .c-social-grid__item:nth-child(3) { margin-top: 13%; }
  .c-social-grid--full .c-social-grid__item:nth-child(4) { margin-top: 39px; } }

@media (min-width: 62.25em) { .c-social-grid__item { -webkit-box-flex: 0; -ms-flex: 0 0 435px; flex: 0 0 435px; max-width: 290px; } }

@media (min-width: 80em) { .c-social-grid__item { width: 290px; } }

.c-social-grid__icon { height: 90%; width: 90%; }

.c-social-grid__icon-bubble { z-index: 1; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 0; border-radius: 50%; background: white; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); }

.c-social-grid__icon-bubble--logo { bottom: 30%; width: 34px; height: 34px; }

@media (min-width: 62.25em) { .c-social-grid__icon-bubble--logo { width: 75px; height: 75px; } }

.c-social-grid__item--left .c-social-grid__icon-bubble--emoji { right: 0; }

.c-social-grid--mini .c-social-grid__item--left .c-social-grid__icon-bubble--emoji { right: -10px; }

.c-social-grid__item--right .c-social-grid__icon-bubble--emoji { left: 0; }

.c-social-grid--mini .c-social-grid__item--right .c-social-grid__icon-bubble--emoji { left: -10px; }

.c-social-grid__icon-bubble--small { top: 10%; width: 13px; height: 13px; }

@media (min-width: 62.25em) { .c-social-grid__icon-bubble--small { width: 34px; height: 34px; } }

.c-social-grid__icon-bubble--medium { top: 25%; width: 18px; height: 18px; }

@media (min-width: 62.25em) { .c-social-grid__icon-bubble--medium { width: 51px; height: 51px; } }

.c-social-grid__icon-bubble--large { z-index: 0; top: 50%; width: 25px; height: 25px; }

@media (min-width: 62.25em) { .c-social-grid__icon-bubble--large { width: 60px; height: 60px; } }

.c-social-grid--full .c-social-grid__item--right .c-social-grid__icon-bubble--large { -webkit-transform: translateX(-80%); transform: translateX(-80%); }

@media (min-width: 62.25em) { .c-social-grid--full .c-social-grid__item--right .c-social-grid__icon-bubble--large { -webkit-transform: translateX(-40%); transform: translateX(-40%); } }

.c-social-grid--mini .c-social-grid__item--right .c-social-grid__icon-bubble--large { -webkit-transform: translateX(-30%); transform: translateX(-30%); }

@media (min-width: 62.25em) { .c-social-grid--mini .c-social-grid__item--right .c-social-grid__icon-bubble--large { -webkit-transform: translateX(-60%); transform: translateX(-60%); } }

.c-social-grid--full .c-social-grid__item--left .c-social-grid__icon-bubble--large { -webkit-transform: translateX(80%); transform: translateX(80%); }

@media (min-width: 62.25em) { .c-social-grid--full .c-social-grid__item--left .c-social-grid__icon-bubble--large { -webkit-transform: translateX(40%); transform: translateX(40%); } }

.c-social-grid--mini .c-social-grid__item--left .c-social-grid__icon-bubble--large { -webkit-transform: translateX(30%); transform: translateX(30%); }

@media (min-width: 62.25em) { .c-social-grid--mini .c-social-grid__item--left .c-social-grid__icon-bubble--large { -webkit-transform: translateX(60%); transform: translateX(60%); } }

.c-social-grid__handle { position: absolute; z-index: 1; text-transform: uppercase; bottom: 23%; color: {{ settings.theme_tertiary_color }}; font-size: 12px; font-weight: 600; letter-spacing: 0.26px; text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); }

@media (min-width: 40em) { .c-social-grid__handle { font-size: 14px; } }

.c-social-grid__handle, .c-social-grid__icon-bubble--logo { left: 3%; }

@media (min-width: 62.25em) { .c-social-grid__item--left .c-social-grid__handle, .c-social-grid__item--left .c-social-grid__icon-bubble--logo { -webkit-transform: translateX(-25px); transform: translateX(-25px); }
  .c-social-grid__item--right .c-social-grid__handle, .c-social-grid__item--right .c-social-grid__icon-bubble--logo { -webkit-transform: translateX(25px); transform: translateX(25px); } }

@media (max-width: 39.99em) { .c-social-grid--mini { height: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

@media (min-width: 40em) { .c-social-grid--mini { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

@media (min-width: 62.25em) { .c-social-grid--mini { height: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

@media (min-width: 80em) { .c-social-grid--mini { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

.c-social-media { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; }

.c-social-media__item:not(:last-child) { margin-right: 0.8125rem; }


.js-stuck { position: fixed; top: 0; }

#MainContent .all { max-width: 80rem; margin: 6.25rem auto 4rem; padding: 0 1rem; }

@media (min-width: 62.25em) { #MainContent .all { padding: 0; margin: 7.5rem auto 4rem; } }

#MainContent #store-locator-title { font-size: 1.375rem; font-weight: 700; line-height: 1.45; text-transform: capitalize; margin-top: 2rem; }

@media (min-width: 62.25em) { #MainContent #store-locator-title { font-size: 1.5rem; font-weight: 700; line-height: 1.33; } }

@media (max-width: 62.24em) { #MainContent #store-locator-title { text-align: center; } }

@media (min-width: 62.25em) { #MainContent #store-locator-title { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); word-wrap: normal !important; } }

#MainContent .search_bar { background: none; border: none; padding: 0; margin-bottom: 0; }

@media (min-width: 62.25em) { #MainContent .search_bar { background-color: {{ settings.theme_quinternary_color }}; padding: 0.4375rem 2.5rem; } }

@media (min-width: 62.25em) { #MainContent .search_bar .search_bar_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

#MainContent .search_bar .search_bar_title { font-size: 1.375rem; font-weight: 700; line-height: 1.45; text-transform: capitalize; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 2.625rem; }

@media (min-width: 62.25em) { #MainContent .search_bar .search_bar_title { font-size: 1.5rem; font-weight: 700; line-height: 1.33; } }

@media (max-width: 62.24em) { #MainContent .search_bar .search_bar_title { display: none; } }

#MainContent .search_bar .main_search_bar { float: none; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; margin-bottom: 1rem; }

@media (min-width: 62.25em) { #MainContent .search_bar .main_search_bar { margin: 0 1.875rem 0 0; } }

#MainContent .search_bar .main_search_bar .main_search_bar_field { position: relative; width: 100%; height: 2.5rem; margin-right: 0.75rem; border: 1px solid {{ settings.theme_quinternary_color }}; border-radius: 1.25rem; overflow: hidden; }

@media (min-width: 62.25em) { #MainContent .search_bar .main_search_bar .main_search_bar_field { width: 18.125rem; } }

#MainContent .search_bar .main_search_bar .main_search_bar_field input { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; background-color: transparent; width: 100%; height: 100%; padding: 0 3.125rem 0 1rem; border: none; text-transform: capitalize; }

@media (min-width: 62.25em) { #MainContent .search_bar .main_search_bar .main_search_bar_field input { background-color: {{ settings.theme_tertiary_color }}; } }

#MainContent .search_bar .main_search_bar .main_search_bar_field input::-webkit-input-placeholder { color: {{ settings.theme_secondary_color }}; text-transform: capitalize; }

#MainContent .search_bar .main_search_bar .main_search_bar_field input::-moz-placeholder { color: {{ settings.theme_secondary_color }}; text-transform: capitalize; }

#MainContent .search_bar .main_search_bar .main_search_bar_field input:-ms-input-placeholder { color: {{ settings.theme_secondary_color }}; text-transform: capitalize; }

#MainContent .search_bar .main_search_bar .main_search_bar_field input::-ms-input-placeholder { color: {{ settings.theme_secondary_color }}; text-transform: capitalize; }

#MainContent .search_bar .main_search_bar .main_search_bar_field input::placeholder { color: {{ settings.theme_secondary_color }}; text-transform: capitalize; }

#MainContent .search_bar .main_search_bar .main_search_bar_field button { display: inline-block;  overflow: visible;  margin: 0;  padding: 0; border: 0; background: none transparent; color: inherit; vertical-align: middle;  text-align: center;  text-decoration: none; text-transform: none; font: inherit;  line-height: normal; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; top: 0.125rem; right: 0.125rem; width: 2.125rem; height: 2.125rem; background: {{ settings.theme_quinternary_color }} url("search-icon.svg") no-repeat; background-size: cover; border-radius: 50%; }

#MainContent .search_bar .main_search_bar .main_search_bar_field button:focus, #MainContent .search_bar .main_search_bar .main_search_bar_field button:hover { text-decoration: none; }

#MainContent .search_bar .main_search_bar button { display: inline-block;  overflow: visible;  margin: 0;  padding: 0; border: 0; background: none transparent; color: inherit; vertical-align: middle;  text-align: center;  text-decoration: none; text-transform: none; font: inherit;  line-height: normal; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid {{ settings.theme_quinternary_color }}; -ms-flex-negative: 0; flex-shrink: 0; display: block; width: 2.5rem; height: 2.5rem; padding: 2px; background: {{ settings.theme_quinternary_color }} url("geolocation-icon.svg") no-repeat; background-size: cover; background-clip: content-box; border-radius: 50%; -webkit-box-shadow: none; box-shadow: none; }

#MainContent .search_bar .main_search_bar button:focus, #MainContent .search_bar .main_search_bar button:hover { text-decoration: none; }

@media (min-width: 62.25em) { #MainContent .search_bar .main_search_bar button { border-color: {{ settings.theme_tertiary_color }}; border-width: 2px; } }

#MainContent .search_bar .search_within_distance { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; position: relative; float: none; text-align: left; margin: 0; border: 1px solid {{ settings.theme_quinternary_color }}; border-radius: 1.25rem; height: 2.5rem; overflow: hidden; }

@media (min-width: 62.25em) { #MainContent .search_bar .search_within_distance { min-width: 11.875rem; } }

#MainContent .search_bar .search_within_distance::after { content: ""; position: absolute; top: 0.125rem; right: 0.125rem; width: 2.125rem; height: 2.125rem; background: {{ settings.theme_quinternary_color }} url("chevron-icon.svg") no-repeat; background-size: cover; border-radius: 50%; pointer-events: none; }

#MainContent .search_bar .search_within_distance select { width: 100%; height: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; padding-left: 1rem; font-weight: 700; cursor: pointer; }

@media (min-width: 62.25em) { #MainContent .search_bar .search_within_distance select { background-color: {{ settings.theme_tertiary_color }}; } }

#MainContent .search_bar .search_limit { display: none; }

#MainContent .main_search_label, #MainContent .search_limit_label, #MainContent .distance_label { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); word-wrap: normal !important; }

#MainContent .search_filters { border-top: none; clear: none; margin: 0; padding: 0 0 0 1.125rem; }

@media (min-width: 62.25em) { #MainContent .search_filters { margin-left: auto; } }

#MainContent .search_filters .search_filter { display: block; float: none; width: auto; margin: 1rem 0 0; padding: 0; }

@media (min-width: 62.25em) { #MainContent .search_filters .search_filter:first-child { margin-top: 0; } }

#MainContent .search_filters .search_filter input[type="checkbox"] { display: none; }

#MainContent .search_filters .search_filter input[type="checkbox"] + label { display: block; cursor: pointer; }

#MainContent .search_filters .search_filter input[type="checkbox"] + label::before { content: "\2713"; border: 1px solid {{ settings.theme_quaternary_color }}; display: inline-block; text-align: center; width: 1rem; height: 1rem; margin-right: 0.5rem; color: transparent; }

#MainContent .search_filters .search_filter input[type="checkbox"]:checked + label::before { color: {{ settings.theme_secondary_color }}; }

#MainContent .search_filters .search_filter label { font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.45px; line-height: 1.45; }

#MainContent #store_map { border: none; margin-top: 2rem; }

@media (max-width: 47.99em) { #MainContent #store_map { height: 466px !important; } }

@media (max-width: 39.99em) { #MainContent #store_map { height: 220px !important; } }

@media (min-width: 62.25em) { #MainContent #store_map { margin-top: 0; } }

#MainContent #submitBtn { font-size: 0; outline: 0; }

#MainContent .addresses { padding-right: 0; margin-top: 2rem; }

@media (min-width: 40em) { #MainContent .addresses { width: 33%; } }

@media (min-width: 62.25em) { #MainContent .addresses { border-top: 1px solid {{ settings.theme_quinternary_color }}; margin-top: 0; padding: 1.75rem 0 0 2.5rem; } }

#MainContent .addresses .addresses_heading { font-size: 1.125rem; font-weight: 700; line-height: 1.33; text-transform: uppercase; margin-bottom: 1rem; }

#MainContent .addresses .addresses_results { font-size: 0.6875rem; font-weight: 400; letter-spacing: 0.45px; line-height: 1.45; margin-bottom: 1rem; }

#MainContent .addresses li { border: 0; padding: 0.625rem 0 0.625rem; background: none; border-top: 1px solid {{ settings.theme_quinternary_color }}; }

#MainContent .addresses li a { display: block; margin-top: 0.5rem; margin-bottom: 0.4375rem; }

#MainContent .addresses li a .name { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1.14; text-transform: uppercase; display: block; max-width: 10.375rem; color: inherit; }

#MainContent .addresses li a .address-body { font-size: 0.875rem; letter-spacing: 0.6px; line-height: 1.71; }

#MainContent .addresses li a .phone { font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.45px; line-height: 1.45; display: block; margin-bottom: 0.375rem; background: url("micro-phone-icon.svg") no-repeat 0 2px; background-size: 0.75rem 0.75rem; padding-left: 1rem; }

#MainContent .addresses li a .custom_fields br { display: none; }

#MainContent .addresses li a #custom_field_id_1568 { display: none; }

#MainContent .addresses li a #custom_field_id_1568 + .custom_field_value { display: none; }

#MainContent .addresses li a #custom_field_id_2203 + .custom_field_value { display: none; }

#MainContent .addresses li a .custom_field_name { font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.45px; line-height: 1.45; display: block; text-transform: capitalize; background: url("micro-x-icon.svg") no-repeat 0 2px; background-size: 0.75rem 0.75rem; padding-left: 1rem; }

#MainContent .addresses li a .custom_field_name.has-demo-available { background: url("micro-check-icon.svg") no-repeat 0 2px; }

#MainContent .addresses li .store_website { font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.45px; line-height: 1.45; text-transform: capitalize; background: url("micro-desktop-icon.svg") no-repeat 0 2px; background-size: 0.75rem 0.75rem; padding-left: 1rem; }

#MainContent .addresses li .store_website a { margin: 0; }

#MainContent .addresses li .directions { font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.45px; line-height: 1.45; text-transform: capitalize; background: url("micro-directions-icon.svg") no-repeat 0 2px; background-size: 0.75rem 0.75rem; padding: 0 0 0 1rem; margin-top: 0.4375rem; }

#MainContent .addresses li .directions a { margin: 0; }

#MainContent .addresses .store_website, #MainContent .addresses .directions { margin-left: 0; }

#MainContent .distance { font-size: 0.6875rem; font-weight: 400; letter-spacing: 0.45px; line-height: 1.45; float: none; margin: 0; width: auto; height: 2.5rem; padding: 1.125rem 0 0 3rem; 
                        /* background: url("https://cdn.shopify.com/s/files/1/0857/5574/files/store-locator-pin.png?65502") no-repeat;  */
                        background-size: 2.5rem 2.5rem; color: inherit; }

#MainContent .no_stores_found { margin: 0; padding-right: 1rem; }

@media (min-width: 62.25em) { #MainContent .no_stores_found { padding-right: 2.5rem; } }

#MainContent .footer_html { display: none; }

#MainContent .gm_popup .search_filter { display: none; }

.c-support-block { background-color: {{ settings.theme_quinternary_color }}; padding: 4rem 1rem; grid-column: span 12; }

@media (min-width: 62.25em) { .c-support-block { padding: 4rem 6.25rem; } }

@media (min-width: 48em) { .c-support-block--text-center { text-align: center; } }

@media (min-width: 62.25em) { .c-support-block--text-center { padding: 4rem 3.125rem; } }

@media (min-width: 48em) { .c-support-block--text-right { text-align: right; } }

@media (min-width: 48em) { .c-support-block--span-third { grid-column: span 4; } }

@media (min-width: 48em) { .c-support-block--span-half { grid-column: span 6; } }

.c-support-block__heading { font-size: 1.375rem; font-weight: 700; line-height: 1.45; }

@media (min-width: 62.25em) { .c-support-block__heading { font-size: 1.5rem; } }

.c-support-block__body { font-size: 0.875rem; line-height: 1.71; letter-spacing: 0.04em; margin-top: 2rem; }

.c-support-block__actions { margin-top: 2rem; }

@media (max-width: 47.99em) { .c-support-block__primary-ctas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

.c-support-block__primary-ctas :nth-child(2) { margin-top: 1rem; }

@media (min-width: 48em) { .c-support-block--text-center .c-support-block__primary-ctas { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

@media (min-width: 48em) { .c-support-block--text-right .c-support-block__primary-ctas { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } }

.c-support-block__secondary-cta { margin-top: 1rem; }

.c-testimonial { margin: 0; padding: 0 0.5625rem; width: 100%; }

@media (min-width: 40em) { .c-testimonial { padding: 0 8.4375rem; } }

.c-testimonial__body { font-size: 1.375rem; font-weight: 600; line-height: 1.45; }

@media (min-width: 40em) { .c-testimonial__body { font-size: 1.5rem; line-height: 1.33; } }

.c-testimonial__footer { text-align: right; margin-top: 0.5rem; }

.c-testimonial__author { font-size: 0.875rem; letter-spacing: 0.04em; text-align: right; color: var(--white); }

.c-testimonial__author::before { content: "- "; }

@media (min-width: 48em) { .c-text-image-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } }

.c-text-image-block__content { padding: 4rem 1rem 2rem; }

@media (min-width: 48em) { .c-text-image-block__content { padding: 4rem; width: 50%; } }

@media (min-width: 62.25em) { .c-text-image-block__content { padding: 4rem 6.75rem; } }

.c-text-image-block__heading { font-size: 1.5rem; font-weight: 700; line-height: 1.33; text-transform: none; }

.c-text-image-block__cta { margin-top: 2rem; }

.c-text-image-block__body { letter-spacing: 0.04em; margin-top: 2rem; }

.c-text-image-block__body p { font-size: 0.875rem; line-height: 1.71; margin-top: 1rem; }

@media (min-width: 48em) { .c-text-image-block__img-wrapper { -ms-flex-item-align: end; align-self: flex-end; width: 50%; } }

.c-tile { display: grid; gap: 0.5rem 1.75rem; grid-template-columns: 5.125rem 1fr; grid-template-rows: 1.5rem; grid-template-areas: "image badge" "image header"; padding: 0 1.6875rem 1.075rem 1.4375rem; }

@media (min-width: 62.25em) { .c-tile { position: relative; grid-template-areas: "badge" "image" "header"; grid-template-columns: 1fr; grid-template-rows: auto; gap: 0 0; justify-items: center; padding: 0; } }

.c-tile:not(:first-child) { margin-top: 1rem; }

@media (min-width: 62.25em) { .c-tile:not(:first-child) { margin-top: 0; } }

.c-tile--promo { display: none; }

@media (min-width: 62.25em) { .c-tile--promo { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: flex-end; height: 100%; } }

@media (min-width: 62.25em) {
  .c-tile--promo > a { position: absolute; bottom: 0 !important; /*margin-bottom: 1.75rem;*/ }
  .c-nav__top-link-items .c-tile--promo{ text-align: center;  margin-top: 30px; border-top: 1px solid #bababa;}
  .c-nav__top-link-items .c-tile--promo>a{   
    padding: 15px 26px;
    display: inline-block;
    border: 2px solid #000;
    font-size: 14px;
    font-family: Poppins;
    font-weight: 500;
    line-height: 21px;
    color: #050505;
    margin-bottom: 25px;
    transition: all .3s;
    border-radius: 0 !important;
  }
}

.c-tile__image { width: 100%; -webkit-transition: opacity 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1) !important; transition: opacity 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1) !important; transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease !important; transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1) !important; }

.c-tile__image-wrapper { grid-area: image; position: relative; margin-top: 1rem; max-width: 9.3125rem; height: 9.3125rem; }

.c-tile__image-wrapper::after { content: " "; position: absolute; top: 50%; right: 25%; left: 25%; height: 0.25rem; border-radius: 50%; background: transparent; -webkit-transition: -webkit-box-shadow 0.2s; transition: -webkit-box-shadow 0.2s; transition: box-shadow 0.2s; transition: box-shadow 0.2s, -webkit-box-shadow 0.2s; -webkit-box-shadow: 0 39px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 39px 6px 0 rgba(0, 0, 0, 0.1); }

.c-tile__background { display: none; }

@media (min-width: 62.25em) { .c-tile__background { display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 100%; width: 100%; } }

.c-tile__header { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.5px; line-height: 1.14; grid-area: header; }

@media (min-width: 62.25em) { .c-tile__header { width: 100%; z-index: 1; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0.5625rem; max-width: 168px;} }

.c-tile__badge { height: 1.5rem; width: 100%; max-width: 12.5rem; grid-area: badge; }

@media (min-width: 62.25em) { .c-tile__badge { position: absolute; z-index: 1; width: auto; justify-self: flex-start; } }

.c-transition { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100vh; pointer-events: none; }

.c-transition__overlay { position: absolute; top: 100%; left: 0; background: {{ settings.theme_secondary_color }}; display: block; width: 100%; height: 100%; -webkit-transform-origin: center top; transform-origin: center top; }

.c-variant-picker__top { width: 100%;  }

@media (min-width: 48em) { .c-variant-picker__top { position: relative; height: 100%; min-height: 35rem; width: initial; overflow-x: initial; } }

@media (min-width: 48em) { .c-variant-picker__breadcrumb { display: none; } }

{%- comment -%}

.c-variant-picker__info-1, .c-variant-picker__info-2 { z-index: 2; padding-top: 0.5rem; padding-bottom: 0.5rem; }

@media (max-width: 62.24em) { .c-variant-picker__info-1, .c-variant-picker__info-2 { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; } }

@media (max-width: 62.24em) and (min-width: 62.25em) { .c-variant-picker__info-1, .c-variant-picker__info-2 { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 62.25em) { .c-variant-picker__info-1, .c-variant-picker__info-2 { position: absolute; right: 5%; width: 26.875rem; } }

@media (min-width: 80em) { .c-variant-picker__info-1, .c-variant-picker__info-2 { right: 5%; } }

@media (min-width: 91em) { .c-variant-picker__info-1, .c-variant-picker__info-2 { right: 17%; } }

@media (min-width: 62.25em) { .c-variant-picker__info-1.is-light, .c-variant-picker__info-2.is-light { color: #ffffff; } }

.c-variant-picker__info-1 { bottom: 50%; }

@media (min-width: 62.25em) { .c-variant-picker__info-1 { margin-bottom: 0; } }

.c-variant-picker__info-2 { top: 50%; }

@media (min-width: 62.25em) { .c-variant-picker__info-2 { margin-top: 1.125rem; } }

{%- endcomment -%}

@media (min-width: 62.25em) {

	.c-variant-picker__info {  flex: 2; }

}

@media (max-width: 62.24em) {

.c-variant-picker__info { padding: 2.5rem; }

}


.c-variant-picker__description { margin: 2rem 0; width: 100%; font-size: 0.875rem; line-height: 1.71; letter-spacing: 0.6px; }



.c-variant-picker__description--accessory { font-size: 0.875rem; max-width: 100%; }

.c-variant-picker__price { font-size: 1.125rem; text-align: center; line-height: 1.33; padding: 1.0625rem 0 1.5625rem; }

@media (min-width: 62.25em) { .c-variant-picker__price { display: none; } }

.c-variant-picker__compare-price { margin-left: 0.3125rem; text-decoration: line-through; opacity: 0.6; }

.c-variant-picker__rating-wrapper { margin-top: 0.375rem; }

@media (min-width: 62.25em) { .c-variant-picker__rating-wrapper { margin-top: 0.4375rem; } }


.c-variant-selector { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.c-variant-selector__swatches-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1.625rem; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-variant-selector__swatches-label { display: none; margin-right: 0.5rem; }

.c-variant-selector__toggle-label { display: none; margin-right: 0.9375rem; }

.c-variant-selector__fit-guide-link { display: none; margin-left: 1.3125rem; white-space: nowrap; }

.c-variant-selector__option-heading { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); word-wrap: normal !important; }

.c-variant-selector__bundle-options { margin-bottom: 12px; }

@media (min-width: 62.25em) { .c-variant-selector__bundle-options { margin-bottom: 0; max-width: 15.0625rem; width: 100%; } }

.c-variant-selector__mobile-sticky-selector { margin-right: 1rem; font-size: 0.875rem; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.c-variant-selector__mobile-sticky-label { margin-right: 0.3125rem; }

.c-variant-selector__mobile-selected-swatch { width: 1.25rem; height: 1.25rem; margin-right: 0.25rem; }

.c-variant-selector--tile { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-variant-selector--tile .c-variant-selector__swatches-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.c-variant-selector--tile .c-variant-selector__toggle-label { display: inline-block; vertical-align: middle; }

.c-variant-selector--pdp .c-variant-selector__fit-guide-link, .c-variant-selector--pdp .c-variant-selector__swatches-label, .c-variant-selector--pdp .c-variant-selector__toggle-label { display: inline-block; }

.c-variant-selector--pdp .c-variant-selector__toggle-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-variant-selector--pdp .c-variant-selector__swatches-wrapper, .c-variant-selector--pdp .c-variant-selector__toggle-wrapper { margin-top: 0; font-size: 0.875rem; }

.c-variant-selector--non-stick { -webkit-box-align: center; -ms-flex-align: center; align-items: start; }

@media (min-width: 62.25em) { .c-variant-selector--non-stick { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } }

.c-variant-selector--non-stick .c-variant-selector__swatches-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (min-width: 62.25em) { .c-variant-selector--non-stick .c-variant-selector__swatches-wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

@media (min-width: 62.25em) { .c-variant-selector--sticky-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

@media (min-width: 80em) { .c-variant-selector--sticky-nav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.c-variant-selector--sticky-nav .c-variant-selector__swatches-label, .c-variant-selector--sticky-nav .c-variant-selector__toggle-label { display: none; }

@media (min-width: 62.25em) { .c-variant-selector--sticky-nav .c-variant-selector__swatches-label, .c-variant-selector--sticky-nav .c-variant-selector__toggle-label { display: inline-block; } }

.c-variant-selector--sticky-nav .c-variant-selector__fit-guide-link { display: none; }

@media (min-width: 62.25em) { .c-variant-selector--sticky-nav .c-variant-selector__fit-guide-link { display: inline-block; } }

@media (max-width: 62.24em) { .c-variant-selector--sticky-nav .c-variant-selector__swatches-wrapper, .c-variant-selector--sticky-nav .c-variant-selector__toggle-wrapper { margin-top: 0.4375rem; }
  .c-variant-selector--sticky-nav .c-variant-selector__swatches-wrapper:not(.is-visible), .c-variant-selector--sticky-nav .c-variant-selector__toggle-wrapper:not(.is-visible) { display: none; } }

@media (min-width: 62.25em) { .c-variant-selector--sticky-nav .c-variant-selector__swatches-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

@media (min-width: 62.25em) { .c-variant-selector--sticky-nav .c-variant-selector__toggle-wrapper { margin-left: 1.5rem; } }

.c-variant-selector--sticky-nav .c-variant-selector__mobile-sticky-labels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.3125rem; }

@media (min-width: 62.25em) { .c-variant-selector--sticky-nav .c-variant-selector__mobile-sticky-labels { display: none; } }

.c-variant-selector--sticky-nav .c-variant-selector__mobile-sticky-selector { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 62.25em) { .c-variant-selector--bundle-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.c-variant-selector--bundle-nav .vs__clear { display: none; }

.c-variant-selector--bundle-nav .c-variant-selector__swatches-label, .c-variant-selector--bundle-nav .c-variant-selector__toggle-label { display: none; }

@media (min-width: 62.25em) { .c-variant-selector--bundle-nav .c-variant-selector__swatches-label, .c-variant-selector--bundle-nav .c-variant-selector__toggle-label { display: inline-block; } }

.c-variant-selector--bundle-nav .c-variant-selector__fit-guide-link { display: none; }

@media (min-width: 62.25em) { .c-variant-selector--bundle-nav .c-variant-selector__fit-guide-link { display: inline-block; } }

@media (max-width: 62.24em) { .c-variant-selector--bundle-nav .c-variant-selector__swatches-wrapper, .c-variant-selector--bundle-nav .c-variant-selector__toggle-wrapper { margin-top: 0.4375rem; }
  .c-variant-selector--bundle-nav .c-variant-selector__swatches-wrapper:not(.is-visible), .c-variant-selector--bundle-nav .c-variant-selector__toggle-wrapper:not(.is-visible) { display: none; } }

@media (min-width: 62.25em) { .c-variant-selector--bundle-nav .c-variant-selector__swatches-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-left: 2rem; } }

@media (min-width: 62.25em) { .c-variant-selector--bundle-nav .c-variant-selector__toggle-wrapper { margin-left: 1.5rem; } }

.c-variant-selector--bundle-nav .c-variant-selector__mobile-sticky-labels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.3125rem; margin-bottom: 0.5rem; }

@media (min-width: 62.25em) { .c-variant-selector--bundle-nav .c-variant-selector__mobile-sticky-labels { display: none; } }

.c-variant-selector--bundle-nav .c-variant-selector__mobile-sticky-selector { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-video-explainer { position: relative; background: #000000; margin-top: 88px; }

@media (min-width: 48em) { .c-video-explainer { margin-top: 108px; } }

.c-video-explainer__video { width: 100%; -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }

.c-video-explainer__video.is-transitioning { opacity: 0; }

.c-video-explainer__slider { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; padding-left: 1rem; padding-right: 1rem; min-width: 320px; padding-top: 1rem; padding-bottom: 1rem; }

@media (min-width: 62.25em) { .c-video-explainer__slider { max-width: 80rem; padding-left: 2.5rem; padding-right: 2.5rem; } }

@media (min-width: 62.25em) { .c-video-explainer__slider { max-width: none; } }

@media (min-width: 40em) { .c-video-explainer__slider { position: absolute; top: 0%; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding-top: 0; padding-bottom: 0; } }

.c-video-explainer__slide { -webkit-box-sizing: content-box; box-sizing: content-box; max-width: 24.5rem; width: 100%; color: {{ settings.theme_tertiary_color }}; margin-left: 100px; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

.c-video-explainer__slide:not(.is-selected) { opacity: 0; }

@media (min-width: 62.25em) { .c-video-explainer__slide { padding-left: 6.25rem; } }

.c-video-explainer__slide-heading { margin-bottom: 2rem; }

.c-video-explainer__slide-subheading { font-size: 1.125rem; font-weight: 700; line-height: 1.33; text-transform: uppercase; font-weight: 600; }

.c-video-explainer__slide-body { line-height: 1.5; font-weight: 400; margin-top: 0.625rem; }

.c-video-explainer__slide-body--emphasized { font-size: 0.9375rem; font-weight: 600; }

.c-video-explainer .flickity-page-dots { bottom: 100%; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

@media (min-width: 40em) { .c-video-explainer .flickity-page-dots { bottom: 50%; right: 2.5rem; -webkit-transform: translateY(50%); transform: translateY(50%); } }

.c-video-explainer .dot { background-color: {{ settings.theme_quinternary_color }}; -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; width: 16px; margin: 8px; opacity: 0.5; border-radius: 4px; }

.c-video-explainer .dot.is-selected { width: 32px; opacity: 1; }

.c-video-explainer .flickity-prev-next-button:not(:focus) { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); word-wrap: normal !important; }

.u-lazyload { display: none; }

html:not(.js-no-script) .u-lazyload { display: block; opacity: 0; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }

html:not(.js-no-script) .u-lazyload.is-lazyloaded { opacity: 1; }

.u-visually-hidden { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); word-wrap: normal !important; }

.u-visually-hidden--unless-focused:not(:focus) { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); word-wrap: normal !important; }

[v-cloak] > * { display: none; }

@media (max-width: 769px) {
  .c-country-selector--preheader-bar {    display: none; }
.c-nav{
  margin-bottom: 250px;
}
}
.c-link--menu:hover{
  color:#FA6400;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { /* STYLES GO HERE */
.c-nav{
  margin-bottom: 85%;
}
}

/* Product Icon Fix - Jesse Brede 
@media only screen and (max-width: 750px) {
.c-product-benefiticon-wrapper {position: relative; height: 50px;}
.c-product-benefiticon { display: block; float: right; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 25px; height: auto;}
.c-product-benefit__title { width: 60.42%; float: right; height: auto; margin-top: 0; position: absolute; left: 64%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);height: auto;}
}
*/

/* Add Search Back to Menu - Jesse Brede */
.c_accout{ display: none !important; }
.c-panel__item--header { display: block; }



/* brochure page */
.is-custom-template-opencomm_brochure main#MainContent{ max-width: 100%;}
.pdtPageTotalWrapper .c-content__heading{ text-align: center;}
.pdtPageTotalWrapper h3{line-height: 1.1;}

@media screen and (min-width:791px){
.br_mobile,.mobile_img{ display:none;} 
.pdtPageTotalWrapper h3{ font-size: 2.4vw; padding-bottom:1vw;}
.pdtPageTotalWrapper p{ font-size: 1.041vw; }
.left_right_img_text_block_wrapper .img_wrapper img{width: 39.79vw !important; float:right;}
.left_right_img_text_block_wrapper .img_wrapper[img_float] img{float:left;}
}

@media screen and (max-width:790px){
.br_pc,.pc_img{ display:none;}
.pdtPageTotalWrapper .c-content__heading{ margin-top: 0;margin-bottom: 2rem;}
.c-product-feature__background-wrapper{order: 2;}
.pdtPageTotalWrapper h3{ font-size: 7vw;margin-bottom: 2vw;}
.pdtPageTotalWrapper p{ font-size: 4vw;}
.pdt_opencomm_desc_sec_wrapper #pdt_desc_action_0{ display: block;}
.pdt_opencomm_desc_sec_wrapper #pdt_desc_action_0 .abs_text_wrapper{z-index: 3;opacity:1;
  transform: translate(0,0);
  -ms-transform:translate(0,0);  /* IE 9 */
  -moz-transform:translate(0,0);   /* Firefox */
  -webkit-transform:translate(0,0);/* Safari 和 Chrome */
  -o-transform:translate(0,0);
  animation:none;
  background:#fff;
}
.pdt_opencomm_desc_sec_wrapper #pdt_desc_action_0 img{position: sticky;position: -webkit-sticky;top: 47px;}
}


  
/***********  Brochure Page Features Section  ************/ 
  .pdt_opencomm_desc_sec_wrapper{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    background:#2d2d2d;
    width:100%;
  }
  .pdt_opencomm_desc_sec_wrapper  .full_image_text_block{
    display:flex;
    align-items:flex-start;
    position:relative;
    width:100%;
  }  
  .pdt_opencomm_desc_sec_wrapper  .full_image_text_block .abs_text_wrapper{
    max-width:70%;
  }
  .pdt_opencomm_desc_sec_wrapper  .padding_image_text_block{
    display:flex;
    align-items:flex-start;
    position:relative;
    padding-left:5.20vw;
    padding-right:5.20vw;
    width:100%;
  }
  .pdt_opencomm_desc_sec_wrapper  .padding_image_text_block .abs_text_wrapper{
    max-width:80%;
  }  
  
  .pdt_opencomm_desc_sec_wrapper  .two_items_block{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    position:relative;
    padding-left:5.20vw;
    padding-right:5.20vw;
    width:100%;
  }
  .pdt_opencomm_desc_sec_wrapper  .two_items_block>.item{
    position:relative;
    width:48.43%;
  }
  .pdt_opencomm_desc_sec_wrapper  .two_items_block>.item>.abs_text_wrapper{
    max-width:70%;
  }
  .pdt_opencomm_desc_sec_wrapper  .two_items_block>.item>img{
    width:100%;
    height:auto;
    max-width:100%;
  }
  .youtube_video_wrapper>iframe{
    width:100%;
    height:auto;
  }
  .youtube_video_wrapper{
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    padding-top:5.20vw;
    padding-bottom:5.20vw;
    background:#2d2d2d !important;
  }
  .youtube_video_wrapper>iframe{
    width:66.7vw;
    height:37.5vw;
  }
  .box_wrapper .abs_text_wrapper{
    position:absolute;
    left:10%;
    top:15%;
  }
  .box_wrapper{
    position:relative;
  }
  .box_wrapper>img{
    width:100%;
    height:auto;
    max-width:100%;
  } 
  .box_wrapper ul{
      padding-left:20px;
  }
  
  
  @media screen and (max-width:790px){
    .padding_image_text_block .abs_text_wrapper{
      position:static !important;
    }
    .padding_image_text_block{
      display:flex;
        flex-direction:column;
        align-items:center;
    }
    .padding_image_text_block>img{
      order:2;
       
    }    
    .full_image_text_block{
      display:flex;
        flex-direction:column;
        align-items:center;
    } 
    .full_image_text_block .abs_text_wrapper{
      position:static !important;
        padding:30px 0;
    }
    .full_image_text_block>img{
      order:2;
    } 
    .pdt_opencomm_desc_sec_wrapper p{
      font-size:4vw !important;
      line-height:1.4;
    }
    .pdt_opencomm_desc_sec_wrapper  .two_items_block>.item{
      width:100%;
      margin-bottom:30px;
    }
    .pdt_opencomm_desc_sec_wrapper  .two_items_block{
      display:flex;
      align-items:center;
      justify-content:flex-start;
      flex-direction:column;
      width:100%;
      padding-left:0;
      padding-right:0;
    }
    .youtube_video_wrapper>iframe{
      width:100vw;
      height:56.222vw;
    }
    .youtube_video_wrapper{
      padding-top:0px;
      background:#333333 !important;
    }
    .full_image_text_block .abs_text_wrapper[text_absolute_mobile]{
      position:absolute !important;
      padding-top:30px;
      width:100%;
      top:0px !important;
      left:0px !important;
    }
    .full_image_text_block .abs_text_wrapper{
      padding-left:10vw;
    }
    .full_image_text_block .abs_text_wrapper[text_white_mobile] *{
        color:#ffffff !important;
    }
    .padding_image_text_block .abs_text_wrapper[text_white_mobile] *{
      color:#ffffff !important;
    }
    .pdt_opencomm_desc_sec_wrapper  .padding_image_text_block{
      padding-left:5.2%;
      padding-right:5.2%;
    }
    .pdt_opencomm_desc_sec_wrapper  .two_items_block{
      padding-left:0;
      padding-right:0
    }
    .pdt_opencomm_desc_sec_wrapper  .two_items_block>.item>.abs_text_wrapper{
      bottom:10% !important;
      top:auto !important;
      max-width:90%;
      padding-left:0px;
      padding-right:0px;
    }
    .pdt_opencomm_desc_sec_wrapper  .two_items_block>.item>.abs_text_wrapper>p{
      margin-bottom:0px !important;
      padding-left:0px;
      padding-right:0px;
    }
    .pdt_opencomm_desc_sec_wrapper  .padding_image_text_block img[mobile_image_full]{
      max-width:100vw;
      width:100vw;
      transform:translate(-10%,0) !important;/*transform for block padding*/
    }
    
    .pdt_opencomm_desc_sec_wrapper  .full_image_text_block .abs_text_wrapper{
      max-width:100%;
      padding-top:30px;
      padding-left:5.2%;
      padding-right:5.2%;
    }
    .pdt_opencomm_desc_sec_wrapper  .padding_image_text_block .abs_text_wrapper{
      max-width:100%;
      padding-top:30px;
      padding-bottom:30px;
    }
    .pdt_opencomm_desc_sec_wrapper  .two_items_block>.item>.abs_text_wrapper{
      max-width:100%;
    }
    .two_items_block[text_white_mobile]  .abs_text_wrapper *{
      color:#ffffff !important;
    }
    .two_items_block .abs_text_wrapper{
      position:static !important;
      padding:30px 14px;
    }
    .two_items_block .item{
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      align-items:flex-start;
      padding-left:5.2%;
      padding-right:5.2%;
    }
    .two_items_block .item>img{
      order:2 !important;
      width:100% !important;
    }
    .two_items_block .right_item{
      background-color:#ffffff;
      padding-bottom:0px !important;
      margin-bottom:0px;
    }
    .two_items_block{
      margin-bottom:0px !important;
      padding-bottom:0px !important;
    }
    .box_wrapper ul{
      padding-left:20px;
    }
    .box_wrapper h2{
      font-size:7.2vw !important;
    }
    .box_wrapper ul li{
      font-size:12px;
    }
  }

  @media screen and (min-width:790px){
    div[text_shadow_black_pc] *{
      text-shadow:1px 1px 3px #000 !important;
    }
  }

.bg_img{
  width:100%;
    height:auto;
}


  .pdt_opencomm_specs_wrapper{
    position:relative;
    display:flex;
    align-items:flex-start;
  }
  .pdt_opencomm_specs_wrapper .abs_text_wrapper{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:absolute;
    left:0px;
    top:0px;
  }
  .pdt_opencomm_specs_wrapper>img{
  width:100%;
    height:auto;
  }
  .pdt_opencomm_specs_wrapper .abs_text_wrapper>h2{
    color:#ffffff;
    text-align:center;
    font-family:"Poppins-Bold",sans-serif;
    font-weight:600;
    font-size:2.4vw;
    line-height:1;
  }
  .pdt_opencomm_specs_wrapper .abs_text_wrapper>button{
    color:#000000;
    padding:10px 45px;
    font-size:14px;
    border-radius:30px;
    line-height:1.6 !important;
    background:#ffffff;
    font-weight:600; 
    line-height:1.6;
    border:none;
  }
  .pdt_opencomm_specs_wrapper .specs_pos_wrapper{
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
    z-index:100;
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    display:none;
    height:100vh;
    z-index:100;
  }  
  .pdt_opencomm_specs_wrapper .specs_content_outer_wrapper{
    width:70%;
    padding:4vw 3vw;
    background:#ffffff;
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
    position:relative;
  }
  .specs_content_wrapper{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:stretch;
  }
  .specs_content_wrapper div.spec_item{
    width:46%;
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    border-bottom:1px solid #000000;
  }
  .specs_content_wrapper .spec_item>div{
    width:50%;
    padding:6px;
  }
  .specs_content_wrapper div.spec_item:nth-of-type(1),.specs_content_wrapper div.spec_item:nth-of-type(2){
    border-top:1px solid #000000;
  }
 .specs_content_wrapper .spec_item>div:first-of-type{
    line-height: 1.4;
    font-weight: 600;
    border-right:1px solid #000000;
   color:#2d2d2d !important;
  } 
 .specs_content_wrapper .spec_item>div:last-of-type{
    vertical-align:middle;
    font-weight:300;
    color:#2d2d2d !important;
  }  
  .specs_content_outer_wrapper .close_btn{
    border:1px solid #000000;
    border-radius:50%;
    display: inline-block;
    line-height: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    position:absolute;
    right:15px;
    top:15px;
    box-sizing:content-box;
  }
  
  .specs_content_outer_wrapper .close_btn:hover{
    cursor:pointer;
  }

  
  @media screen and (max-width:790px){
    .specs_content_outer_wrapper .close_btn{ right: 5px;top: 5px;}
    .pdt_opencomm_specs_wrapper .abs_text_wrapper>h2{
      font-size:7.2vw;
      line-height:1;
    }
    .specs_content_wrapper div.spec_item{
      width:90%;
      flex-shrink:0;
    }
    .specs_content_wrapper{
      display: -webkit-flex;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:flex-start;
    }
    .pdt_opencomm_specs_wrapper .specs_content_outer_wrapper {
      width: 90%;
      padding: 5.20vw 4.16vw;
      background: #ffffff;
      box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
      position: relative;
    }
    .specs_content_wrapper{
      display:flex;
      flex-wrap:nowrap !important;
      flex-direction: column;
      max-height: 80vh;
      overflow: scroll;
    }
    .pdt_opencomm_specs_wrapper .abs_text_wrapper>button{
      padding:10px 45px;
      border-radius:20px;
      line-height:1.4;
      font-size:14px;
    }
    .specs_content_wrapper div.spec_item:nth-of-type(2){
      border-top:none;
    }
    
  }


/***********  Brochure Page benefits Section  ************/
.pdt_opencomm_benefits_wrapper{
    padding-left:5.20vw;
    padding-right:5.20vw;
    padding-bottom:4.6875vw;
    width:100%;
    padding-top:6.77vw;
    text-align:center;
  }
  .pdt_opencomm_benefits_wrapper #specs_btn{
    display:inline-block;
    border-radius:30px;
    padding:0.7vw 2vw;
    margin-top: 2vw;
    border:0;
    cursor: pointer;
  }
  .pdt_opencomm_benefits_wrapper>h3{
    margin-bottom:4vw;
  }  
  .pdt_opencomm_benefits_wrapper .item_wrapper{
    display:flex;
    display:-webkit-flex;
    align-items:flex-start;
    justify-content:center;
  }   
  .pdt_opencomm_benefits_wrapper .item{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    flex-shrink:0.25;
    padding-left:30px;
    padding-right:30px;
      
  }    
  .pdt_opencomm_benefits_wrapper .item img{
    width:5.20vw;
    margin-bottom:2.083vw;
  } 
  .pdt_opencomm_benefits_wrapper .item h4{
    font-weight:400;
    font-size:1.562vw;
    line-height:1.2;
    color:#000;
    text-align:center;
    letter-spacing: 0;
  } 
  .pdt_opencomm_benefits_wrapper .item p{
    font-size:1vw;
    line-height:1.2;
    color:#000;
    text-align:center;
  } 
  .pdt_opencomm_benefits_wrapper .bet_hide_block{
    display:none;
  }
  
  @media screen and (max-width:790px){
    .pdt_opencomm_benefits_wrapper #specs_btn{
      padding: 2vw 5vw;
    }
    .pdt_opencomm_benefits_wrapper .item{
      padding:6px;
      flex-direction: row;
      align-items: center;
    } 
    .pdt_opencomm_benefits_wrapper .item_wrapper{
      display:flex;
      display:-webkit--flex;
      align-items:stretch;
      justify-content:center;
      flex-wrap:wrap;
      width:76vw;
      margin:0 auto;
    }  
    .pdt_opencomm_benefits_wrapper .item img{
      width:14vw;
      margin-bottom:10px;
    } 
    .pdt_opencomm_benefits_wrapper .item h4{
      font-weight:bold;
      font-size:13px;
      line-height:1.2;
      text-align:center;
    } 
    .pdt_opencomm_benefits_wrapper .item p{
      font-size:12px;
      line-height:1.4;
      text-align:center;
      margin-bottom:0px;
    } 
  }


/* new product openrun */
.section-product-features{padding:0}
.section-product-features h2{color:unset}
/*.section-product-features .fadein-0,.section-product-features .fadein-05{opacity:0}*/
.section-product-features .features-item{position:relative}
.section-product-features .features-item .features-image{display:block;width:100%}
.section-product-features .features-item .text-wrapper{position:absolute;top:50%;transform:translateY(-50%)}
.section-product-features .features-item .text-wrapper.left{left:18.75vw}
.section-product-features .features-item .text-wrapper.right{right:18.75vw}
.section-product-features .features-item .text-wrapper .title{font-size:2.1875vw;font-weight:700;margin-bottom:1.71875vw}
.section-product-features .features-item .text-wrapper .content{font-size:.83333333vw;font-weight:400;line-height:1.5;max-width:26.0416666vw}
@media (max-width:1920px){.section-product-features .features-item .text-wrapper .content{font-size:calc(12px + .2083333vw)}
}
.section-product-features .overlayer{display:none}
@media (max-width:768px){
.section-product-features .features-item .features-image {position: relative;  z-index: 9; }
.section-product-features .features-item .text-wrapper{position:absolute;top:unset;transform:unset;bottom:10.1333333vw;padding:0 6.4vw;color:#fff!important}
.section-product-features .features-item .text-wrapper.left{left:unset!important}
.section-product-features .features-item .text-wrapper.right{right:unset!important}
.section-product-features .features-item .text-wrapper .title{font-size:4.2666666vw;margin-bottom:4.5333333vw}
.section-product-features .features-item .text-wrapper .content{font-size:3.2vw;line-height:1.5;width:100%!important;max-width:unset!important}
.section-product-features .overlayer{display:block;position:absolute;bottom:0;background:linear-gradient(180deg,rgba(11,11,11,0) 0,rgba(11,11,11,.7) 100%);height:58.6956%;width:100%;z-index:9}
}



.section-product-what-in-box{padding:4.166666666vw 0;overflow:hidden;background:#fff;padding-bottom:0 !important;}
.section-product-what-in-box .what-in-box-wrapper{max-width:1250px;width:100%;padding:0 24px;margin:0 auto;display:flex;align-items:center}
.section-product-what-in-box .what-in-box-wrapper .left-content{width:50%}
.section-product-what-in-box .what-in-box-wrapper .left-content .title{font-size:2.1875vw;font-weight:700;line-height:3.125vw;margin-bottom:40px}
.section-product-what-in-box .what-in-box-wrapper .left-content .text-wrapper{font-size:16px;font-weight:400;line-height:24px}
.section-product-what-in-box .what-in-box-wrapper .left-content .text-wrapper .pointer-before{position:relative;padding-left:7px; width:100%;}
.section-product-what-in-box .what-in-box-wrapper .left-content .text-wrapper .pointer-before:before{content:"·";position:absolute;left:0}
.section-product-what-in-box .what-in-box-wrapper .right-content{width:50%}
.section-product-what-in-box .what-in-box-wrapper .right-content .image{width:100%}
@media (min-width:1300px){.section-product-what-in-box .what-in-box-wrapper .right-content .image{transform:translateX(5vw)}
}
@media (min-width:1921px){.section-product-what-in-box .what-in-box-wrapper{max-width:65.1041666vw}
.section-product-what-in-box .what-in-box-wrapper .left-content .title{font-size:2.1875vw;line-height:3.28125vw;margin-bottom:2.083333333vw}
.section-product-what-in-box .what-in-box-wrapper .left-content .text-wrapper{font-size:.8333333vw;line-height:1.25vw}
.section-product-what-in-box .what-in-box-wrapper .left-content .text-wrapper .pointer-before{padding-left:.36458333vw}
}
@media (max-width:1300px){.section-product-what-in-box .what-in-box-wrapper .left-content .title{font-size:3.230769vw;line-height:4.846153vw;margin-bottom:3.07692307vw}
.section-product-what-in-box .what-in-box-wrapper .left-content .text-wrapper{font-size:1.230769vw;line-height:1.5}
}
@media (max-width:768px){.section-product-what-in-box{padding:16vw 0 5.3333333vw}
.section-product-what-in-box .what-in-box-wrapper{padding:0;flex-wrap:wrap}
.section-product-what-in-box .what-in-box-wrapper .left-content{width:100%}
.section-product-what-in-box .what-in-box-wrapper .left-content .title{ font-size: 7.8vw; font-weight: 600;line-height:1.5;}
.section-product-what-in-box .what-in-box-wrapper .left-content .text-wrapper{display:flex;font-size: 4.18vw; line-height: 1.4;flex-wrap: wrap;}
.section-product-what-in-box .what-in-box-wrapper .left-content .text-wrapper .text1{width:50%}
.section-product-what-in-box .what-in-box-wrapper .left-content .text-wrapper .text2-and-text3{width:50%}
.section-product-what-in-box .what-in-box-wrapper .right-content{width:100%}
.section-product-what-in-box .what-in-box-wrapper .right-content .image{max-width:70.133333vw;transform:translateX(6vw);margin:auto;margin-top:13.333333vw;display:block}
}

@media (max-width: 62.25em){
  .section-product-what-in-box .what-in-box-wrapper .left-content{
    min-width: 310px;
    max-width: 19rem;
    padding: 2rem 1.8rem;
    margin: auto;
  }
  .section-product-what-in-box .what-in-box-wrapper .left-content .title{   
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1.07;
    text-transform: capitalize;
  }
  .section-product-what-in-box .what-in-box-wrapper .left-content .text-wrapper{ font-size: 16px; line-height: 1.4;}
}


.section-product-video{background:#050505;padding:80px 120px}
.section-product-video .player_video-wrapper{max-width:1200px;margin:0 auto;position:relative;cursor:pointer}
.section-product-video .player_video-wrapper:hover svg{border-color:#fe7b3d;background:#fe7b3d}
.section-product-video .player_video-wrapper:hover svg .play_bg{fill:#fe7b3d}
@media (min-width:1921px){.section-product-video .player_video-wrapper{max-width:unset;width:62.5vw}
}
.section-product-video #product_player_video{display:none}
.section-product-video .prev_video_image{width:100%;display:block}
.section-product-video .prev_video_image.hide{display:none!important}
.section-product-video .play-icon-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.section-product-video .play-icon-wrapper svg{border:3px solid #fff;border-radius:50%;transition:all .3s}
.section-product-video .product_player_video-wrapper{display:none}
.section-product-video .text{font-size:42px;font-weight:500;position:absolute;top:50%;transform:translateY(-50%);left:40px;color:#fff}
@media (min-width:1921px){.section-product-video{padding:4.16666666vw 24px}
.section-product-video .play-icon-wrapper svg{border:.15625vw solid #fff;width:4.16666666vw!important;height:4.16666666vw!important}
.section-product-video .text{font-size:2.1875vw;line-height:3.125vw;left:2.083333333vw}
}
@media (max-width:1250px){.section-product-video{padding:6.4vw 120px}
.section-product-video .play-icon-wrapper svg{border:.24vw solid #fff;border-radius:50%;width:6.4vw!important;height:6.4vw!important}
.section-product-video .text{font-size:3.36vw;line-height:4.8vw;left:3.2vw}
}
@media (max-width:768px){.section-product-video{padding:0}
.section-product-video .play-icon-wrapper svg{border:.6vw solid #fff;border-radius:50%;width:9.6vw!important;height:9.6vw!important}
.section-product-video .text{font-size:3.733333vw;line-height:4.8vw;left:6.4vw}
}



/* product page banner */
.section-product-banner {
  position: relative; }
.section-product-banner .fadein-0, .section-product-banner .fadein-05, .section-product-banner .fadein-1 {
  opacity: 0; }
.section-product-banner .product-banner {
  width: 100%;
  display: block; }
.section-product-banner .text-wrapper {
  position: absolute;
  top: 14.6145833vw;
  left: 0px;
  width: 100%;
}
.section-product-banner .text-wrapper .text-inner {
  position: relative;
  max-width: 1260px;
  padding: 30px;
  width: 100%;
  margin: auto; }
.section-product-banner .text-wrapper .text-inner .title {
  font-size: 2.1875vw;
  font-weight: bold;
  text-transform: none;
  margin: unset; 
}
.section-product-banner .text-wrapper .text-inner .subtitle {
    font-size: 1.46vw;
    font-weight: 400;
    color: #2f2f2f;
}
.section-product-banner .text-wrapper .text-inner .content {
  font-size: 0.8333333vw;
  font-weight: 500;
}
@media (max-width: 1920px) {
  .section-product-banner .text-wrapper .text-inner .content {
    font-size: calc(12px + .2083333vw); } 
}
@media (min-width: 1921px) {
  .section-product-banner .text-wrapper .text-inner {
    max-width: 65.625vw;
    padding: 1.5625vw; }
}
@media (max-width: 768px) {
  .section-product-banner .text-wrapper {
    top: unset;
    bottom: 15.2vw;
  }
  .section-product-banner .text-wrapper .text-inner {
    max-width: 1260px;
    padding: 0px 24px;
    text-align: center;
  }
  .section-product-banner .text-wrapper .text-inner .title {
    font-size: 8vw;
    line-height: 12.26666vw; 
  }
  .section-product-banner .text-wrapper .text-inner .subtitle {
    font-size: 4.266666vw;
    line-height: 6.4vw;
  }
  .section-product-banner .text-wrapper .text-inner .content {
    font-size: 3.7333333vw;
    line-height: 4.8vw;
  }
}
