/**
* @info
* Here, we include stylesheets that declare
* the design system, including typography, colors
* and breakpoints. There are also a range of helper
* classes that can help with common needs.
* For example, "flex.scss" declares a series of classes
* that easily enable flex functionality. They are great
* when certain styles can be applied across all
* breakpoints.
*
* Example (using classes in flex.scss):
*
*/
/* http://meyerweb.com/eric/tools/css/reset/ */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block; }
body {
cursor: default;
line-height: 1; }
ol,
ul {
list-style: none; }
blockquote,
q {
quotes: none; }
blockquote::before,
blockquote::after,
q::before,
q::after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; }
input,
textarea,
button,
select,
a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
*,
*:focus,
*:active {
outline: none;
box-shadow: none; }
a {
color: inherit;
text-decoration: none; }
button[disabled],
input[disabled] {
cursor: default; }
button {
cursor: pointer; }
input,
select,
button {
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: none;
color: inherit;
font-size: inherit;
margin: 0;
outline: none;
padding: 0;
-moz-appearance: none;
-webkit-appearance: none; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none; }
input[type=number] {
-moz-appearance: textfield; }
select::-ms-expand {
display: none; }
/**
* @info
* This stylesheet outlines all variables that are used
* across the site. The values here are purely representational.
* These values should be updated in the initial development phase
* when the project begins.
*/
/* Breakpoints */
/* Colors */
/* Transitions */
/* Gutters */
/* Breakpoint Queries */
/* Header */
/* Header */
/* Accounts */
/**
* @info
* This stylesheet outlines utility functions
* that easily attach colors to the DOM. The definitions
* here are very simple and as the style guide is implemented,
* there should be a declaration added here for any relevant
* brand colors.
*/
/* ------------------------------------------------------------ *\
The function below generates two classes for each color in
the color list above.
\* ------------------------------------------------------------ */
.bg-black {
background-color: #000 !important; }
.black {
color: #000 !important; }
.bg-light-black {
background-color: #202020 !important; }
.light-black {
color: #202020 !important; }
.bg-white {
background-color: #fff !important; }
.white {
color: #fff !important; }
.bg-off-white {
background-color: #f5f2ee !important; }
.off-white {
color: #f5f2ee !important; }
.bg-light-grey {
background-color: #f6f6f6 !important; }
.light-grey {
color: #f6f6f6 !important; }
.bg-grey {
background-color: #77777a !important; }
.grey {
color: #77777a !important; }
.bg-dark-grey {
background-color: #313131 !important; }
.dark-grey {
color: #313131 !important; }
.bg-red {
background-color: red !important; }
.red {
color: red !important; }
.bg-border {
background-color: #979797 !important; }
.border {
color: #979797 !important; }
.bg-seashell {
background-color: #f9f7f5 !important; }
.seashell {
color: #f9f7f5 !important; }
.bg-lighter-grey {
background-color: #cdcdd2 !important; }
.lighter-grey {
color: #cdcdd2 !important; }
.bg-grey-alt {
background-color: #828282 !important; }
.grey-alt {
color: #828282 !important; }
/**
* @info
* Here, we outline all @font-face declarations
* for the entire project.
*
* The font faces included here are for example only.
* They should be replaced with the real font faces.
*
* Note: When you run "npm start", the css and javascript
* are compiled locally and served to the browser without
* being uploaded to Shopify's servers. We do this because
* it dramatically speeds up the time between when the file
* is saved and when the change appears in the browser. However,
* in order to make this possible, we have a Webpack loader that
* replaces the "asset_url" filter with the value of "path.cdn"
* in the kit.config.js file. So, it is important to ensure that
* this property in kit.config.js is the correct value.
* When the theme is build and deployed, the Liquid filter
* is interpreted by Shopify normally.
*
* Example of "path.cdn":
* https://cdn.shopify.com/s/files/1/0234/4347/2480/t/25/assets/
*/
/**
* @info
* Here, we outline an array of utility
* mixins. The intent is to add to these as the
* project evolves.
*/
/**
* This is used in the _typography.scss sheet.
* Generally, this should not be used in module
* files since all font-size declarations should
* follow the design style guide and be declared
* globally rather than within a module context basis.
*/
/**
* Similar to the .fill helper class. Easily
* makes a DOM element fill the entire
* width and height of it's relative parent.
*/
/**
* Accessibility Focus outline
*/
/**
* @info
* This stylesheet outlines all typography styles
* that are used across the entire site. This stylesheet
* must be implemented thoughtfully and follow with precision
* the style guide that is provided by the designer. No type-related
* style declarations should be found in module files. All
* type-related style declarations go here.
*/
body,
.h1--large, .posts-simple .flickity-page-dots, .grid-images .flickity-page-dots, .slider-storyline .flickity-page-dots, .slider-review .flickity-page-dots, .slider-hero .flickity-page-dots, .wysiwyg__container h3, .features-items__list .flickity-page-dots,
.h3, .wysiwyg__container h4,
.h4,
.h4--large, .wysiwyg__container h5, .featured-products .flickity-page-dots li,
.h5, .press .flickity-page-dots li, .wysiwyg__container h6, .product-gallery .flickity-page-dots li, .product-ingredients .flickity-page-dots li, .nav ul[data-level='1'] > li > a,
.h6, .multi-option__title, .multi-option__label > span, .dropdown-block--large .dropdown-block__title, .nav-mobile .dropdown-block__title, .nav-mobile .dropdown-block--large .dropdown-block__title, .dropdown-menu .dropdown-menu__value, .header-cart-nav, .header .header__icons > ul > li > a, .header .header__search-field,
.p1,
.p2--alt,
.p2--lg, .hello-bar__text,
.p2--sm, .btn--link--tertiary, .btn--link--sm, .form-newsletter--block .form__title,
.p4,
.p7, .account__login_grid__description,
.p10, .wysiwyg__container blockquote,
.bq, .article__comments .text-input__el,
.article__comments .text-area .text-input__el, .text-area .text-input__el, .wysiwyg__container, .product-reviews .okeReviews .okeReviews-question-main-content, .product-reviews .okeReviews .okeReviews-answer-main .okeReviews-helpful-question {
font-family: freight-sans-pro, sans-serif;
font-weight: 400;
font-style: normal; }
.account-grid .account__content h1, .account__login_grid__title, .account__nav__head p, .wysiwyg__container h1, .header,
.h1, .account__subtitle, .wysiwyg__container h2,
.h2, .collection-nav-popup__body li, .product-hero__title,
.product-hero__price, .product-reviews .okeReviews .okeReviews-badge,
.h2--md, .form-search__input-wrapper, .form-newsletter--popup .form__title,
.h2--sm,
.h3--sm,
.h3--md,
.a1,
.link, .collection-nav__tags a,
.collection-nav__tags span, .collection-nav__btn, .cookies-popup__entry, .form-newsletter--footer .form__title,
.form-newsletter--footer .form__text, .form-newsletter--popup .form__text, .form-newsletter--popup input[type='email'], .product-reviews .okeReviews .okeReviews-review-main-heading, .nav .nav__dropdown-inner > span, .nav ul[data-level='2'],
.nav ul[data-level='3'], .nav-mobile li > a,
.h5--secondary, .product-bulletpoints li p, .product-hero__dock .product-hero__title, .product-hero__dock .product-hero__price,
.h5--secondary--sm,
.h5--secondary--lg,
.h6--lg, .sort__select, .review_main .okeReviews .okeReviews-reviewsSummary-ratingCount,
#shopify-section-badges .okeReviews .okeReviews-reviewsSummary-ratingCount, .breadcrumbs, .btn, .form-newsletter--popup .form__btn, .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion, .btn--link, .form-newsletter--footer input[type='email'], .form-newsletter--block input, .quantity-selector.quantity-selector--small .quantity-selector__field, .product-hero__body .product-hero__reviews .okeReviews-reviewsSummary-ratingCount, .product-hero-tabs__details li, .hero-nano__content li p, .product-ingredients__characteristics li, .product-ingredients__modal-text li, .product-ingredients__modal-text p, .product-reviews .okeReviews-reviewsAggregate-recommends span:last-child, .product-reviews .okeReviews-reviewsAggregate-summary-total, .product-reviews .okeReviews .okeReviews-review-helpful, .product-reviews .okeReviews-review-main-content-body, .nav .nav__dropdown-inner[data-level='3'] > a, .nav-mobile .nav__dropdown .nav__dropdown li > a,
.h6--md,
.h6--sm, .product-hero-tabs__details ul,
.ul, .product-ingredients__modal-text ul,
.ol, .btn--link--secondary, .product-related__image:first-child::after,
.p2, .list-words span, .btn--disabled,
.p3,
.p8,
.p8--inversed,
.p9, .section-cart .section__title, .btn--link--tertiary, .btn--link--sm, .footer__contact-heading, .product-reviews .okeReviews .okeReviews-select-input, .product-reviews .okeReviews .okeReviews-question-date,
.product-reviews .okeReviews .okeReviews-answer-date, .product-reviews .okeReviews .okeReviews-answer-helpful .okeReviews-helpful-vote-button, .product-reviews .okeReviews .okeReviews-question-questioner-profile-name,
.product-reviews .okeReviews .okeReviews-answer-answerer-profile-name, .waypoints li {
font-family: freight-sans-pro, sans-serif;
font-weight: 500;
font-style: normal; }
/* Global */
body {
font-size: 13px;
line-height: 22px;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased; }
@media (min-width: 1025px) {
body {
font-size: 15px;
line-height: 21px; } }
/**
* By design, we attach type styling to DOM elements
* through classes rather than DOM Node references. We
* do not attach these titles via selectors like "h1 {}"
* to ensure that HTML is designed with semantics in mind
* and not styling. It is entirely possible that a DOM node
* might be styled like so:
*
* In this example, the H3 DOM node has been chosen because
* it semantically makes sense (i.e. it better represents the
* information it contains when non-visual interpreters are
* traversing the DOM, such as screen readers). But, class-based
* selectors allow for the correct styling to be applied regardless.
*
* We also include the definition of abstract classes (e.g. %h1) so that
* these styles can be used in stylesheets too. For example:
* .page-title {
* @extend %h1;
* }
*/
.account-grid .account__content h1, .account__login_grid__title, .account__nav__head p, .wysiwyg__container h1, .header,
.h1 {
font-size: 18px;
line-height: 21px;
letter-spacing: 0.62px; }
@media (min-width: 1025px) {
.account-grid .account__content h1, .account__login_grid__title, .account__nav__head p, .wysiwyg__container h1, .header,
.h1 {
font-size: 24px;
line-height: 28px;
letter-spacing: 0.83px; } }
.h1--large {
font-size: 18px;
line-height: 27px; }
@media (min-width: 1025px) {
.h1--large {
font-size: 30px;
line-height: 35px;
letter-spacing: 1.04px; } }
.account__subtitle, .wysiwyg__container h2,
.h2 {
font-size: 15px;
line-height: 21px;
letter-spacing: 0.56px; }
@media (min-width: 1025px) {
.account__subtitle, .wysiwyg__container h2,
.h2 {
font-size: 18px;
line-height: 27px;
letter-spacing: 0.62px;
font-weight: 400;
letter-spacing: 0; } }
.collection-nav-popup__body li, .product-hero__title,
.product-hero__price, .product-reviews .okeReviews .okeReviews-badge,
.h2--md {
font-size: 18px;
line-height: 27px;
letter-spacing: 0.625px; }
@media (min-width: 1025px) {
.collection-nav-popup__body li, .product-hero__title,
.product-hero__price, .product-reviews .okeReviews .okeReviews-badge,
.h2--md {
font-size: 24px;
line-height: 36px;
letter-spacing: 0.833333px; } }
.form-search__input-wrapper, .form-newsletter--popup .form__title,
.h2--sm {
font-size: 16px;
line-height: 24px; }
@media (min-width: 1025px) {
.form-search__input-wrapper, .form-newsletter--popup .form__title,
.h2--sm {
font-size: 24px;
line-height: 36px; } }
.posts-simple .flickity-page-dots, .grid-images .flickity-page-dots, .slider-storyline .flickity-page-dots, .slider-review .flickity-page-dots, .slider-hero .flickity-page-dots, .wysiwyg__container h3, .features-items__list .flickity-page-dots,
.h3 {
font-size: 14px;
line-height: 21px; }
@media (min-width: 1025px) {
.posts-simple .flickity-page-dots, .grid-images .flickity-page-dots, .slider-storyline .flickity-page-dots, .slider-review .flickity-page-dots, .slider-hero .flickity-page-dots, .wysiwyg__container h3, .features-items__list .flickity-page-dots,
.h3 {
font-size: 17px;
line-height: 22.5px; } }
.h3--sm {
font-size: 12px;
line-height: 18px; }
@media (min-width: 1025px) {
.h3--sm {
font-size: 18px;
line-height: 24px; } }
.h3--md {
font-size: 12px;
line-height: 18px; }
@media (min-width: 1025px) {
.h3--md {
font-size: 15px;
line-height: 21px; } }
.wysiwyg__container h4,
.h4 {
font-size: 13px;
line-height: 22px;
letter-spacing: 0.5px; }
@media (min-width: 1025px) {
.wysiwyg__container h4,
.h4 {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.74px; } }
.h4--large {
font-size: 13px;
line-height: 22px; }
@media (min-width: 1025px) {
.h4--large {
font-size: 18px;
line-height: 27px; } }
.wysiwyg__container h5, .featured-products .flickity-page-dots li,
.h5 {
font-size: 13px;
line-height: 22px;
letter-spacing: 0.5px; }
@media (min-width: 1025px) {
.wysiwyg__container h5, .featured-products .flickity-page-dots li,
.h5 {
font-size: 15px;
line-height: 21px; } }
.a1,
.link, .collection-nav__tags a,
.collection-nav__tags span, .collection-nav__btn, .cookies-popup__entry, .form-newsletter--footer .form__title,
.form-newsletter--footer .form__text, .form-newsletter--popup .form__text, .form-newsletter--popup input[type='email'], .product-reviews .okeReviews .okeReviews-review-main-heading, .nav .nav__dropdown-inner > span, .nav ul[data-level='2'],
.nav ul[data-level='3'], .nav-mobile li > a,
.h5--secondary {
font-size: 15px;
line-height: 21px;
letter-spacing: 0.5px; }
@media (min-width: 1025px) {
.a1,
.link, .collection-nav__tags a,
.collection-nav__tags span, .collection-nav__btn, .cookies-popup__entry, .form-newsletter--footer .form__title,
.form-newsletter--footer .form__text, .form-newsletter--popup .form__text, .form-newsletter--popup input[type='email'], .product-reviews .okeReviews .okeReviews-review-main-heading, .nav .nav__dropdown-inner > span, .nav ul[data-level='2'],
.nav ul[data-level='3'], .nav-mobile li > a,
.h5--secondary {
font-size: 15px;
line-height: 21px; } }
.product-bulletpoints li p, .product-hero__dock .product-hero__title, .product-hero__dock .product-hero__price,
.h5--secondary--sm {
font-size: 13px;
line-height: 21px;
letter-spacing: 0.5px; }
@media (min-width: 1025px) {
.product-bulletpoints li p, .product-hero__dock .product-hero__title, .product-hero__dock .product-hero__price,
.h5--secondary--sm {
font-size: 15px;
line-height: 21px; } }
.h5--secondary--lg {
font-size: 15px;
line-height: 21px;
letter-spacing: 0.5px; }
@media (min-width: 1025px) {
.h5--secondary--lg {
font-size: 18px;
line-height: 21px; } }
.featured-products .flickity-page-dots li, .press .flickity-page-dots li, .wysiwyg__container h6, .product-gallery .flickity-page-dots li, .product-ingredients .flickity-page-dots li, .nav ul[data-level='1'] > li > a,
.h6 {
font-size: 12px;
line-height: 16px; }
@media (min-width: 1025px) {
.featured-products .flickity-page-dots li, .press .flickity-page-dots li, .wysiwyg__container h6, .product-gallery .flickity-page-dots li, .product-ingredients .flickity-page-dots li, .nav ul[data-level='1'] > li > a,
.h6 {
font-size: 14px;
line-height: 24px; } }
.h6--lg {
font-size: 12px;
line-height: 14px;
letter-spacing: 1px; }
@media (min-width: 1025px) {
.h6--lg {
font-size: 14px;
line-height: 14px; } }
.sort__select, .review_main .okeReviews .okeReviews-reviewsSummary-ratingCount,
#shopify-section-badges .okeReviews .okeReviews-reviewsSummary-ratingCount, .breadcrumbs, .btn, .form-newsletter--popup .form__btn, .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion, .btn--link, .form-newsletter--footer input[type='email'], .form-newsletter--block input, .quantity-selector.quantity-selector--small .quantity-selector__field, .product-hero__body .product-hero__reviews .okeReviews-reviewsSummary-ratingCount, .product-hero-tabs__details li, .hero-nano__content li p, .product-ingredients__characteristics li, .product-ingredients__modal-text li, .product-ingredients__modal-text p, .product-reviews .okeReviews-reviewsAggregate-recommends span:last-child, .product-reviews .okeReviews-reviewsAggregate-summary-total, .product-reviews .okeReviews .okeReviews-review-helpful, .product-reviews .okeReviews-review-main-content-body, .nav .nav__dropdown-inner[data-level='3'] > a, .nav-mobile .nav__dropdown .nav__dropdown li > a,
.h6--md {
font-size: 12px;
line-height: 14px;
letter-spacing: 1px; }
@media (min-width: 1025px) {
.sort__select, .review_main .okeReviews .okeReviews-reviewsSummary-ratingCount,
#shopify-section-badges .okeReviews .okeReviews-reviewsSummary-ratingCount, .breadcrumbs, .btn, .form-newsletter--popup .form__btn, .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion, .btn--link, .form-newsletter--footer input[type='email'], .form-newsletter--block input, .quantity-selector.quantity-selector--small .quantity-selector__field, .product-hero__body .product-hero__reviews .okeReviews-reviewsSummary-ratingCount, .product-hero-tabs__details li, .hero-nano__content li p, .product-ingredients__characteristics li, .product-ingredients__modal-text li, .product-ingredients__modal-text p, .product-reviews .okeReviews-reviewsAggregate-recommends span:last-child, .product-reviews .okeReviews-reviewsAggregate-summary-total, .product-reviews .okeReviews .okeReviews-review-helpful, .product-reviews .okeReviews-review-main-content-body, .nav .nav__dropdown-inner[data-level='3'] > a, .nav-mobile .nav__dropdown .nav__dropdown li > a,
.h6--md {
font-size: 12px;
line-height: 14px; } }
.h6--sm {
font-size: 7px;
line-height: 8px;
letter-spacing: 1px; }
@media (min-width: 1025px) {
.h6--sm {
font-size: 11px;
line-height: 13px; } }
/* Paragraphs */
.multi-option__title, .multi-option__label > span, .dropdown-block--large .dropdown-block__title, .nav-mobile .dropdown-block__title, .nav-mobile .dropdown-block--large .dropdown-block__title, .dropdown-menu .dropdown-menu__value, .header-cart-nav, .header .header__icons > ul > li > a, .header .header__search-field,
.p1 {
font-size: 13px;
line-height: 22px;
letter-spacing: 0.52px; }
@media (min-width: 1025px) {
.multi-option__title, .multi-option__label > span, .dropdown-block--large .dropdown-block__title, .nav-mobile .dropdown-block__title, .nav-mobile .dropdown-block--large .dropdown-block__title, .dropdown-menu .dropdown-menu__value, .header-cart-nav, .header .header__icons > ul > li > a, .header .header__search-field,
.p1 {
font-size: 15px;
line-height: 21px;
letter-spacing: 0; } }
.product-hero-tabs__details ul,
.ul, .product-ingredients__modal-text ul,
.ol, .btn--link--secondary, .product-related__image:first-child::after,
.p2 {
font-size: 16px;
font-weight: normal;
line-height: 1.5; }
@media (min-width: 1025px) {
.product-hero-tabs__details ul,
.ul, .product-ingredients__modal-text ul,
.ol, .btn--link--secondary, .product-related__image:first-child::after,
.p2 {
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.42px; } }
.p2--alt {
font-size: 12px;
line-height: 18px; }
.p2--lg {
font-size: 18px;
line-height: 1.5; }
@media (min-width: 1025px) {
.p2--lg {
font-size: 18px;
line-height: 1.5; } }
.hello-bar__text,
.p2--sm {
font-size: 11px;
line-height: 1.5; }
@media (min-width: 1025px) {
.hello-bar__text,
.p2--sm {
font-size: 11px;
line-height: 1.5; } }
.list-words span, .btn--disabled,
.p3 {
font-size: 12px;
line-height: 21px;
text-transform: uppercase;
letter-spacing: 0.42px; }
.btn--link--tertiary, .btn--link--sm, .form-newsletter--block .form__title,
.p4 {
font-size: 15px;
line-height: 21px; }
.p5 {
font-size: 18px;
line-height: 21px;
letter-spacing: 0.63px; }
@media (min-width: 1025px) {
.p5 {
font-size: 15px;
line-height: 18px; } }
.post__link,
.p6 {
font-size: 13px;
line-height: 21px; }
.p7 {
font-size: 18px;
line-height: 27px; }
.p8 {
font-size: 10px;
line-height: 12px; }
@media (min-width: 1025px) {
.p8 {
font-size: 12px;
line-height: 14px; } }
.p8--inversed {
font-size: 12px;
line-height: 14px; }
@media (min-width: 1025px) {
.p8--inversed {
font-size: 10px;
line-height: 12px; } }
.p9 {
font-size: 13px;
line-height: 22px; }
.account__login_grid__description,
.p10 {
font-size: 15px;
line-height: 21px; }
/* Blockquote */
.wysiwyg__container blockquote,
.bq {
font-size: 20px;
line-height: 1.5; }
@media (min-width: 415px) {
.wysiwyg__container blockquote,
.bq {
font-size: 28px; } }
/* Links */
.a1,
.link {
cursor: pointer;
opacity: 1;
text-decoration: underline;
transition: opacity 0.2s ease-in-out; }
.a1:hover,
.link:hover {
opacity: 0.7; }
.a1--alt,
.link--alt {
cursor: pointer;
opacity: 1; }
.a1--alt:hover,
.link--alt:hover {
text-decoration: underline; }
.no-touch .a1 {
transition: opacity 0.2s ease-in-out; }
.no-touch .a1:hover {
opacity: 0.6; }
.no-touch .a2::after {
transition: width 0.2s ease-in-out; }
.no-touch .a2:hover::after {
width: calc(100% - 10px); }
.no-touch .a3::before {
transition: width 0.2s ease-in-out; }
.no-touch .a3:hover::before {
left: 0;
right: auto;
width: 100%; }
.link--withicon {
align-items: center;
display: inline-flex; }
.link--withicon .icon {
height: 8px;
width: 15px;
margin: 0 5px; }
/* Horizontal Rule */
.hr {
background-color: #000;
border: none;
display: block;
height: 1px;
opacity: 0.2;
width: 100%; }
.hr-light-grey {
background-color: #f2f2f2;
opacity: 1; }
/* Styles */
.italic, .wysiwyg__container i,
.wysiwyg__container em {
font-style: italic; }
.light {
font-weight: 100; }
.medium, .product-ingredients__modal-text h3 {
font-weight: 500; }
.semi {
font-weight: 600; }
.bold, .wysiwyg__container b,
.wysiwyg__container strong {
font-weight: 900; }
.uppercase {
text-transform: uppercase; }
.lowercase {
text-transform: lowercase; }
.capitalize {
text-transform: capitalize; }
.underline {
text-decoration: underline; }
.decoration--none {
text-decoration: none; }
.no-wrap {
white-space: nowrap; }
.small {
font-size: 0.8em; }
.letter-spacing {
letter-spacing: 0.75px; }
.opacity {
opacity: 0.5; }
.opacity-1 {
opacity: 1 !important; }
/**
* @info
* Here, we have simple utility classes to add
* alignment rules to DOM elements.
*/
.align-l {
text-align: left; }
.align-c {
text-align: center; }
.align-r {
text-align: right; }
.align-j {
text-align: justify; }
.align-m {
vertical-align: middle; }
.align-t {
vertical-align: top; }
.align-b {
vertical-align: baseline; }
.flip-h {
transform: scale(-1, 1); }
/**
* @info
* Here, we provide utility classes for styling
* a container element that has gutters on either
* side of it, and a max-width.
*
* Example:
*
*
*
*/
.container {
margin: 0 auto;
position: relative;
max-width: 1440px;
width: calc(100% - 40px); }
@media (min-width: 415px) {
.container {
width: calc(100% - 80px); } }
.container--full-xs {
width: 100%; }
@media (min-width: 415px) {
.container--full-xs {
width: calc(100% - 80px); } }
.container--full-s {
width: 100%; }
@media (min-width: 769px) {
.container--full-s {
width: calc(100% - 80px); } }
.container--mobile-no-margin {
width: 100%; }
@media (min-width: 768px) {
.container--mobile-no-margin {
width: calc(100% - 40px); } }
.container--padding {
width: calc(100% - 56px); }
.container--xxs {
max-width: 375px; }
.container--xs {
max-width: 414px; }
.container--s {
max-width: 768px; }
.container--m {
max-width: 1023px; }
.container--md {
max-width: 1200px; }
.container--l {
max-width: 1440px; }
/**
* @info
* Here, we outline utility classes that attach
* display rules to DOM elements. These declarations
* also allow the attachment of display rules scoped
* to various breakpoints.
*/
.inline {
display: inline; }
.inline-block {
display: inline-block; }
.relative {
position: relative; }
.absolute {
position: absolute; }
.fixed {
position: fixed; }
.sticky {
position: sticky;
top: 0; }
.static {
position: static !important; }
.pointer {
cursor: pointer; }
.block {
display: block; }
@media (min-width: 376px) {
.block--xxs {
display: block; } }
@media (min-width: 415px) {
.block--xs {
display: block; } }
@media (min-width: 769px) {
.block--s {
display: block; } }
@media (min-width: 1024px) {
.block--m {
display: block; } }
@media (min-width: 1201px) {
.block--md {
display: block; } }
@media (min-width: 1441px) {
.block--l {
display: block; } }
.hide {
display: none; }
@media (min-width: 376px) {
.hide--xxs {
display: none; } }
@media (min-width: 415px) {
.hide--xs {
display: none; } }
@media (min-width: 769px) {
.hide--s {
display: none; } }
@media (max-width: 768px) {
.hide--ss {
display: none; } }
@media (min-width: 1024px) {
.hide--m {
display: none; } }
@media (min-width: 1201px) {
.hide--md {
display: none; } }
@media (min-width: 1441px) {
.hide--l {
display: none; } }
/**
* @info
* Here, we outline utility classes that attach
* flex rules to DOM elements.
*/
.f {
display: flex; }
.fw {
flex-wrap: wrap; }
.ais {
align-items: flex-start; }
.aie {
align-items: flex-end; }
.aic {
align-items: center; }
.aib {
align-items: baseline; }
.aist {
align-items: stretch; }
.jcs {
justify-content: flex-start; }
.jce {
justify-content: flex-end; }
.jcc {
justify-content: center; }
.jcb {
justify-content: space-between; }
.fa {
flex: 1 1 auto;
min-width: 0;
min-height: 0; }
.ff {
flex-shrink: 0; }
.fdc {
flex-direction: column; }
/**
* @info
* Here, we have a very simple outline of
* form related utility classes. Add to this
* file as you create opinions on how forms
* should be styled for the project.
*/
.form-row {
position: relative;
margin-bottom: 20px; }
.form-row.double {
display: flex;
justify-content: space-between; }
.form-row.double > div {
width: calc( 50% - 10px); }
select {
font-family: inherit;
font-size: inherit;
font-weight: inherit; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #fff inset !important; }
/**
* @info
* Here, we outline an array of helper utility
* classes that solve needs that relate to a variety
* of concerns. Add to this as the
* project evolves.
*/
/**
* Easily allows for a DOM element
* to comply to a distinct aspect ratio.
*
* Example:
*
*/
.ratio {
position: relative; }
.ratio::before {
content: '';
display: block;
width: 100%; }
.square::before {
padding-top: 100%; }
.rectangle {
padding-bottom: calc(575 / 765 * 100%); }
/**
* A simple way to hide an element
*/
.hidden {
display: none; }
/**
* This relates directly to Vue.js. As
* per standard Vue.js functionality, the
* v-cloak attribute is removed from the DOM
* element when the Vue component is initialized.
* So, this attribute can be added to ensure that
* the Vue.js component is not shown to the user
* until it is ready.
*/
[v-cloak] {
display: none; }
/**
* Visually hidden but read by screen readers
*/
.sr-only {
display: block;
height: 0;
overflow: hidden;
text-indent: -9999px;
width: 0; }
/**
* Simple helpers for handling SVG-based
* icons.
*
* Example:
*
*Liquid error: This liquid context does not allow includes.* Shopping bag icon
*
*/
.icon,
.logo {
position: relative; }
.icon svg,
.logo svg {
display: block;
height: 100%;
width: 100%; }
/**
* Easily makes a DOM element fill the entire
* width and height of it's relative parent.
*/
.fill {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0; }
/**
* Responsive Helpers
*/
.visible-block,
.visible-inline,
.visible-inline-block,
.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-s-block,
.visible-s-inline,
.visible-s-inline-block,
.visible-m-block,
.visible-m-inline,
.visible-m-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-l-block,
.visible-l-inline,
.visible-l-inline-block {
display: none !important; }
@media (max-width: 375px) {
.visible-block {
display: block !important; }
.visible-inline {
display: inline !important; }
.visible-inline-block {
display: inline-block !important; } }
@media (min-width: 376px) and (max-width: 414px) {
.hidden-xxs {
display: none !important; }
.visible-xxs-block {
display: block !important; }
.visible-xxs-inline {
display: inline !important; }
.visible-xxs-inline-block {
display: inline-block !important; } }
@media (min-width: 415px) and (max-width: 768px) {
.hidden-xs {
display: none !important; }
.visible-xs-block {
display: block !important; }
.visible-xs-inline {
display: inline !important; }
.visible-xs-inline-block {
display: inline-block !important; } }
@media (min-width: 769px) and (max-width: 1023px) {
.hidden-s {
display: none !important; }
.visible-s-block {
display: block !important; }
.visible-s-inline {
display: inline !important; }
.visible-s-inline-block {
display: inline-block !important; } }
@media (min-width: 1024px) and (max-width: 1200px) {
.hidden-m {
display: none !important; }
.visible-m-block {
display: block !important; }
.visible-m-inline {
display: inline !important; }
.visible-m-inline-block {
display: inline-block !important; } }
@media (min-width: 1201px) and (max-width: 1440px) {
.hidden-md {
display: none !important; }
.visible-md-block {
display: block !important; }
.visible-md-inline {
display: inline !important; }
.visible-md-inline-block {
display: inline-block !important; } }
@media (min-width: 1441px) {
.hidden-l {
display: none !important; }
.visible-l-block {
display: block !important; }
.visible-l-inline {
display: inline !important; }
.visible-l-inline-block {
display: inline-block !important; } }
hr {
border: 0;
width: 100%;
height: 1px;
margin: 35px 0;
background: #000; }
hr.hr-grey {
background: #77777a; }
/**
* @info
* Here, we outline utility classes that relate
* to the primary content area, the header and the
* footer. Here, we offset .main by a certain amount
* of pixels to account for a sticky header. We also
* provide some min-heights for the content area.
*
* These should be modified specifically for the project.
* If you feel like they are not relevant, delete them.
*/
.no-scroll {
overflow: hidden; }
.wrapper {
transition: transform 0.3s; }
.has-offset-main .wrapper {
transform: translate3d(100%, 0, 0); }
@media (min-width: 415px) {
.has-offset-main .wrapper {
transform: none; } }
.wrapper--max-width {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
position: relative; }
.header,
.footer {
flex: 0 0 auto;
width: 100%; }
body {
min-width: 320px; }
/**
* @info
* Here, we outline utility classes that target
* list elements. These can be used both in the DOM
* directly or, in other style declarations.
*
* Examples (two different ways of using these):
* .custom-module__list {
* @extend %ul;
* }
*
*
*/
.product-hero-tabs__details ul,
.ul,
.product-ingredients__modal-text ul,
.ol {
padding-left: 20px; }
.product-hero-tabs__details ul li,
.ul li,
.product-ingredients__modal-text ul li,
.ol li {
position: relative;
margin-top: 3px;
padding-left: 10px; }
@media (min-width: 415px) {
.product-hero-tabs__details ul li,
.ul li,
.product-ingredients__modal-text ul li,
.ol li {
margin-top: 8px; } }
.product-hero-tabs__details ul li:first-child,
.ul li:first-child,
.product-ingredients__modal-text ul li:first-child,
.ol li:first-child {
margin-top: 0; }
.product-hero-tabs__details ul ul,
.product-hero-tabs__details ul ol,
.ul ul,
.product-ingredients__modal-text ul ul,
.ul ol,
.product-ingredients__modal-text ul ol,
.ol ul,
.ol ol {
margin-top: 3px; }
@media (min-width: 415px) {
.product-hero-tabs__details ul ul,
.product-hero-tabs__details ul ol,
.ul ul,
.product-ingredients__modal-text ul ul,
.ul ol,
.product-ingredients__modal-text ul ol,
.ol ul,
.ol ol {
margin-top: 5px; } }
.product-hero-tabs__details ul,
.ul,
.product-ingredients__modal-text ul {
list-style: disc; }
.ol {
list-style: decimal; }
/**
* @info
* Here, we outline a range of margin and
* padding declarations that can be used for
* simple adjustments to spacing that are
* consistent across breakpoints.
*/
.mla {
margin-left: auto; }
.mha,
.mxa {
margin-left: auto; }
.mha,
.mxa {
margin-right: auto; }
.mva,
.mxa {
margin-top: auto; }
.mva,
.mxa {
margin-bottom: auto; }
.mt0,
.mv0,
.mx0 {
margin-top: 0; }
.mb0,
.mv0,
.mx0 {
margin-bottom: 0; }
.pt0,
.pv0,
.px0 {
padding-top: 0; }
.pb0,
.pv0,
.px0 {
padding-bottom: 0; }
.pr0,
.ph0,
.px0 {
padding-right: 0; }
.pl0,
.ph0,
.px0 {
padding-left: 0; }
.mt025,
.mv025,
.mx025 {
margin-top: 0.25em; }
.mb025,
.mv025,
.mx025 {
margin-bottom: 0.25em; }
.ml025,
.mh025,
.mx025 {
margin-left: 0.25em; }
.mr025,
.mh025,
.mx025 {
margin-right: 0.25em; }
.pt025,
.pv025,
.px025 {
padding-top: 0.25em; }
.pb025,
.pv025,
.px025 {
padding-bottom: 0.25em; }
.pl025,
.ph025,
.px025 {
padding-left: 0.25em; }
.pr025,
.ph025,
.px025 {
padding-right: 0.25em; }
.mt05,
.mv05,
.mx05 {
margin-top: 0.5em; }
.mb05,
.mv05,
.mx05 {
margin-bottom: 0.5em; }
.ml05,
.mh05,
.mx05 {
margin-left: 0.5em; }
.mr05,
.mh05,
.mx05 {
margin-right: 0.5em; }
.pt05,
.pv05,
.px05 {
padding-top: 0.5em; }
.pb05,
.pv05,
.px05 {
padding-bottom: 0.5em; }
.pl05,
.ph05,
.px05 {
padding-left: 0.5em; }
.pr05,
.ph05,
.px05 {
padding-right: 0.5em; }
.mt075,
.mv075,
.mx075 {
margin-top: 0.75em; }
.mb075,
.mv075,
.mx075 {
margin-bottom: 0.75em; }
.ml075,
.mh075,
.mx075 {
margin-left: 0.75em; }
.mr075,
.mh075,
.mx075 {
margin-right: 0.75em; }
.pt075,
.pv075,
.px075 {
padding-top: 0.75em; }
.pb075,
.pv075,
.px075 {
padding-bottom: 0.75em; }
.pl075,
.ph075,
.px075 {
padding-left: 0.75em; }
.pr075,
.ph075,
.px075 {
padding-right: 0.75em; }
.mt1,
.mv1,
.mx1 {
margin-top: 1em; }
.mb1,
.mv1,
.mx1 {
margin-bottom: 1em; }
.ml1,
.mh1,
.mx1 {
margin-left: 1em; }
.mr1,
.mh1,
.mx1 {
margin-right: 1em; }
.mln1 {
margin-left: -1em; }
.mrn1 {
margin-right: -1em; }
.mhn1 {
margin-left: -1em;
margin-right: -1em; }
.pt1,
.pv1,
.px1 {
padding-top: 1em; }
.pb1,
.pv1,
.px1 {
padding-bottom: 1em; }
.pl1,
.ph1,
.px1 {
padding-left: 1em; }
.pr1,
.ph1,
.px1 {
padding-right: 1em; }
.mt15,
.mv15,
.mx15 {
margin-top: 1.5em; }
.mb15,
.mv15,
.mx15 {
margin-bottom: 1.5em; }
.ml15,
.mh15,
.mx15 {
margin-left: 1.5em; }
.mr15,
.mh15,
.mx15 {
margin-right: 1.5em; }
.mln15 {
margin-left: -1.5em; }
.mrn15 {
margin-right: -1.5em; }
.mhn15 {
margin-left: -1.5em;
margin-right: -15em; }
.pt15,
.pv15,
.px15 {
padding-top: 1.5em; }
.pb15,
.pv15,
.px15 {
padding-bottom: 1.5em; }
.pl15,
.ph15,
.px15 {
padding-left: 1.5em; }
.pr15,
.ph15,
.px15 {
padding-right: 1.5em; }
.mt2,
.mv2,
.mx2 {
margin-top: 2em; }
.mb2,
.mv2,
.mx2 {
margin-bottom: 2em; }
.ml2,
.mh2,
.mx2 {
margin-left: 2em; }
.mr2,
.mh2,
.mx2 {
margin-right: 2em; }
.mln2 {
margin-left: -2em; }
.mrn2 {
margin-right: -2em; }
.mhn2 {
margin-left: -2em;
margin-right: -2em; }
.pt2,
.pv2,
.px2 {
padding-top: 2em; }
.pb2,
.pv2,
.px2 {
padding-bottom: 2em; }
.pl2,
.ph2,
.px2 {
padding-left: 2em; }
.pr2,
.ph2,
.px2 {
padding-right: 2em; }
.pt5 {
padding-top: 5vw; }
.pb5 {
padding-bottom: 5vw; }
.plr20 {
padding-left: 20px;
padding-right: 20px; }
/**
* @info
* This stylesheet outlines utility functions
* that easily attach widths to the DOM. It
* currently is very simple but can be added to
* over time.
*/
.w1 {
width: 100%; }
.w20 {
width: 20%; }
/**
* @info
* This stylesheet defines a restricted set of utility
* classes to handle z-index layering across the site. It
* is encouraged to use these classes over custom declarations
* like: z-index: 999999 since it can be very hard over time
* to keep track of layering unless they comply to a restricted
* system.
*/
.z0 {
z-index: 0; }
.z1,
.nav .nav__dropdown-inner[data-level='3'],
.nav .nav__dropdown-inner[data-level='4'],
.nav-mobile .nav__close {
z-index: 100; }
.z2,
.cookies-popup,
.hero-collection .hero-collection__breadcrumbs,
.hero-collection__title,
.product-card__badges {
z-index: 200; }
.z3 {
z-index: 300; }
.z4,
.header,
.nav-mobile {
z-index: 400; }
.z5 {
z-index: 500; }
.z6 {
z-index: 600; }
.z7 {
z-index: 700; }
.z8,
.nav .nav__dropdown-inner[data-level='2'] {
z-index: 800; }
.z9,
.form-newsletter--popup,
.product-hero__dock,
.product-ingredients__modal,
.product-ingredients__modal-inner,
.nav .nav__dropdown {
z-index: 900; }
.z10 {
z-index: 1000; }
/**
* @info
* We have this stylesheet to primarily
* hide the preview bar when we need to.
* Only Shopify UI component style overrides
* should really go here.
*/
#preview-bar-iframe {
height: 60px;
display: none !important; }
html {
padding: 0 !important; }
.row {
display: flex;
flex-flow: row wrap;
margin: 0 -10px; }
.col {
width: 50%;
padding: 0 10px; }
@media (min-width: 1024px) {
.col--1of2-m {
width: 50%; } }
@media (max-width: 768px) {
.col--full-width-s {
width: 100%; } }
:focus, .has-focus, .focus-outline:focus, button:focus {
outline: 2px dotted #000 !important; }
*:focus:not(.focus-visible) {
outline: 0 !important;
box-shadow: none !important; }
* {
font-variant-numeric: lining-nums; }
.template--index .img,
.template--index img,
.template--index .img__el,
.header-cart__upsell-body .product-card__image-wrapper .img,
.header-cart__upsell-body .product-card__image-wrapper .img__el {
position: unset;
max-width: 100%;
display: inline-block;
-o-object-fit: contain !important;
object-fit: contain !important; }
.template--index {
overflow-x: hidden; }
.template--index h2 {
font-family: freight-sans-pro, sans-serif !important;
font-weight: 400;
font-size: 40px;
line-height: 40px;
margin: 0;
letter-spacing: -0.02em;
color: #313131; }
@media (max-width: 768px) {
.template--index h2 {
font-size: 32px;
line-height: 32px; } }
@media (max-width: 768px) {
.template--index .container {
width: calc(100% - 55px); } }
.template--index .homepage-banner-new {
line-height: 0; }
.template--index p {
font-family: freight-sans-pro, sans-serif !important;
font-weight: 400;
font-size: 18px;
line-height: 20px;
color: #313131; }
.template--index .product-card__image-wrapper {
padding-top: 0; }
.d-mobile {
display: none; }
@media (max-width: 1023px) {
.d-desktop {
display: none; }
.d-mobile {
display: block; } }
.hello-bar__slide p.hello-bar__text {
font-family: Arial, Helvetica, sans-serif !important;
font-weight: 600;
font-size: 12px;
line-height: 12px;
color: #313131;
text-transform: uppercase;
letter-spacing: 0.02em; }
div#nav-mobile {
top: 95px;
width: 100%;
min-height: 100vh;
height: 100vh;
padding: 20px 25px 120px; }
@media (max-width: 382px) {
div#nav-mobile {
top: 95px; } }
div#nav-mobile .sidebar.active {
position: relative;
height: 100% !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch; }
.sidebar__inner {
display: flex;
flex-direction: column; }
.sidebar__inner .sidebar__inner-pdp {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 15px;
grid-row-gap: 15px; }
.sidebar__inner a {
display: flex;
flex-direction: column;
gap: 12px; }
.sidebar__inner .pdp_box {
width: 100%; }
.sidebar__inner .pdp_box__img {
position: relative;
height: 0;
width: 100%;
padding-top: 70%;
background: #F6F6F6; }
.sidebar__inner .pdp_box__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
margin: auto; }
@media (max-width: 425px) {
.sidebar__inner .pdp_box__img {
padding-top: 90px; } }
@media (max-width: 370px) {
.sidebar__inner .pdp_box__img {
padding-top: 70px; } }
.sidebar__inner .pdp_box p {
font-family: freight-sans-pro, sans-serif !important;
font-size: 18px;
font-weight: 500;
line-height: 18px;
letter-spacing: -0.02em;
color: #313131;
padding: 12px 0 0;
border-top: 1px solid #313131; }
@media (max-width: 370px) {
.sidebar__inner .pdp_box p {
font-size: 14px;
line-height: 14px; } }
.sidebar__inner .sidebar__inner-account {
display: flex;
text-align: center;
justify-content: center;
padding: 32px 0 24px;
border-bottom: 1px solid #313131; }
.sidebar__inner .sidebar__inner-account a {
width: 100%;
background: #313131;
border: 1px solid #313131;
font-weight: 600;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #fff;
height: 48px !important;
padding: 16px; }
.sidebar__inner .sidebar__inner-account a:hover {
background: #000;
border: 1px solid #000; }
@media (max-width: 370px) {
.sidebar__inner .sidebar__inner-account a {
font-size: 14px;
line-height: 14px; } }
.sidebar__inner .sidebar__inner-menu ul {
padding: 24px 0 0;
display: flex;
flex-wrap: wrap;
gap: 15px; }
.sidebar__inner .sidebar__inner-menu ul li {
font-family: FreightSans Pro;
font-size: 16px;
font-weight: 600 !important;
line-height: 16px;
letter-spacing: 0em;
color: #313131;
text-transform: uppercase;
margin: 0 !important;
width: calc(33.33% - 10px); }
.featured-products {
padding-top: 0 !important; }
.featured-products .featured-products__grid {
margin: 0; }
@media (max-width: 1023px) {
.featured-products .featured-products__grid {
flex-wrap: wrap;
display: flex; } }
.featured-products .featured-products__item {
padding: 0 7px; }
@media (max-width: 1023px) {
.featured-products .featured-products__item {
padding: 16px;
flex: 0 0 50%;
max-width: 50%;
margin: 0; } }
@media (max-width: 575px) {
.featured-products .featured-products__item {
padding: 0 0 32px;
flex: unset;
max-width: unset;
width: 100%; } }
.featured-products .product-card {
background: #F7F7F7;
padding: 40px 25px 35px;
transition: 0.5s ease-in all;
overflow: hidden;
height: 643px;
display: flex;
justify-content: flex-end;
flex-direction: column; }
@media (max-width: 768px) {
.featured-products .product-card {
height: unset;
padding: 20px 20px 25px; } }
@media (max-width: 575px) {
.featured-products .product-card {
max-height: 550px; } }
.featured-products .product-card > div {
flex: unset; }
.featured-products .product-card .product-card__entry {
display: none; }
.featured-products .product-card a.product-card__featured {
padding: 0 !important;
margin-bottom: 18px;
flex-grow: 1; }
.featured-products .product-card a.product-card__featured .product-card__image-wrapper {
position: relative;
padding-top: 100% !important;
height: 0;
transition: 0.5s ease-in all; }
.featured-products .product-card a.product-card__featured .product-card__image-wrapper .img.fit-contain.product-card__image.fit-cover.is-loaded.pos-center {
transition: 0.5s ease-in all; }
.featured-products .product-card a.product-card__featured .product-card__image-wrapper img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
margin: auto;
mix-blend-mode: multiply; }
.featured-products .product-card a.product-card__featured .product-card__image-wrapper .product-hover-image {
display: none;
transition: 0.5s ease-in all; }
.featured-products .product-card a.product-card__featured .product-card__image-wrapper .product-hover-image img {
mix-blend-mode: unset; }
@media (max-width: 575px) {
.featured-products .product-card a.product-card__featured .product-card__image-wrapper {
padding-top: 60% !important; } }
@media (max-width: 414px) {
.featured-products .product-card a.product-card__featured .product-card__image-wrapper {
padding-top: 75% !important; } }
.featured-products .product-card a.product-card__featured .product_tag {
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
overflow: hidden;
font-weight: 600;
font-size: 14px;
line-height: 16px !important;
text-align: center;
left: unset;
right: 0;
text-transform: uppercase; }
.featured-products .product-card a.product-card__featured:before {
opacity: 0 !important;
visibility: hidden !important; }
.featured-products .product-card .product-reviw-price {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 17px;
padding-bottom: 17px; }
.featured-products .product-card .product-reviw-price a {
font-family: freight-sans-pro, sans-serif !important;
font-weight: 500;
font-size: 12px;
line-height: 12px;
text-transform: uppercase; }
.featured-products .product-card .product-reviw-price .okeReviews-reviewsSummary-ratingCount span {
text-transform: uppercase;
text-decoration: underline; }
.featured-products .product-card .product-card__options {
display: none;
transition: 0.5s ease-in all;
min-height: 50px;
max-width: unset; }
.featured-products .product-card .product-card__options button.btn.btn--add.product-card__add.gtm-add-to-cart, .featured-products .product-card .product-card__options .form-newsletter--popup button.btn--add.product-card__add.gtm-add-to-cart.form__btn, .form-newsletter--popup .featured-products .product-card .product-card__options button.btn--add.product-card__add.gtm-add-to-cart.form__btn, .featured-products .product-card .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-filterToggle, .product-reviews .okeReviews .featured-products .product-card .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-filterToggle,
.featured-products .product-card .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-reviewsWidget-header-controls-writeReview, .product-reviews .okeReviews .featured-products .product-card .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-reviewsWidget-header-controls-writeReview,
.featured-products .product-card .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-qandaWidget-header-controls-askQuestion, .product-reviews .okeReviews .featured-products .product-card .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-qandaWidget-header-controls-askQuestion {
width: 100%;
background: #313131;
border: 1px solid #313131;
font-weight: 600;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #FFFFFF;
height: 48px !important;
padding: 16px; }
.featured-products .product-card .product-card__options button.btn.btn--add.product-card__add.gtm-add-to-cart::after, .featured-products .product-card .product-card__options .form-newsletter--popup button.btn--add.product-card__add.gtm-add-to-cart.form__btn::after, .form-newsletter--popup .featured-products .product-card .product-card__options button.btn--add.product-card__add.gtm-add-to-cart.form__btn::after, .featured-products .product-card .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-filterToggle::after, .product-reviews .okeReviews .featured-products .product-card .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-filterToggle::after,
.featured-products .product-card .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-reviewsWidget-header-controls-writeReview::after, .product-reviews .okeReviews .featured-products .product-card .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-reviewsWidget-header-controls-writeReview::after,
.featured-products .product-card .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-qandaWidget-header-controls-askQuestion::after, .product-reviews .okeReviews .featured-products .product-card .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-qandaWidget-header-controls-askQuestion::after, .featured-products .product-card .product-card__options button.btn.btn--add.product-card__add.gtm-add-to-cart::before, .featured-products .product-card .product-card__options .form-newsletter--popup button.btn--add.product-card__add.gtm-add-to-cart.form__btn::before, .form-newsletter--popup .featured-products .product-card .product-card__options button.btn--add.product-card__add.gtm-add-to-cart.form__btn::before, .featured-products .product-card .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-filterToggle::before, .product-reviews .okeReviews .featured-products .product-card .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-filterToggle::before,
.featured-products .product-card .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-reviewsWidget-header-controls-writeReview::before, .product-reviews .okeReviews .featured-products .product-card .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-reviewsWidget-header-controls-writeReview::before,
.featured-products .product-card .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-qandaWidget-header-controls-askQuestion::before, .product-reviews .okeReviews .featured-products .product-card .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-qandaWidget-header-controls-askQuestion::before {
content: unset; }
.featured-products .product-card .product-card__options button.btn.btn--add.product-card__add.gtm-add-to-cart:hover, .featured-products .product-card .product-card__options .form-newsletter--popup button.btn--add.product-card__add.gtm-add-to-cart.form__btn:hover, .form-newsletter--popup .featured-products .product-card .product-card__options button.btn--add.product-card__add.gtm-add-to-cart.form__btn:hover, .featured-products .product-card .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-filterToggle:hover, .product-reviews .okeReviews .featured-products .product-card .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-filterToggle:hover,
.featured-products .product-card .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-reviewsWidget-header-controls-writeReview:hover, .product-reviews .okeReviews .featured-products .product-card .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-reviewsWidget-header-controls-writeReview:hover,
.featured-products .product-card .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-qandaWidget-header-controls-askQuestion:hover, .product-reviews .okeReviews .featured-products .product-card .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-qandaWidget-header-controls-askQuestion:hover {
background: #000;
border: 1px solid #000; }
@media (max-width: 1439px) {
.featured-products .product-card .product-card__options {
min-height: 70px; } }
@media (max-width: 1150PX) {
.featured-products .product-card .product-card__options {
min-height: 90px; } }
@media (max-width: 1023px) {
.featured-products .product-card .product-card__options {
min-height: unset; } }
.featured-products .product-card .product-title-subtitle {
min-height: 50px; }
@media (max-width: 1439px) {
.featured-products .product-card .product-title-subtitle {
min-height: 70px; } }
@media (max-width: 1150px) {
.featured-products .product-card .product-title-subtitle {
min-height: 90px; } }
@media (max-width: 1023px) {
.featured-products .product-card .product-title-subtitle {
min-height: unset; } }
.featured-products .product-card .product-title-subtitle a.product-card__title.h6 {
font-family: freight-sans-pro, sans-serif !important;
font-weight: 500;
font-size: 24px;
line-height: 24px;
color: #313131;
text-transform: none;
margin: 0;
padding-bottom: 8px; }
.featured-products .product-card .product-title-subtitle .h6--md {
font-family: freight-sans-pro, sans-serif !important;
font-weight: 400;
font-size: 18px;
line-height: 18px !important;
color: #313131;
letter-spacing: 0; }
@media (min-width: 1024px) {
.featured-products .product-card .product-title-subtitle .h6--md br {
display: none; } }
.featured-products .product-card:hover .product-hover-image,
.featured-products .product-card:hover .product-card__options {
display: block !important; }
.featured-products .product-card:hover .img.fit-contain.product-card__image.fit-cover.is-loaded.pos-center,
.featured-products .product-card:hover .product-title-subtitle {
display: none; }
@media (max-width: 1023px) {
.featured-products .product-card .img.fit-contain.product-card__image.fit-cover.is-loaded.pos-center,
.featured-products .product-card .product-title-subtitle,
.featured-products .product-card .product-hover-image,
.featured-products .product-card .product-card__options {
display: block !important; }
.featured-products .product-card .product-title-subtitle .h6--md {
padding-bottom: 20px; } }
.single-product-with-images .product-card__options {
display: none;
transition: 0.5s ease-in all;
min-height: 50px;
max-width: unset; }
.single-product-with-images .product-card__options button.btn.btn--add.product-card__add.gtm-add-to-cart, .single-product-with-images .product-card__options .form-newsletter--popup button.btn--add.product-card__add.gtm-add-to-cart.form__btn, .form-newsletter--popup .single-product-with-images .product-card__options button.btn--add.product-card__add.gtm-add-to-cart.form__btn, .single-product-with-images .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-filterToggle, .product-reviews .okeReviews .single-product-with-images .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-filterToggle,
.single-product-with-images .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-reviewsWidget-header-controls-writeReview, .product-reviews .okeReviews .single-product-with-images .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-reviewsWidget-header-controls-writeReview,
.single-product-with-images .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-qandaWidget-header-controls-askQuestion, .product-reviews .okeReviews .single-product-with-images .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-qandaWidget-header-controls-askQuestion {
width: 100%;
background: #313131;
border: 1px solid #313131;
font-weight: 600;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #FFFFFF;
height: 48px !important;
padding: 16px; }
.single-product-with-images .product-card__options button.btn.btn--add.product-card__add.gtm-add-to-cart::after, .single-product-with-images .product-card__options .form-newsletter--popup button.btn--add.product-card__add.gtm-add-to-cart.form__btn::after, .form-newsletter--popup .single-product-with-images .product-card__options button.btn--add.product-card__add.gtm-add-to-cart.form__btn::after, .single-product-with-images .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-filterToggle::after, .product-reviews .okeReviews .single-product-with-images .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-filterToggle::after,
.single-product-with-images .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-reviewsWidget-header-controls-writeReview::after, .product-reviews .okeReviews .single-product-with-images .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-reviewsWidget-header-controls-writeReview::after,
.single-product-with-images .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-qandaWidget-header-controls-askQuestion::after, .product-reviews .okeReviews .single-product-with-images .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-qandaWidget-header-controls-askQuestion::after, .single-product-with-images .product-card__options button.btn.btn--add.product-card__add.gtm-add-to-cart::before, .single-product-with-images .product-card__options .form-newsletter--popup button.btn--add.product-card__add.gtm-add-to-cart.form__btn::before, .form-newsletter--popup .single-product-with-images .product-card__options button.btn--add.product-card__add.gtm-add-to-cart.form__btn::before, .single-product-with-images .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-filterToggle::before, .product-reviews .okeReviews .single-product-with-images .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-filterToggle::before,
.single-product-with-images .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-reviewsWidget-header-controls-writeReview::before, .product-reviews .okeReviews .single-product-with-images .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-reviewsWidget-header-controls-writeReview::before,
.single-product-with-images .product-card__options .product-reviews .okeReviews button.product-card__add.gtm-add-to-cart.okeReviews-qandaWidget-header-controls-askQuestion::before, .product-reviews .okeReviews .single-product-with-images .product-card__options button.product-card__add.gtm-add-to-cart.okeReviews-qandaWidget-header-controls-askQuestion::before {
content: unset; }
@media (max-width: 1439px) {
.single-product-with-images .product-card__options {
min-height: 70px; } }
@media (max-width: 1150px) {
.single-product-with-images .product-card__options {
min-height: 90px; } }
@media (max-width: 575px) {
.single-product-with-images .product-card__options {
min-height: unset; } }
.single-product-with-images:hover .product-hover-image,
.single-product-with-images:hover .product-card__options {
display: block !important; }
.single-product-with-images:hover .img.fit-contain.product-card__image.fit-cover.is-loaded.pos-center,
.single-product-with-images:hover .product-title-subtitle {
display: none; }
@media (max-width: 1023px) {
.featured-products .product-card a.product-card__featured .product-card__image-wrapper .product-hover-image {
display: none !important; } }
.header-cart__wrapper .product-card__image-wrapper {
padding-top: 0 !important; }
/**
* @info
* This glob-based selector is something
* unique to this starterkit. Here, all stylesheets
* in all module files are added into this bundle. Their
* changes are watched and the browser updates when
* the files are saved. If you need one module stylesheet
* to be included before another, you can configure
* this in the kit.config.js file.
*/
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/article/article.scss */
/* ------------------------------------------------------------ *\
Article
\* ------------------------------------------------------------ */
.article {
margin-bottom: 42px; }
@media (min-width: 1024px) {
.article {
margin-bottom: 88px; } }
.article__hero {
position: relative;
height: 49.5vw;
margin-bottom: 47px; }
@media (min-width: 1024px) {
.article__hero {
height: 384px;
margin-bottom: 45px; } }
.article__content {
padding: 0 19px; }
.article__tag {
max-width: 694px;
margin: 0 auto 7px;
text-transform: capitalize; }
@media (min-width: 1024px) {
.article__tag {
font-size: 15px;
line-height: 21px;
margin-bottom: 17px; } }
.article__tag a {
transition: opacity 0.3s; }
.article__tag a:hover {
opacity: 0.7; }
.article__title {
max-width: 694px;
margin: 0 auto 11px;
letter-spacing: 0.625px; }
@media (min-width: 1024px) {
.article__title {
margin-bottom: 15px; } }
.article__meta {
max-width: 694px;
margin: 0 auto 25px; }
@media (min-width: 1024px) {
.article__meta {
margin-bottom: 22px; } }
.article__entry {
margin-bottom: 0; }
.article__entry > .wysiwyg__container *:not(figure):not(img):not(div):not(span) {
max-width: 694px;
margin-right: auto;
margin-left: auto; }
/* ------------------------------------------------------------ *\
Comments Holder
\* ------------------------------------------------------------ */
.comments-holder {
padding: 50px 29px;
background-color: #f2ede8; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/blog/blog.scss */
/* ------------------------------------------------------------ *\
Section Blog
\* ------------------------------------------------------------ */
@media (min-width: 1024px) {
.section-blog {
overflow: hidden; } }
@media (min-width: 1024px) {
.section-blog__inner {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: stretch; } }
@media (min-width: 1024px) {
.section-blog__content {
width: calc(100% - 340px);
padding-top: 111px; }
.section-blog__content:last-child {
width: 925px;
padding-top: 87px;
margin: 0 auto; } }
@media (min-width: 1441px) {
.section-blog__content {
width: calc(100% - 440px); } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/help-and-faq/help-and-faq.scss */
/**
* FAQ Sections
*/
.faq-wrap {
margin: 10px 20px 30px 20px; }
.faq__group-title {
font-size: 25px;
font-weight: 600;
margin: 25px 0; }
.faq-header__heading,
.faq-header__nav-list.list-reset {
display: flex;
flex-direction: row;
justify-content: center;
font-size: 18px;
letter-spacing: 1px;
overflow-x: scroll; }
@media (max-width: 511px) {
.faq-header__nav-list.list-reset {
justify-content: flex-start;
padding-bottom: 15px;
margin: 0 20px; } }
.faq-header__heading {
margin: 10px 0 30px;
font-weight: 500;
font-size: 20px; }
.faq-header__nav-btn {
white-space: nowrap; }
.faq-header__nav-btn-dash {
margin: 0 5px; }
.faq-info-tabs svg {
width: 17px;
height: 17px;
fill: #313131;
vertical-align: middle; }
.faq-info-tabs {
list-style: none;
background: #fafafa;
margin-bottom: 20px;
position: relative; }
.faq-info-tabs:last-child {
margin-bottom: 0; }
.faq_tab_title {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px;
box-shadow: 0 2px 10px #0000000d;
cursor: pointer; }
@media (max-width: 767px) {
.faq_tab_title {
padding: 17px 20px; } }
.faq-info-tabs .faq_tab_title span.arrow {
margin-left: 20px; }
.faq-info-tabs .faq_tab_title span.up-arrow.arrow {
display: none; }
.faq-info-tabs.active .faq_tab_title span.up-arrow.arrow {
display: block; }
.faq-info-tabs.active .faq_tab_title span.down-arrow.arrow {
display: none; }
.help-faq.faq-tabs {
padding: 0;
max-width: 1026px;
margin: 0 auto; }
.faq_tab_title h2 {
font-size: 18px;
color: #000;
font-weight: 600; }
@media (max-width: 767px) {
.faq_tab_title h2 {
font-size: 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
.faq_tab_title h2 {
font-size: 15px; } }
.faq-tab-desc p {
color: #313131;
font-size: 14px;
line-height: 1.6; }
.faq-tab-desc {
padding: 0 30px 30px;
background: #fafafa;
left: 0;
right: 0;
z-index: 99;
display: none; }
.help-faq-btn svg {
margin-left: 10px;
width: 6.5px;
height: 25px; }
.help-faq-sec {
margin-bottom: 80px;
margin-top: 80px; }
@media (max-width: 767px) {
.help-faq-sec {
margin-bottom: 30px; } }
@media (min-width: 768px) and (max-width: 1199px) {
.slick-arrow.prev-arrow {
left: -10px; } }
@media (min-width: 768px) and (max-width: 1199px) {
.slick-arrow.next-arrow {
right: -10px; } }
@media (max-width: 767px) {
.help-faq-btn .def-btn {
padding: 16px;
font-size: 14px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/plp/plp.scss */
.plp {
display: block;
overflow: hidden; }
.collection__grid {
display: grid;
grid-template-columns: 1fr;
grid-auto-flow: dense; }
@media (min-width: 769px) {
.collection__grid {
grid-template-columns: repeat(3, 1fr); } }
.collection__grid .plp__grid-item {
position: relative;
width: 100%;
padding: 45px 7px 60px; }
.collection__grid .plp__grid-item::after {
content: '';
position: absolute;
bottom: 0;
left: -100vw;
right: -100vw;
height: 1px;
background: #b8b8b8;
z-index: 2; }
@media (min-width: 769px) {
.collection__grid .plp__grid-item {
padding: 60px 24px; } }
@media (min-width: 1024px) {
.collection__grid .plp__grid-item {
padding: 120px 48px; } }
.collection__grid .plp__grid-item--image {
grid-row: 5 / 6;
grid-column: 1 / 2;
padding: 0; }
@media (min-width: 769px) {
.collection__grid .plp__grid-item--image {
grid-row: 2 / 3;
grid-column: 3 / 4;
margin-left: 24px; } }
@media (min-width: 1024px) {
.collection__grid .plp__grid-item--image {
margin-left: 48px; } }
@media (max-width: 414px) {
.collection__grid .plp__grid-item--image {
width: auto;
margin: 0 -20px; } }
@media (max-width: 768px) {
.collection__grid .plp__grid-item--image {
width: auto;
margin: 0 -40px;
padding: 0; } }
@media (min-width: 769px) {
.collection__grid .plp__grid-item--full {
grid-column: 1 / 4;
padding: 40px; } }
/* ------------------------------------------------------------ *\
Collection Hero
\* ------------------------------------------------------------ */
.collection-hero {
margin: 40px 0; }
.collection-hero__title {
margin-bottom: 15px; }
/* ------------------------------------------------------------ *\
Collection Nav
\* ------------------------------------------------------------ */
.collection-nav {
border-bottom: 1px solid #c8c8c8; }
.collection-nav__inner {
display: flex;
align-items: center;
justify-content: space-between; }
.collection-nav__tags {
display: none; }
@media (min-width: 769px) {
.collection-nav__tags {
display: flex;
flex-flow: row wrap; } }
.collection-nav__tags a,
.collection-nav__tags span {
display: block;
position: relative;
padding: 30px 16px;
text-align: center; }
.collection-nav__tags a::after,
.collection-nav__tags span::after {
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 1px;
background: currentColor; }
.collection-nav__tags a:hover::after,
.collection-nav__tags span:hover::after {
content: ''; }
.collection-nav__tags li.is-active span::after {
content: ''; }
.collection-nav__btn {
position: relative;
flex: 0 0 50%;
max-width: 50%;
padding: 13px 24px;
text-transform: uppercase;
text-align: center; }
@media (min-width: 769px) {
.collection-nav__btn {
display: none; } }
.collection-nav__btn-border {
border-right: 1px solid #c8c8c8; }
.collection-nav__reset {
position: absolute;
top: 50%;
right: 16px;
width: 8px;
transform: translateY(-50%); }
.sort {
display: none; }
@media (min-width: 769px) {
.sort {
display: block; } }
.sort__select {
position: relative; }
.sort__select select {
padding: 12px 30px 11px 25px;
text-transform: uppercase;
border: 1px solid currentColor;
cursor: pointer; }
.sort__select svg {
position: absolute;
top: 50%;
right: 16px;
width: 10px;
transform: translateY(-50%);
pointer-events: none; }
/* ------------------------------------------------------------ *\
Collection Nav Popup
\* ------------------------------------------------------------ */
.collection-nav-popup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #fff;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
pointer-events: none;
z-index: 10000; }
@media (min-width: 769px) {
.collection-nav-popup {
display: none; } }
.collection-nav-popup.is-visible {
opacity: 1;
visibility: visible;
pointer-events: auto; }
.collection-nav-popup__head {
position: relative;
padding: 28px 40px;
border-bottom: 1px solid #b8b8b8; }
.collection-nav-popup__body {
padding: 25px 40px; }
.collection-nav-popup__body li {
margin-bottom: 40px;
list-style: none; }
.collection-nav-popup__body li:last-child {
margin-bottom: 0; }
.collection-nav-popup__body a,
.collection-nav-popup__body span {
position: relative; }
.collection-nav-popup__body a::after,
.collection-nav-popup__body span::after {
background-color: currentColor;
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: 0; }
.collection-nav-popup__body li.is-active a::after,
.collection-nav-popup__body li.is-active span::after {
content: ''; }
.collection-nav-popup__title {
text-transform: uppercase; }
.collection-nav-popup__close {
position: absolute;
top: 50%;
right: 35px;
transform: translateY(-50%); }
.collection-nav-popup__close svg {
width: 10px; }
/* ------------------------------------------------------------ *\
Collection Footer
\* ------------------------------------------------------------ */
.collection-footer {
background: linear-gradient(44.2deg, #e5dcd3 2.58%, #fff 48.21%, #e5dcd3 101.22%);
padding: 65px 0 55px; }
@media (min-width: 769px) {
.collection-footer {
background: linear-gradient(359.71deg, #e5dcd3 -9.77%, #fff 51.48%, #e5dcd3 122.66%);
padding: 130px 0 115px; } }
.collection-footer__inner {
display: flex;
flex-flow: row wrap; }
.collection-footer__head {
margin-bottom: 60px; }
@media (min-width: 769px) {
.collection-footer__head {
flex: 1 1;
margin-bottom: 0;
margin-right: 60px; } }
.collection-footer__title {
margin-bottom: 10px; }
@media (min-width: 769px) {
.collection-footer__title {
margin-bottom: 20px; } }
.collection-footer__body {
margin-left: auto;
padding-top: 25px;
border-top: 1px solid #000; }
@media (min-width: 769px) {
.collection-footer__body {
flex: 0 0 390px;
max-width: 390px;
padding-right: 75px; } }
/* ------------------------------------------------------------ *\
Collection Image
\* ------------------------------------------------------------ */
.collection-image {
position: relative;
height: 0;
padding-top: 123.46%; }
@media (min-width: 769px) {
.collection-image {
height: 100%;
padding-top: 0; } }
@media (min-width: 769px) {
.collection-image .img {
width: auto;
right: -40px; } }
@media (min-width: 1441px) {
.collection-image .img {
right: calc((100vw - 1440px) / -2); } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/popup/popup.scss */
.noscroll {
overflow: hidden !important; }
.modal-bg-upsell {
height: 100% !important; }
.upsell-modal-new {
position: fixed;
z-index: 1000;
text-align: center;
top: 0 !important;
padding: 40px !important;
left: 0;
right: 0;
margin: 0 auto;
width: 100% !important;
display: none;
max-width: 100% !important;
overflow: auto !important;
height: 100% !important; }
@media (max-width: 380px) {
.upsell-modal-new {
padding: 30px 20px !important; } }
.upsell-modal-new .modal-inner-upsell {
z-index: 1001;
border-radius: 4px;
box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.3);
color: #25282a !important;
background: #fff;
padding: 30px 20px 40px;
width: 100% !important;
max-width: 1000px;
position: relative;
top: unset;
margin: auto !important;
overflow: unset !important;
height: -moz-fit-content;
height: fit-content; }
.upsell-modal-new .content-inner .close-modal {
position: absolute;
font-size: 30px;
cursor: pointer;
top: 0;
right: 10px;
line-height: 1; }
.upsell-modal-new .top-upsell {
text-align: center; }
.upsell-modal-new .top-upsell h4 {
font-family: freight-sans-pro, sans-serif !important;
font-weight: bold;
font-size: 24px;
line-height: 24px;
color: #313131;
text-transform: none;
margin: 0;
padding-bottom: 10px; }
.upsell-modal-new .top-upsell p {
font-family: freight-sans-pro, sans-serif !important;
font-weight: 400;
font-size: 18px;
line-height: 18px !important;
color: #313131;
letter-spacing: 0;
margin: 0;
padding: 0 0 20px; }
.upsell-modal-new .top-upsell .sku-indiv h4 {
font-size: 18px; }
.upsell-modal-new .top-upsell .skus {
margin: 0 !important;
display: flex;
gap: 15px; }
.upsell-modal-new .top-upsell .skus .sku-indiv {
width: calc(33% - 5px); }
.upsell-modal-new .top-upsell .skus img {
max-width: 100%;
height: auto; }
@media (max-width: 1023px) {
.upsell-modal-new .top-upsell h4 {
font-size: 18px; }
.upsell-modal-new .top-upsell p {
font-size: 14px;
line-height: 14px !important; }
.upsell-modal-new .top-upsell .sku-indiv h4 {
font-size: 14px; } }
@media (max-width: 414px) {
.upsell-modal-new .top-upsell .skus {
flex-direction: column; }
.upsell-modal-new .top-upsell .skus .sku-indiv {
width: 100%; } }
.upsell-modal-new .mid-upsell {
text-align: center;
margin: 0 auto;
padding-top: 25px; }
.upsell-modal-new .mid-upsell .link {
display: block;
text-transform: capitalize;
margin-top: 20px;
font-weight: 600; }
.upsell-modal-new .mid-upsell .fullbtn {
font-family: freight-sans-pro, sans-serif !important;
font-size: 14px;
font-weight: 600;
height: 100%;
text-transform: capitalize;
background-color: #313131;
letter-spacing: 0.45px;
text-align: center;
padding: 8px 35px;
color: #fff; }
@media (max-width: 768px) {
.upsell-modal-new .mid-upsell {
padding-top: 15px; } }
.upsell-modal-new .upsell-bot {
margin: 0 !important; }
.upsell-modal-new .upsell-bot .quote-section {
margin: 0 !important;
padding: 15px 30px; }
.upsell-modal-new .upsell-bot .quotation {
display: inline;
line-height: 1.4;
font-size: 16px; }
.upsell-modal-new .upsell-bot .quotation b {
font-weight: 600; }
.upsell-modal-new .upsell-bot .review-stamp {
margin: 0 !important;
padding: 20px 0;
flex-wrap: nowrap;
display: flex;
justify-content: center;
align-items: center; }
.upsell-modal-new .upsell-bot .review-stamp .headshot {
width: 70px;
height: 70px;
border-radius: 100%;
-o-object-fit: cover !important;
object-fit: cover !important; }
.upsell-modal-new .upsell-bot .review-stamp .name-review {
padding: 0 12px;
margin: 0 !important; }
.upsell-modal-new .upsell-bot .review-stamp .fnln {
font-weight: bold;
text-align: left;
font-size: 18px;
margin: 0; }
.upsell-modal-new .upsell-bot .review-stamp .vb {
margin: 0;
font-size: 16px;
text-align: left; }
.upsell-modal-new .upsell-bot .review-stamp .reviewstars {
padding-top: 0; }
.upsell-modal-new .upsell-bot .review-stamp .reviewstars svg {
height: 22px;
width: 24px; }
.upsell-modal-new .upsell-bot .review-stamp .reviewstars svg path {
fill: #fdc751; }
@media (max-width: 1023px) {
.upsell-modal-new .upsell-bot .quotation {
font-size: 14px;
line-height: 14px !important; } }
@media (max-width: 768px) {
.upsell-modal-new .upsell-bot {
padding-top: 0; }
.upsell-modal-new .upsell-bot .quote-section {
margin: 0; }
.upsell-modal-new .upsell-bot .review-stamp {
padding: 15px 0 10px; }
.upsell-modal-new .upsell-bot .review-stamp .vb {
font-size: 14px; }
.upsell-modal-new .upsell-bot .review-stamp .headshot {
width: 50px !important;
height: 50px !important; }
.upsell-modal-new .upsell-bot .review-stamp .name-review {
margin: 0 !important;
padding: 0 15px 0 10px; }
.upsell-modal-new .upsell-bot .review-stamp .reviewstars svg {
height: 15px;
width: 15px; } }
@media (max-width: 380px) {
.upsell-modal-new .upsell-bot .review-stamp .fnln {
font-size: 14px; }
.upsell-modal-new .upsell-bot .review-stamp .vb {
font-size: 12px; }
.upsell-modal-new .upsell-bot .review-stamp .reviewstars svg {
height: 13px;
width: 13px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/pdp.scss */
.pdp {
display: block;
padding-bottom: 1px; }
.pdp > .mv--section:last-of-type {
margin-bottom: 0; }
.text-center {
text-align: center; }
.pdp--bottom {
padding-bottom: 1px; }
.gift-card .product-hero {
margin: 0 auto;
position: relative;
max-width: 1440px;
width: calc(100% - 40px); }
@media (min-width: 415px) {
.gift-card .product-hero {
width: calc(100% - 80px); } }
.gift-card .product-hero__content {
padding-right: 0;
padding-left: 0;
padding-bottom: 50px; }
.gift-card .product-hero-tabs, .gift-card .product-hero__breadcrumbs {
display: none; }
.gift-card .product-gallery__images {
margin-bottom: 0; }
.gift-card .product-related {
display: none; }
.gift-card .img__el {
-o-object-fit: contain !important;
object-fit: contain !important;
height: auto; }
.gift-card .flickity-actions {
display: none !important; }
.template--bundle-buildout .pro-price {
font-size: 1.2em;
font-weight: bold; }
.template--bundle-buildout .free-mc-product {
display: flex;
flex-direction: row;
align-items: center;
background-color: #f6f6f6; }
.template--bundle-buildout .whats-in {
margin-top: 20px; }
.template--bundle-buildout .whats-in h4 {
font-weight: bold;
font-size: 20px;
text-transform: uppercase; }
.template--bundle-buildout .whats-in p {
font-size: 16px;
line-height: 1.3;
margin-top: 10px; }
.template--bundle-buildout .individual-sku {
margin-top: 25px;
display: flex;
flex-wrap: no-wrap;
justify-content: space-between; }
.template--bundle-buildout .sku-item {
width: calc(33% - 5px); }
.template--bundle-buildout .sku-item h4 {
font-weight: bold;
font-size: 16px; }
@media screen and (max-width: 1024px) {
.template--bundle-buildout .free-mc-product {
flex-direction: column;
justify-content: center;
text-align: center;
padding-bottom: 20px; } }
.template--bundle-buildout .free-mc-product__detail-container {
display: flex;
flex: 1;
flex-direction: column;
gap: 10px;
padding: 10px 30px; }
.template--bundle-buildout .free-mc-product__detail-container .fmcp__heading {
font-size: 14px;
color: #000;
font-weight: bold;
letter-spacing: 1px; }
.template--bundle-buildout .free-mc-product__detail-container .fmcp__heading .normal-heading {
font-weight: normal;
font-style: italic; }
.template--bundle-buildout .free-mc-product__detail-container .fmcp-subheading {
color: #101010;
font-size: 12px;
font-style: italic; }
.template--bundle-buildout .free-mc-product__image-container {
display: flex; }
.template--bundle-buildout .free-mc-product__image-container img {
height: 120px; }
.template--bundle-buildout div#shopify-section-how-it-works-jb {
display: none; }
.template--bundle-buildout .whats-in:first-of-type {
display: none; }
.template--bundle-buildout .individual-sku:first-of-type {
display: none; }
.facts-confidence,
.ingredient-benefit {
max-width: 1400px;
margin: 20px auto 40px auto; }
.facts-confidence h4,
.ingredient-benefit h4 {
font-weight: bold;
max-width: 1400px;
letter-spacing: 1.8px;
padding-left: 20px;
text-transform: uppercase;
font-size: 22px; }
.facts-confidence .ib-inner,
.ingredient-benefit .ib-inner {
display: flex;
align-items: center;
flex-wrap: nowrap; }
.facts-confidence .ib-left,
.facts-confidence .ib-right,
.ingredient-benefit .ib-left,
.ingredient-benefit .ib-right {
width: 50%; }
.facts-confidence .ib-left,
.ingredient-benefit .ib-left {
padding: 20px 40px 20px 20px; }
.facts-confidence .ib-inner .sect-title,
.ingredient-benefit .ib-inner .sect-title {
margin: 10px 0 5px 0; }
.facts-confidence .sect-title,
.ingredient-benefit .sect-title {
font-weight: bold;
margin: 25px 0 5px 0;
font-size: 16px;
text-transform: uppercase;
font-family: freight-sans-pro, sans-serif; }
.facts-confidence .ib-cols,
.ingredient-benefit .ib-cols {
display: flex;
flex-wrap: nowrap;
align-items: flex-start; }
.facts-confidence .sect-p,
.ingredient-benefit .sect-p {
font-size: 16px;
line-height: 1.4; }
.facts-confidence .facts-cols,
.ingredient-benefit .facts-cols {
padding: 20px 40px 20px 20px; }
.formulated {
padding: 40px 20px;
width: 100%;
background: #313131 !important;
color: #fff !important;
margin: 0 auto 60px auto;
text-align: center; }
.formulated h4 {
font-weight: bold;
letter-spacing: 1.8px;
text-transform: uppercase;
font-size: 22px; }
.formulated .formulated-inner {
margin-top: 20px; }
.formulated .formulated-inner p {
font-size: 20px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/product-set.scss */
/* stylelint-disable */
@font-face {
font-family: "freight_sans_semibold";
src: url("https://cdn.shopify.com/s/files/1/0570/5282/3727/files/Freight_Sans_Semibold.otf?v=1621545925"); }
@font-face {
font-family: "freight_sans_bold";
src: url("https://cdn.shopify.com/s/files/1/0570/5282/3727/files/Freight_Sans_Bold.otf?v=1621545925"); }
.template--set,
.template--set-2,
.template--set-3,
.template--nano,
.template--nano-2,
.template--salvage,
.template--bundle-buildout {
/* the_hanacure_effect */
/*============product==============*/
/* body.product-clinical-modal,
body.product-pro-modal,
body.how-work-modal{
overflow: hidden;
} */
/* how it work */
/* faq css */
/* 5 month product */
/* after before image css */
/* ingredients_heading */ }
.template--set .fourPointNine,
.template--set-2 .fourPointNine,
.template--set-3 .fourPointNine,
.template--nano .fourPointNine,
.template--nano-2 .fourPointNine,
.template--salvage .fourPointNine,
.template--bundle-buildout .fourPointNine {
transform: translateY(2.5px) !important; }
.template--set .hanacure_effect,
.template--set-2 .hanacure_effect,
.template--set-3 .hanacure_effect,
.template--nano .hanacure_effect,
.template--nano-2 .hanacure_effect,
.template--salvage .hanacure_effect,
.template--bundle-buildout .hanacure_effect {
padding: 100px 0;
background: #f9f7f5; }
.template--set .hanacure_effect .effect_content,
.template--set-2 .hanacure_effect .effect_content,
.template--set-3 .hanacure_effect .effect_content,
.template--nano .hanacure_effect .effect_content,
.template--nano-2 .hanacure_effect .effect_content,
.template--salvage .hanacure_effect .effect_content,
.template--bundle-buildout .hanacure_effect .effect_content {
display: flex;
align-items: center;
justify-content: center; }
.template--set .hanacure_effect .effect_left_sec,
.template--set-2 .hanacure_effect .effect_left_sec,
.template--set-3 .hanacure_effect .effect_left_sec,
.template--nano .hanacure_effect .effect_left_sec,
.template--nano-2 .hanacure_effect .effect_left_sec,
.template--salvage .hanacure_effect .effect_left_sec,
.template--bundle-buildout .hanacure_effect .effect_left_sec {
width: 50%;
padding-right: 50px; }
.template--set .hanacure_effect .effect_right_sec,
.template--set-2 .hanacure_effect .effect_right_sec,
.template--set-3 .hanacure_effect .effect_right_sec,
.template--nano .hanacure_effect .effect_right_sec,
.template--nano-2 .hanacure_effect .effect_right_sec,
.template--salvage .hanacure_effect .effect_right_sec,
.template--bundle-buildout .hanacure_effect .effect_right_sec {
width: 50%;
padding-left: 50px; }
.template--set .hanacure_effect p.subhead,
.template--set-2 .hanacure_effect p.subhead,
.template--set-3 .hanacure_effect p.subhead,
.template--nano .hanacure_effect p.subhead,
.template--nano-2 .hanacure_effect p.subhead,
.template--salvage .hanacure_effect p.subhead,
.template--bundle-buildout .hanacure_effect p.subhead {
font-family: "freight-sans-pro";
font-size: 20px;
font-weight: 400;
margin: 0 0 50px; }
.template--set .hanacure_effect h2.heading,
.template--set-2 .hanacure_effect h2.heading,
.template--set-3 .hanacure_effect h2.heading,
.template--nano .hanacure_effect h2.heading,
.template--nano-2 .hanacure_effect h2.heading,
.template--salvage .hanacure_effect h2.heading,
.template--bundle-buildout .hanacure_effect h2.heading {
font-family: "Freight_Sans_Bold";
font-size: 28px;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0 0 20px; }
.template--set .hanacure_effect .effect_left_sec a.active,
.template--set .hanacure_effect .effect_left_sec div:hover a,
.template--set-2 .hanacure_effect .effect_left_sec a.active,
.template--set-2 .hanacure_effect .effect_left_sec div:hover a,
.template--set-3 .hanacure_effect .effect_left_sec a.active,
.template--set-3 .hanacure_effect .effect_left_sec div:hover a,
.template--nano .hanacure_effect .effect_left_sec a.active,
.template--nano .hanacure_effect .effect_left_sec div:hover a,
.template--nano-2 .hanacure_effect .effect_left_sec a.active,
.template--nano-2 .hanacure_effect .effect_left_sec div:hover a,
.template--salvage .hanacure_effect .effect_left_sec a.active,
.template--salvage .hanacure_effect .effect_left_sec div:hover a,
.template--bundle-buildout .hanacure_effect .effect_left_sec a.active,
.template--bundle-buildout .hanacure_effect .effect_left_sec div:hover a {
color: #000;
font-family: "freight_sans_semibold"; }
.template--set .hanacure_effect .effect_left_sec a,
.template--set-2 .hanacure_effect .effect_left_sec a,
.template--set-3 .hanacure_effect .effect_left_sec a,
.template--nano .hanacure_effect .effect_left_sec a,
.template--nano-2 .hanacure_effect .effect_left_sec a,
.template--salvage .hanacure_effect .effect_left_sec a,
.template--bundle-buildout .hanacure_effect .effect_left_sec a {
display: inline-block;
width: auto;
font-size: 18px;
text-transform: uppercase;
font-weight: 300;
color: #666;
letter-spacing: 1.5px;
position: relative;
transition: all 0.5s ease-in-out;
padding-right: 10px;
flex: 1 0 auto; }
.template--set .hanacure_effect div span.border,
.template--set-2 .hanacure_effect div span.border,
.template--set-3 .hanacure_effect div span.border,
.template--nano .hanacure_effect div span.border,
.template--nano-2 .hanacure_effect div span.border,
.template--salvage .hanacure_effect div span.border,
.template--bundle-buildout .hanacure_effect div span.border {
background: #ccc;
height: 1px;
width: 100%;
display: flex;
margin-left: 30px;
transition: all 0.5s ease-in-out; }
.template--set .effect_content .tab-content.active + .border,
.template--set-2 .effect_content .tab-content.active + .border,
.template--set-3 .effect_content .tab-content.active + .border,
.template--nano .effect_content .tab-content.active + .border,
.template--nano-2 .effect_content .tab-content.active + .border,
.template--salvage .effect_content .tab-content.active + .border,
.template--bundle-buildout .effect_content .tab-content.active + .border {
height: 2px; }
.template--set .effect_left_sec a.active + span.border,
.template--set-2 .effect_left_sec a.active + span.border,
.template--set-3 .effect_left_sec a.active + span.border,
.template--nano .effect_left_sec a.active + span.border,
.template--nano-2 .effect_left_sec a.active + span.border,
.template--salvage .effect_left_sec a.active + span.border,
.template--bundle-buildout .effect_left_sec a.active + span.border {
background: #000;
border: 2px; }
.template--set .hanacure_effect .effect_left_sec a.active span.border,
.template--set .hanacure_effect .effect_left_sec div:hover span.border,
.template--set-2 .hanacure_effect .effect_left_sec a.active span.border,
.template--set-2 .hanacure_effect .effect_left_sec div:hover span.border,
.template--set-3 .hanacure_effect .effect_left_sec a.active span.border,
.template--set-3 .hanacure_effect .effect_left_sec div:hover span.border,
.template--nano .hanacure_effect .effect_left_sec a.active span.border,
.template--nano .hanacure_effect .effect_left_sec div:hover span.border,
.template--nano-2 .hanacure_effect .effect_left_sec a.active span.border,
.template--nano-2 .hanacure_effect .effect_left_sec div:hover span.border,
.template--salvage .hanacure_effect .effect_left_sec a.active span.border,
.template--salvage .hanacure_effect .effect_left_sec div:hover span.border,
.template--bundle-buildout .hanacure_effect .effect_left_sec a.active span.border,
.template--bundle-buildout .hanacure_effect .effect_left_sec div:hover span.border {
height: 2px;
background: #000; }
.template--set .hanacure_effect .effect-inner-body.active,
.template--set-2 .hanacure_effect .effect-inner-body.active,
.template--set-3 .hanacure_effect .effect-inner-body.active,
.template--nano .hanacure_effect .effect-inner-body.active,
.template--nano-2 .hanacure_effect .effect-inner-body.active,
.template--salvage .hanacure_effect .effect-inner-body.active,
.template--bundle-buildout .hanacure_effect .effect-inner-body.active {
display: block; }
.template--set .hanacure_effect .effect-inner-body,
.template--set-2 .hanacure_effect .effect-inner-body,
.template--set-3 .hanacure_effect .effect-inner-body,
.template--nano .hanacure_effect .effect-inner-body,
.template--nano-2 .hanacure_effect .effect-inner-body,
.template--salvage .hanacure_effect .effect-inner-body,
.template--bundle-buildout .hanacure_effect .effect-inner-body {
display: none; }
.template--set .hanacure_effect .effect_left_sec div,
.template--set-2 .hanacure_effect .effect_left_sec div,
.template--set-3 .hanacure_effect .effect_left_sec div,
.template--nano .hanacure_effect .effect_left_sec div,
.template--nano-2 .hanacure_effect .effect_left_sec div,
.template--salvage .hanacure_effect .effect_left_sec div,
.template--bundle-buildout .hanacure_effect .effect_left_sec div {
display: flex;
transition: all 0.5s ease-in-out;
align-items: center;
margin-bottom: 30px; }
.template--set .hanacure_effect .effect_right_sec #WRINKLE_REDUCTION,
.template--set .hanacure_effect .effect_right_sec #REFINED_PORES,
.template--set-2 .hanacure_effect .effect_right_sec #WRINKLE_REDUCTION,
.template--set-2 .hanacure_effect .effect_right_sec #REFINED_PORES,
.template--set-3 .hanacure_effect .effect_right_sec #WRINKLE_REDUCTION,
.template--set-3 .hanacure_effect .effect_right_sec #REFINED_PORES,
.template--nano .hanacure_effect .effect_right_sec #WRINKLE_REDUCTION,
.template--nano .hanacure_effect .effect_right_sec #REFINED_PORES,
.template--nano-2 .hanacure_effect .effect_right_sec #WRINKLE_REDUCTION,
.template--nano-2 .hanacure_effect .effect_right_sec #REFINED_PORES,
.template--salvage .hanacure_effect .effect_right_sec #WRINKLE_REDUCTION,
.template--salvage .hanacure_effect .effect_right_sec #REFINED_PORES,
.template--bundle-buildout .hanacure_effect .effect_right_sec #WRINKLE_REDUCTION,
.template--bundle-buildout .hanacure_effect .effect_right_sec #REFINED_PORES {
text-align: center; }
.template--set .hanacure_effect .effect_right_sec #REFINED_PORES .info_main,
.template--set-2 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main,
.template--set-3 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main,
.template--nano .hanacure_effect .effect_right_sec #REFINED_PORES .info_main,
.template--nano-2 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main,
.template--salvage .hanacure_effect .effect_right_sec #REFINED_PORES .info_main,
.template--bundle-buildout .hanacure_effect .effect_right_sec #REFINED_PORES .info_main {
display: flex;
justify-content: center;
max-width: 440px;
margin: 0 auto;
margin-right: 0; }
.template--set .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child,
.template--set .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child,
.template--set-2 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child,
.template--set-2 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child,
.template--set-3 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child,
.template--set-3 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child,
.template--nano .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child,
.template--nano .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child,
.template--nano-2 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child,
.template--nano-2 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child,
.template--salvage .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child,
.template--salvage .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child,
.template--bundle-buildout .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child,
.template--bundle-buildout .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child {
width: 15%;
text-align: center; }
.template--set .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child span,
.template--set .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child span,
.template--set-2 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child span,
.template--set-2 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child span,
.template--set-3 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child span,
.template--set-3 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child span,
.template--nano .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child span,
.template--nano .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child span,
.template--nano-2 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child span,
.template--nano-2 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child span,
.template--salvage .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child span,
.template--salvage .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child span,
.template--bundle-buildout .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child span,
.template--bundle-buildout .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child span {
font-family: "freight-sans-pro";
font-weight: 800;
display: block; }
.template--set #REFINED_PORES .info_main p,
.template--set-2 #REFINED_PORES .info_main p,
.template--set-3 #REFINED_PORES .info_main p,
.template--nano #REFINED_PORES .info_main p,
.template--nano-2 #REFINED_PORES .info_main p,
.template--salvage #REFINED_PORES .info_main p,
.template--bundle-buildout #REFINED_PORES .info_main p {
width: 70%; }
.template--set .hanacure_effect .effect_right_sec p,
.template--set-2 .hanacure_effect .effect_right_sec p,
.template--set-3 .hanacure_effect .effect_right_sec p,
.template--nano .hanacure_effect .effect_right_sec p,
.template--nano-2 .hanacure_effect .effect_right_sec p,
.template--salvage .hanacure_effect .effect_right_sec p,
.template--bundle-buildout .hanacure_effect .effect_right_sec p {
font-size: 16px;
max-width: 416px;
margin-left: auto;
margin-top: 9px; }
.template--set #Hyperpigmentation_Reduction .effect-info,
.template--set-2 #Hyperpigmentation_Reduction .effect-info,
.template--set-3 #Hyperpigmentation_Reduction .effect-info,
.template--nano #Hyperpigmentation_Reduction .effect-info,
.template--nano-2 #Hyperpigmentation_Reduction .effect-info,
.template--salvage #Hyperpigmentation_Reduction .effect-info,
.template--bundle-buildout #Hyperpigmentation_Reduction .effect-info {
display: flex;
align-items: center;
margin: 0 0 20px; }
.template--set #Hyperpigmentation_Reduction p,
.template--set-2 #Hyperpigmentation_Reduction p,
.template--set-3 #Hyperpigmentation_Reduction p,
.template--nano #Hyperpigmentation_Reduction p,
.template--nano-2 #Hyperpigmentation_Reduction p,
.template--salvage #Hyperpigmentation_Reduction p,
.template--bundle-buildout #Hyperpigmentation_Reduction p {
display: inline-block;
padding: 0 15px;
font-size: 14px; }
.template--set .hanacure_effect .effect_right_sec p span,
.template--set-2 .hanacure_effect .effect_right_sec p span,
.template--set-3 .hanacure_effect .effect_right_sec p span,
.template--nano .hanacure_effect .effect_right_sec p span,
.template--nano-2 .hanacure_effect .effect_right_sec p span,
.template--salvage .hanacure_effect .effect_right_sec p span,
.template--bundle-buildout .hanacure_effect .effect_right_sec p span {
display: block;
font-weight: 600; }
.template--set .BRIGHTER_COMPLEXION .effect-info img,
.template--set-2 .BRIGHTER_COMPLEXION .effect-info img,
.template--set-3 .BRIGHTER_COMPLEXION .effect-info img,
.template--nano .BRIGHTER_COMPLEXION .effect-info img,
.template--nano-2 .BRIGHTER_COMPLEXION .effect-info img,
.template--salvage .BRIGHTER_COMPLEXION .effect-info img,
.template--bundle-buildout .BRIGHTER_COMPLEXION .effect-info img {
width: 100%; }
.template--set .BRIGHTER_COMPLEXION .effect-info,
.template--set-2 .BRIGHTER_COMPLEXION .effect-info,
.template--set-3 .BRIGHTER_COMPLEXION .effect-info,
.template--nano .BRIGHTER_COMPLEXION .effect-info,
.template--nano-2 .BRIGHTER_COMPLEXION .effect-info,
.template--salvage .BRIGHTER_COMPLEXION .effect-info,
.template--bundle-buildout .BRIGHTER_COMPLEXION .effect-info {
padding: 0 5px;
width: 100%; }
.template--set .BRIGHTER_COMPLEXION,
.template--set-2 .BRIGHTER_COMPLEXION,
.template--set-3 .BRIGHTER_COMPLEXION,
.template--nano .BRIGHTER_COMPLEXION,
.template--nano-2 .BRIGHTER_COMPLEXION,
.template--salvage .BRIGHTER_COMPLEXION,
.template--bundle-buildout .BRIGHTER_COMPLEXION {
display: flex;
justify-content: center;
text-align: center; }
.template--set img,
.template--set-2 img,
.template--set-3 img,
.template--nano img,
.template--nano-2 img,
.template--salvage img,
.template--bundle-buildout img {
max-width: 100%;
height: auto; }
@media (min-width: 768px) {
.template--set .mobile,
.template--set-2 .mobile,
.template--set-3 .mobile,
.template--nano .mobile,
.template--nano-2 .mobile,
.template--salvage .mobile,
.template--bundle-buildout .mobile {
display: none; } }
@media (max-width: 1199px) {
.template--set .hanacure_effect .effect_right_sec,
.template--set-2 .hanacure_effect .effect_right_sec,
.template--set-3 .hanacure_effect .effect_right_sec,
.template--nano .hanacure_effect .effect_right_sec,
.template--nano-2 .hanacure_effect .effect_right_sec,
.template--salvage .hanacure_effect .effect_right_sec,
.template--bundle-buildout .hanacure_effect .effect_right_sec {
padding-left: 20px; }
.template--set .hanacure_effect .effect_left_sec,
.template--set-2 .hanacure_effect .effect_left_sec,
.template--set-3 .hanacure_effect .effect_left_sec,
.template--nano .hanacure_effect .effect_left_sec,
.template--nano-2 .hanacure_effect .effect_left_sec,
.template--salvage .hanacure_effect .effect_left_sec,
.template--bundle-buildout .hanacure_effect .effect_left_sec {
padding-right: 20px; }
.template--set .hanacure_effect h2.heading,
.template--set-2 .hanacure_effect h2.heading,
.template--set-3 .hanacure_effect h2.heading,
.template--nano .hanacure_effect h2.heading,
.template--nano-2 .hanacure_effect h2.heading,
.template--salvage .hanacure_effect h2.heading,
.template--bundle-buildout .hanacure_effect h2.heading {
font-size: 22px;
letter-spacing: 1.5px;
margin: 0 0 15px; }
.template--set .hanacure_effect p.subhead,
.template--set-2 .hanacure_effect p.subhead,
.template--set-3 .hanacure_effect p.subhead,
.template--nano .hanacure_effect p.subhead,
.template--nano-2 .hanacure_effect p.subhead,
.template--salvage .hanacure_effect p.subhead,
.template--bundle-buildout .hanacure_effect p.subhead {
font-size: 16px;
margin: 0 0 30px; }
.template--set .hanacure_effect .effect_left_sec div,
.template--set-2 .hanacure_effect .effect_left_sec div,
.template--set-3 .hanacure_effect .effect_left_sec div,
.template--nano .hanacure_effect .effect_left_sec div,
.template--nano-2 .hanacure_effect .effect_left_sec div,
.template--salvage .hanacure_effect .effect_left_sec div,
.template--bundle-buildout .hanacure_effect .effect_left_sec div {
margin-bottom: 20px; }
.template--set .hanacure_effect .effect_left_sec a,
.template--set-2 .hanacure_effect .effect_left_sec a,
.template--set-3 .hanacure_effect .effect_left_sec a,
.template--nano .hanacure_effect .effect_left_sec a,
.template--nano-2 .hanacure_effect .effect_left_sec a,
.template--salvage .hanacure_effect .effect_left_sec a,
.template--bundle-buildout .hanacure_effect .effect_left_sec a {
font-size: 14px; }
.template--set .hanacure_effect,
.template--set-2 .hanacure_effect,
.template--set-3 .hanacure_effect,
.template--nano .hanacure_effect,
.template--nano-2 .hanacure_effect,
.template--salvage .hanacure_effect,
.template--bundle-buildout .hanacure_effect {
padding: 60px 0; } }
@media (max-width: 1199px) {
.template--set #Hyperpigmentation_Reduction .effect-info,
.template--set-2 #Hyperpigmentation_Reduction .effect-info,
.template--set-3 #Hyperpigmentation_Reduction .effect-info,
.template--nano #Hyperpigmentation_Reduction .effect-info,
.template--nano-2 #Hyperpigmentation_Reduction .effect-info,
.template--salvage #Hyperpigmentation_Reduction .effect-info,
.template--bundle-buildout #Hyperpigmentation_Reduction .effect-info {
display: block;
margin: 0 0 10px; }
.template--set #Hyperpigmentation_Reduction p br,
.template--set-2 #Hyperpigmentation_Reduction p br,
.template--set-3 #Hyperpigmentation_Reduction p br,
.template--nano #Hyperpigmentation_Reduction p br,
.template--nano-2 #Hyperpigmentation_Reduction p br,
.template--salvage #Hyperpigmentation_Reduction p br,
.template--bundle-buildout #Hyperpigmentation_Reduction p br {
display: none; }
.template--set #Hyperpigmentation_Reduction p,
.template--set-2 #Hyperpigmentation_Reduction p,
.template--set-3 #Hyperpigmentation_Reduction p,
.template--nano #Hyperpigmentation_Reduction p,
.template--nano-2 #Hyperpigmentation_Reduction p,
.template--salvage #Hyperpigmentation_Reduction p,
.template--bundle-buildout #Hyperpigmentation_Reduction p {
display: block;
padding: 0 10px;
text-align: center; }
.template--set .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child,
.template--set .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child,
.template--set-2 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child,
.template--set-2 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child,
.template--set-3 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child,
.template--set-3 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child,
.template--nano .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child,
.template--nano .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child,
.template--nano-2 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child,
.template--nano-2 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child,
.template--salvage .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child,
.template--salvage .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child,
.template--bundle-buildout .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:first-child,
.template--bundle-buildout .hanacure_effect .effect_right_sec #REFINED_PORES .info_main p:last-child {
width: 20%; }
.template--set .hanacure_effect .effect_right_sec p,
.template--set-2 .hanacure_effect .effect_right_sec p,
.template--set-3 .hanacure_effect .effect_right_sec p,
.template--nano .hanacure_effect .effect_right_sec p,
.template--nano-2 .hanacure_effect .effect_right_sec p,
.template--salvage .hanacure_effect .effect_right_sec p,
.template--bundle-buildout .hanacure_effect .effect_right_sec p {
font-size: 13px; }
.template--set .BRIGHTER_COMPLEXION .effect-info,
.template--set-2 .BRIGHTER_COMPLEXION .effect-info,
.template--set-3 .BRIGHTER_COMPLEXION .effect-info,
.template--nano .BRIGHTER_COMPLEXION .effect-info,
.template--nano-2 .BRIGHTER_COMPLEXION .effect-info,
.template--salvage .BRIGHTER_COMPLEXION .effect-info,
.template--bundle-buildout .BRIGHTER_COMPLEXION .effect-info {
padding: 0 2px; } }
@media (max-width: 767px) {
.template--set .desktop,
.template--set-2 .desktop,
.template--set-3 .desktop,
.template--nano .desktop,
.template--nano-2 .desktop,
.template--salvage .desktop,
.template--bundle-buildout .desktop {
display: none; }
.template--set .hanacure_effect .effect_left_sec,
.template--set-2 .hanacure_effect .effect_left_sec,
.template--set-3 .hanacure_effect .effect_left_sec,
.template--nano .hanacure_effect .effect_left_sec,
.template--nano-2 .hanacure_effect .effect_left_sec,
.template--salvage .hanacure_effect .effect_left_sec,
.template--bundle-buildout .hanacure_effect .effect_left_sec {
padding-right: 0;
order: 2;
margin-top: 30px;
width: 100%; }
.template--set .hanacure_effect .effect_right_sec,
.template--set-2 .hanacure_effect .effect_right_sec,
.template--set-3 .hanacure_effect .effect_right_sec,
.template--nano .hanacure_effect .effect_right_sec,
.template--nano-2 .hanacure_effect .effect_right_sec,
.template--salvage .hanacure_effect .effect_right_sec,
.template--bundle-buildout .hanacure_effect .effect_right_sec {
padding-left: 0;
width: 100%; }
.template--set .hanacure_effect .effect_content,
.template--set-2 .hanacure_effect .effect_content,
.template--set-3 .hanacure_effect .effect_content,
.template--nano .hanacure_effect .effect_content,
.template--nano-2 .hanacure_effect .effect_content,
.template--salvage .hanacure_effect .effect_content,
.template--bundle-buildout .hanacure_effect .effect_content {
flex-wrap: wrap; }
.template--set .hanacure_effect,
.template--set-2 .hanacure_effect,
.template--set-3 .hanacure_effect,
.template--nano .hanacure_effect,
.template--nano-2 .hanacure_effect,
.template--salvage .hanacure_effect,
.template--bundle-buildout .hanacure_effect {
padding: 40px 0; }
.template--set #Hyperpigmentation_Reduction p,
.template--set-2 #Hyperpigmentation_Reduction p,
.template--set-3 #Hyperpigmentation_Reduction p,
.template--nano #Hyperpigmentation_Reduction p,
.template--nano-2 #Hyperpigmentation_Reduction p,
.template--salvage #Hyperpigmentation_Reduction p,
.template--bundle-buildout #Hyperpigmentation_Reduction p {
padding: 0;
font-size: 13px;
line-height: 1; }
.template--set .hanacure_effect h2.heading,
.template--set-2 .hanacure_effect h2.heading,
.template--set-3 .hanacure_effect h2.heading,
.template--nano .hanacure_effect h2.heading,
.template--nano-2 .hanacure_effect h2.heading,
.template--salvage .hanacure_effect h2.heading,
.template--bundle-buildout .hanacure_effect h2.heading {
text-align: center;
margin: 0 0 5px; }
.template--set .hanacure_effect p.subhead,
.template--set-2 .hanacure_effect p.subhead,
.template--set-3 .hanacure_effect p.subhead,
.template--nano .hanacure_effect p.subhead,
.template--nano-2 .hanacure_effect p.subhead,
.template--salvage .hanacure_effect p.subhead,
.template--bundle-buildout .hanacure_effect p.subhead {
margin: 0 0 20px;
text-align: center; }
.template--set #Hyperpigmentation_Reduction p,
.template--set-2 #Hyperpigmentation_Reduction p,
.template--set-3 #Hyperpigmentation_Reduction p,
.template--nano #Hyperpigmentation_Reduction p,
.template--nano-2 #Hyperpigmentation_Reduction p,
.template--salvage #Hyperpigmentation_Reduction p,
.template--bundle-buildout #Hyperpigmentation_Reduction p {
font-size: 13px;
line-height: 1; }
.template--set .hanacure_effect .effect_right_sec p span,
.template--set-2 .hanacure_effect .effect_right_sec p span,
.template--set-3 .hanacure_effect .effect_right_sec p span,
.template--nano .hanacure_effect .effect_right_sec p span,
.template--nano-2 .hanacure_effect .effect_right_sec p span,
.template--salvage .hanacure_effect .effect_right_sec p span,
.template--bundle-buildout .hanacure_effect .effect_right_sec p span {
display: inline-block;
line-height: 1.2; }
.template--set .hanacure_effect .effect_left_sec div,
.template--set-2 .hanacure_effect .effect_left_sec div,
.template--set-3 .hanacure_effect .effect_left_sec div,
.template--nano .hanacure_effect .effect_left_sec div,
.template--nano-2 .hanacure_effect .effect_left_sec div,
.template--salvage .hanacure_effect .effect_left_sec div,
.template--bundle-buildout .hanacure_effect .effect_left_sec div {
margin-bottom: 15px; }
.template--set #REFINED_PORES .info_main p,
.template--set-2 #REFINED_PORES .info_main p,
.template--set-3 #REFINED_PORES .info_main p,
.template--nano #REFINED_PORES .info_main p,
.template--nano-2 #REFINED_PORES .info_main p,
.template--salvage #REFINED_PORES .info_main p,
.template--bundle-buildout #REFINED_PORES .info_main p {
width: 58%;
line-height: 1; }
.template--set #BRIGHTER_COMPLEXION .mobile,
.template--set-2 #BRIGHTER_COMPLEXION .mobile,
.template--set-3 #BRIGHTER_COMPLEXION .mobile,
.template--nano #BRIGHTER_COMPLEXION .mobile,
.template--nano-2 #BRIGHTER_COMPLEXION .mobile,
.template--salvage #BRIGHTER_COMPLEXION .mobile,
.template--bundle-buildout #BRIGHTER_COMPLEXION .mobile {
text-align: center; }
.template--set .hanacure_effect .effect_right_sec p,
.template--set-2 .hanacure_effect .effect_right_sec p,
.template--set-3 .hanacure_effect .effect_right_sec p,
.template--nano .hanacure_effect .effect_right_sec p,
.template--nano-2 .hanacure_effect .effect_right_sec p,
.template--salvage .hanacure_effect .effect_right_sec p,
.template--bundle-buildout .hanacure_effect .effect_right_sec p {
font-size: 12px;
margin: 0 0 5px; }
.template--set .hanacure_effect .effect_right_sec p span,
.template--set-2 .hanacure_effect .effect_right_sec p span,
.template--set-3 .hanacure_effect .effect_right_sec p span,
.template--nano .hanacure_effect .effect_right_sec p span,
.template--nano-2 .hanacure_effect .effect_right_sec p span,
.template--salvage .hanacure_effect .effect_right_sec p span,
.template--bundle-buildout .hanacure_effect .effect_right_sec p span {
display: inline-block;
line-height: 1;
font-size: 12px; } }
@media (min-width: 510px) and (max-width: 767px) {
.template--set .hanacure_effect .effect_right_sec p,
.template--set-2 .hanacure_effect .effect_right_sec p,
.template--set-3 .hanacure_effect .effect_right_sec p,
.template--nano .hanacure_effect .effect_right_sec p,
.template--nano-2 .hanacure_effect .effect_right_sec p,
.template--salvage .hanacure_effect .effect_right_sec p,
.template--bundle-buildout .hanacure_effect .effect_right_sec p {
max-width: 414px;
font-size: 14px;
margin: 8px auto 0; }
.template--set span.bottom_border,
.template--set-2 span.bottom_border,
.template--set-3 span.bottom_border,
.template--nano span.bottom_border,
.template--nano-2 span.bottom_border,
.template--salvage span.bottom_border,
.template--bundle-buildout span.bottom_border {
width: 143px; } }
.template--set #product_main .product_wrapper .product_custom,
.template--set-2 #product_main .product_wrapper .product_custom,
.template--set-3 #product_main .product_wrapper .product_custom,
.template--nano #product_main .product_wrapper .product_custom,
.template--nano-2 #product_main .product_wrapper .product_custom,
.template--salvage #product_main .product_wrapper .product_custom,
.template--bundle-buildout #product_main .product_wrapper .product_custom {
display: flex;
flex-wrap: wrap; }
.template--set #product_main .product_wrapper .product_custom .product_content,
.template--set-2 #product_main .product_wrapper .product_custom .product_content,
.template--set-3 #product_main .product_wrapper .product_custom .product_content,
.template--nano #product_main .product_wrapper .product_custom .product_content,
.template--nano-2 #product_main .product_wrapper .product_custom .product_content,
.template--salvage #product_main .product_wrapper .product_custom .product_content,
.template--bundle-buildout #product_main .product_wrapper .product_custom .product_content {
width: 50%; }
.template--set #product_main .product_wrapper .product_custom .product_images_block,
.template--set-2 #product_main .product_wrapper .product_custom .product_images_block,
.template--set-3 #product_main .product_wrapper .product_custom .product_images_block,
.template--nano #product_main .product_wrapper .product_custom .product_images_block,
.template--nano-2 #product_main .product_wrapper .product_custom .product_images_block,
.template--salvage #product_main .product_wrapper .product_custom .product_images_block,
.template--bundle-buildout #product_main .product_wrapper .product_custom .product_images_block {
width: 50%;
padding-right: 60px; }
.template--set .product_custom .product-slider,
.template--set-2 .product_custom .product-slider,
.template--set-3 .product_custom .product-slider,
.template--nano .product_custom .product-slider,
.template--nano-2 .product_custom .product-slider,
.template--salvage .product_custom .product-slider,
.template--bundle-buildout .product_custom .product-slider {
display: flex; }
.template--set .product_custom .product-slider .image_main,
.template--set-2 .product_custom .product-slider .image_main,
.template--set-3 .product_custom .product-slider .image_main,
.template--nano .product_custom .product-slider .image_main,
.template--nano-2 .product_custom .product-slider .image_main,
.template--salvage .product_custom .product-slider .image_main,
.template--bundle-buildout .product_custom .product-slider .image_main {
width: 81%; }
.template--set .product_custom .product-slider .thumb_main,
.template--set-2 .product_custom .product-slider .thumb_main,
.template--set-3 .product_custom .product-slider .thumb_main,
.template--nano .product_custom .product-slider .thumb_main,
.template--nano-2 .product_custom .product-slider .thumb_main,
.template--salvage .product_custom .product-slider .thumb_main,
.template--bundle-buildout .product_custom .product-slider .thumb_main {
width: 20%; }
.template--set .product_custom .product-slider .thumb_main .slick-slide img,
.template--set-2 .product_custom .product-slider .thumb_main .slick-slide img,
.template--set-3 .product_custom .product-slider .thumb_main .slick-slide img,
.template--nano .product_custom .product-slider .thumb_main .slick-slide img,
.template--nano-2 .product_custom .product-slider .thumb_main .slick-slide img,
.template--salvage .product_custom .product-slider .thumb_main .slick-slide img,
.template--bundle-buildout .product_custom .product-slider .thumb_main .slick-slide img {
border: 1px solid transparent; }
.template--set .product_custom .product-slider .thumb_main .slick-current.slick-active img,
.template--set-2 .product_custom .product-slider .thumb_main .slick-current.slick-active img,
.template--set-3 .product_custom .product-slider .thumb_main .slick-current.slick-active img,
.template--nano .product_custom .product-slider .thumb_main .slick-current.slick-active img,
.template--nano-2 .product_custom .product-slider .thumb_main .slick-current.slick-active img,
.template--salvage .product_custom .product-slider .thumb_main .slick-current.slick-active img,
.template--bundle-buildout .product_custom .product-slider .thumb_main .slick-current.slick-active img {
border: 1px solid #000000; }
.template--set .product_wrapper,
.template--set-2 .product_wrapper,
.template--set-3 .product_wrapper,
.template--nano .product_wrapper,
.template--nano-2 .product_wrapper,
.template--salvage .product_wrapper,
.template--bundle-buildout .product_wrapper {
margin-top: 50px;
margin-bottom: 80px; }
.template--set .product_custom .product-slider .thumbImg img,
.template--set-2 .product_custom .product-slider .thumbImg img,
.template--set-3 .product_custom .product-slider .thumbImg img,
.template--nano .product_custom .product-slider .thumbImg img,
.template--nano-2 .product_custom .product-slider .thumbImg img,
.template--salvage .product_custom .product-slider .thumbImg img,
.template--bundle-buildout .product_custom .product-slider .thumbImg img {
width: 80px;
margin: 0 auto; }
.template--set .product_content_main,
.template--set-2 .product_content_main,
.template--set-3 .product_content_main,
.template--nano .product_content_main,
.template--nano-2 .product_content_main,
.template--salvage .product_content_main,
.template--bundle-buildout .product_content_main {
max-width: 630px; }
.template--set .product_title .pro_title,
.template--set-2 .product_title .pro_title,
.template--set-3 .product_title .pro_title,
.template--nano .product_title .pro_title,
.template--nano-2 .product_title .pro_title,
.template--salvage .product_title .pro_title,
.template--bundle-buildout .product_title .pro_title {
font-size: 30px;
text-transform: capitalize;
font-family: "freight_sans_semibold";
letter-spacing: 1.5px;
margin: 0 0 15px; }
.template--set .review_main,
.template--set-2 .review_main,
.template--set-3 .review_main,
.template--nano .review_main,
.template--nano-2 .review_main,
.template--salvage .review_main,
.template--bundle-buildout .review_main {
display: flex;
align-items: center; }
.template--set .review_main p,
.template--set-2 .review_main p,
.template--set-3 .review_main p,
.template--nano .review_main p,
.template--nano-2 .review_main p,
.template--salvage .review_main p,
.template--bundle-buildout .review_main p {
margin-left: 15px;
font-size: 16px;
font-family: "freight-sans-pro"; }
.template--set .review_main p span,
.template--set-2 .review_main p span,
.template--set-3 .review_main p span,
.template--nano .review_main p span,
.template--nano-2 .review_main p span,
.template--salvage .review_main p span,
.template--bundle-buildout .review_main p span {
font-weight: 600; }
.template--set .facial span,
.template--set-2 .facial span,
.template--set-3 .facial span,
.template--nano .facial span,
.template--nano-2 .facial span,
.template--salvage .facial span,
.template--bundle-buildout .facial span {
font-family: "freight_sans_semibold"; }
.template--set .facial,
.template--set-2 .facial,
.template--set-3 .facial,
.template--nano .facial,
.template--nano-2 .facial,
.template--salvage .facial,
.template--bundle-buildout .facial {
font-size: 22px;
font-family: "freight-sans-pro";
font-weight: 500;
margin: 18px 0; }
.template--set .what_it_is_content p.what_text span,
.template--set-2 .what_it_is_content p.what_text span,
.template--set-3 .what_it_is_content p.what_text span,
.template--nano .what_it_is_content p.what_text span,
.template--nano-2 .what_it_is_content p.what_text span,
.template--salvage .what_it_is_content p.what_text span,
.template--bundle-buildout .what_it_is_content p.what_text span {
font-family: "freight_sans_semibold"; }
.template--set .what_it_is_content p.what_text,
.template--set-2 .what_it_is_content p.what_text,
.template--set-3 .what_it_is_content p.what_text,
.template--nano .what_it_is_content p.what_text,
.template--nano-2 .what_it_is_content p.what_text,
.template--salvage .what_it_is_content p.what_text,
.template--bundle-buildout .what_it_is_content p.what_text {
font-size: 16px;
font-weight: 400;
letter-spacing: 0.5px; }
.template--set h6.heading_sub,
.template--set-2 h6.heading_sub,
.template--set-3 h6.heading_sub,
.template--nano h6.heading_sub,
.template--nano-2 h6.heading_sub,
.template--salvage h6.heading_sub,
.template--bundle-buildout h6.heading_sub {
font-size: 16px;
font-family: "freight_sans_semibold";
letter-spacing: 1.4px;
text-transform: uppercase;
color: #000;
margin: 20px 0 10px; }
.template--set h6.heading_sub.why_special,
.template--set-2 h6.heading_sub.why_special,
.template--set-3 h6.heading_sub.why_special,
.template--nano h6.heading_sub.why_special,
.template--nano-2 h6.heading_sub.why_special,
.template--salvage h6.heading_sub.why_special,
.template--bundle-buildout h6.heading_sub.why_special {
letter-spacing: 0.5px;
text-transform: lowercase; }
.template--set h6.heading_sub.why_special::first-letter,
.template--set-2 h6.heading_sub.why_special::first-letter,
.template--set-3 h6.heading_sub.why_special::first-letter,
.template--nano h6.heading_sub.why_special::first-letter,
.template--nano-2 h6.heading_sub.why_special::first-letter,
.template--salvage h6.heading_sub.why_special::first-letter,
.template--bundle-buildout h6.heading_sub.why_special::first-letter {
text-transform: uppercase; }
.template--set .hidden-block h6.heading_sub,
.template--set-2 .hidden-block h6.heading_sub,
.template--set-3 .hidden-block h6.heading_sub,
.template--nano .hidden-block h6.heading_sub,
.template--nano-2 .hidden-block h6.heading_sub,
.template--salvage .hidden-block h6.heading_sub,
.template--bundle-buildout .hidden-block h6.heading_sub {
margin: 20px 0 15px; }
.template--set ul,
.template--set-2 ul,
.template--set-3 ul,
.template--nano ul,
.template--nano-2 ul,
.template--salvage ul,
.template--bundle-buildout ul {
list-style: disc;
padding-left: 20px; }
.template--set .product_content_main li,
.template--set-2 .product_content_main li,
.template--set-3 .product_content_main li,
.template--nano .product_content_main li,
.template--nano-2 .product_content_main li,
.template--salvage .product_content_main li,
.template--bundle-buildout .product_content_main li {
font-size: 16px;
letter-spacing: 0.2px;
color: #000;
line-height: 1.4; }
.template--set .special_block li,
.template--set-2 .special_block li,
.template--set-3 .special_block li,
.template--nano .special_block li,
.template--nano-2 .special_block li,
.template--salvage .special_block li,
.template--bundle-buildout .special_block li {
margin: 0 0 15px; }
.template--set a.read_more,
.template--set a.see_full,
.template--set-2 a.read_more,
.template--set-2 a.see_full,
.template--set-3 a.read_more,
.template--set-3 a.see_full,
.template--nano a.read_more,
.template--nano a.see_full,
.template--nano-2 a.read_more,
.template--nano-2 a.see_full,
.template--salvage a.read_more,
.template--salvage a.see_full,
.template--bundle-buildout a.read_more,
.template--bundle-buildout a.see_full {
font-size: 16px;
color: #000000;
font-family: "freight_sans_semibold";
text-decoration: underline;
transition: all 0.5s;
margin-left: 20px; }
.template--set .hidden-block_main,
.template--set-2 .hidden-block_main,
.template--set-3 .hidden-block_main,
.template--nano .hidden-block_main,
.template--nano-2 .hidden-block_main,
.template--salvage .hidden-block_main,
.template--bundle-buildout .hidden-block_main {
display: flex; }
.template--set .hidden-block_main li,
.template--set-2 .hidden-block_main li,
.template--set-3 .hidden-block_main li,
.template--nano .hidden-block_main li,
.template--nano-2 .hidden-block_main li,
.template--salvage .hidden-block_main li,
.template--bundle-buildout .hidden-block_main li {
margin-bottom: 10px; }
.template--set .hidden-block_main .first_good_know.good,
.template--set-2 .hidden-block_main .first_good_know.good,
.template--set-3 .hidden-block_main .first_good_know.good,
.template--nano .hidden-block_main .first_good_know.good,
.template--nano-2 .hidden-block_main .first_good_know.good,
.template--salvage .hidden-block_main .first_good_know.good,
.template--bundle-buildout .hidden-block_main .first_good_know.good {
width: 50%; }
.template--set .clinical_content,
.template--set-2 .clinical_content,
.template--set-3 .clinical_content,
.template--nano .clinical_content,
.template--nano-2 .clinical_content,
.template--salvage .clinical_content,
.template--bundle-buildout .clinical_content {
padding: 20px;
background: #fafafa;
border: 1px solid #fafafa;
margin-top: 30px; }
.template--set .clinical_content li,
.template--set-2 .clinical_content li,
.template--set-3 .clinical_content li,
.template--nano .clinical_content li,
.template--nano-2 .clinical_content li,
.template--salvage .clinical_content li,
.template--bundle-buildout .clinical_content li {
margin: 0 0 12px; }
.template--set .clinical_content li b,
.template--set-2 .clinical_content li b,
.template--set-3 .clinical_content li b,
.template--nano .clinical_content li b,
.template--nano-2 .clinical_content li b,
.template--salvage .clinical_content li b,
.template--bundle-buildout .clinical_content li b {
font-weight: 900; }
.template--set h6.heading_sub.clinical_heading,
.template--set-2 h6.heading_sub.clinical_heading,
.template--set-3 h6.heading_sub.clinical_heading,
.template--nano h6.heading_sub.clinical_heading,
.template--nano-2 h6.heading_sub.clinical_heading,
.template--salvage h6.heading_sub.clinical_heading,
.template--bundle-buildout h6.heading_sub.clinical_heading {
margin-top: 0;
letter-spacing: 1px;
text-transform: capitalize; }
.template--set a.see_full,
.template--set-2 a.see_full,
.template--set-3 a.see_full,
.template--nano a.see_full,
.template--nano-2 a.see_full,
.template--salvage a.see_full,
.template--bundle-buildout a.see_full {
margin-left: 0;
margin-top: 5px;
display: inline-block; }
.template--set .product_images_block,
.template--set #product_main .product_wrapper .product_custom .product_content,
.template--set-2 .product_images_block,
.template--set-2 #product_main .product_wrapper .product_custom .product_content,
.template--set-3 .product_images_block,
.template--set-3 #product_main .product_wrapper .product_custom .product_content,
.template--nano .product_images_block,
.template--nano #product_main .product_wrapper .product_custom .product_content,
.template--nano-2 .product_images_block,
.template--nano-2 #product_main .product_wrapper .product_custom .product_content,
.template--salvage .product_images_block,
.template--salvage #product_main .product_wrapper .product_custom .product_content,
.template--bundle-buildout .product_images_block,
.template--bundle-buildout #product_main .product_wrapper .product_custom .product_content {
position: sticky;
top: 180px;
height: 100%; }
.template--set .product-ask-clinical,
.template--set .product-sub-modal,
.template--set .product-sub-modal.in-open .up-model-overlay,
.template--set .how-work-popup,
.template--set-2 .product-ask-clinical,
.template--set-2 .product-sub-modal,
.template--set-2 .product-sub-modal.in-open .up-model-overlay,
.template--set-2 .how-work-popup,
.template--set-3 .product-ask-clinical,
.template--set-3 .product-sub-modal,
.template--set-3 .product-sub-modal.in-open .up-model-overlay,
.template--set-3 .how-work-popup,
.template--nano .product-ask-clinical,
.template--nano .product-sub-modal,
.template--nano .product-sub-modal.in-open .up-model-overlay,
.template--nano .how-work-popup,
.template--nano-2 .product-ask-clinical,
.template--nano-2 .product-sub-modal,
.template--nano-2 .product-sub-modal.in-open .up-model-overlay,
.template--nano-2 .how-work-popup,
.template--salvage .product-ask-clinical,
.template--salvage .product-sub-modal,
.template--salvage .product-sub-modal.in-open .up-model-overlay,
.template--salvage .how-work-popup,
.template--bundle-buildout .product-ask-clinical,
.template--bundle-buildout .product-sub-modal,
.template--bundle-buildout .product-sub-modal.in-open .up-model-overlay,
.template--bundle-buildout .how-work-popup {
overflow-x: auto;
height: 100%;
opacity: 0;
visibility: hidden;
position: fixed;
justify-content: center;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: flex;
flex-wrap: wrap;
z-index: 1050;
background: rgba(0, 0, 0, 0.5);
transition: opacity 0.3s, visibility 0s linear 0.5s; }
.template--set .product-sub-modal,
.template--set-2 .product-sub-modal,
.template--set-3 .product-sub-modal,
.template--nano .product-sub-modal,
.template--nano-2 .product-sub-modal,
.template--salvage .product-sub-modal,
.template--bundle-buildout .product-sub-modal {
background: none !important; }
.template--set .product-sub-modal.in-open .up-model-overlay,
.template--set-2 .product-sub-modal.in-open .up-model-overlay,
.template--set-3 .product-sub-modal.in-open .up-model-overlay,
.template--nano .product-sub-modal.in-open .up-model-overlay,
.template--nano-2 .product-sub-modal.in-open .up-model-overlay,
.template--salvage .product-sub-modal.in-open .up-model-overlay,
.template--bundle-buildout .product-sub-modal.in-open .up-model-overlay {
z-index: -1; }
.template--set .product-ask-clinical.in-open,
.template--set .product-sub-modal.in-open,
.template--set .product-sub-modal.in-open .up-model-overlay,
.template--set .how-work-popup.in-open,
.template--set-2 .product-ask-clinical.in-open,
.template--set-2 .product-sub-modal.in-open,
.template--set-2 .product-sub-modal.in-open .up-model-overlay,
.template--set-2 .how-work-popup.in-open,
.template--set-3 .product-ask-clinical.in-open,
.template--set-3 .product-sub-modal.in-open,
.template--set-3 .product-sub-modal.in-open .up-model-overlay,
.template--set-3 .how-work-popup.in-open,
.template--nano .product-ask-clinical.in-open,
.template--nano .product-sub-modal.in-open,
.template--nano .product-sub-modal.in-open .up-model-overlay,
.template--nano .how-work-popup.in-open,
.template--nano-2 .product-ask-clinical.in-open,
.template--nano-2 .product-sub-modal.in-open,
.template--nano-2 .product-sub-modal.in-open .up-model-overlay,
.template--nano-2 .how-work-popup.in-open,
.template--salvage .product-ask-clinical.in-open,
.template--salvage .product-sub-modal.in-open,
.template--salvage .product-sub-modal.in-open .up-model-overlay,
.template--salvage .how-work-popup.in-open,
.template--bundle-buildout .product-ask-clinical.in-open,
.template--bundle-buildout .product-sub-modal.in-open,
.template--bundle-buildout .product-sub-modal.in-open .up-model-overlay,
.template--bundle-buildout .how-work-popup.in-open {
opacity: 1;
visibility: visible;
transition: opacity 0.3s, visibility 0s; }
.template--set .product-ask-clinical .product-clinical-content.is-active,
.template--set .product-sub-modal .product-modal-content.is-active,
.template--set .how-work-popup .howitwork-content.is-active,
.template--set-2 .product-ask-clinical .product-clinical-content.is-active,
.template--set-2 .product-sub-modal .product-modal-content.is-active,
.template--set-2 .how-work-popup .howitwork-content.is-active,
.template--set-3 .product-ask-clinical .product-clinical-content.is-active,
.template--set-3 .product-sub-modal .product-modal-content.is-active,
.template--set-3 .how-work-popup .howitwork-content.is-active,
.template--nano .product-ask-clinical .product-clinical-content.is-active,
.template--nano .product-sub-modal .product-modal-content.is-active,
.template--nano .how-work-popup .howitwork-content.is-active,
.template--nano-2 .product-ask-clinical .product-clinical-content.is-active,
.template--nano-2 .product-sub-modal .product-modal-content.is-active,
.template--nano-2 .how-work-popup .howitwork-content.is-active,
.template--salvage .product-ask-clinical .product-clinical-content.is-active,
.template--salvage .product-sub-modal .product-modal-content.is-active,
.template--salvage .how-work-popup .howitwork-content.is-active,
.template--bundle-buildout .product-ask-clinical .product-clinical-content.is-active,
.template--bundle-buildout .product-sub-modal .product-modal-content.is-active,
.template--bundle-buildout .how-work-popup .howitwork-content.is-active {
transition: transform 0.6s ease, opacity 0.2s; }
.template--set .product-ask-clinical .product-clinical-content,
.template--set .product-sub-modal .product-modal-content,
.template--set .how-work-popup .howitwork-content,
.template--set-2 .product-ask-clinical .product-clinical-content,
.template--set-2 .product-sub-modal .product-modal-content,
.template--set-2 .how-work-popup .howitwork-content,
.template--set-3 .product-ask-clinical .product-clinical-content,
.template--set-3 .product-sub-modal .product-modal-content,
.template--set-3 .how-work-popup .howitwork-content,
.template--nano .product-ask-clinical .product-clinical-content,
.template--nano .product-sub-modal .product-modal-content,
.template--nano .how-work-popup .howitwork-content,
.template--nano-2 .product-ask-clinical .product-clinical-content,
.template--nano-2 .product-sub-modal .product-modal-content,
.template--nano-2 .how-work-popup .howitwork-content,
.template--salvage .product-ask-clinical .product-clinical-content,
.template--salvage .product-sub-modal .product-modal-content,
.template--salvage .how-work-popup .howitwork-content,
.template--bundle-buildout .product-ask-clinical .product-clinical-content,
.template--bundle-buildout .product-sub-modal .product-modal-content,
.template--bundle-buildout .how-work-popup .howitwork-content {
max-width: 600px;
width: 100%;
margin: auto;
margin-top: 20px;
background: #fff;
position: relative;
border-radius: 4px;
padding: 30px;
transition: transform 0.4s ease, opacity 0.2s;
transition-delay: 0.2s;
transform: translateY(-50%);
top: 50%; }
.template--set .product-sub-modal .product-modal-content,
.template--set-2 .product-sub-modal .product-modal-content,
.template--set-3 .product-sub-modal .product-modal-content,
.template--nano .product-sub-modal .product-modal-content,
.template--nano-2 .product-sub-modal .product-modal-content,
.template--salvage .product-sub-modal .product-modal-content,
.template--bundle-buildout .product-sub-modal .product-modal-content {
max-width: 735px; }
.template--set .clinical-product-btn,
.template--set-2 .clinical-product-btn,
.template--set-3 .clinical-product-btn,
.template--nano .clinical-product-btn,
.template--nano-2 .clinical-product-btn,
.template--salvage .clinical-product-btn,
.template--bundle-buildout .clinical-product-btn {
display: none; }
.template--set .clinical-product-btn,
.template--set-2 .clinical-product-btn,
.template--set-3 .clinical-product-btn,
.template--nano .clinical-product-btn,
.template--nano-2 .clinical-product-btn,
.template--salvage .clinical-product-btn,
.template--bundle-buildout .clinical-product-btn {
width: 100%; }
.template--set .clinical-product-btn .def-btn,
.template--set-2 .clinical-product-btn .def-btn,
.template--set-3 .clinical-product-btn .def-btn,
.template--nano .clinical-product-btn .def-btn,
.template--nano-2 .clinical-product-btn .def-btn,
.template--salvage .clinical-product-btn .def-btn,
.template--bundle-buildout .clinical-product-btn .def-btn {
margin-top: 10px;
margin-bottom: 20px;
width: 100%;
max-width: 600px;
justify-content: center; }
.template--set .clinical-product-btn .def-btn svg,
.template--set-2 .clinical-product-btn .def-btn svg,
.template--set-3 .clinical-product-btn .def-btn svg,
.template--nano .clinical-product-btn .def-btn svg,
.template--nano-2 .clinical-product-btn .def-btn svg,
.template--salvage .clinical-product-btn .def-btn svg,
.template--bundle-buildout .clinical-product-btn .def-btn svg {
margin-right: 5px; }
.template--set .title_close,
.template--set-2 .title_close,
.template--set-3 .title_close,
.template--nano .title_close,
.template--nano-2 .title_close,
.template--salvage .title_close,
.template--bundle-buildout .title_close {
display: flex;
justify-content: space-between;
align-items: flex-start; }
.template--set .product-ask-clinical .inner_info,
.template--set-2 .product-ask-clinical .inner_info,
.template--set-3 .product-ask-clinical .inner_info,
.template--nano .product-ask-clinical .inner_info,
.template--nano-2 .product-ask-clinical .inner_info,
.template--salvage .product-ask-clinical .inner_info,
.template--bundle-buildout .product-ask-clinical .inner_info {
padding: 7px 0 15px;
margin-left: 15px; }
.template--set .product-ask-clinica .inner_info p span,
.template--set-2 .product-ask-clinica .inner_info p span,
.template--set-3 .product-ask-clinica .inner_info p span,
.template--nano .product-ask-clinica .inner_info p span,
.template--nano-2 .product-ask-clinica .inner_info p span,
.template--salvage .product-ask-clinica .inner_info p span,
.template--bundle-buildout .product-ask-clinica .inner_info p span {
font-weight: 900;
color: #000; }
.template--set .product_info_tab .tab_info,
.template--set-2 .product_info_tab .tab_info,
.template--set-3 .product_info_tab .tab_info,
.template--nano .product_info_tab .tab_info,
.template--nano-2 .product_info_tab .tab_info,
.template--salvage .product_info_tab .tab_info,
.template--bundle-buildout .product_info_tab .tab_info {
padding: 30px;
margin-top: 25px;
border: 1px solid #fafafa;
background: #fafafa; }
.template--set .product_info_tab .tab_info .list li,
.template--set-2 .product_info_tab .tab_info .list li,
.template--set-3 .product_info_tab .tab_info .list li,
.template--nano .product_info_tab .tab_info .list li,
.template--nano-2 .product_info_tab .tab_info .list li,
.template--salvage .product_info_tab .tab_info .list li,
.template--bundle-buildout .product_info_tab .tab_info .list li {
list-style: none; }
.template--set .product_info_tab .tab_info.active i.fa.fa-plus,
.template--set-2 .product_info_tab .tab_info.active i.fa.fa-plus,
.template--set-3 .product_info_tab .tab_info.active i.fa.fa-plus,
.template--nano .product_info_tab .tab_info.active i.fa.fa-plus,
.template--nano-2 .product_info_tab .tab_info.active i.fa.fa-plus,
.template--salvage .product_info_tab .tab_info.active i.fa.fa-plus,
.template--bundle-buildout .product_info_tab .tab_info.active i.fa.fa-plus {
display: none; }
.template--set .product_info_tab .tab_info i.fa.fa-plus,
.template--set-2 .product_info_tab .tab_info i.fa.fa-plus,
.template--set-3 .product_info_tab .tab_info i.fa.fa-plus,
.template--nano .product_info_tab .tab_info i.fa.fa-plus,
.template--nano-2 .product_info_tab .tab_info i.fa.fa-plus,
.template--salvage .product_info_tab .tab_info i.fa.fa-plus,
.template--bundle-buildout .product_info_tab .tab_info i.fa.fa-plus {
display: block; }
.template--set .product_info_tab .tab_info.active i.fa.fa-minus,
.template--set-2 .product_info_tab .tab_info.active i.fa.fa-minus,
.template--set-3 .product_info_tab .tab_info.active i.fa.fa-minus,
.template--nano .product_info_tab .tab_info.active i.fa.fa-minus,
.template--nano-2 .product_info_tab .tab_info.active i.fa.fa-minus,
.template--salvage .product_info_tab .tab_info.active i.fa.fa-minus,
.template--bundle-buildout .product_info_tab .tab_info.active i.fa.fa-minus {
display: block; }
.template--set .product_info_tab .tab_info i.fa.fa-minus,
.template--set-2 .product_info_tab .tab_info i.fa.fa-minus,
.template--set-3 .product_info_tab .tab_info i.fa.fa-minus,
.template--nano .product_info_tab .tab_info i.fa.fa-minus,
.template--nano-2 .product_info_tab .tab_info i.fa.fa-minus,
.template--salvage .product_info_tab .tab_info i.fa.fa-minus,
.template--bundle-buildout .product_info_tab .tab_info i.fa.fa-minus {
display: none; }
.template--set .product_info_tab .Tab_title > span,
.template--set-2 .product_info_tab .Tab_title > span,
.template--set-3 .product_info_tab .Tab_title > span,
.template--nano .product_info_tab .Tab_title > span,
.template--nano-2 .product_info_tab .Tab_title > span,
.template--salvage .product_info_tab .Tab_title > span,
.template--bundle-buildout .product_info_tab .Tab_title > span {
font-size: 20px;
font-family: "freight_sans_semibold";
color: #000;
cursor: pointer; }
.template--set p span,
.template--set-2 p span,
.template--set-3 p span,
.template--nano p span,
.template--nano-2 p span,
.template--salvage p span,
.template--bundle-buildout p span {
color: #000; }
.template--set .product_info_tab .tab_info i,
.template--set-2 .product_info_tab .tab_info i,
.template--set-3 .product_info_tab .tab_info i,
.template--nano .product_info_tab .tab_info i,
.template--nano-2 .product_info_tab .tab_info i,
.template--salvage .product_info_tab .tab_info i,
.template--bundle-buildout .product_info_tab .tab_info i {
font-size: 18px; }
.template--set .product_content_main .product-hero__option,
.template--set-2 .product_content_main .product-hero__option,
.template--set-3 .product_content_main .product-hero__option,
.template--nano .product_content_main .product-hero__option,
.template--nano-2 .product_content_main .product-hero__option,
.template--salvage .product_content_main .product-hero__option,
.template--bundle-buildout .product_content_main .product-hero__option {
display: none; }
.template--set .product_info_tab .Tab_title,
.template--set-2 .product_info_tab .Tab_title,
.template--set-3 .product_info_tab .Tab_title,
.template--nano .product_info_tab .Tab_title,
.template--nano-2 .product_info_tab .Tab_title,
.template--salvage .product_info_tab .Tab_title,
.template--bundle-buildout .product_info_tab .Tab_title {
display: flex;
justify-content: space-between; }
.template--set .product_info_tab li.list_info span,
.template--set-2 .product_info_tab li.list_info span,
.template--set-3 .product_info_tab li.list_info span,
.template--nano .product_info_tab li.list_info span,
.template--nano-2 .product_info_tab li.list_info span,
.template--salvage .product_info_tab li.list_info span,
.template--bundle-buildout .product_info_tab li.list_info span {
font-family: "freight_sans_semibold";
color: #000; }
.template--set .product_info_tab li.list_info,
.template--set-2 .product_info_tab li.list_info,
.template--set-3 .product_info_tab li.list_info,
.template--nano .product_info_tab li.list_info,
.template--nano-2 .product_info_tab li.list_info,
.template--salvage .product_info_tab li.list_info,
.template--bundle-buildout .product_info_tab li.list_info {
font-size: 17px;
margin-top: 20px; }
.template--set .video_img img,
.template--set-2 .video_img img,
.template--set-3 .video_img img,
.template--nano .video_img img,
.template--nano-2 .video_img img,
.template--salvage .video_img img,
.template--bundle-buildout .video_img img {
width: 100%; }
.template--set .video_img,
.template--set-2 .video_img,
.template--set-3 .video_img,
.template--nano .video_img,
.template--nano-2 .video_img,
.template--salvage .video_img,
.template--bundle-buildout .video_img {
text-align: center;
position: relative;
margin-top: 25px; }
.template--set .video_lay-icon,
.template--set-2 .video_lay-icon,
.template--set-3 .video_lay-icon,
.template--nano .video_lay-icon,
.template--nano-2 .video_lay-icon,
.template--salvage .video_lay-icon,
.template--bundle-buildout .video_lay-icon {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
cursor: pointer; }
.template--set a.see_full.Ingredients,
.template--set-2 a.see_full.Ingredients,
.template--set-3 a.see_full.Ingredients,
.template--nano a.see_full.Ingredients,
.template--nano-2 a.see_full.Ingredients,
.template--salvage a.see_full.Ingredients,
.template--bundle-buildout a.see_full.Ingredients {
margin-top: 20px !important;
display: block;
font-size: 18px; }
.template--set .second_product_block,
.template--set-2 .second_product_block,
.template--set-3 .second_product_block,
.template--nano .second_product_block,
.template--nano-2 .second_product_block,
.template--salvage .second_product_block,
.template--bundle-buildout .second_product_block {
display: flex;
align-items: center;
background: #fafafa;
box-shadow: 0 5px 10px #0000001a;
position: relative; }
.template--set .second_pro_img,
.template--set-2 .second_pro_img,
.template--set-3 .second_pro_img,
.template--nano .second_pro_img,
.template--nano-2 .second_pro_img,
.template--salvage .second_pro_img,
.template--bundle-buildout .second_pro_img {
line-height: 0;
width: 25%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.template--set .second_pro_img img,
.template--set-2 .second_pro_img img,
.template--set-3 .second_pro_img img,
.template--nano .second_pro_img img,
.template--nano-2 .second_pro_img img,
.template--salvage .second_pro_img img,
.template--bundle-buildout .second_pro_img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.template--set .second_pro_info,
.template--set-2 .second_pro_info,
.template--set-3 .second_pro_info,
.template--nano .second_pro_info,
.template--nano-2 .second_pro_info,
.template--salvage .second_pro_info,
.template--bundle-buildout .second_pro_info {
padding: 40px 25px;
width: 75%;
margin-left: 25%; }
.template--set .second_product_main h6.heading_sub,
.template--set-2 .second_product_main h6.heading_sub,
.template--set-3 .second_product_main h6.heading_sub,
.template--nano .second_product_main h6.heading_sub,
.template--nano-2 .second_product_main h6.heading_sub,
.template--salvage .second_product_main h6.heading_sub,
.template--bundle-buildout .second_product_main h6.heading_sub {
font-size: 20px;
text-align: center;
margin-bottom: 15px; }
.template--set .second_product_main .pro_title,
.template--set-2 .second_product_main .pro_title,
.template--set-3 .second_product_main .pro_title,
.template--nano .second_product_main .pro_title,
.template--nano-2 .second_product_main .pro_title,
.template--salvage .second_product_main .pro_title,
.template--bundle-buildout .second_product_main .pro_title {
font-size: 20px;
font-family: "freight_sans_semibold";
text-transform: capitalize;
letter-spacing: 0.8px;
color: #000; }
.template--set .second_product_main p.desc,
.template--set-2 .second_product_main p.desc,
.template--set-3 .second_product_main p.desc,
.template--nano .second_product_main p.desc,
.template--nano-2 .second_product_main p.desc,
.template--salvage .second_product_main p.desc,
.template--bundle-buildout .second_product_main p.desc {
font-size: 18px;
margin: 15px 0;
line-height: 1.2; }
.template--set .second_pro_button a,
.template--set-2 .second_pro_button a,
.template--set-3 .second_pro_button a,
.template--nano .second_pro_button a,
.template--nano-2 .second_pro_button a,
.template--salvage .second_pro_button a,
.template--bundle-buildout .second_pro_button a {
display: inline-block;
padding: 15px 20px;
border: 1px solid #ccc;
background: #fff;
border-radius: 4px;
font-size: 16px;
font-family: "freight_sans_semibold";
color: #000;
transition: all 0.5s ease-in-out; }
.template--set .product-modal-content .product_images_block,
.template--set-2 .product-modal-content .product_images_block,
.template--set-3 .product-modal-content .product_images_block,
.template--nano .product-modal-content .product_images_block,
.template--nano-2 .product-modal-content .product_images_block,
.template--salvage .product-modal-content .product_images_block,
.template--bundle-buildout .product-modal-content .product_images_block {
position: unset;
width: 50%;
padding: 0 15px; }
.template--set .product-desc-block .modal-container,
.template--set-2 .product-desc-block .modal-container,
.template--set-3 .product-desc-block .modal-container,
.template--nano .product-desc-block .modal-container,
.template--nano-2 .product-desc-block .modal-container,
.template--salvage .product-desc-block .modal-container,
.template--bundle-buildout .product-desc-block .modal-container {
width: 50%;
padding: 0 15px; }
.template--set .product-desc-block,
.template--set-2 .product-desc-block,
.template--set-3 .product-desc-block,
.template--nano .product-desc-block,
.template--nano-2 .product-desc-block,
.template--salvage .product-desc-block,
.template--bundle-buildout .product-desc-block {
display: flex;
flex-wrap: wrap;
margin: 0 -15px; }
.template--set .product-modal-content .product_images_block .product-slider,
.template--set-2 .product-modal-content .product_images_block .product-slider,
.template--set-3 .product-modal-content .product_images_block .product-slider,
.template--nano .product-modal-content .product_images_block .product-slider,
.template--nano-2 .product-modal-content .product_images_block .product-slider,
.template--salvage .product-modal-content .product_images_block .product-slider,
.template--bundle-buildout .product-modal-content .product_images_block .product-slider {
display: flex;
margin: 0 -5px; }
.template--set .product-modal-content .product_images_block .product-slider .thumb_main.thumb-image,
.template--set-2 .product-modal-content .product_images_block .product-slider .thumb_main.thumb-image,
.template--set-3 .product-modal-content .product_images_block .product-slider .thumb_main.thumb-image,
.template--nano .product-modal-content .product_images_block .product-slider .thumb_main.thumb-image,
.template--nano-2 .product-modal-content .product_images_block .product-slider .thumb_main.thumb-image,
.template--salvage .product-modal-content .product_images_block .product-slider .thumb_main.thumb-image,
.template--bundle-buildout .product-modal-content .product_images_block .product-slider .thumb_main.thumb-image {
padding: 0 5px; }
.template--set .product-modal-content .up-arrow img,
.template--set .product-modal-content .down-arrow img,
.template--set-2 .product-modal-content .up-arrow img,
.template--set-2 .product-modal-content .down-arrow img,
.template--set-3 .product-modal-content .up-arrow img,
.template--set-3 .product-modal-content .down-arrow img,
.template--nano .product-modal-content .up-arrow img,
.template--nano .product-modal-content .down-arrow img,
.template--nano-2 .product-modal-content .up-arrow img,
.template--nano-2 .product-modal-content .down-arrow img,
.template--salvage .product-modal-content .up-arrow img,
.template--salvage .product-modal-content .down-arrow img,
.template--bundle-buildout .product-modal-content .up-arrow img,
.template--bundle-buildout .product-modal-content .down-arrow img {
display: none !important; }
.template--set .product-modal-content .product_images_block .product-slider .image_main,
.template--set-2 .product-modal-content .product_images_block .product-slider .image_main,
.template--set-3 .product-modal-content .product_images_block .product-slider .image_main,
.template--nano .product-modal-content .product_images_block .product-slider .image_main,
.template--nano-2 .product-modal-content .product_images_block .product-slider .image_main,
.template--salvage .product-modal-content .product_images_block .product-slider .image_main,
.template--bundle-buildout .product-modal-content .product_images_block .product-slider .image_main {
width: 87%;
padding: 0 5px; }
.template--set [data-section-id="product-modal"] .product-hero__form .product-form__variants,
.template--set-2 [data-section-id="product-modal"] .product-hero__form .product-form__variants,
.template--set-3 [data-section-id="product-modal"] .product-hero__form .product-form__variants,
.template--nano [data-section-id="product-modal"] .product-hero__form .product-form__variants,
.template--nano-2 [data-section-id="product-modal"] .product-hero__form .product-form__variants,
.template--salvage [data-section-id="product-modal"] .product-hero__form .product-form__variants,
.template--bundle-buildout [data-section-id="product-modal"] .product-hero__form .product-form__variants {
display: none; }
.template--set .product-form_item.product-form_item--submit.product-form__item--no-variants button,
.template--set-2 .product-form_item.product-form_item--submit.product-form__item--no-variants button,
.template--set-3 .product-form_item.product-form_item--submit.product-form__item--no-variants button,
.template--nano .product-form_item.product-form_item--submit.product-form__item--no-variants button,
.template--nano-2 .product-form_item.product-form_item--submit.product-form__item--no-variants button,
.template--salvage .product-form_item.product-form_item--submit.product-form__item--no-variants button,
.template--bundle-buildout .product-form_item.product-form_item--submit.product-form__item--no-variants button {
width: 100%;
background: #000;
color: #fff;
font-family: "freight_sans_semibold" !important;
text-transform: capitalize !important; }
.template--set .product-modal-content .sub_product_info p,
.template--set-2 .product-modal-content .sub_product_info p,
.template--set-3 .product-modal-content .sub_product_info p,
.template--nano .product-modal-content .sub_product_info p,
.template--nano-2 .product-modal-content .sub_product_info p,
.template--salvage .product-modal-content .sub_product_info p,
.template--bundle-buildout .product-modal-content .sub_product_info p {
color: #313131;
font-size: 14px;
font-weight: 500;
margin-bottom: 17px; }
.template--set .product-modal-content .sub_product_info .inner_info p,
.template--set-2 .product-modal-content .sub_product_info .inner_info p,
.template--set-3 .product-modal-content .sub_product_info .inner_info p,
.template--nano .product-modal-content .sub_product_info .inner_info p,
.template--nano-2 .product-modal-content .sub_product_info .inner_info p,
.template--salvage .product-modal-content .sub_product_info .inner_info p,
.template--bundle-buildout .product-modal-content .sub_product_info .inner_info p {
font-size: 13px;
font-weight: normal;
margin-bottom: 0px; }
.template--set .product-modal-content .sub_product_info .inner_info,
.template--set-2 .product-modal-content .sub_product_info .inner_info,
.template--set-3 .product-modal-content .sub_product_info .inner_info,
.template--nano .product-modal-content .sub_product_info .inner_info,
.template--nano-2 .product-modal-content .sub_product_info .inner_info,
.template--salvage .product-modal-content .sub_product_info .inner_info,
.template--bundle-buildout .product-modal-content .sub_product_info .inner_info {
margin-bottom: 20px; }
.template--set .product-modal-content .info_btn,
.template--set-2 .product-modal-content .info_btn,
.template--set-3 .product-modal-content .info_btn,
.template--nano .product-modal-content .info_btn,
.template--nano-2 .product-modal-content .info_btn,
.template--salvage .product-modal-content .info_btn,
.template--bundle-buildout .product-modal-content .info_btn {
display: none;
align-items: center; }
.template--set .product-modal-content .info_btn .info_btn_block,
.template--set-2 .product-modal-content .info_btn .info_btn_block,
.template--set-3 .product-modal-content .info_btn .info_btn_block,
.template--nano .product-modal-content .info_btn .info_btn_block,
.template--nano-2 .product-modal-content .info_btn .info_btn_block,
.template--salvage .product-modal-content .info_btn .info_btn_block,
.template--bundle-buildout .product-modal-content .info_btn .info_btn_block {
border: 1px solid #000000;
border-radius: 3px;
padding: 4px 10px;
width: 50%;
text-align: center;
font-size: 12px;
font-weight: 600; }
.template--set .product-modal-content .info_btn .info_btn_block:hover,
.template--set-2 .product-modal-content .info_btn .info_btn_block:hover,
.template--set-3 .product-modal-content .info_btn .info_btn_block:hover,
.template--nano .product-modal-content .info_btn .info_btn_block:hover,
.template--nano-2 .product-modal-content .info_btn .info_btn_block:hover,
.template--salvage .product-modal-content .info_btn .info_btn_block:hover,
.template--bundle-buildout .product-modal-content .info_btn .info_btn_block:hover {
color: #707070;
border: 1px solid #d9d9da;
background: #d9d9da; }
.template--set .product-modal-content .info_btn .info_btn_block.info_btn_block_bg,
.template--set-2 .product-modal-content .info_btn .info_btn_block.info_btn_block_bg,
.template--set-3 .product-modal-content .info_btn .info_btn_block.info_btn_block_bg,
.template--nano .product-modal-content .info_btn .info_btn_block.info_btn_block_bg,
.template--nano-2 .product-modal-content .info_btn .info_btn_block.info_btn_block_bg,
.template--salvage .product-modal-content .info_btn .info_btn_block.info_btn_block_bg,
.template--bundle-buildout .product-modal-content .info_btn .info_btn_block.info_btn_block_bg {
margin-left: 10px; }
.template--set .product-modal-content .info_btn .info_btn_block.info_btn_block_bg span,
.template--set-2 .product-modal-content .info_btn .info_btn_block.info_btn_block_bg span,
.template--set-3 .product-modal-content .info_btn .info_btn_block.info_btn_block_bg span,
.template--nano .product-modal-content .info_btn .info_btn_block.info_btn_block_bg span,
.template--nano-2 .product-modal-content .info_btn .info_btn_block.info_btn_block_bg span,
.template--salvage .product-modal-content .info_btn .info_btn_block.info_btn_block_bg span,
.template--bundle-buildout .product-modal-content .info_btn .info_btn_block.info_btn_block_bg span {
font-size: 10px; }
.template--set .product-modal-content .product-hero__form,
.template--set-2 .product-modal-content .product-hero__form,
.template--set-3 .product-modal-content .product-hero__form,
.template--nano .product-modal-content .product-hero__form,
.template--nano-2 .product-modal-content .product-hero__form,
.template--salvage .product-modal-content .product-hero__form,
.template--bundle-buildout .product-modal-content .product-hero__form {
margin-top: 15px; }
.template--set .product-modal-content .product-hero__cta,
.template--set-2 .product-modal-content .product-hero__cta,
.template--set-3 .product-modal-content .product-hero__cta,
.template--nano .product-modal-content .product-hero__cta,
.template--nano-2 .product-modal-content .product-hero__cta,
.template--salvage .product-modal-content .product-hero__cta,
.template--bundle-buildout .product-modal-content .product-hero__cta {
margin-top: 0;
height: 40px;
border-radius: 4px; }
.template--set .product-hero__cta,
.template--set-2 .product-hero__cta,
.template--set-3 .product-hero__cta,
.template--nano .product-hero__cta,
.template--nano-2 .product-hero__cta,
.template--salvage .product-hero__cta,
.template--bundle-buildout .product-hero__cta {
margin-top: 20px; }
.template--set .product-hero__cta .btn, .template--set .product-hero__cta .form-newsletter--popup .form__btn, .form-newsletter--popup .template--set .product-hero__cta .form__btn, .template--set .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle, .product-reviews .okeReviews .template--set .product-hero__cta .okeReviews-filterToggle,
.template--set .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview, .product-reviews .okeReviews .template--set .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--set .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion, .product-reviews .okeReviews .template--set .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--set-2 .product-hero__cta .btn,
.template--set-2 .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--set-2 .product-hero__cta .form__btn,
.template--set-2 .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--set-2 .product-hero__cta .okeReviews-filterToggle,
.template--set-2 .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--set-2 .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--set-2 .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--set-2 .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--set-3 .product-hero__cta .btn,
.template--set-3 .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--set-3 .product-hero__cta .form__btn,
.template--set-3 .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--set-3 .product-hero__cta .okeReviews-filterToggle,
.template--set-3 .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--set-3 .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--set-3 .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--set-3 .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--nano .product-hero__cta .btn,
.template--nano .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--nano .product-hero__cta .form__btn,
.template--nano .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--nano .product-hero__cta .okeReviews-filterToggle,
.template--nano .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--nano .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--nano .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--nano .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--nano-2 .product-hero__cta .btn,
.template--nano-2 .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--nano-2 .product-hero__cta .form__btn,
.template--nano-2 .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--nano-2 .product-hero__cta .okeReviews-filterToggle,
.template--nano-2 .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--nano-2 .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--nano-2 .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--nano-2 .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--salvage .product-hero__cta .btn,
.template--salvage .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--salvage .product-hero__cta .form__btn,
.template--salvage .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--salvage .product-hero__cta .okeReviews-filterToggle,
.template--salvage .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--salvage .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--salvage .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--salvage .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--bundle-buildout .product-hero__cta .btn,
.template--bundle-buildout .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--bundle-buildout .product-hero__cta .form__btn,
.template--bundle-buildout .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--bundle-buildout .product-hero__cta .okeReviews-filterToggle,
.template--bundle-buildout .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--bundle-buildout .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--bundle-buildout .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--bundle-buildout .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion {
font-size: 14px; }
.template--set .product-modal-content .product-hero__cta .btn, .template--set .product-modal-content .product-hero__cta .form-newsletter--popup .form__btn, .form-newsletter--popup .template--set .product-modal-content .product-hero__cta .form__btn, .template--set .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle, .product-reviews .okeReviews .template--set .product-modal-content .product-hero__cta .okeReviews-filterToggle,
.template--set .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview, .product-reviews .okeReviews .template--set .product-modal-content .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--set .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion, .product-reviews .okeReviews .template--set .product-modal-content .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--set-2 .product-modal-content .product-hero__cta .btn,
.template--set-2 .product-modal-content .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--set-2 .product-modal-content .product-hero__cta .form__btn,
.template--set-2 .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--set-2 .product-modal-content .product-hero__cta .okeReviews-filterToggle,
.template--set-2 .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--set-2 .product-modal-content .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--set-2 .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--set-2 .product-modal-content .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--set-3 .product-modal-content .product-hero__cta .btn,
.template--set-3 .product-modal-content .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--set-3 .product-modal-content .product-hero__cta .form__btn,
.template--set-3 .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--set-3 .product-modal-content .product-hero__cta .okeReviews-filterToggle,
.template--set-3 .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--set-3 .product-modal-content .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--set-3 .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--set-3 .product-modal-content .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--nano .product-modal-content .product-hero__cta .btn,
.template--nano .product-modal-content .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--nano .product-modal-content .product-hero__cta .form__btn,
.template--nano .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--nano .product-modal-content .product-hero__cta .okeReviews-filterToggle,
.template--nano .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--nano .product-modal-content .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--nano .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--nano .product-modal-content .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--nano-2 .product-modal-content .product-hero__cta .btn,
.template--nano-2 .product-modal-content .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--nano-2 .product-modal-content .product-hero__cta .form__btn,
.template--nano-2 .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--nano-2 .product-modal-content .product-hero__cta .okeReviews-filterToggle,
.template--nano-2 .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--nano-2 .product-modal-content .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--nano-2 .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--nano-2 .product-modal-content .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--salvage .product-modal-content .product-hero__cta .btn,
.template--salvage .product-modal-content .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--salvage .product-modal-content .product-hero__cta .form__btn,
.template--salvage .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--salvage .product-modal-content .product-hero__cta .okeReviews-filterToggle,
.template--salvage .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--salvage .product-modal-content .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--salvage .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--salvage .product-modal-content .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--bundle-buildout .product-modal-content .product-hero__cta .btn,
.template--bundle-buildout .product-modal-content .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--bundle-buildout .product-modal-content .product-hero__cta .form__btn,
.template--bundle-buildout .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--bundle-buildout .product-modal-content .product-hero__cta .okeReviews-filterToggle,
.template--bundle-buildout .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--bundle-buildout .product-modal-content .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--bundle-buildout .product-modal-content .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--bundle-buildout .product-modal-content .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion {
background: #000000;
font-size: 12px;
border-radius: 3px;
text-transform: capitalize; }
.template--set .how-it-work-sec,
.template--set-2 .how-it-work-sec,
.template--set-3 .how-it-work-sec,
.template--nano .how-it-work-sec,
.template--nano-2 .how-it-work-sec,
.template--salvage .how-it-work-sec,
.template--bundle-buildout .how-it-work-sec {
margin: 80px 0; }
.template--set .how-it-work-title,
.template--set-2 .how-it-work-title,
.template--set-3 .how-it-work-title,
.template--nano .how-it-work-title,
.template--nano-2 .how-it-work-title,
.template--salvage .how-it-work-title,
.template--bundle-buildout .how-it-work-title {
text-align: center; }
.template--set .how-it-work-title h2,
.template--set-2 .how-it-work-title h2,
.template--set-3 .how-it-work-title h2,
.template--nano .how-it-work-title h2,
.template--nano-2 .how-it-work-title h2,
.template--salvage .how-it-work-title h2,
.template--bundle-buildout .how-it-work-title h2 {
color: #000000;
font-size: 22px;
letter-spacing: 1.8px;
font-family: "freight_sans_semibold";
text-transform: uppercase;
margin-bottom: 10px; }
.template--set .how-it-work-title p,
.template--set-2 .how-it-work-title p,
.template--set-3 .how-it-work-title p,
.template--nano .how-it-work-title p,
.template--nano-2 .how-it-work-title p,
.template--salvage .how-it-work-title p,
.template--bundle-buildout .how-it-work-title p {
color: #000000;
font-size: 20px;
padding-bottom: 25px;
margin-top: 20px; }
.template--set .how-it-work-main ul,
.template--set-2 .how-it-work-main ul,
.template--set-3 .how-it-work-main ul,
.template--nano .how-it-work-main ul,
.template--nano-2 .how-it-work-main ul,
.template--salvage .how-it-work-main ul,
.template--bundle-buildout .how-it-work-main ul {
display: flex;
flex-wrap: wrap;
margin: 0 -15px; }
.template--set .how-it-work-main ul li,
.template--set-2 .how-it-work-main ul li,
.template--set-3 .how-it-work-main ul li,
.template--nano .how-it-work-main ul li,
.template--nano-2 .how-it-work-main ul li,
.template--salvage .how-it-work-main ul li,
.template--bundle-buildout .how-it-work-main ul li {
padding: 0 20px;
width: 33.3333%;
text-align: center;
list-style: none; }
.template--set .how-it-work-main ul li p,
.template--set-2 .how-it-work-main ul li p,
.template--set-3 .how-it-work-main ul li p,
.template--nano .how-it-work-main ul li p,
.template--nano-2 .how-it-work-main ul li p,
.template--salvage .how-it-work-main ul li p,
.template--bundle-buildout .how-it-work-main ul li p {
font-size: 18px;
color: #000000;
font-weight: 500;
max-width: 305px;
margin: 25px auto; }
.template--set .def-btn,
.template--set-2 .def-btn,
.template--set-3 .def-btn,
.template--nano .def-btn,
.template--nano-2 .def-btn,
.template--salvage .def-btn,
.template--bundle-buildout .def-btn {
background: #383838;
color: #ffffff;
border-radius: 3px;
font-size: 16px;
text-align: center;
margin: 0 auto;
display: flex;
font-family: "freight_sans_semibold";
align-items: center;
justify-content: center;
padding: 16px 38px;
margin-top: 50px; }
.template--set .howitwork_modal_body .how-it-work-main ul li,
.template--set-2 .howitwork_modal_body .how-it-work-main ul li,
.template--set-3 .howitwork_modal_body .how-it-work-main ul li,
.template--nano .howitwork_modal_body .how-it-work-main ul li,
.template--nano-2 .howitwork_modal_body .how-it-work-main ul li,
.template--salvage .howitwork_modal_body .how-it-work-main ul li,
.template--bundle-buildout .howitwork_modal_body .how-it-work-main ul li {
width: 50%;
margin-bottom: 30px; }
.template--set .howitwork_modal_body .how-it-work-main ul li:nth-child(5),
.template--set .howitwork_modal_body .how-it-work-main ul li:nth-child(6),
.template--set-2 .howitwork_modal_body .how-it-work-main ul li:nth-child(5),
.template--set-2 .howitwork_modal_body .how-it-work-main ul li:nth-child(6),
.template--set-3 .howitwork_modal_body .how-it-work-main ul li:nth-child(5),
.template--set-3 .howitwork_modal_body .how-it-work-main ul li:nth-child(6),
.template--nano .howitwork_modal_body .how-it-work-main ul li:nth-child(5),
.template--nano .howitwork_modal_body .how-it-work-main ul li:nth-child(6),
.template--nano-2 .howitwork_modal_body .how-it-work-main ul li:nth-child(5),
.template--nano-2 .howitwork_modal_body .how-it-work-main ul li:nth-child(6),
.template--salvage .howitwork_modal_body .how-it-work-main ul li:nth-child(5),
.template--salvage .howitwork_modal_body .how-it-work-main ul li:nth-child(6),
.template--bundle-buildout .howitwork_modal_body .how-it-work-main ul li:nth-child(5),
.template--bundle-buildout .howitwork_modal_body .how-it-work-main ul li:nth-child(6) {
margin-bottom: 0px; }
.template--set .howitwork_modal_body .how-it-work-main ul,
.template--set-2 .howitwork_modal_body .how-it-work-main ul,
.template--set-3 .howitwork_modal_body .how-it-work-main ul,
.template--nano .howitwork_modal_body .how-it-work-main ul,
.template--nano-2 .howitwork_modal_body .how-it-work-main ul,
.template--salvage .howitwork_modal_body .how-it-work-main ul,
.template--bundle-buildout .howitwork_modal_body .how-it-work-main ul {
margin: 0 -40px; }
.template--set .howitwork_modal_body .how-it-work-main ul li h2,
.template--set-2 .howitwork_modal_body .how-it-work-main ul li h2,
.template--set-3 .howitwork_modal_body .how-it-work-main ul li h2,
.template--nano .howitwork_modal_body .how-it-work-main ul li h2,
.template--nano-2 .howitwork_modal_body .how-it-work-main ul li h2,
.template--salvage .howitwork_modal_body .how-it-work-main ul li h2,
.template--bundle-buildout .howitwork_modal_body .how-it-work-main ul li h2 {
font-size: 16px;
margin-bottom: 10px;
letter-spacing: 1.6px;
color: #000000;
font-weight: 600;
text-transform: uppercase; }
.template--set .howitwork_modal_body .how-it-work-main ul li p,
.template--set-2 .howitwork_modal_body .how-it-work-main ul li p,
.template--set-3 .howitwork_modal_body .how-it-work-main ul li p,
.template--nano .howitwork_modal_body .how-it-work-main ul li p,
.template--nano-2 .howitwork_modal_body .how-it-work-main ul li p,
.template--salvage .howitwork_modal_body .how-it-work-main ul li p,
.template--bundle-buildout .howitwork_modal_body .how-it-work-main ul li p {
font-size: 14px;
color: #313131; }
.template--set .howitwork_modal_body .how-it-work-title h2,
.template--set-2 .howitwork_modal_body .how-it-work-title h2,
.template--set-3 .howitwork_modal_body .how-it-work-title h2,
.template--nano .howitwork_modal_body .how-it-work-title h2,
.template--nano-2 .howitwork_modal_body .how-it-work-title h2,
.template--salvage .howitwork_modal_body .how-it-work-title h2,
.template--bundle-buildout .howitwork_modal_body .how-it-work-title h2 {
font-size: 20px;
text-transform: capitalize; }
.template--set .howitwork_modal_body .how-it-work-title p,
.template--set-2 .howitwork_modal_body .how-it-work-title p,
.template--set-3 .howitwork_modal_body .how-it-work-title p,
.template--nano .howitwork_modal_body .how-it-work-title p,
.template--nano-2 .howitwork_modal_body .how-it-work-title p,
.template--salvage .howitwork_modal_body .how-it-work-title p,
.template--bundle-buildout .howitwork_modal_body .how-it-work-title p {
font-size: 16px; }
.template--set .how-work-popup .howitwork-content .title_close,
.template--set-2 .how-work-popup .howitwork-content .title_close,
.template--set-3 .how-work-popup .howitwork-content .title_close,
.template--nano .how-work-popup .howitwork-content .title_close,
.template--nano-2 .how-work-popup .howitwork-content .title_close,
.template--salvage .how-work-popup .howitwork-content .title_close,
.template--bundle-buildout .how-work-popup .howitwork-content .title_close {
justify-content: flex-end;
align-items: center;
margin-top: -15px;
position: relative;
right: -10px; }
.template--set #product-modal .modal_hero__option,
.template--set-2 #product-modal .modal_hero__option,
.template--set-3 #product-modal .modal_hero__option,
.template--nano #product-modal .modal_hero__option,
.template--nano-2 #product-modal .modal_hero__option,
.template--salvage #product-modal .modal_hero__option,
.template--bundle-buildout #product-modal .modal_hero__option {
display: flex; }
.template--set #product-modal .modal_hero__option button.btn.product-hero__option-btn, .template--set #product-modal .modal_hero__option .form-newsletter--popup button.product-hero__option-btn.form__btn, .form-newsletter--popup .template--set #product-modal .modal_hero__option button.product-hero__option-btn.form__btn, .template--set #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-filterToggle, .product-reviews .okeReviews .template--set #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-filterToggle,
.template--set #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview, .product-reviews .okeReviews .template--set #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.template--set #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion, .product-reviews .okeReviews .template--set #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.template--set-2 #product-modal .modal_hero__option button.btn.product-hero__option-btn,
.template--set-2 #product-modal .modal_hero__option .form-newsletter--popup button.product-hero__option-btn.form__btn,
.form-newsletter--popup .template--set-2 #product-modal .modal_hero__option button.product-hero__option-btn.form__btn,
.template--set-2 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-filterToggle,
.product-reviews .okeReviews .template--set-2 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-filterToggle,
.template--set-2 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--set-2 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.template--set-2 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--set-2 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.template--set-3 #product-modal .modal_hero__option button.btn.product-hero__option-btn,
.template--set-3 #product-modal .modal_hero__option .form-newsletter--popup button.product-hero__option-btn.form__btn,
.form-newsletter--popup .template--set-3 #product-modal .modal_hero__option button.product-hero__option-btn.form__btn,
.template--set-3 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-filterToggle,
.product-reviews .okeReviews .template--set-3 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-filterToggle,
.template--set-3 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--set-3 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.template--set-3 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--set-3 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.template--nano #product-modal .modal_hero__option button.btn.product-hero__option-btn,
.template--nano #product-modal .modal_hero__option .form-newsletter--popup button.product-hero__option-btn.form__btn,
.form-newsletter--popup .template--nano #product-modal .modal_hero__option button.product-hero__option-btn.form__btn,
.template--nano #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-filterToggle,
.product-reviews .okeReviews .template--nano #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-filterToggle,
.template--nano #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--nano #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.template--nano #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--nano #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.template--nano-2 #product-modal .modal_hero__option button.btn.product-hero__option-btn,
.template--nano-2 #product-modal .modal_hero__option .form-newsletter--popup button.product-hero__option-btn.form__btn,
.form-newsletter--popup .template--nano-2 #product-modal .modal_hero__option button.product-hero__option-btn.form__btn,
.template--nano-2 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-filterToggle,
.product-reviews .okeReviews .template--nano-2 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-filterToggle,
.template--nano-2 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--nano-2 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.template--nano-2 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--nano-2 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.template--salvage #product-modal .modal_hero__option button.btn.product-hero__option-btn,
.template--salvage #product-modal .modal_hero__option .form-newsletter--popup button.product-hero__option-btn.form__btn,
.form-newsletter--popup .template--salvage #product-modal .modal_hero__option button.product-hero__option-btn.form__btn,
.template--salvage #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-filterToggle,
.product-reviews .okeReviews .template--salvage #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-filterToggle,
.template--salvage #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--salvage #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.template--salvage #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--salvage #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.template--bundle-buildout #product-modal .modal_hero__option button.btn.product-hero__option-btn,
.template--bundle-buildout #product-modal .modal_hero__option .form-newsletter--popup button.product-hero__option-btn.form__btn,
.form-newsletter--popup .template--bundle-buildout #product-modal .modal_hero__option button.product-hero__option-btn.form__btn,
.template--bundle-buildout #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-filterToggle,
.product-reviews .okeReviews .template--bundle-buildout #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-filterToggle,
.template--bundle-buildout #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--bundle-buildout #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.template--bundle-buildout #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--bundle-buildout #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion {
width: 50%;
min-width: 156px !important;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
font-size: 12px;
font-weight: 600; }
.template--set #product-modal .quantity-selector,
.template--set-2 #product-modal .quantity-selector,
.template--set-3 #product-modal .quantity-selector,
.template--nano #product-modal .quantity-selector,
.template--nano-2 #product-modal .quantity-selector,
.template--salvage #product-modal .quantity-selector,
.template--bundle-buildout #product-modal .quantity-selector {
display: none; }
.template--set .quantity-selector__field.quantity-selector__field,
.template--set-2 .quantity-selector__field.quantity-selector__field,
.template--set-3 .quantity-selector__field.quantity-selector__field,
.template--nano .quantity-selector__field.quantity-selector__field,
.template--nano-2 .quantity-selector__field.quantity-selector__field,
.template--salvage .quantity-selector__field.quantity-selector__field,
.template--bundle-buildout .quantity-selector__field.quantity-selector__field {
color: #000;
font-family: "freight_sans_semibold";
font-size: 30px;
transform: translateY(-5px); }
.template--set .quantity-selector__action span,
.template--set-2 .quantity-selector__action span,
.template--set-3 .quantity-selector__action span,
.template--nano .quantity-selector__action span,
.template--nano-2 .quantity-selector__action span,
.template--salvage .quantity-selector__action span,
.template--bundle-buildout .quantity-selector__action span {
width: 7.5px; }
.template--set .product-hero__cta .quantity-selector,
.template--set-2 .product-hero__cta .quantity-selector,
.template--set-3 .product-hero__cta .quantity-selector,
.template--nano .product-hero__cta .quantity-selector,
.template--nano-2 .product-hero__cta .quantity-selector,
.template--salvage .product-hero__cta .quantity-selector,
.template--bundle-buildout .product-hero__cta .quantity-selector {
max-width: 85px;
border: 1px solid #d9d9d9;
margin-right: 10px;
border-radius: 4px; }
.template--set .product-hero__cta .quantity-selector .quantity-selector__action,
.template--set-2 .product-hero__cta .quantity-selector .quantity-selector__action,
.template--set-3 .product-hero__cta .quantity-selector .quantity-selector__action,
.template--nano .product-hero__cta .quantity-selector .quantity-selector__action,
.template--nano-2 .product-hero__cta .quantity-selector .quantity-selector__action,
.template--salvage .product-hero__cta .quantity-selector .quantity-selector__action,
.template--bundle-buildout .product-hero__cta .quantity-selector .quantity-selector__action {
color: #000; }
.template--set .product-hero__cta,
.template--set-2 .product-hero__cta,
.template--set-3 .product-hero__cta,
.template--nano .product-hero__cta,
.template--nano-2 .product-hero__cta,
.template--salvage .product-hero__cta,
.template--bundle-buildout .product-hero__cta {
background: transparent; }
.template--set .product-hero__cta .btn, .template--set .product-hero__cta .form-newsletter--popup .form__btn, .form-newsletter--popup .template--set .product-hero__cta .form__btn, .template--set .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle, .product-reviews .okeReviews .template--set .product-hero__cta .okeReviews-filterToggle,
.template--set .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview, .product-reviews .okeReviews .template--set .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--set .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion, .product-reviews .okeReviews .template--set .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--set-2 .product-hero__cta .btn,
.template--set-2 .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--set-2 .product-hero__cta .form__btn,
.template--set-2 .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--set-2 .product-hero__cta .okeReviews-filterToggle,
.template--set-2 .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--set-2 .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--set-2 .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--set-2 .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--set-3 .product-hero__cta .btn,
.template--set-3 .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--set-3 .product-hero__cta .form__btn,
.template--set-3 .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--set-3 .product-hero__cta .okeReviews-filterToggle,
.template--set-3 .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--set-3 .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--set-3 .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--set-3 .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--nano .product-hero__cta .btn,
.template--nano .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--nano .product-hero__cta .form__btn,
.template--nano .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--nano .product-hero__cta .okeReviews-filterToggle,
.template--nano .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--nano .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--nano .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--nano .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--nano-2 .product-hero__cta .btn,
.template--nano-2 .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--nano-2 .product-hero__cta .form__btn,
.template--nano-2 .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--nano-2 .product-hero__cta .okeReviews-filterToggle,
.template--nano-2 .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--nano-2 .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--nano-2 .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--nano-2 .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--salvage .product-hero__cta .btn,
.template--salvage .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--salvage .product-hero__cta .form__btn,
.template--salvage .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--salvage .product-hero__cta .okeReviews-filterToggle,
.template--salvage .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--salvage .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--salvage .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--salvage .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion,
.template--bundle-buildout .product-hero__cta .btn,
.template--bundle-buildout .product-hero__cta .form-newsletter--popup .form__btn,
.form-newsletter--popup .template--bundle-buildout .product-hero__cta .form__btn,
.template--bundle-buildout .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .template--bundle-buildout .product-hero__cta .okeReviews-filterToggle,
.template--bundle-buildout .product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--bundle-buildout .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.template--bundle-buildout .product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--bundle-buildout .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion {
font-size: 14px;
height: 100%;
border-radius: 4px;
text-transform: capitalize;
font-family: "freight_sans_semibold"; }
@media (min-width: 992px) and (max-width: 1199px) {
.template--set .product_title .pro_title,
.template--set-2 .product_title .pro_title,
.template--set-3 .product_title .pro_title,
.template--nano .product_title .pro_title,
.template--nano-2 .product_title .pro_title,
.template--salvage .product_title .pro_title,
.template--bundle-buildout .product_title .pro_title {
font-size: 26px; }
.template--set .facial,
.template--set-2 .facial,
.template--set-3 .facial,
.template--nano .facial,
.template--nano-2 .facial,
.template--salvage .facial,
.template--bundle-buildout .facial {
font-size: 20px; }
.template--set .second_product_main p.desc,
.template--set-2 .second_product_main p.desc,
.template--set-3 .second_product_main p.desc,
.template--nano .second_product_main p.desc,
.template--nano-2 .second_product_main p.desc,
.template--salvage .second_product_main p.desc,
.template--bundle-buildout .second_product_main p.desc {
margin: 8px 0; }
.template--set .second_pro_button a,
.template--set-2 .second_pro_button a,
.template--set-3 .second_pro_button a,
.template--nano .second_pro_button a,
.template--nano-2 .second_pro_button a,
.template--salvage .second_pro_button a,
.template--bundle-buildout .second_pro_button a {
padding: 10px 15px; }
.template--set .second_product_main .pro_title,
.template--set-2 .second_product_main .pro_title,
.template--set-3 .second_product_main .pro_title,
.template--nano .second_product_main .pro_title,
.template--nano-2 .second_product_main .pro_title,
.template--salvage .second_product_main .pro_title,
.template--bundle-buildout .second_product_main .pro_title {
font-size: 18px; } }
@media (min-width: 768px) and (max-width: 991px) {
.template--set .product_title .pro_title,
.template--set-2 .product_title .pro_title,
.template--set-3 .product_title .pro_title,
.template--nano .product_title .pro_title,
.template--nano-2 .product_title .pro_title,
.template--salvage .product_title .pro_title,
.template--bundle-buildout .product_title .pro_title {
font-size: 24px;
letter-spacing: 1px;
margin-bottom: 10px; }
.template--set .second_pro_img,
.template--set-2 .second_pro_img,
.template--set-3 .second_pro_img,
.template--nano .second_pro_img,
.template--nano-2 .second_pro_img,
.template--salvage .second_pro_img,
.template--bundle-buildout .second_pro_img {
width: 35%; }
.template--set .second_pro_info,
.template--set-2 .second_pro_info,
.template--set-3 .second_pro_info,
.template--nano .second_pro_info,
.template--nano-2 .second_pro_info,
.template--salvage .second_pro_info,
.template--bundle-buildout .second_pro_info {
padding: 0 20px;
width: 65%; }
.template--set .facial,
.template--set-2 .facial,
.template--set-3 .facial,
.template--nano .facial,
.template--nano-2 .facial,
.template--salvage .facial,
.template--bundle-buildout .facial {
font-size: 18px;
margin: 13px 0; }
.template--set h6.heading_sub,
.template--set-2 h6.heading_sub,
.template--set-3 h6.heading_sub,
.template--nano h6.heading_sub,
.template--nano-2 h6.heading_sub,
.template--salvage h6.heading_sub,
.template--bundle-buildout h6.heading_sub {
margin: 15px 0 16px; }
.template--set .what_it_is_content p.what_text,
.template--set-2 .what_it_is_content p.what_text,
.template--set-3 .what_it_is_content p.what_text,
.template--nano .what_it_is_content p.what_text,
.template--nano-2 .what_it_is_content p.what_text,
.template--salvage .what_it_is_content p.what_text,
.template--bundle-buildout .what_it_is_content p.what_text {
font-size: 14px; }
.template--set .second_product_main p.desc,
.template--set-2 .second_product_main p.desc,
.template--set-3 .second_product_main p.desc,
.template--nano .second_product_main p.desc,
.template--nano-2 .second_product_main p.desc,
.template--salvage .second_product_main p.desc,
.template--bundle-buildout .second_product_main p.desc {
margin: 6px 0;
font-size: 14px;
line-height: 1.4; }
.template--set .second_pro_button a,
.template--set-2 .second_pro_button a,
.template--set-3 .second_pro_button a,
.template--nano .second_pro_button a,
.template--nano-2 .second_pro_button a,
.template--salvage .second_pro_button a,
.template--bundle-buildout .second_pro_button a {
padding: 8px 12px;
font-size: 13px; }
.template--set .second_product_main .pro_title,
.template--set-2 .second_product_main .pro_title,
.template--set-3 .second_product_main .pro_title,
.template--nano .second_product_main .pro_title,
.template--nano-2 .second_product_main .pro_title,
.template--salvage .second_product_main .pro_title,
.template--bundle-buildout .second_product_main .pro_title {
font-size: 18px; }
.template--set .second_product_main h6.heading_sub,
.template--set-2 .second_product_main h6.heading_sub,
.template--set-3 .second_product_main h6.heading_sub,
.template--nano .second_product_main h6.heading_sub,
.template--nano-2 .second_product_main h6.heading_sub,
.template--salvage .second_product_main h6.heading_sub,
.template--bundle-buildout .second_product_main h6.heading_sub {
font-size: 18px; }
.template--set .product_info_tab .Tab_title > span,
.template--set-2 .product_info_tab .Tab_title > span,
.template--set-3 .product_info_tab .Tab_title > span,
.template--nano .product_info_tab .Tab_title > span,
.template--nano-2 .product_info_tab .Tab_title > span,
.template--salvage .product_info_tab .Tab_title > span,
.template--bundle-buildout .product_info_tab .Tab_title > span {
font-size: 18px; }
.template--set .product_info_tab li.list_info,
.template--set-2 .product_info_tab li.list_info,
.template--set-3 .product_info_tab li.list_info,
.template--nano .product_info_tab li.list_info,
.template--nano-2 .product_info_tab li.list_info,
.template--salvage .product_info_tab li.list_info,
.template--bundle-buildout .product_info_tab li.list_info {
font-size: 14px;
margin-top: 10px; }
.template--set .product_info_tab .tab_info,
.template--set-2 .product_info_tab .tab_info,
.template--set-3 .product_info_tab .tab_info,
.template--nano .product_info_tab .tab_info,
.template--nano-2 .product_info_tab .tab_info,
.template--salvage .product_info_tab .tab_info,
.template--bundle-buildout .product_info_tab .tab_info {
padding: 15px; } }
@media (max-width: 767px) {
.template--set .footer__inner ul,
.template--set-2 .footer__inner ul,
.template--set-3 .footer__inner ul,
.template--nano .footer__inner ul,
.template--nano-2 .footer__inner ul,
.template--salvage .footer__inner ul,
.template--bundle-buildout .footer__inner ul {
padding-left: 0px !important; }
.template--set .product-reviews .okeReviews .okeReviews-widgetNavBar-item,
.template--set-2 .product-reviews .okeReviews .okeReviews-widgetNavBar-item,
.template--set-3 .product-reviews .okeReviews .okeReviews-widgetNavBar-item,
.template--nano .product-reviews .okeReviews .okeReviews-widgetNavBar-item,
.template--nano-2 .product-reviews .okeReviews .okeReviews-widgetNavBar-item,
.template--salvage .product-reviews .okeReviews .okeReviews-widgetNavBar-item,
.template--bundle-buildout .product-reviews .okeReviews .okeReviews-widgetNavBar-item {
z-index: 9 !important; }
.template--set .faq-tab-desc,
.template--set-2 .faq-tab-desc,
.template--set-3 .faq-tab-desc,
.template--nano .faq-tab-desc,
.template--nano-2 .faq-tab-desc,
.template--salvage .faq-tab-desc,
.template--bundle-buildout .faq-tab-desc {
padding: 0 20px 20px !important; }
.template--set .product-reviews .okeReviews .okeReviews-review-reviewer-profile,
.template--set-2 .product-reviews .okeReviews .okeReviews-review-reviewer-profile,
.template--set-3 .product-reviews .okeReviews .okeReviews-review-reviewer-profile,
.template--nano .product-reviews .okeReviews .okeReviews-review-reviewer-profile,
.template--nano-2 .product-reviews .okeReviews .okeReviews-review-reviewer-profile,
.template--salvage .product-reviews .okeReviews .okeReviews-review-reviewer-profile,
.template--bundle-buildout .product-reviews .okeReviews .okeReviews-review-reviewer-profile {
flex-direction: column !important; }
.template--set .okeReviews .okeReviews-mediaStrip-item-media,
.template--set-2 .okeReviews .okeReviews-mediaStrip-item-media,
.template--set-3 .okeReviews .okeReviews-mediaStrip-item-media,
.template--nano .okeReviews .okeReviews-mediaStrip-item-media,
.template--nano-2 .okeReviews .okeReviews-mediaStrip-item-media,
.template--salvage .okeReviews .okeReviews-mediaStrip-item-media,
.template--bundle-buildout .okeReviews .okeReviews-mediaStrip-item-media {
-o-object-fit: cover !important;
object-fit: cover !important; }
.template--set .okeReviews .okeReviews-review-reviewer-profile-details,
.template--set-2 .okeReviews .okeReviews-review-reviewer-profile-details,
.template--set-3 .okeReviews .okeReviews-review-reviewer-profile-details,
.template--nano .okeReviews .okeReviews-review-reviewer-profile-details,
.template--nano-2 .okeReviews .okeReviews-review-reviewer-profile-details,
.template--salvage .okeReviews .okeReviews-review-reviewer-profile-details,
.template--bundle-buildout .okeReviews .okeReviews-review-reviewer-profile-details {
padding: 0px !important; }
.template--set .product-reviews .okeReviews .okeReviews-review-helpful,
.template--set-2 .product-reviews .okeReviews .okeReviews-review-helpful,
.template--set-3 .product-reviews .okeReviews .okeReviews-review-helpful,
.template--nano .product-reviews .okeReviews .okeReviews-review-helpful,
.template--nano-2 .product-reviews .okeReviews .okeReviews-review-helpful,
.template--salvage .product-reviews .okeReviews .okeReviews-review-helpful,
.template--bundle-buildout .product-reviews .okeReviews .okeReviews-review-helpful {
text-align: center !important;
margin-top: 15px !important; }
.template--set .okeReviews-reviews-review,
.template--set-2 .okeReviews-reviews-review,
.template--set-3 .okeReviews-reviews-review,
.template--nano .okeReviews-reviews-review,
.template--nano-2 .okeReviews-reviews-review,
.template--salvage .okeReviews-reviews-review,
.template--bundle-buildout .okeReviews-reviews-review {
text-align: center; }
.template--set .okeReviews-reviews,
.template--set-2 .okeReviews-reviews,
.template--set-3 .okeReviews-reviews,
.template--nano .okeReviews-reviews,
.template--nano-2 .okeReviews-reviews,
.template--salvage .okeReviews-reviews,
.template--bundle-buildout .okeReviews-reviews {
max-width: 100% !important; }
.template--set .okeReviews.okeReviews--theme .okeReviews-badge--rating span,
.template--set-2 .okeReviews.okeReviews--theme .okeReviews-badge--rating span,
.template--set-3 .okeReviews.okeReviews--theme .okeReviews-badge--rating span,
.template--nano .okeReviews.okeReviews--theme .okeReviews-badge--rating span,
.template--nano-2 .okeReviews.okeReviews--theme .okeReviews-badge--rating span,
.template--salvage .okeReviews.okeReviews--theme .okeReviews-badge--rating span,
.template--bundle-buildout .okeReviews.okeReviews--theme .okeReviews-badge--rating span {
font-size: 20px !important;
margin-right: 7.5px; }
.template--set .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--set-2 .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--set-3 .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--nano .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--nano-2 .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--salvage .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--bundle-buildout .product-reviews .okeReviews .okeReviews-reviewsWidget {
flex-direction: column !important; }
.template--set .okeReviews-reviews,
.template--set-2 .okeReviews-reviews,
.template--set-3 .okeReviews-reviews,
.template--nano .okeReviews-reviews,
.template--nano-2 .okeReviews-reviews,
.template--salvage .okeReviews-reviews,
.template--bundle-buildout .okeReviews-reviews {
max-width: 100% !important; }
.template--set .product-reviews .okeReviews-reviewsAggregate-recommends span:first-child,
.template--set-2 .product-reviews .okeReviews-reviewsAggregate-recommends span:first-child,
.template--set-3 .product-reviews .okeReviews-reviewsAggregate-recommends span:first-child,
.template--nano .product-reviews .okeReviews-reviewsAggregate-recommends span:first-child,
.template--nano-2 .product-reviews .okeReviews-reviewsAggregate-recommends span:first-child,
.template--salvage .product-reviews .okeReviews-reviewsAggregate-recommends span:first-child,
.template--bundle-buildout .product-reviews .okeReviews-reviewsAggregate-recommends span:first-child {
margin-bottom: 0px !important; }
.template--set .okeReviews.okeReviews--theme .okeReviews-reviewsAggregate-mod-itm--medAgg,
.template--set-2 .okeReviews.okeReviews--theme .okeReviews-reviewsAggregate-mod-itm--medAgg,
.template--set-3 .okeReviews.okeReviews--theme .okeReviews-reviewsAggregate-mod-itm--medAgg,
.template--nano .okeReviews.okeReviews--theme .okeReviews-reviewsAggregate-mod-itm--medAgg,
.template--nano-2 .okeReviews.okeReviews--theme .okeReviews-reviewsAggregate-mod-itm--medAgg,
.template--salvage .okeReviews.okeReviews--theme .okeReviews-reviewsAggregate-mod-itm--medAgg,
.template--bundle-buildout .okeReviews.okeReviews--theme .okeReviews-reviewsAggregate-mod-itm--medAgg {
max-width: 100% !important;
text-align: center !important; }
.template--set .okeReviews .okeReviews-mediaStrip-item,
.template--set-2 .okeReviews .okeReviews-mediaStrip-item,
.template--set-3 .okeReviews .okeReviews-mediaStrip-item,
.template--nano .okeReviews .okeReviews-mediaStrip-item,
.template--nano-2 .okeReviews .okeReviews-mediaStrip-item,
.template--salvage .okeReviews .okeReviews-mediaStrip-item,
.template--bundle-buildout .okeReviews .okeReviews-mediaStrip-item {
width: 90px !important;
height: 90px !important; }
.template--set .okeReviews-reviewsAggregate-recommends,
.template--set-2 .okeReviews-reviewsAggregate-recommends,
.template--set-3 .okeReviews-reviewsAggregate-recommends,
.template--nano .okeReviews-reviewsAggregate-recommends,
.template--nano-2 .okeReviews-reviewsAggregate-recommends,
.template--salvage .okeReviews-reviewsAggregate-recommends,
.template--bundle-buildout .okeReviews-reviewsAggregate-recommends {
display: flex; }
.template--set .okeReviews-reviewsAggregate-summary,
.template--set-2 .okeReviews-reviewsAggregate-summary,
.template--set-3 .okeReviews-reviewsAggregate-summary,
.template--nano .okeReviews-reviewsAggregate-summary,
.template--nano-2 .okeReviews-reviewsAggregate-summary,
.template--salvage .okeReviews-reviewsAggregate-summary,
.template--bundle-buildout .okeReviews-reviewsAggregate-summary {
display: flex;
justify-content: center; }
.template--set .okeReviews.okeReviews--theme .okeReviews-badge--rating span,
.template--set-2 .okeReviews.okeReviews--theme .okeReviews-badge--rating span,
.template--set-3 .okeReviews.okeReviews--theme .okeReviews-badge--rating span,
.template--nano .okeReviews.okeReviews--theme .okeReviews-badge--rating span,
.template--nano-2 .okeReviews.okeReviews--theme .okeReviews-badge--rating span,
.template--salvage .okeReviews.okeReviews--theme .okeReviews-badge--rating span,
.template--bundle-buildout .okeReviews.okeReviews--theme .okeReviews-badge--rating span {
font-size: 20px !important;
margin-right: 7.5px; }
.template--set .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--set-2 .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--set-3 .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--nano .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--nano-2 .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--salvage .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--bundle-buildout .product-reviews .okeReviews-reviewsAggregate-summary-total {
margin-top: 0px !important;
align-self: center !important; }
.template--set .fourPointNine,
.template--set-2 .fourPointNine,
.template--set-3 .fourPointNine,
.template--nano .fourPointNine,
.template--nano-2 .fourPointNine,
.template--salvage .fourPointNine,
.template--bundle-buildout .fourPointNine {
height: 15px !important;
transform: translateY(9.5px) !important;
margin-right: 7.5px !important; }
.template--set .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--set-2 .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--set-3 .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--nano .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--nano-2 .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--salvage .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--bundle-buildout .product-reviews .okeReviews-reviewsAggregate-summary-total {
text-align: center !important; }
.template--set .okeReviews .okeReviews-reviewsAggregate-ratingDistribution,
.template--set-2 .okeReviews .okeReviews-reviewsAggregate-ratingDistribution,
.template--set-3 .okeReviews .okeReviews-reviewsAggregate-ratingDistribution,
.template--nano .okeReviews .okeReviews-reviewsAggregate-ratingDistribution,
.template--nano-2 .okeReviews .okeReviews-reviewsAggregate-ratingDistribution,
.template--salvage .okeReviews .okeReviews-reviewsAggregate-ratingDistribution,
.template--bundle-buildout .okeReviews .okeReviews-reviewsAggregate-ratingDistribution {
max-width: 95% !important;
margin: 1em auto !important; }
.template--set .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--set-2 .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--set-3 .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--nano .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--nano-2 .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--salvage .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--bundle-buildout .product-reviews .okeReviews .okeReviews-reviewsWidget {
flex-direction: column !important; }
.template--set .life-after-hanacure li img,
.template--set-2 .life-after-hanacure li img,
.template--set-3 .life-after-hanacure li img,
.template--nano .life-after-hanacure li img,
.template--nano-2 .life-after-hanacure li img,
.template--salvage .life-after-hanacure li img,
.template--bundle-buildout .life-after-hanacure li img {
height: 200px !important; }
.template--set .life-after-hanacure li,
.template--set-2 .life-after-hanacure li,
.template--set-3 .life-after-hanacure li,
.template--nano .life-after-hanacure li,
.template--nano-2 .life-after-hanacure li,
.template--salvage .life-after-hanacure li,
.template--bundle-buildout .life-after-hanacure li {
padding: 0 5px !important; }
.template--set .how-it-work-title p,
.template--set-2 .how-it-work-title p,
.template--set-3 .how-it-work-title p,
.template--nano .how-it-work-title p,
.template--nano-2 .how-it-work-title p,
.template--salvage .how-it-work-title p,
.template--bundle-buildout .how-it-work-title p {
margin-top: 0px !important; }
.template--set .how-it-work-title h2,
.template--set-2 .how-it-work-title h2,
.template--set-3 .how-it-work-title h2,
.template--nano .how-it-work-title h2,
.template--nano-2 .how-it-work-title h2,
.template--salvage .how-it-work-title h2,
.template--bundle-buildout .how-it-work-title h2 {
margin-bottom: 0px !important; }
.template--set #how-it-work-main .how-it-work-title,
.template--set-2 #how-it-work-main .how-it-work-title,
.template--set-3 #how-it-work-main .how-it-work-title,
.template--nano #how-it-work-main .how-it-work-title,
.template--nano-2 #how-it-work-main .how-it-work-title,
.template--salvage #how-it-work-main .how-it-work-title,
.template--bundle-buildout #how-it-work-main .how-it-work-title {
margin-bottom: 0px !important; }
.template--set #how-it-work-main .def-btn,
.template--set-2 #how-it-work-main .def-btn,
.template--set-3 #how-it-work-main .def-btn,
.template--nano #how-it-work-main .def-btn,
.template--nano-2 #how-it-work-main .def-btn,
.template--salvage #how-it-work-main .def-btn,
.template--bundle-buildout #how-it-work-main .def-btn {
margin-top: 0px !important;
margin-bottom: 50px !important; }
.template--set .shop-pay-icon,
.template--set-2 .shop-pay-icon,
.template--set-3 .shop-pay-icon,
.template--nano .shop-pay-icon,
.template--nano-2 .shop-pay-icon,
.template--salvage .shop-pay-icon,
.template--bundle-buildout .shop-pay-icon {
height: 10px !important;
transform: translateY(1.5px) !important; }
.template--set .thumb-badges,
.template--set-2 .thumb-badges,
.template--set-3 .thumb-badges,
.template--nano .thumb-badges,
.template--nano-2 .thumb-badges,
.template--salvage .thumb-badges,
.template--bundle-buildout .thumb-badges {
top: 5px !important;
right: 10px !important;
z-index: 1 !important; }
.template--set .thumb-badges-item,
.template--set-2 .thumb-badges-item,
.template--set-3 .thumb-badges-item,
.template--nano .thumb-badges-item,
.template--nano-2 .thumb-badges-item,
.template--salvage .thumb-badges-item,
.template--bundle-buildout .thumb-badges-item {
height: 40px !important; }
.template--set .order_shipping,
.template--set-2 .order_shipping,
.template--set-3 .order_shipping,
.template--nano .order_shipping,
.template--nano-2 .order_shipping,
.template--salvage .order_shipping,
.template--bundle-buildout .order_shipping {
font-size: 11px !important;
width: 100% !important; }
.template--set .second_pro_img img,
.template--set-2 .second_pro_img img,
.template--set-3 .second_pro_img img,
.template--nano .second_pro_img img,
.template--nano-2 .second_pro_img img,
.template--salvage .second_pro_img img,
.template--bundle-buildout .second_pro_img img {
height: 195px;
-o-object-fit: cover;
object-fit: cover; }
.template--set .play-btn-wrapper img,
.template--set-2 .play-btn-wrapper img,
.template--set-3 .play-btn-wrapper img,
.template--nano .play-btn-wrapper img,
.template--nano-2 .play-btn-wrapper img,
.template--salvage .play-btn-wrapper img,
.template--bundle-buildout .play-btn-wrapper img {
height: 75px !important; }
.template--set .play-btn-wrapper,
.template--set-2 .play-btn-wrapper,
.template--set-3 .play-btn-wrapper,
.template--nano .play-btn-wrapper,
.template--nano-2 .play-btn-wrapper,
.template--salvage .play-btn-wrapper,
.template--bundle-buildout .play-btn-wrapper {
height: 200px !important; }
.template--set #hanacareVideo,
.template--set-2 #hanacareVideo,
.template--set-3 #hanacareVideo,
.template--nano #hanacareVideo,
.template--nano-2 #hanacareVideo,
.template--salvage #hanacareVideo,
.template--bundle-buildout #hanacareVideo {
width: 300px;
height: 200px; }
.template--set .second_product_main p.desc,
.template--set-2 .second_product_main p.desc,
.template--set-3 .second_product_main p.desc,
.template--nano .second_product_main p.desc,
.template--nano-2 .second_product_main p.desc,
.template--salvage .second_product_main p.desc,
.template--bundle-buildout .second_product_main p.desc {
line-height: 18px !important; }
.template--set .shop-pay-icon,
.template--set-2 .shop-pay-icon,
.template--set-3 .shop-pay-icon,
.template--nano .shop-pay-icon,
.template--nano-2 .shop-pay-icon,
.template--salvage .shop-pay-icon,
.template--bundle-buildout .shop-pay-icon {
height: 10px;
transform: translateY(1.5px); }
.template--set #product_main .product_wrapper .product_custom .product_images_block,
.template--set-2 #product_main .product_wrapper .product_custom .product_images_block,
.template--set-3 #product_main .product_wrapper .product_custom .product_images_block,
.template--nano #product_main .product_wrapper .product_custom .product_images_block,
.template--nano-2 #product_main .product_wrapper .product_custom .product_images_block,
.template--salvage #product_main .product_wrapper .product_custom .product_images_block,
.template--bundle-buildout #product_main .product_wrapper .product_custom .product_images_block {
width: 100%;
padding-right: 0; }
.template--set .product_images_block,
.template--set #product_main .product_wrapper .product_custom .product_content,
.template--set-2 .product_images_block,
.template--set-2 #product_main .product_wrapper .product_custom .product_content,
.template--set-3 .product_images_block,
.template--set-3 #product_main .product_wrapper .product_custom .product_content,
.template--nano .product_images_block,
.template--nano #product_main .product_wrapper .product_custom .product_content,
.template--nano-2 .product_images_block,
.template--nano-2 #product_main .product_wrapper .product_custom .product_content,
.template--salvage .product_images_block,
.template--salvage #product_main .product_wrapper .product_custom .product_content,
.template--bundle-buildout .product_images_block,
.template--bundle-buildout #product_main .product_wrapper .product_custom .product_content {
width: 100%;
position: unset; }
.template--set .product_custom .product-slider .thumb_main,
.template--set-2 .product_custom .product-slider .thumb_main,
.template--set-3 .product_custom .product-slider .thumb_main,
.template--nano .product_custom .product-slider .thumb_main,
.template--nano-2 .product_custom .product-slider .thumb_main,
.template--salvage .product_custom .product-slider .thumb_main,
.template--bundle-buildout .product_custom .product-slider .thumb_main {
display: none; }
.template--set .product_custom .product-slider .image_main,
.template--set-2 .product_custom .product-slider .image_main,
.template--set-3 .product_custom .product-slider .image_main,
.template--nano .product_custom .product-slider .image_main,
.template--nano-2 .product_custom .product-slider .image_main,
.template--salvage .product_custom .product-slider .image_main,
.template--bundle-buildout .product_custom .product-slider .image_main {
width: 100%; }
.template--set .product_title .pro_title,
.template--set-2 .product_title .pro_title,
.template--set-3 .product_title .pro_title,
.template--nano .product_title .pro_title,
.template--nano-2 .product_title .pro_title,
.template--salvage .product_title .pro_title,
.template--bundle-buildout .product_title .pro_title {
font-size: 22px; }
.template--set .review_main p,
.template--set-2 .review_main p,
.template--set-3 .review_main p,
.template--nano .review_main p,
.template--nano-2 .review_main p,
.template--salvage .review_main p,
.template--bundle-buildout .review_main p {
font-size: 14px;
margin-left: 10px; }
.template--set .facial,
.template--set-2 .facial,
.template--set-3 .facial,
.template--nano .facial,
.template--nano-2 .facial,
.template--salvage .facial,
.template--bundle-buildout .facial {
font-size: 16px;
margin: 5px 0; }
.template--set .what_it_is_content p.what_text,
.template--set-2 .what_it_is_content p.what_text,
.template--set-3 .what_it_is_content p.what_text,
.template--nano .what_it_is_content p.what_text,
.template--nano-2 .what_it_is_content p.what_text,
.template--salvage .what_it_is_content p.what_text,
.template--bundle-buildout .what_it_is_content p.what_text {
font-size: 14px; }
.template--set h6.heading_sub,
.template--set-2 h6.heading_sub,
.template--set-3 h6.heading_sub,
.template--nano h6.heading_sub,
.template--nano-2 h6.heading_sub,
.template--salvage h6.heading_sub,
.template--bundle-buildout h6.heading_sub {
font-size: 14px;
margin-bottom: 8px; }
.template--set .product_content_main li,
.template--set-2 .product_content_main li,
.template--set-3 .product_content_main li,
.template--nano .product_content_main li,
.template--nano-2 .product_content_main li,
.template--salvage .product_content_main li,
.template--bundle-buildout .product_content_main li {
font-size: 14px; }
.template--set a.read_more,
.template--set a.see_full,
.template--set-2 a.read_more,
.template--set-2 a.see_full,
.template--set-3 a.read_more,
.template--set-3 a.see_full,
.template--nano a.read_more,
.template--nano a.see_full,
.template--nano-2 a.read_more,
.template--nano-2 a.see_full,
.template--salvage a.read_more,
.template--salvage a.see_full,
.template--bundle-buildout a.read_more,
.template--bundle-buildout a.see_full {
font-size: 12px; }
.template--set .hidden-block h6.heading_sub,
.template--set-2 .hidden-block h6.heading_sub,
.template--set-3 .hidden-block h6.heading_sub,
.template--nano .hidden-block h6.heading_sub,
.template--nano-2 .hidden-block h6.heading_sub,
.template--salvage .hidden-block h6.heading_sub,
.template--bundle-buildout .hidden-block h6.heading_sub {
border-top: 1px solid #cccccc;
padding-top: 10px; }
.template--set .hidden-block_main,
.template--set-2 .hidden-block_main,
.template--set-3 .hidden-block_main,
.template--nano .hidden-block_main,
.template--nano-2 .hidden-block_main,
.template--salvage .hidden-block_main,
.template--bundle-buildout .hidden-block_main {
flex-wrap: wrap; }
.template--set .clinical_content,
.template--set-2 .clinical_content,
.template--set-3 .clinical_content,
.template--nano .clinical_content,
.template--nano-2 .clinical_content,
.template--salvage .clinical_content,
.template--bundle-buildout .clinical_content {
padding: 20px; }
.template--set .second_product_main h6.heading_sub,
.template--set-2 .second_product_main h6.heading_sub,
.template--set-3 .second_product_main h6.heading_sub,
.template--nano .second_product_main h6.heading_sub,
.template--nano-2 .second_product_main h6.heading_sub,
.template--salvage .second_product_main h6.heading_sub,
.template--bundle-buildout .second_product_main h6.heading_sub {
font-size: 16px; }
.template--set .second_product_main .pro_title,
.template--set-2 .second_product_main .pro_title,
.template--set-3 .second_product_main .pro_title,
.template--nano .second_product_main .pro_title,
.template--nano-2 .second_product_main .pro_title,
.template--salvage .second_product_main .pro_title,
.template--bundle-buildout .second_product_main .pro_title {
font-size: 14px; }
.template--set .second_product_main p.desc,
.template--set-2 .second_product_main p.desc,
.template--set-3 .second_product_main p.desc,
.template--nano .second_product_main p.desc,
.template--nano-2 .second_product_main p.desc,
.template--salvage .second_product_main p.desc,
.template--bundle-buildout .second_product_main p.desc {
font-size: 14px;
margin: 10px 0; }
.template--set .second_pro_button a,
.template--set-2 .second_pro_button a,
.template--set-3 .second_pro_button a,
.template--nano .second_pro_button a,
.template--nano-2 .second_pro_button a,
.template--salvage .second_pro_button a,
.template--bundle-buildout .second_pro_button a {
padding: 8px 20px;
font-size: 14px; }
.template--set .second_pro_info,
.template--set-2 .second_pro_info,
.template--set-3 .second_pro_info,
.template--nano .second_pro_info,
.template--nano-2 .second_pro_info,
.template--salvage .second_pro_info,
.template--bundle-buildout .second_pro_info {
padding: 20px 25px; }
.template--set .product_info_tab .tab_info,
.template--set-2 .product_info_tab .tab_info,
.template--set-3 .product_info_tab .tab_info,
.template--nano .product_info_tab .tab_info,
.template--nano-2 .product_info_tab .tab_info,
.template--salvage .product_info_tab .tab_info,
.template--bundle-buildout .product_info_tab .tab_info {
padding: 20px; }
.template--set .product_info_tab .Tab_title > span,
.template--set-2 .product_info_tab .Tab_title > span,
.template--set-3 .product_info_tab .Tab_title > span,
.template--nano .product_info_tab .Tab_title > span,
.template--nano-2 .product_info_tab .Tab_title > span,
.template--salvage .product_info_tab .Tab_title > span,
.template--bundle-buildout .product_info_tab .Tab_title > span {
font-size: 16px; }
.template--set .product_info_tab li.list_info,
.template--set-2 .product_info_tab li.list_info,
.template--set-3 .product_info_tab li.list_info,
.template--nano .product_info_tab li.list_info,
.template--nano-2 .product_info_tab li.list_info,
.template--salvage .product_info_tab li.list_info,
.template--bundle-buildout .product_info_tab li.list_info {
font-size: 14px;
margin-top: 15px; }
.template--set a.see_full.Ingredients,
.template--set-2 a.see_full.Ingredients,
.template--set-3 a.see_full.Ingredients,
.template--nano a.see_full.Ingredients,
.template--nano-2 a.see_full.Ingredients,
.template--salvage a.see_full.Ingredients,
.template--bundle-buildout a.see_full.Ingredients {
font-size: 14px; }
.template--set .how-it-work-title h2,
.template--set-2 .how-it-work-title h2,
.template--set-3 .how-it-work-title h2,
.template--nano .how-it-work-title h2,
.template--nano-2 .how-it-work-title h2,
.template--salvage .how-it-work-title h2,
.template--bundle-buildout .how-it-work-title h2 {
font-size: 16px;
letter-spacing: 1.6px; }
.template--set .how-it-work-title p,
.template--set-2 .how-it-work-title p,
.template--set-3 .how-it-work-title p,
.template--nano .how-it-work-title p,
.template--nano-2 .how-it-work-title p,
.template--salvage .how-it-work-title p,
.template--bundle-buildout .how-it-work-title p {
font-size: 14px; }
.template--set .how-it-work-title,
.template--set-2 .how-it-work-title,
.template--set-3 .how-it-work-title,
.template--nano .how-it-work-title,
.template--nano-2 .how-it-work-title,
.template--salvage .how-it-work-title,
.template--bundle-buildout .how-it-work-title {
margin-bottom: 20px; }
.template--set .how-it-work-main ul li,
.template--set-2 .how-it-work-main ul li,
.template--set-3 .how-it-work-main ul li,
.template--nano .how-it-work-main ul li,
.template--nano-2 .how-it-work-main ul li,
.template--salvage .how-it-work-main ul li,
.template--bundle-buildout .how-it-work-main ul li {
padding: 0 15px;
margin-bottom: 20px;
width: 100%; }
.template--set .how-it-work-main ul,
.template--set-2 .how-it-work-main ul,
.template--set-3 .how-it-work-main ul,
.template--nano .how-it-work-main ul,
.template--nano-2 .how-it-work-main ul,
.template--salvage .how-it-work-main ul,
.template--bundle-buildout .how-it-work-main ul {
padding: 0; }
.template--set .how-it-work-main ul li p,
.template--set-2 .how-it-work-main ul li p,
.template--set-3 .how-it-work-main ul li p,
.template--nano .how-it-work-main ul li p,
.template--nano-2 .how-it-work-main ul li p,
.template--salvage .how-it-work-main ul li p,
.template--bundle-buildout .how-it-work-main ul li p {
font-size: 16px; }
.template--set .def-btn,
.template--set-2 .def-btn,
.template--set-3 .def-btn,
.template--nano .def-btn,
.template--nano-2 .def-btn,
.template--salvage .def-btn,
.template--bundle-buildout .def-btn {
margin-top: 20px; }
.template--set .how-it-work-sec,
.template--set-2 .how-it-work-sec,
.template--set-3 .how-it-work-sec,
.template--nano .how-it-work-sec,
.template--nano-2 .how-it-work-sec,
.template--salvage .how-it-work-sec,
.template--bundle-buildout .how-it-work-sec {
margin: 30px 0; }
.template--set .image_main .slick-dots,
.template--set-2 .image_main .slick-dots,
.template--set-3 .image_main .slick-dots,
.template--nano .image_main .slick-dots,
.template--nano-2 .image_main .slick-dots,
.template--salvage .image_main .slick-dots,
.template--bundle-buildout .image_main .slick-dots {
position: absolute;
bottom: 10px; }
.template--set .slick-dots,
.template--set-2 .slick-dots,
.template--set-3 .slick-dots,
.template--nano .slick-dots,
.template--nano-2 .slick-dots,
.template--salvage .slick-dots,
.template--bundle-buildout .slick-dots {
display: flex;
padding-left: 0; }
.template--set .slick-dots li,
.template--set-2 .slick-dots li,
.template--set-3 .slick-dots li,
.template--nano .slick-dots li,
.template--nano-2 .slick-dots li,
.template--salvage .slick-dots li,
.template--bundle-buildout .slick-dots li {
list-style: none;
margin: 0 6px; }
.template--set .slick-dots li button,
.template--set-2 .slick-dots li button,
.template--set-3 .slick-dots li button,
.template--nano .slick-dots li button,
.template--nano-2 .slick-dots li button,
.template--salvage .slick-dots li button,
.template--bundle-buildout .slick-dots li button {
font-size: 0;
width: 5px;
height: 5px;
background: #c3c3c3;
border-radius: 100%; }
.template--set .slick-dots li.slick-active button,
.template--set-2 .slick-dots li.slick-active button,
.template--set-3 .slick-dots li.slick-active button,
.template--nano .slick-dots li.slick-active button,
.template--nano-2 .slick-dots li.slick-active button,
.template--salvage .slick-dots li.slick-active button,
.template--bundle-buildout .slick-dots li.slick-active button {
background: #313131; }
.template--set .clinical-product-btn,
.template--set-2 .clinical-product-btn,
.template--set-3 .clinical-product-btn,
.template--nano .clinical-product-btn,
.template--nano-2 .clinical-product-btn,
.template--salvage .clinical-product-btn,
.template--bundle-buildout .clinical-product-btn {
display: block; }
.template--set .product-modal-content .product_images_block,
.template--set .product-desc-block .modal-container,
.template--set-2 .product-modal-content .product_images_block,
.template--set-2 .product-desc-block .modal-container,
.template--set-3 .product-modal-content .product_images_block,
.template--set-3 .product-desc-block .modal-container,
.template--nano .product-modal-content .product_images_block,
.template--nano .product-desc-block .modal-container,
.template--nano-2 .product-modal-content .product_images_block,
.template--nano-2 .product-desc-block .modal-container,
.template--salvage .product-modal-content .product_images_block,
.template--salvage .product-desc-block .modal-container,
.template--bundle-buildout .product-modal-content .product_images_block,
.template--bundle-buildout .product-desc-block .modal-container {
width: 100%; }
.template--set .product-modal-content .product_images_block .product-slider .thumb_main.thumb-image,
.template--set .product-modal-content .image_main .slick-dots,
.template--set-2 .product-modal-content .product_images_block .product-slider .thumb_main.thumb-image,
.template--set-2 .product-modal-content .image_main .slick-dots,
.template--set-3 .product-modal-content .product_images_block .product-slider .thumb_main.thumb-image,
.template--set-3 .product-modal-content .image_main .slick-dots,
.template--nano .product-modal-content .product_images_block .product-slider .thumb_main.thumb-image,
.template--nano .product-modal-content .image_main .slick-dots,
.template--nano-2 .product-modal-content .product_images_block .product-slider .thumb_main.thumb-image,
.template--nano-2 .product-modal-content .image_main .slick-dots,
.template--salvage .product-modal-content .product_images_block .product-slider .thumb_main.thumb-image,
.template--salvage .product-modal-content .image_main .slick-dots,
.template--bundle-buildout .product-modal-content .product_images_block .product-slider .thumb_main.thumb-image,
.template--bundle-buildout .product-modal-content .image_main .slick-dots {
display: none !important; }
.template--set .product-modal-content .product-hero__form,
.template--set-2 .product-modal-content .product-hero__form,
.template--set-3 .product-modal-content .product-hero__form,
.template--nano .product-modal-content .product-hero__form,
.template--nano-2 .product-modal-content .product-hero__form,
.template--salvage .product-modal-content .product-hero__form,
.template--bundle-buildout .product-modal-content .product-hero__form {
margin-top: 10px; }
.template--set .howitwork_modal_body .how-it-work-main ul,
.template--set-2 .howitwork_modal_body .how-it-work-main ul,
.template--set-3 .howitwork_modal_body .how-it-work-main ul,
.template--nano .howitwork_modal_body .how-it-work-main ul,
.template--nano-2 .howitwork_modal_body .how-it-work-main ul,
.template--salvage .howitwork_modal_body .how-it-work-main ul,
.template--bundle-buildout .howitwork_modal_body .how-it-work-main ul {
margin: 0 -15px; }
.template--set .howitwork_modal_body .how-it-work-main ul li,
.template--set-2 .howitwork_modal_body .how-it-work-main ul li,
.template--set-3 .howitwork_modal_body .how-it-work-main ul li,
.template--nano .howitwork_modal_body .how-it-work-main ul li,
.template--nano-2 .howitwork_modal_body .how-it-work-main ul li,
.template--salvage .howitwork_modal_body .how-it-work-main ul li,
.template--bundle-buildout .howitwork_modal_body .how-it-work-main ul li {
width: 100%; }
.template--set #product-modal .modal_hero__option button.btn.product-hero__option-btn, .template--set #product-modal .modal_hero__option .form-newsletter--popup button.product-hero__option-btn.form__btn, .form-newsletter--popup .template--set #product-modal .modal_hero__option button.product-hero__option-btn.form__btn, .template--set #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-filterToggle, .product-reviews .okeReviews .template--set #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-filterToggle,
.template--set #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview, .product-reviews .okeReviews .template--set #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.template--set #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion, .product-reviews .okeReviews .template--set #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.template--set-2 #product-modal .modal_hero__option button.btn.product-hero__option-btn,
.template--set-2 #product-modal .modal_hero__option .form-newsletter--popup button.product-hero__option-btn.form__btn,
.form-newsletter--popup .template--set-2 #product-modal .modal_hero__option button.product-hero__option-btn.form__btn,
.template--set-2 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-filterToggle,
.product-reviews .okeReviews .template--set-2 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-filterToggle,
.template--set-2 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--set-2 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.template--set-2 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--set-2 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.template--set-3 #product-modal .modal_hero__option button.btn.product-hero__option-btn,
.template--set-3 #product-modal .modal_hero__option .form-newsletter--popup button.product-hero__option-btn.form__btn,
.form-newsletter--popup .template--set-3 #product-modal .modal_hero__option button.product-hero__option-btn.form__btn,
.template--set-3 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-filterToggle,
.product-reviews .okeReviews .template--set-3 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-filterToggle,
.template--set-3 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--set-3 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.template--set-3 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--set-3 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.template--nano #product-modal .modal_hero__option button.btn.product-hero__option-btn,
.template--nano #product-modal .modal_hero__option .form-newsletter--popup button.product-hero__option-btn.form__btn,
.form-newsletter--popup .template--nano #product-modal .modal_hero__option button.product-hero__option-btn.form__btn,
.template--nano #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-filterToggle,
.product-reviews .okeReviews .template--nano #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-filterToggle,
.template--nano #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--nano #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.template--nano #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--nano #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.template--nano-2 #product-modal .modal_hero__option button.btn.product-hero__option-btn,
.template--nano-2 #product-modal .modal_hero__option .form-newsletter--popup button.product-hero__option-btn.form__btn,
.form-newsletter--popup .template--nano-2 #product-modal .modal_hero__option button.product-hero__option-btn.form__btn,
.template--nano-2 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-filterToggle,
.product-reviews .okeReviews .template--nano-2 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-filterToggle,
.template--nano-2 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--nano-2 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.template--nano-2 #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--nano-2 #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.template--salvage #product-modal .modal_hero__option button.btn.product-hero__option-btn,
.template--salvage #product-modal .modal_hero__option .form-newsletter--popup button.product-hero__option-btn.form__btn,
.form-newsletter--popup .template--salvage #product-modal .modal_hero__option button.product-hero__option-btn.form__btn,
.template--salvage #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-filterToggle,
.product-reviews .okeReviews .template--salvage #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-filterToggle,
.template--salvage #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--salvage #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.template--salvage #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--salvage #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.template--bundle-buildout #product-modal .modal_hero__option button.btn.product-hero__option-btn,
.template--bundle-buildout #product-modal .modal_hero__option .form-newsletter--popup button.product-hero__option-btn.form__btn,
.form-newsletter--popup .template--bundle-buildout #product-modal .modal_hero__option button.product-hero__option-btn.form__btn,
.template--bundle-buildout #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-filterToggle,
.product-reviews .okeReviews .template--bundle-buildout #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-filterToggle,
.template--bundle-buildout #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .template--bundle-buildout #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.template--bundle-buildout #product-modal .modal_hero__option .product-reviews .okeReviews button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .template--bundle-buildout #product-modal .modal_hero__option button.product-hero__option-btn.okeReviews-qandaWidget-header-controls-askQuestion {
min-width: 126px !important; } }
@media (max-width: 575px) {
.template--set .product-ask-clinical .product-clinical-content,
.template--set .product-sub-modal .product-modal-content,
.template--set .how-work-popup .howitwork-content,
.template--set-2 .product-ask-clinical .product-clinical-content,
.template--set-2 .product-sub-modal .product-modal-content,
.template--set-2 .how-work-popup .howitwork-content,
.template--set-3 .product-ask-clinical .product-clinical-content,
.template--set-3 .product-sub-modal .product-modal-content,
.template--set-3 .how-work-popup .howitwork-content,
.template--nano .product-ask-clinical .product-clinical-content,
.template--nano .product-sub-modal .product-modal-content,
.template--nano .how-work-popup .howitwork-content,
.template--nano-2 .product-ask-clinical .product-clinical-content,
.template--nano-2 .product-sub-modal .product-modal-content,
.template--nano-2 .how-work-popup .howitwork-content,
.template--salvage .product-ask-clinical .product-clinical-content,
.template--salvage .product-sub-modal .product-modal-content,
.template--salvage .how-work-popup .howitwork-content,
.template--bundle-buildout .product-ask-clinical .product-clinical-content,
.template--bundle-buildout .product-sub-modal .product-modal-content,
.template--bundle-buildout .how-work-popup .howitwork-content {
max-width: 95%;
padding: 20px; }
.template--set .clinical-product-btn .def-btn,
.template--set-2 .clinical-product-btn .def-btn,
.template--set-3 .clinical-product-btn .def-btn,
.template--nano .clinical-product-btn .def-btn,
.template--nano-2 .clinical-product-btn .def-btn,
.template--salvage .clinical-product-btn .def-btn,
.template--bundle-buildout .clinical-product-btn .def-btn {
max-width: 305px; } }
@media screen and (max-width: 767px) {
.template--set .product-ask-clinical,
.template--set .product-sub-modal,
.template--set .how-work-popup,
.template--set-2 .product-ask-clinical,
.template--set-2 .product-sub-modal,
.template--set-2 .how-work-popup,
.template--set-3 .product-ask-clinical,
.template--set-3 .product-sub-modal,
.template--set-3 .how-work-popup,
.template--nano .product-ask-clinical,
.template--nano .product-sub-modal,
.template--nano .how-work-popup,
.template--nano-2 .product-ask-clinical,
.template--nano-2 .product-sub-modal,
.template--nano-2 .how-work-popup,
.template--salvage .product-ask-clinical,
.template--salvage .product-sub-modal,
.template--salvage .how-work-popup,
.template--bundle-buildout .product-ask-clinical,
.template--bundle-buildout .product-sub-modal,
.template--bundle-buildout .how-work-popup {
overflow: hidden !important; }
.template--set .ib-modal-btn-close.product-close svg,
.template--set-2 .ib-modal-btn-close.product-close svg,
.template--set-3 .ib-modal-btn-close.product-close svg,
.template--nano .ib-modal-btn-close.product-close svg,
.template--nano-2 .ib-modal-btn-close.product-close svg,
.template--salvage .ib-modal-btn-close.product-close svg,
.template--bundle-buildout .ib-modal-btn-close.product-close svg {
height: 17.5px !important;
width: 17.5px !important; }
.template--set .product-ask-clinical .product-clinical-content,
.template--set .product-sub-modal .product-modal-content,
.template--set .how-work-popup .howitwork-content,
.template--set-2 .product-ask-clinical .product-clinical-content,
.template--set-2 .product-sub-modal .product-modal-content,
.template--set-2 .how-work-popup .howitwork-content,
.template--set-3 .product-ask-clinical .product-clinical-content,
.template--set-3 .product-sub-modal .product-modal-content,
.template--set-3 .how-work-popup .howitwork-content,
.template--nano .product-ask-clinical .product-clinical-content,
.template--nano .product-sub-modal .product-modal-content,
.template--nano .how-work-popup .howitwork-content,
.template--nano-2 .product-ask-clinical .product-clinical-content,
.template--nano-2 .product-sub-modal .product-modal-content,
.template--nano-2 .how-work-popup .howitwork-content,
.template--salvage .product-ask-clinical .product-clinical-content,
.template--salvage .product-sub-modal .product-modal-content,
.template--salvage .how-work-popup .howitwork-content,
.template--bundle-buildout .product-ask-clinical .product-clinical-content,
.template--bundle-buildout .product-sub-modal .product-modal-content,
.template--bundle-buildout .how-work-popup .howitwork-content {
max-width: 100%;
padding: 10px;
top: 47.5% !important; }
.template--set .product-ask-clinical .product-clinical-content,
.template--set-2 .product-ask-clinical .product-clinical-content,
.template--set-3 .product-ask-clinical .product-clinical-content,
.template--nano .product-ask-clinical .product-clinical-content,
.template--nano-2 .product-ask-clinical .product-clinical-content,
.template--salvage .product-ask-clinical .product-clinical-content,
.template--bundle-buildout .product-ask-clinical .product-clinical-content {
transform: none;
top: 0;
margin: 0 auto;
height: -moz-fit-content;
height: fit-content; }
.template--set .clinical-product-btn,
.template--set-2 .clinical-product-btn,
.template--set-3 .clinical-product-btn,
.template--nano .clinical-product-btn,
.template--nano-2 .clinical-product-btn,
.template--salvage .clinical-product-btn,
.template--bundle-buildout .clinical-product-btn {
height: -moz-fit-content;
height: fit-content; }
.template--set .product-ask-clinical,
.template--set-2 .product-ask-clinical,
.template--set-3 .product-ask-clinical,
.template--nano .product-ask-clinical,
.template--nano-2 .product-ask-clinical,
.template--salvage .product-ask-clinical,
.template--bundle-buildout .product-ask-clinical {
align-items: center; } }
.template--set .slick-arrow .slide-arrow,
.template--set-2 .slick-arrow .slide-arrow,
.template--set-3 .slick-arrow .slide-arrow,
.template--nano .slick-arrow .slide-arrow,
.template--nano-2 .slick-arrow .slide-arrow,
.template--salvage .slick-arrow .slide-arrow,
.template--bundle-buildout .slick-arrow .slide-arrow {
width: 36px;
height: 36px;
border: 2px solid rgba(6, 4, 8, 0.25);
background: #fff;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s; }
.template--set .slick-arrow svg,
.template--set-2 .slick-arrow svg,
.template--set-3 .slick-arrow svg,
.template--nano .slick-arrow svg,
.template--nano-2 .slick-arrow svg,
.template--salvage .slick-arrow svg,
.template--bundle-buildout .slick-arrow svg {
width: 16px;
height: 16px;
fill: rgba(6, 4, 8, 0.25);
transition: all 0.5s; }
.template--set .slick-arrow .slide-arrow:hover,
.template--set-2 .slick-arrow .slide-arrow:hover,
.template--set-3 .slick-arrow .slide-arrow:hover,
.template--nano .slick-arrow .slide-arrow:hover,
.template--nano-2 .slick-arrow .slide-arrow:hover,
.template--salvage .slick-arrow .slide-arrow:hover,
.template--bundle-buildout .slick-arrow .slide-arrow:hover {
border: 2px solid black; }
.template--set .slick-arrow .slide-arrow:hover svg,
.template--set-2 .slick-arrow .slide-arrow:hover svg,
.template--set-3 .slick-arrow .slide-arrow:hover svg,
.template--nano .slick-arrow .slide-arrow:hover svg,
.template--nano-2 .slick-arrow .slide-arrow:hover svg,
.template--salvage .slick-arrow .slide-arrow:hover svg,
.template--bundle-buildout .slick-arrow .slide-arrow:hover svg {
fill: black; }
.template--set .life-after-hanacure li img,
.template--set-2 .life-after-hanacure li img,
.template--set-3 .life-after-hanacure li img,
.template--nano .life-after-hanacure li img,
.template--nano-2 .life-after-hanacure li img,
.template--salvage .life-after-hanacure li img,
.template--bundle-buildout .life-after-hanacure li img {
width: 100%;
height: 400px;
-o-object-fit: cover;
object-fit: cover; }
.template--set .life-after-hanacure li,
.template--set-2 .life-after-hanacure li,
.template--set-3 .life-after-hanacure li,
.template--nano .life-after-hanacure li,
.template--nano-2 .life-after-hanacure li,
.template--salvage .life-after-hanacure li,
.template--bundle-buildout .life-after-hanacure li {
padding: 0 10px; }
.template--set .life-after-hanacure,
.template--set-2 .life-after-hanacure,
.template--set-3 .life-after-hanacure,
.template--nano .life-after-hanacure,
.template--nano-2 .life-after-hanacure,
.template--salvage .life-after-hanacure,
.template--bundle-buildout .life-after-hanacure {
margin: 0 auto;
padding: 0;
max-width: 1200px; }
.template--set .slick-arrow,
.template--set-2 .slick-arrow,
.template--set-3 .slick-arrow,
.template--nano .slick-arrow,
.template--nano-2 .slick-arrow,
.template--salvage .slick-arrow,
.template--bundle-buildout .slick-arrow {
position: absolute;
top: 0;
bottom: 0;
margin: 0 auto;
text-align: center;
display: flex;
align-items: center;
border: none;
background: 0 0;
padding: 0;
z-index: 1; }
.template--set .slick-arrow.prev-arrow,
.template--set-2 .slick-arrow.prev-arrow,
.template--set-3 .slick-arrow.prev-arrow,
.template--nano .slick-arrow.prev-arrow,
.template--nano-2 .slick-arrow.prev-arrow,
.template--salvage .slick-arrow.prev-arrow,
.template--bundle-buildout .slick-arrow.prev-arrow {
left: -50px; }
.template--set .slick-arrow.next-arrow,
.template--set-2 .slick-arrow.next-arrow,
.template--set-3 .slick-arrow.next-arrow,
.template--nano .slick-arrow.next-arrow,
.template--nano-2 .slick-arrow.next-arrow,
.template--salvage .slick-arrow.next-arrow,
.template--bundle-buildout .slick-arrow.next-arrow {
right: -50px; }
.template--set .life-after-hanacure-sec,
.template--set-2 .life-after-hanacure-sec,
.template--set-3 .life-after-hanacure-sec,
.template--nano .life-after-hanacure-sec,
.template--nano-2 .life-after-hanacure-sec,
.template--salvage .life-after-hanacure-sec,
.template--bundle-buildout .life-after-hanacure-sec {
margin-bottom: 80px; }
@media (min-width: 1200px) and (max-width: 1600px) {
.template--set .slick-arrow.next-arrow,
.template--set-2 .slick-arrow.next-arrow,
.template--set-3 .slick-arrow.next-arrow,
.template--nano .slick-arrow.next-arrow,
.template--nano-2 .slick-arrow.next-arrow,
.template--salvage .slick-arrow.next-arrow,
.template--bundle-buildout .slick-arrow.next-arrow {
right: -15px; }
.template--set .slick-arrow.prev-arrow,
.template--set-2 .slick-arrow.prev-arrow,
.template--set-3 .slick-arrow.prev-arrow,
.template--nano .slick-arrow.prev-arrow,
.template--nano-2 .slick-arrow.prev-arrow,
.template--salvage .slick-arrow.prev-arrow,
.template--bundle-buildout .slick-arrow.prev-arrow {
left: -10px; } }
@media (max-width: 767px) {
.template--set .life-after-hanacure-sec,
.template--set-2 .life-after-hanacure-sec,
.template--set-3 .life-after-hanacure-sec,
.template--nano .life-after-hanacure-sec,
.template--nano-2 .life-after-hanacure-sec,
.template--salvage .life-after-hanacure-sec,
.template--bundle-buildout .life-after-hanacure-sec {
margin-bottom: 30px; }
.template--set .slick-arrow.prev-arrow,
.template--set-2 .slick-arrow.prev-arrow,
.template--set-3 .slick-arrow.prev-arrow,
.template--nano .slick-arrow.prev-arrow,
.template--nano-2 .slick-arrow.prev-arrow,
.template--salvage .slick-arrow.prev-arrow,
.template--bundle-buildout .slick-arrow.prev-arrow {
left: -10px; }
.template--set .slick-arrow.next-arrow,
.template--set-2 .slick-arrow.next-arrow,
.template--set-3 .slick-arrow.next-arrow,
.template--nano .slick-arrow.next-arrow,
.template--nano-2 .slick-arrow.next-arrow,
.template--salvage .slick-arrow.next-arrow,
.template--bundle-buildout .slick-arrow.next-arrow {
right: -10px; }
.template--set .life-after-hanacure-sec .slick-slider .slick-list,
.template--set-2 .life-after-hanacure-sec .slick-slider .slick-list,
.template--set-3 .life-after-hanacure-sec .slick-slider .slick-list,
.template--nano .life-after-hanacure-sec .slick-slider .slick-list,
.template--nano-2 .life-after-hanacure-sec .slick-slider .slick-list,
.template--salvage .life-after-hanacure-sec .slick-slider .slick-list,
.template--bundle-buildout .life-after-hanacure-sec .slick-slider .slick-list {
padding-left: 0 !important; } }
.template--set .faq-info-tabs svg,
.template--set-2 .faq-info-tabs svg,
.template--set-3 .faq-info-tabs svg,
.template--nano .faq-info-tabs svg,
.template--nano-2 .faq-info-tabs svg,
.template--salvage .faq-info-tabs svg,
.template--bundle-buildout .faq-info-tabs svg {
width: 17px;
height: 17px;
fill: #313131;
vertical-align: middle; }
.template--set .faq-info-tabs,
.template--set-2 .faq-info-tabs,
.template--set-3 .faq-info-tabs,
.template--nano .faq-info-tabs,
.template--nano-2 .faq-info-tabs,
.template--salvage .faq-info-tabs,
.template--bundle-buildout .faq-info-tabs {
list-style: none;
background: #fafafa;
margin-bottom: 20px;
position: relative; }
.template--set .faq-info-tabs:last-child,
.template--set-2 .faq-info-tabs:last-child,
.template--set-3 .faq-info-tabs:last-child,
.template--nano .faq-info-tabs:last-child,
.template--nano-2 .faq-info-tabs:last-child,
.template--salvage .faq-info-tabs:last-child,
.template--bundle-buildout .faq-info-tabs:last-child {
margin-bottom: 0px; }
.template--set .faq_tab_title,
.template--set-2 .faq_tab_title,
.template--set-3 .faq_tab_title,
.template--nano .faq_tab_title,
.template--nano-2 .faq_tab_title,
.template--salvage .faq_tab_title,
.template--bundle-buildout .faq_tab_title {
display: flex;
align-items: center;
font-family: "freight_sans_semibold";
justify-content: space-between;
padding: 30px;
box-shadow: 0px 2px 10px #0000000d;
cursor: pointer; }
.template--set .faq-info-tabs .faq_tab_title span.arrow,
.template--set-2 .faq-info-tabs .faq_tab_title span.arrow,
.template--set-3 .faq-info-tabs .faq_tab_title span.arrow,
.template--nano .faq-info-tabs .faq_tab_title span.arrow,
.template--nano-2 .faq-info-tabs .faq_tab_title span.arrow,
.template--salvage .faq-info-tabs .faq_tab_title span.arrow,
.template--bundle-buildout .faq-info-tabs .faq_tab_title span.arrow {
margin-left: 20px; }
.template--set .faq-info-tabs .faq_tab_title span.up-arrow.arrow,
.template--set-2 .faq-info-tabs .faq_tab_title span.up-arrow.arrow,
.template--set-3 .faq-info-tabs .faq_tab_title span.up-arrow.arrow,
.template--nano .faq-info-tabs .faq_tab_title span.up-arrow.arrow,
.template--nano-2 .faq-info-tabs .faq_tab_title span.up-arrow.arrow,
.template--salvage .faq-info-tabs .faq_tab_title span.up-arrow.arrow,
.template--bundle-buildout .faq-info-tabs .faq_tab_title span.up-arrow.arrow {
display: none; }
.template--set .faq-info-tabs.active .faq_tab_title span.up-arrow.arrow,
.template--set-2 .faq-info-tabs.active .faq_tab_title span.up-arrow.arrow,
.template--set-3 .faq-info-tabs.active .faq_tab_title span.up-arrow.arrow,
.template--nano .faq-info-tabs.active .faq_tab_title span.up-arrow.arrow,
.template--nano-2 .faq-info-tabs.active .faq_tab_title span.up-arrow.arrow,
.template--salvage .faq-info-tabs.active .faq_tab_title span.up-arrow.arrow,
.template--bundle-buildout .faq-info-tabs.active .faq_tab_title span.up-arrow.arrow {
display: block; }
.template--set .faq-info-tabs.active .faq_tab_title span.down-arrow.arrow,
.template--set-2 .faq-info-tabs.active .faq_tab_title span.down-arrow.arrow,
.template--set-3 .faq-info-tabs.active .faq_tab_title span.down-arrow.arrow,
.template--nano .faq-info-tabs.active .faq_tab_title span.down-arrow.arrow,
.template--nano-2 .faq-info-tabs.active .faq_tab_title span.down-arrow.arrow,
.template--salvage .faq-info-tabs.active .faq_tab_title span.down-arrow.arrow,
.template--bundle-buildout .faq-info-tabs.active .faq_tab_title span.down-arrow.arrow {
display: none; }
.template--set .help-faq.faq-tabs,
.template--set-2 .help-faq.faq-tabs,
.template--set-3 .help-faq.faq-tabs,
.template--nano .help-faq.faq-tabs,
.template--nano-2 .help-faq.faq-tabs,
.template--salvage .help-faq.faq-tabs,
.template--bundle-buildout .help-faq.faq-tabs {
padding: 0;
max-width: 1026px;
margin: 0 auto; }
.template--set .faq_tab_title h2,
.template--set-2 .faq_tab_title h2,
.template--set-3 .faq_tab_title h2,
.template--nano .faq_tab_title h2,
.template--nano-2 .faq_tab_title h2,
.template--salvage .faq_tab_title h2,
.template--bundle-buildout .faq_tab_title h2 {
font-size: 18px;
color: #000000;
font-weight: 600; }
.template--set .faq-tab-desc p,
.template--set-2 .faq-tab-desc p,
.template--set-3 .faq-tab-desc p,
.template--nano .faq-tab-desc p,
.template--nano-2 .faq-tab-desc p,
.template--salvage .faq-tab-desc p,
.template--bundle-buildout .faq-tab-desc p {
color: #313131;
font-size: 14px;
line-height: 1.6; }
.template--set .faq-tab-desc,
.template--set-2 .faq-tab-desc,
.template--set-3 .faq-tab-desc,
.template--nano .faq-tab-desc,
.template--nano-2 .faq-tab-desc,
.template--salvage .faq-tab-desc,
.template--bundle-buildout .faq-tab-desc {
padding: 0px 30px 30px;
background: #fafafa;
left: 0;
right: 0;
z-index: 99;
display: none; }
.template--set .help-faq-btn svg,
.template--set-2 .help-faq-btn svg,
.template--set-3 .help-faq-btn svg,
.template--nano .help-faq-btn svg,
.template--nano-2 .help-faq-btn svg,
.template--salvage .help-faq-btn svg,
.template--bundle-buildout .help-faq-btn svg {
margin-left: 10px;
width: 6.5px;
height: 25px; }
.template--set .help-faq-sec,
.template--set-2 .help-faq-sec,
.template--set-3 .help-faq-sec,
.template--nano .help-faq-sec,
.template--nano-2 .help-faq-sec,
.template--salvage .help-faq-sec,
.template--bundle-buildout .help-faq-sec {
margin-bottom: 80px;
margin-top: 80px; }
@media (min-width: 768px) and (max-width: 1199px) {
.template--set .slick-arrow.prev-arrow,
.template--set-2 .slick-arrow.prev-arrow,
.template--set-3 .slick-arrow.prev-arrow,
.template--nano .slick-arrow.prev-arrow,
.template--nano-2 .slick-arrow.prev-arrow,
.template--salvage .slick-arrow.prev-arrow,
.template--bundle-buildout .slick-arrow.prev-arrow {
left: -10px; }
.template--set .slick-arrow.next-arrow,
.template--set-2 .slick-arrow.next-arrow,
.template--set-3 .slick-arrow.next-arrow,
.template--nano .slick-arrow.next-arrow,
.template--nano-2 .slick-arrow.next-arrow,
.template--salvage .slick-arrow.next-arrow,
.template--bundle-buildout .slick-arrow.next-arrow {
right: -10px; } }
@media (max-width: 767px) {
.template--set .help-faq-sec,
.template--set-2 .help-faq-sec,
.template--set-3 .help-faq-sec,
.template--nano .help-faq-sec,
.template--nano-2 .help-faq-sec,
.template--salvage .help-faq-sec,
.template--bundle-buildout .help-faq-sec {
margin-bottom: 30px; }
.template--set .faq_tab_title h2,
.template--set-2 .faq_tab_title h2,
.template--set-3 .faq_tab_title h2,
.template--nano .faq_tab_title h2,
.template--nano-2 .faq_tab_title h2,
.template--salvage .faq_tab_title h2,
.template--bundle-buildout .faq_tab_title h2 {
font-size: 15px; }
.template--set .faq_tab_title,
.template--set-2 .faq_tab_title,
.template--set-3 .faq_tab_title,
.template--nano .faq_tab_title,
.template--nano-2 .faq_tab_title,
.template--salvage .faq_tab_title,
.template--bundle-buildout .faq_tab_title {
padding: 17px 20px; }
.template--set .help-faq-btn .def-btn,
.template--set-2 .help-faq-btn .def-btn,
.template--set-3 .help-faq-btn .def-btn,
.template--nano .help-faq-btn .def-btn,
.template--nano-2 .help-faq-btn .def-btn,
.template--salvage .help-faq-btn .def-btn,
.template--bundle-buildout .help-faq-btn .def-btn {
padding: 16px;
font-size: 14px; } }
@media (min-width: 768px) and (max-width: 991px) {
.template--set .how-it-work-main ul li p,
.template--set .faq_tab_title h2,
.template--set-2 .how-it-work-main ul li p,
.template--set-2 .faq_tab_title h2,
.template--set-3 .how-it-work-main ul li p,
.template--set-3 .faq_tab_title h2,
.template--nano .how-it-work-main ul li p,
.template--nano .faq_tab_title h2,
.template--nano-2 .how-it-work-main ul li p,
.template--nano-2 .faq_tab_title h2,
.template--salvage .how-it-work-main ul li p,
.template--salvage .faq_tab_title h2,
.template--bundle-buildout .how-it-work-main ul li p,
.template--bundle-buildout .faq_tab_title h2 {
font-size: 15px; } }
.template--set .month-product-sec,
.template--set-2 .month-product-sec,
.template--set-3 .month-product-sec,
.template--nano .month-product-sec,
.template--nano-2 .month-product-sec,
.template--salvage .month-product-sec,
.template--bundle-buildout .month-product-sec {
background: #fafafa;
padding: 80px 0; }
.template--set .month-product-main,
.template--set-2 .month-product-main,
.template--set-3 .month-product-main,
.template--nano .month-product-main,
.template--nano-2 .month-product-main,
.template--salvage .month-product-main,
.template--bundle-buildout .month-product-main {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0 -15px; }
.template--set .month-product-content,
.template--set .month-product-image,
.template--set-2 .month-product-content,
.template--set-2 .month-product-image,
.template--set-3 .month-product-content,
.template--set-3 .month-product-image,
.template--nano .month-product-content,
.template--nano .month-product-image,
.template--nano-2 .month-product-content,
.template--nano-2 .month-product-image,
.template--salvage .month-product-content,
.template--salvage .month-product-image,
.template--bundle-buildout .month-product-content,
.template--bundle-buildout .month-product-image {
padding: 0 20px; }
.template--set .month-product-content,
.template--set-2 .month-product-content,
.template--set-3 .month-product-content,
.template--nano .month-product-content,
.template--nano-2 .month-product-content,
.template--salvage .month-product-content,
.template--bundle-buildout .month-product-content {
width: 52%; }
.template--set .month-product-image,
.template--set-2 .month-product-image,
.template--set-3 .month-product-image,
.template--nano .month-product-image,
.template--nano-2 .month-product-image,
.template--salvage .month-product-image,
.template--bundle-buildout .month-product-image {
width: 48%; }
.template--set .month-product-image-ul li,
.template--set-2 .month-product-image-ul li,
.template--set-3 .month-product-image-ul li,
.template--nano .month-product-image-ul li,
.template--nano-2 .month-product-image-ul li,
.template--salvage .month-product-image-ul li,
.template--bundle-buildout .month-product-image-ul li {
list-style: none; }
.template--set .month-product-content p,
.template--set-2 .month-product-content p,
.template--set-3 .month-product-content p,
.template--nano .month-product-content p,
.template--nano-2 .month-product-content p,
.template--salvage .month-product-content p,
.template--bundle-buildout .month-product-content p {
color: #000000;
font-size: 15px;
margin-bottom: 13px; }
.template--set .month-product-content h2,
.template--set-2 .month-product-content h2,
.template--set-3 .month-product-content h2,
.template--nano .month-product-content h2,
.template--nano-2 .month-product-content h2,
.template--salvage .month-product-content h2,
.template--bundle-buildout .month-product-content h2 {
font-size: 28px;
line-height: 1;
letter-spacing: 1.4px;
font-family: "Freight_Sans_Bold";
text-transform: uppercase;
margin-bottom: 8px; }
.template--set .month-product-content h3,
.template--set-2 .month-product-content h3,
.template--set-3 .month-product-content h3,
.template--nano .month-product-content h3,
.template--nano-2 .month-product-content h3,
.template--salvage .month-product-content h3,
.template--bundle-buildout .month-product-content h3 {
font-size: 20px;
color: #000000;
font-weight: 400;
margin-top: 16px;
margin-bottom: 20px;
line-height: 1.4;
max-width: 550px; }
.template--set .to-enter h4,
.template--set-2 .to-enter h4,
.template--set-3 .to-enter h4,
.template--nano .to-enter h4,
.template--nano-2 .to-enter h4,
.template--salvage .to-enter h4,
.template--bundle-buildout .to-enter h4 {
font-size: 18px;
letter-spacing: 1.8px;
font-family: "freight_sans_semibold";
color: #000000;
margin-bottom: 15px;
margin-left: -20px; }
.template--set .to-enter li p,
.template--set-2 .to-enter li p,
.template--set-3 .to-enter li p,
.template--nano .to-enter li p,
.template--nano-2 .to-enter li p,
.template--salvage .to-enter li p,
.template--bundle-buildout .to-enter li p {
margin-bottom: 20px;
line-height: 1.5; }
.template--set .to-enter p.to-last-info,
.template--set-2 .to-enter p.to-last-info,
.template--set-3 .to-enter p.to-last-info,
.template--nano .to-enter p.to-last-info,
.template--nano-2 .to-enter p.to-last-info,
.template--salvage .to-enter p.to-last-info,
.template--bundle-buildout .to-enter p.to-last-info {
color: #000000;
font-size: 15px;
margin-bottom: 0;
margin-left: -20px;
line-height: 1.4; }
.template--set .footer__about.is-visible .footer__about-entry,
.template--set-2 .footer__about.is-visible .footer__about-entry,
.template--set-3 .footer__about.is-visible .footer__about-entry,
.template--nano .footer__about.is-visible .footer__about-entry,
.template--nano-2 .footer__about.is-visible .footer__about-entry,
.template--salvage .footer__about.is-visible .footer__about-entry,
.template--bundle-buildout .footer__about.is-visible .footer__about-entry {
color: #d4d4d4; }
.template--set ul.month-product-image-ul,
.template--set-2 ul.month-product-image-ul,
.template--set-3 ul.month-product-image-ul,
.template--nano ul.month-product-image-ul,
.template--nano-2 ul.month-product-image-ul,
.template--salvage ul.month-product-image-ul,
.template--bundle-buildout ul.month-product-image-ul {
padding: 0;
display: flex; }
.template--set .month-product-image-ul li,
.template--set-2 .month-product-image-ul li,
.template--set-3 .month-product-image-ul li,
.template--nano .month-product-image-ul li,
.template--nano-2 .month-product-image-ul li,
.template--salvage .month-product-image-ul li,
.template--bundle-buildout .month-product-image-ul li {
margin-right: 25px; }
.template--set .month-product-image-ul li.month-product-third.month-product-all,
.template--set-2 .month-product-image-ul li.month-product-third.month-product-all,
.template--set-3 .month-product-image-ul li.month-product-third.month-product-all,
.template--nano .month-product-image-ul li.month-product-third.month-product-all,
.template--nano-2 .month-product-image-ul li.month-product-third.month-product-all,
.template--salvage .month-product-image-ul li.month-product-third.month-product-all,
.template--bundle-buildout .month-product-image-ul li.month-product-third.month-product-all {
margin-right: 0; }
.template--set .month-product-all img,
.template--set-2 .month-product-all img,
.template--set-3 .month-product-all img,
.template--nano .month-product-all img,
.template--nano-2 .month-product-all img,
.template--salvage .month-product-all img,
.template--bundle-buildout .month-product-all img {
display: block;
margin-bottom: 25px; }
.template--set .month-product-image-ul li img:last-child,
.template--set-2 .month-product-image-ul li img:last-child,
.template--set-3 .month-product-image-ul li img:last-child,
.template--nano .month-product-image-ul li img:last-child,
.template--nano-2 .month-product-image-ul li img:last-child,
.template--salvage .month-product-image-ul li img:last-child,
.template--bundle-buildout .month-product-image-ul li img:last-child {
margin-bottom: 0; }
.template--set .month-product-top,
.template--set-2 .month-product-top,
.template--set-3 .month-product-top,
.template--nano .month-product-top,
.template--nano-2 .month-product-top,
.template--salvage .month-product-top,
.template--bundle-buildout .month-product-top {
max-width: 1195px;
margin: 0 auto; }
.template--set .month-product-image-ul li.month-product-second,
.template--set-2 .month-product-image-ul li.month-product-second,
.template--set-3 .month-product-image-ul li.month-product-second,
.template--nano .month-product-image-ul li.month-product-second,
.template--nano-2 .month-product-image-ul li.month-product-second,
.template--salvage .month-product-image-ul li.month-product-second,
.template--bundle-buildout .month-product-image-ul li.month-product-second {
margin-top: 25px; }
.template--set .month-product-image-ul li.month-product-third,
.template--set-2 .month-product-image-ul li.month-product-third,
.template--set-3 .month-product-image-ul li.month-product-third,
.template--nano .month-product-image-ul li.month-product-third,
.template--nano-2 .month-product-image-ul li.month-product-third,
.template--salvage .month-product-image-ul li.month-product-third,
.template--bundle-buildout .month-product-image-ul li.month-product-third {
margin-top: 50px; }
.template--set .month-product-sec-mobile,
.template--set .the_hanacure_effect_mobile,
.template--set-2 .month-product-sec-mobile,
.template--set-2 .the_hanacure_effect_mobile,
.template--set-3 .month-product-sec-mobile,
.template--set-3 .the_hanacure_effect_mobile,
.template--nano .month-product-sec-mobile,
.template--nano .the_hanacure_effect_mobile,
.template--nano-2 .month-product-sec-mobile,
.template--nano-2 .the_hanacure_effect_mobile,
.template--salvage .month-product-sec-mobile,
.template--salvage .the_hanacure_effect_mobile,
.template--bundle-buildout .month-product-sec-mobile,
.template--bundle-buildout .the_hanacure_effect_mobile {
display: none; }
@media (min-width: 768px) and (max-width: 1199px) {
.template--set .month-product-content h2,
.template--set-2 .month-product-content h2,
.template--set-3 .month-product-content h2,
.template--nano .month-product-content h2,
.template--nano-2 .month-product-content h2,
.template--salvage .month-product-content h2,
.template--bundle-buildout .month-product-content h2 {
font-size: 22px; }
.template--set .month-product-content h3,
.template--set-2 .month-product-content h3,
.template--set-3 .month-product-content h3,
.template--nano .month-product-content h3,
.template--nano-2 .month-product-content h3,
.template--salvage .month-product-content h3,
.template--bundle-buildout .month-product-content h3 {
font-size: 18px;
margin-top: 0px;
margin-bottom: 10px; }
.template--set .to-enter li p,
.template--set-2 .to-enter li p,
.template--set-3 .to-enter li p,
.template--nano .to-enter li p,
.template--nano-2 .to-enter li p,
.template--salvage .to-enter li p,
.template--bundle-buildout .to-enter li p {
margin-bottom: 10px; }
.template--set .month-product-image-ul li,
.template--set-2 .month-product-image-ul li,
.template--set-3 .month-product-image-ul li,
.template--nano .month-product-image-ul li,
.template--nano-2 .month-product-image-ul li,
.template--salvage .month-product-image-ul li,
.template--bundle-buildout .month-product-image-ul li {
margin-right: 15px; }
.template--set .month-product-all img,
.template--set-2 .month-product-all img,
.template--set-3 .month-product-all img,
.template--nano .month-product-all img,
.template--nano-2 .month-product-all img,
.template--salvage .month-product-all img,
.template--bundle-buildout .month-product-all img {
margin-bottom: 15px; } }
@media (max-width: 767px) {
.template--set .month-product-sec-desktop,
.template--set .the_hanacure_effect_desktop,
.template--set-2 .month-product-sec-desktop,
.template--set-2 .the_hanacure_effect_desktop,
.template--set-3 .month-product-sec-desktop,
.template--set-3 .the_hanacure_effect_desktop,
.template--nano .month-product-sec-desktop,
.template--nano .the_hanacure_effect_desktop,
.template--nano-2 .month-product-sec-desktop,
.template--nano-2 .the_hanacure_effect_desktop,
.template--salvage .month-product-sec-desktop,
.template--salvage .the_hanacure_effect_desktop,
.template--bundle-buildout .month-product-sec-desktop,
.template--bundle-buildout .the_hanacure_effect_desktop {
display: block; }
.template--set .month-product-sec-mobile,
.template--set .the_hanacure_effect_mobile,
.template--set-2 .month-product-sec-mobile,
.template--set-2 .the_hanacure_effect_mobile,
.template--set-3 .month-product-sec-mobile,
.template--set-3 .the_hanacure_effect_mobile,
.template--nano .month-product-sec-mobile,
.template--nano .the_hanacure_effect_mobile,
.template--nano-2 .month-product-sec-mobile,
.template--nano-2 .the_hanacure_effect_mobile,
.template--salvage .month-product-sec-mobile,
.template--salvage .the_hanacure_effect_mobile,
.template--bundle-buildout .month-product-sec-mobile,
.template--bundle-buildout .the_hanacure_effect_mobile {
display: none; }
.template--set .the_hanacure_effect_mobile,
.template--set-2 .the_hanacure_effect_mobile,
.template--set-3 .the_hanacure_effect_mobile,
.template--nano .the_hanacure_effect_mobile,
.template--nano-2 .the_hanacure_effect_mobile,
.template--salvage .the_hanacure_effect_mobile,
.template--bundle-buildout .the_hanacure_effect_mobile {
margin-bottom: 30px; }
.template--set .month-product-content,
.template--set .month-product-image,
.template--set-2 .month-product-content,
.template--set-2 .month-product-image,
.template--set-3 .month-product-content,
.template--set-3 .month-product-image,
.template--nano .month-product-content,
.template--nano .month-product-image,
.template--nano-2 .month-product-content,
.template--nano-2 .month-product-image,
.template--salvage .month-product-content,
.template--salvage .month-product-image,
.template--bundle-buildout .month-product-content,
.template--bundle-buildout .month-product-image {
width: 100%; }
.template--set .month-product-sec,
.template--set-2 .month-product-sec,
.template--set-3 .month-product-sec,
.template--nano .month-product-sec,
.template--nano-2 .month-product-sec,
.template--salvage .month-product-sec,
.template--bundle-buildout .month-product-sec {
padding: 20px 0; }
.template--set .month-product-content p,
.template--set-2 .month-product-content p,
.template--set-3 .month-product-content p,
.template--nano .month-product-content p,
.template--nano-2 .month-product-content p,
.template--salvage .month-product-content p,
.template--bundle-buildout .month-product-content p {
font-size: 14px; }
.template--set .month-product-content h2,
.template--set-2 .month-product-content h2,
.template--set-3 .month-product-content h2,
.template--nano .month-product-content h2,
.template--nano-2 .month-product-content h2,
.template--salvage .month-product-content h2,
.template--bundle-buildout .month-product-content h2 {
font-size: 22px; }
.template--set .month-product-content h3,
.template--set-2 .month-product-content h3,
.template--set-3 .month-product-content h3,
.template--nano .month-product-content h3,
.template--nano-2 .month-product-content h3,
.template--salvage .month-product-content h3,
.template--bundle-buildout .month-product-content h3 {
font-size: 14px; }
.template--set .to-enter p.to-last-info,
.template--set-2 .to-enter p.to-last-info,
.template--set-3 .to-enter p.to-last-info,
.template--nano .to-enter p.to-last-info,
.template--nano-2 .to-enter p.to-last-info,
.template--salvage .to-enter p.to-last-info,
.template--bundle-buildout .to-enter p.to-last-info {
font-size: 13px;
margin-bottom: 0;
text-align: center; }
.template--set .month-product-image-ul li,
.template--set-2 .month-product-image-ul li,
.template--set-3 .month-product-image-ul li,
.template--nano .month-product-image-ul li,
.template--nano-2 .month-product-image-ul li,
.template--salvage .month-product-image-ul li,
.template--bundle-buildout .month-product-image-ul li {
margin-right: 15px; }
.template--set .month-product-all img,
.template--set-2 .month-product-all img,
.template--set-3 .month-product-all img,
.template--nano .month-product-all img,
.template--nano-2 .month-product-all img,
.template--salvage .month-product-all img,
.template--bundle-buildout .month-product-all img {
margin-bottom: 15px; }
.template--set .month-product-image-ul li.month-product-second,
.template--set-2 .month-product-image-ul li.month-product-second,
.template--set-3 .month-product-image-ul li.month-product-second,
.template--nano .month-product-image-ul li.month-product-second,
.template--nano-2 .month-product-image-ul li.month-product-second,
.template--salvage .month-product-image-ul li.month-product-second,
.template--bundle-buildout .month-product-image-ul li.month-product-second {
margin-top: 0; }
.template--set .month-product-image-ul li.month-product-third,
.template--set-2 .month-product-image-ul li.month-product-third,
.template--set-3 .month-product-image-ul li.month-product-third,
.template--nano .month-product-image-ul li.month-product-third,
.template--nano-2 .month-product-image-ul li.month-product-third,
.template--salvage .month-product-image-ul li.month-product-third,
.template--bundle-buildout .month-product-image-ul li.month-product-third {
margin-top: 0; }
.template--set .month-product-image-ul,
.template--set-2 .month-product-image-ul,
.template--set-3 .month-product-image-ul,
.template--nano .month-product-image-ul,
.template--nano-2 .month-product-image-ul,
.template--salvage .month-product-image-ul,
.template--bundle-buildout .month-product-image-ul {
margin-bottom: 22px; }
.template--set .product_wrapper,
.template--set-2 .product_wrapper,
.template--set-3 .product_wrapper,
.template--nano .product_wrapper,
.template--nano-2 .product_wrapper,
.template--salvage .product_wrapper,
.template--bundle-buildout .product_wrapper {
margin-bottom: 30px; }
.template--set .slider-banner-image,
.template--set-2 .slider-banner-image,
.template--set-3 .slider-banner-image,
.template--nano .slider-banner-image,
.template--nano-2 .slider-banner-image,
.template--salvage .slider-banner-image,
.template--bundle-buildout .slider-banner-image {
-o-object-fit: cover;
object-fit: cover;
height: 300px; }
.template--set .slider-banner-image img,
.template--set-2 .slider-banner-image img,
.template--set-3 .slider-banner-image img,
.template--nano .slider-banner-image img,
.template--nano-2 .slider-banner-image img,
.template--salvage .slider-banner-image img,
.template--bundle-buildout .slider-banner-image img {
height: 280px;
-o-object-fit: contain;
object-fit: contain; }
.template--set .product_wrapper,
.template--set-2 .product_wrapper,
.template--set-3 .product_wrapper,
.template--nano .product_wrapper,
.template--nano-2 .product_wrapper,
.template--salvage .product_wrapper,
.template--bundle-buildout .product_wrapper {
width: 100%;
margin-top: 25px; }
.template--set .product_title .pro_title,
.template--set-2 .product_title .pro_title,
.template--set-3 .product_title .pro_title,
.template--nano .product_title .pro_title,
.template--nano-2 .product_title .pro_title,
.template--salvage .product_title .pro_title,
.template--bundle-buildout .product_title .pro_title {
margin-top: 15px; }
.template--set .product_content,
.template--set-2 .product_content,
.template--set-3 .product_content,
.template--nano .product_content,
.template--nano-2 .product_content,
.template--salvage .product_content,
.template--bundle-buildout .product_content {
padding: 0 15px; }
.template--set .month-product-content,
.template--set .month-product-image,
.template--set-2 .month-product-content,
.template--set-2 .month-product-image,
.template--set-3 .month-product-content,
.template--set-3 .month-product-image,
.template--nano .month-product-content,
.template--nano .month-product-image,
.template--nano-2 .month-product-content,
.template--nano-2 .month-product-image,
.template--salvage .month-product-content,
.template--salvage .month-product-image,
.template--bundle-buildout .month-product-content,
.template--bundle-buildout .month-product-image {
padding: 0 15px; }
.template--set .month-product-content h2 br,
.template--set-2 .month-product-content h2 br,
.template--set-3 .month-product-content h2 br,
.template--nano .month-product-content h2 br,
.template--nano-2 .month-product-content h2 br,
.template--salvage .month-product-content h2 br,
.template--bundle-buildout .month-product-content h2 br {
display: none; }
.template--set .month-product-content h3,
.template--set-2 .month-product-content h3,
.template--set-3 .month-product-content h3,
.template--nano .month-product-content h3,
.template--nano-2 .month-product-content h3,
.template--salvage .month-product-content h3,
.template--bundle-buildout .month-product-content h3 {
margin-top: 13px; }
.template--set .to-enter li p,
.template--set-2 .to-enter li p,
.template--set-3 .to-enter li p,
.template--nano .to-enter li p,
.template--nano-2 .to-enter li p,
.template--salvage .to-enter li p,
.template--bundle-buildout .to-enter li p {
font-size: 15px; }
.template--set .to-enter h4,
.template--set-2 .to-enter h4,
.template--set-3 .to-enter h4,
.template--nano .to-enter h4,
.template--nano-2 .to-enter h4,
.template--salvage .to-enter h4,
.template--bundle-buildout .to-enter h4 {
font-size: 16px; } }
@media (min-width: 768px) and (max-width: 991px) {
.template--set .month-product-main .month-product-content,
.template--set .month-product-main .month-product-image,
.template--set-2 .month-product-main .month-product-content,
.template--set-2 .month-product-main .month-product-image,
.template--set-3 .month-product-main .month-product-content,
.template--set-3 .month-product-main .month-product-image,
.template--nano .month-product-main .month-product-content,
.template--nano .month-product-main .month-product-image,
.template--nano-2 .month-product-main .month-product-content,
.template--nano-2 .month-product-main .month-product-image,
.template--salvage .month-product-main .month-product-content,
.template--salvage .month-product-main .month-product-image,
.template--bundle-buildout .month-product-main .month-product-content,
.template--bundle-buildout .month-product-main .month-product-image {
width: 100%; }
.template--set .month-product-main .month-product-image,
.template--set-2 .month-product-main .month-product-image,
.template--set-3 .month-product-main .month-product-image,
.template--nano .month-product-main .month-product-image,
.template--nano-2 .month-product-main .month-product-image,
.template--salvage .month-product-main .month-product-image,
.template--bundle-buildout .month-product-main .month-product-image {
order: 1; }
.template--set .month-product-main .month-product-content,
.template--set-2 .month-product-main .month-product-content,
.template--set-3 .month-product-main .month-product-content,
.template--nano .month-product-main .month-product-content,
.template--nano-2 .month-product-main .month-product-content,
.template--salvage .month-product-main .month-product-content,
.template--bundle-buildout .month-product-main .month-product-content {
order: 2;
margin-top: 40px; }
.template--set ul.month-product-image-ul,
.template--set-2 ul.month-product-image-ul,
.template--set-3 ul.month-product-image-ul,
.template--nano ul.month-product-image-ul,
.template--nano-2 ul.month-product-image-ul,
.template--salvage ul.month-product-image-ul,
.template--bundle-buildout ul.month-product-image-ul {
justify-content: center; }
.template--set .month-product-content h3,
.template--set-2 .month-product-content h3,
.template--set-3 .month-product-content h3,
.template--nano .month-product-content h3,
.template--nano-2 .month-product-content h3,
.template--salvage .month-product-content h3,
.template--bundle-buildout .month-product-content h3 {
margin-bottom: 20px; }
.template--set .how-it-work-sec,
.template--set-2 .how-it-work-sec,
.template--set-3 .how-it-work-sec,
.template--nano .how-it-work-sec,
.template--nano-2 .how-it-work-sec,
.template--salvage .how-it-work-sec,
.template--bundle-buildout .how-it-work-sec {
margin: 60px 0; }
.template--set .product_wrapper,
.template--set .help-faq-sec,
.template--set-2 .product_wrapper,
.template--set-2 .help-faq-sec,
.template--set-3 .product_wrapper,
.template--set-3 .help-faq-sec,
.template--nano .product_wrapper,
.template--nano .help-faq-sec,
.template--nano-2 .product_wrapper,
.template--nano-2 .help-faq-sec,
.template--salvage .product_wrapper,
.template--salvage .help-faq-sec,
.template--bundle-buildout .product_wrapper,
.template--bundle-buildout .help-faq-sec {
margin-bottom: 60px; }
.template--set .faq_tab_title,
.template--set-2 .faq_tab_title,
.template--set-3 .faq_tab_title,
.template--nano .faq_tab_title,
.template--nano-2 .faq_tab_title,
.template--salvage .faq_tab_title,
.template--bundle-buildout .faq_tab_title {
padding: 20px 30px; }
.template--set .faq-info-tabs svg,
.template--set-2 .faq-info-tabs svg,
.template--set-3 .faq-info-tabs svg,
.template--nano .faq-info-tabs svg,
.template--nano-2 .faq-info-tabs svg,
.template--salvage .faq-info-tabs svg,
.template--bundle-buildout .faq-info-tabs svg {
width: 13px;
height: 13px; }
.template--set .img-comp-container,
.template--set-2 .img-comp-container,
.template--set-3 .img-comp-container,
.template--nano .img-comp-container,
.template--nano-2 .img-comp-container,
.template--salvage .img-comp-container,
.template--bundle-buildout .img-comp-container {
width: 414px;
height: 400px;
margin: 0 auto; }
.template--set span.bottom_border,
.template--set-2 span.bottom_border,
.template--set-3 span.bottom_border,
.template--nano span.bottom_border,
.template--nano-2 span.bottom_border,
.template--salvage span.bottom_border,
.template--bundle-buildout span.bottom_border {
width: 133px; }
.template--set .hanacure_effect .effect_right_sec p,
.template--set-2 .hanacure_effect .effect_right_sec p,
.template--set-3 .hanacure_effect .effect_right_sec p,
.template--nano .hanacure_effect .effect_right_sec p,
.template--nano-2 .hanacure_effect .effect_right_sec p,
.template--salvage .hanacure_effect .effect_right_sec p,
.template--bundle-buildout .hanacure_effect .effect_right_sec p {
margin: 5px auto; }
.template--set .hanacure_effect .effect_right_sec,
.template--set .hanacure_effect .effect_left_sec,
.template--set-2 .hanacure_effect .effect_right_sec,
.template--set-2 .hanacure_effect .effect_left_sec,
.template--set-3 .hanacure_effect .effect_right_sec,
.template--set-3 .hanacure_effect .effect_left_sec,
.template--nano .hanacure_effect .effect_right_sec,
.template--nano .hanacure_effect .effect_left_sec,
.template--nano-2 .hanacure_effect .effect_right_sec,
.template--nano-2 .hanacure_effect .effect_left_sec,
.template--salvage .hanacure_effect .effect_right_sec,
.template--salvage .hanacure_effect .effect_left_sec,
.template--bundle-buildout .hanacure_effect .effect_right_sec,
.template--bundle-buildout .hanacure_effect .effect_left_sec {
width: 100%; }
.template--set .hanacure_effect .effect_left_sec,
.template--set-2 .hanacure_effect .effect_left_sec,
.template--set-3 .hanacure_effect .effect_left_sec,
.template--nano .hanacure_effect .effect_left_sec,
.template--nano-2 .hanacure_effect .effect_left_sec,
.template--salvage .hanacure_effect .effect_left_sec,
.template--bundle-buildout .hanacure_effect .effect_left_sec {
order: 2; }
.template--set .effect_right_sec,
.template--set-2 .effect_right_sec,
.template--set-3 .effect_right_sec,
.template--nano .effect_right_sec,
.template--nano-2 .effect_right_sec,
.template--salvage .effect_right_sec,
.template--bundle-buildout .effect_right_sec {
order: 1;
margin-bottom: 30px; }
.template--set .after_slider img,
.template--set-2 .after_slider img,
.template--set-3 .after_slider img,
.template--nano .after_slider img,
.template--nano-2 .after_slider img,
.template--salvage .after_slider img,
.template--bundle-buildout .after_slider img {
width: 326px; }
.template--set .hanacure_effect .effect_content,
.template--set-2 .hanacure_effect .effect_content,
.template--set-3 .hanacure_effect .effect_content,
.template--nano .hanacure_effect .effect_content,
.template--nano-2 .hanacure_effect .effect_content,
.template--salvage .hanacure_effect .effect_content,
.template--bundle-buildout .hanacure_effect .effect_content {
flex-wrap: wrap; } }
@media (min-width: 992px) and (max-width: 1199px) {
.template--set .product_title .pro_title,
.template--set-2 .product_title .pro_title,
.template--set-3 .product_title .pro_title,
.template--nano .product_title .pro_title,
.template--nano-2 .product_title .pro_title,
.template--salvage .product_title .pro_title,
.template--bundle-buildout .product_title .pro_title {
margin-bottom: 10px; }
.template--set .facial,
.template--set-2 .facial,
.template--set-3 .facial,
.template--nano .facial,
.template--nano-2 .facial,
.template--salvage .facial,
.template--bundle-buildout .facial {
margin: 14px 0; }
.template--set h6.heading_sub,
.template--set-2 h6.heading_sub,
.template--set-3 h6.heading_sub,
.template--nano h6.heading_sub,
.template--nano-2 h6.heading_sub,
.template--salvage h6.heading_sub,
.template--bundle-buildout h6.heading_sub {
margin: 15px 0; }
.template--set .second_product_main p.desc,
.template--set-2 .second_product_main p.desc,
.template--set-3 .second_product_main p.desc,
.template--nano .second_product_main p.desc,
.template--nano-2 .second_product_main p.desc,
.template--salvage .second_product_main p.desc,
.template--bundle-buildout .second_product_main p.desc {
font-size: 16px;
margin: 8px 0 10px; }
.template--set .how-it-work-main ul li p,
.template--set-2 .how-it-work-main ul li p,
.template--set-3 .how-it-work-main ul li p,
.template--nano .how-it-work-main ul li p,
.template--nano-2 .how-it-work-main ul li p,
.template--salvage .how-it-work-main ul li p,
.template--bundle-buildout .how-it-work-main ul li p {
font-size: 16px;
margin-top: 10px; }
.template--set .def-btn,
.template--set-2 .def-btn,
.template--set-3 .def-btn,
.template--nano .def-btn,
.template--nano-2 .def-btn,
.template--salvage .def-btn,
.template--bundle-buildout .def-btn {
margin-top: 30px; }
.template--set .month-product-sec,
.template--set-2 .month-product-sec,
.template--set-3 .month-product-sec,
.template--nano .month-product-sec,
.template--nano-2 .month-product-sec,
.template--salvage .month-product-sec,
.template--bundle-buildout .month-product-sec {
padding: 60px 0; }
.template--set .month-product-content h3,
.template--set-2 .month-product-content h3,
.template--set-3 .month-product-content h3,
.template--nano .month-product-content h3,
.template--nano-2 .month-product-content h3,
.template--salvage .month-product-content h3,
.template--bundle-buildout .month-product-content h3 {
margin-bottom: 13px; }
.template--set .img-comp-container,
.template--set-2 .img-comp-container,
.template--set-3 .img-comp-container,
.template--nano .img-comp-container,
.template--nano-2 .img-comp-container,
.template--salvage .img-comp-container,
.template--bundle-buildout .img-comp-container {
height: 450px; } }
.template--set .effect-info #comparison,
.template--set-2 .effect-info #comparison,
.template--set-3 .effect-info #comparison,
.template--nano .effect-info #comparison,
.template--nano-2 .effect-info #comparison,
.template--salvage .effect-info #comparison,
.template--bundle-buildout .effect-info #comparison {
width: 100%;
padding-bottom: 100%;
overflow: hidden;
position: relative; }
.template--set .effect-info figure,
.template--set-2 .effect-info figure,
.template--set-3 .effect-info figure,
.template--nano .effect-info figure,
.template--nano-2 .effect-info figure,
.template--salvage .effect-info figure,
.template--bundle-buildout .effect-info figure {
position: absolute;
background-image: url(https://cdn.shopify.com/s/files/1/0570/5282/3727/files/after_before_1.png?v=1621342559);
background-size: cover;
font-size: 0;
width: 100%;
height: 100%;
margin: 0; }
.template--set .effect-info input[type="range"],
.template--set-2 .effect-info input[type="range"],
.template--set-3 .effect-info input[type="range"],
.template--nano .effect-info input[type="range"],
.template--nano-2 .effect-info input[type="range"],
.template--salvage .effect-info input[type="range"],
.template--bundle-buildout .effect-info input[type="range"] {
-webkit-appearance: none;
-moz-appearance: none;
position: absolute;
bottom: 12px;
left: -25px;
transform: translateY(-50%);
background-color: transparent;
width: calc(100% + 50px);
z-index: 2; }
.template--set .effect-info #handle,
.template--set-2 .effect-info #handle,
.template--set-3 .effect-info #handle,
.template--nano .effect-info #handle,
.template--nano-2 .effect-info #handle,
.template--salvage .effect-info #handle,
.template--bundle-buildout .effect-info #handle {
position: absolute;
height: 50px;
width: 50px;
bottom: 12px;
left: 50%;
transform: translateY(-50%) translateX(-50%);
z-index: 1; }
.template--set .effect-info #handle::before,
.template--set .effect-info #handle::after,
.template--set-2 .effect-info #handle::before,
.template--set-2 .effect-info #handle::after,
.template--set-3 .effect-info #handle::before,
.template--set-3 .effect-info #handle::after,
.template--nano .effect-info #handle::before,
.template--nano .effect-info #handle::after,
.template--nano-2 .effect-info #handle::before,
.template--nano-2 .effect-info #handle::after,
.template--salvage .effect-info #handle::before,
.template--salvage .effect-info #handle::after,
.template--bundle-buildout .effect-info #handle::before,
.template--bundle-buildout .effect-info #handle::after {
content: "";
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
top: 50%;
margin-top: -6px; }
.template--set .effect-info #handle::before,
.template--set-2 .effect-info #handle::before,
.template--set-3 .effect-info #handle::before,
.template--nano .effect-info #handle::before,
.template--nano-2 .effect-info #handle::before,
.template--salvage .effect-info #handle::before,
.template--bundle-buildout .effect-info #handle::before {
border-right: 6px solid white;
left: 50%;
margin-left: -17px; }
.template--set .effect-info #handle::after,
.template--set-2 .effect-info #handle::after,
.template--set-3 .effect-info #handle::after,
.template--nano .effect-info #handle::after,
.template--nano-2 .effect-info #handle::after,
.template--salvage .effect-info #handle::after,
.template--bundle-buildout .effect-info #handle::after {
border-left: 6px solid white;
right: 50%;
margin-right: -17px; }
.template--set .effect-info #divisor,
.template--set-2 .effect-info #divisor,
.template--set-3 .effect-info #divisor,
.template--nano .effect-info #divisor,
.template--nano-2 .effect-info #divisor,
.template--salvage .effect-info #divisor,
.template--bundle-buildout .effect-info #divisor {
background-image: url(https://cdn.shopify.com/s/files/1/0570/5282/3727/files/after_before_1.png?v=1621342559);
background-size: cover;
position: absolute;
width: 50%;
box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
bottom: 0;
height: 100%; }
.template--set .effect-info #divisor::before,
.template--set .effect-info #divisor::after,
.template--set-2 .effect-info #divisor::before,
.template--set-2 .effect-info #divisor::after,
.template--set-3 .effect-info #divisor::before,
.template--set-3 .effect-info #divisor::after,
.template--nano .effect-info #divisor::before,
.template--nano .effect-info #divisor::after,
.template--nano-2 .effect-info #divisor::before,
.template--nano-2 .effect-info #divisor::after,
.template--salvage .effect-info #divisor::before,
.template--salvage .effect-info #divisor::after,
.template--bundle-buildout .effect-info #divisor::before,
.template--bundle-buildout .effect-info #divisor::after {
content: "";
position: absolute;
right: -2px;
width: 4px;
height: calc(50% - 25px);
background: white;
z-index: 3; }
.template--set .effect-info #divisor::before,
.template--set-2 .effect-info #divisor::before,
.template--set-3 .effect-info #divisor::before,
.template--nano .effect-info #divisor::before,
.template--nano-2 .effect-info #divisor::before,
.template--salvage .effect-info #divisor::before,
.template--bundle-buildout .effect-info #divisor::before {
top: 0;
height: calc(91% - 25px);
box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.3); }
.template--set .effect-info #divisor::after,
.template--set-2 .effect-info #divisor::after,
.template--set-3 .effect-info #divisor::after,
.template--nano .effect-info #divisor::after,
.template--nano-2 .effect-info #divisor::after,
.template--salvage .effect-info #divisor::after,
.template--bundle-buildout .effect-info #divisor::after {
bottom: 0;
height: calc(9.5% - 25px);
box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3); }
.template--set .effect-info input[type="range"]::-webkit-slider-thumb,
.template--set-2 .effect-info input[type="range"]::-webkit-slider-thumb,
.template--set-3 .effect-info input[type="range"]::-webkit-slider-thumb,
.template--nano .effect-info input[type="range"]::-webkit-slider-thumb,
.template--nano-2 .effect-info input[type="range"]::-webkit-slider-thumb,
.template--salvage .effect-info input[type="range"]::-webkit-slider-thumb,
.template--bundle-buildout .effect-info input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 50px;
width: 50px;
border-radius: 50%;
background: transparent;
border: 4px solid white;
box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3); }
.template--set .effect-info input[type="range"]::-moz-range-track,
.template--set-2 .effect-info input[type="range"]::-moz-range-track,
.template--set-3 .effect-info input[type="range"]::-moz-range-track,
.template--nano .effect-info input[type="range"]::-moz-range-track,
.template--nano-2 .effect-info input[type="range"]::-moz-range-track,
.template--salvage .effect-info input[type="range"]::-moz-range-track,
.template--bundle-buildout .effect-info input[type="range"]::-moz-range-track {
-moz-appearance: none;
height: 15px;
width: 100%;
background-color: transparent;
position: relative;
outline: none; }
.template--set .hidden-block,
.template--set-2 .hidden-block,
.template--set-3 .hidden-block,
.template--nano .hidden-block,
.template--nano-2 .hidden-block,
.template--salvage .hidden-block,
.template--bundle-buildout .hidden-block {
display: none; }
.template--set .product-clinical-modal,
.template--set .how-work-modal,
.template--set-2 .product-clinical-modal,
.template--set-2 .how-work-modal,
.template--set-3 .product-clinical-modal,
.template--set-3 .how-work-modal,
.template--nano .product-clinical-modal,
.template--nano .how-work-modal,
.template--nano-2 .product-clinical-modal,
.template--nano-2 .how-work-modal,
.template--salvage .product-clinical-modal,
.template--salvage .how-work-modal,
.template--bundle-buildout .product-clinical-modal,
.template--bundle-buildout .how-work-modal {
overflow: hidden;
width: 100%; }
.template--set .order_shipping,
.template--set-2 .order_shipping,
.template--set-3 .order_shipping,
.template--nano .order_shipping,
.template--nano-2 .order_shipping,
.template--salvage .order_shipping,
.template--bundle-buildout .order_shipping {
font-size: 14px;
text-align: center;
margin-top: 5px;
width: 85%;
margin-left: auto; }
.template--set .ingredients_heading h3,
.template--set-2 .ingredients_heading h3,
.template--set-3 .ingredients_heading h3,
.template--nano .ingredients_heading h3,
.template--nano-2 .ingredients_heading h3,
.template--salvage .ingredients_heading h3,
.template--bundle-buildout .ingredients_heading h3 {
font-size: 22px;
letter-spacing: 2px;
font-family: "freight_sans_semibold"; }
.template--set .ingredients_heading p,
.template--set-2 .ingredients_heading p,
.template--set-3 .ingredients_heading p,
.template--nano .ingredients_heading p,
.template--nano-2 .ingredients_heading p,
.template--salvage .ingredients_heading p,
.template--bundle-buildout .ingredients_heading p {
font-size: 18px;
margin-top: 8px; }
.template--set .ingredients-heading h4,
.template--set-2 .ingredients-heading h4,
.template--set-3 .ingredients-heading h4,
.template--nano .ingredients-heading h4,
.template--nano-2 .ingredients-heading h4,
.template--salvage .ingredients-heading h4,
.template--bundle-buildout .ingredients-heading h4 {
font-size: 17px;
font-family: "freight_sans_semibold";
letter-spacing: 1.6px;
text-transform: uppercase; }
.template--set .ingredients-heading p,
.template--set-2 .ingredients-heading p,
.template--set-3 .ingredients-heading p,
.template--nano .ingredients-heading p,
.template--nano-2 .ingredients-heading p,
.template--salvage .ingredients-heading p,
.template--bundle-buildout .ingredients-heading p {
font-size: 15px;
margin-top: 10px; }
.template--set .ingredients_heading,
.template--set-2 .ingredients_heading,
.template--set-3 .ingredients_heading,
.template--nano .ingredients_heading,
.template--nano-2 .ingredients_heading,
.template--salvage .ingredients_heading,
.template--bundle-buildout .ingredients_heading {
margin: 30px 0;
text-align: center;
position: relative; }
.template--set .ingredients_heading button,
.template--set-2 .ingredients_heading button,
.template--set-3 .ingredients_heading button,
.template--nano .ingredients_heading button,
.template--nano-2 .ingredients_heading button,
.template--salvage .ingredients_heading button,
.template--bundle-buildout .ingredients_heading button {
position: absolute;
top: 0;
right: 30px; }
.template--set .ingredients-popup .modal-center,
.template--set-2 .ingredients-popup .modal-center,
.template--set-3 .ingredients-popup .modal-center,
.template--nano .ingredients-popup .modal-center,
.template--nano-2 .ingredients-popup .modal-center,
.template--salvage .ingredients-popup .modal-center,
.template--bundle-buildout .ingredients-popup .modal-center {
max-width: 630px;
border-radius: 6px;
margin: 0 auto;
box-shadow: 0 3px 6px 0 #00000029;
background: #fff;
height: -moz-fit-content;
height: fit-content; }
.template--set .ingredients-info,
.template--set-2 .ingredients-info,
.template--set-3 .ingredients-info,
.template--nano .ingredients-info,
.template--nano-2 .ingredients-info,
.template--salvage .ingredients-info,
.template--bundle-buildout .ingredients-info {
display: flex;
flex-wrap: wrap; }
.template--set .ingredients-body,
.template--set-2 .ingredients-body,
.template--set-3 .ingredients-body,
.template--nano .ingredients-body,
.template--nano-2 .ingredients-body,
.template--salvage .ingredients-body,
.template--bundle-buildout .ingredients-body {
width: 50%;
text-align: center;
margin-bottom: 30px;
padding: 0 20px; }
.template--set .ingredients-heading,
.template--set-2 .ingredients-heading,
.template--set-3 .ingredients-heading,
.template--nano .ingredients-heading,
.template--nano-2 .ingredients-heading,
.template--salvage .ingredients-heading,
.template--bundle-buildout .ingredients-heading {
margin-top: 10px; }
.template--set .ingredients-popup,
.template--set-2 .ingredients-popup,
.template--set-3 .ingredients-popup,
.template--nano .ingredients-popup,
.template--nano-2 .ingredients-popup,
.template--salvage .ingredients-popup,
.template--bundle-buildout .ingredients-popup {
overflow-x: auto;
align-items: center;
height: 100%;
opacity: 0;
visibility: hidden;
position: fixed;
justify-content: center;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: flex;
flex-wrap: wrap;
z-index: 1050;
background: rgba(0, 0, 0, 0.5);
transition: opacity 0.3s, visibility 0s linear 0.5s; }
.template--set .ingredients-popup.in-open,
.template--set-2 .ingredients-popup.in-open,
.template--set-3 .ingredients-popup.in-open,
.template--nano .ingredients-popup.in-open,
.template--nano-2 .ingredients-popup.in-open,
.template--salvage .ingredients-popup.in-open,
.template--bundle-buildout .ingredients-popup.in-open {
opacity: 1;
visibility: visible;
transition: opacity 0.3s, visibility 0s; }
@media screen and (max-width: 767px) {
.template--set #REFINED_PORES .info_main p,
.template--set-2 #REFINED_PORES .info_main p,
.template--set-3 #REFINED_PORES .info_main p,
.template--nano #REFINED_PORES .info_main p,
.template--nano-2 #REFINED_PORES .info_main p,
.template--salvage #REFINED_PORES .info_main p,
.template--bundle-buildout #REFINED_PORES .info_main p {
width: 60%; }
.template--set .hanacure_effect .effect_right_sec #REFINED_PORES .info_main,
.template--set-2 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main,
.template--set-3 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main,
.template--nano .hanacure_effect .effect_right_sec #REFINED_PORES .info_main,
.template--nano-2 .hanacure_effect .effect_right_sec #REFINED_PORES .info_main,
.template--salvage .hanacure_effect .effect_right_sec #REFINED_PORES .info_main,
.template--bundle-buildout .hanacure_effect .effect_right_sec #REFINED_PORES .info_main {
margin-top: 10px; } }
@media screen and (max-width: 650px) {
.template--set .ingredients-popup .modal-center,
.template--set-2 .ingredients-popup .modal-center,
.template--set-3 .ingredients-popup .modal-center,
.template--nano .ingredients-popup .modal-center,
.template--nano-2 .ingredients-popup .modal-center,
.template--salvage .ingredients-popup .modal-center,
.template--bundle-buildout .ingredients-popup .modal-center {
width: 95%;
padding: 0 20px;
margin: 20px auto; }
.template--set .ingredients-body,
.template--set-2 .ingredients-body,
.template--set-3 .ingredients-body,
.template--nano .ingredients-body,
.template--nano-2 .ingredients-body,
.template--salvage .ingredients-body,
.template--bundle-buildout .ingredients-body {
width: 100%;
padding: 0;
margin-bottom: 20px; }
.template--set .ingredients_heading p,
.template--set-2 .ingredients_heading p,
.template--set-3 .ingredients_heading p,
.template--nano .ingredients_heading p,
.template--nano-2 .ingredients_heading p,
.template--salvage .ingredients_heading p,
.template--bundle-buildout .ingredients_heading p {
font-size: 16px; }
.template--set .ingredients_heading h3,
.template--set-2 .ingredients_heading h3,
.template--set-3 .ingredients_heading h3,
.template--nano .ingredients_heading h3,
.template--nano-2 .ingredients_heading h3,
.template--salvage .ingredients_heading h3,
.template--bundle-buildout .ingredients_heading h3 {
font-size: 18px;
letter-spacing: 1.6px; }
.template--set .ingredients-heading h4,
.template--set-2 .ingredients-heading h4,
.template--set-3 .ingredients-heading h4,
.template--nano .ingredients-heading h4,
.template--nano-2 .ingredients-heading h4,
.template--salvage .ingredients-heading h4,
.template--bundle-buildout .ingredients-heading h4 {
font-size: 15px; }
.template--set .ingredients-heading p,
.template--set-2 .ingredients-heading p,
.template--set-3 .ingredients-heading p,
.template--nano .ingredients-heading p,
.template--nano-2 .ingredients-heading p,
.template--salvage .ingredients-heading p,
.template--bundle-buildout .ingredients-heading p {
font-size: 14px;
margin-top: 5px; }
.template--set .ingredients-heading,
.template--set-2 .ingredients-heading,
.template--set-3 .ingredients-heading,
.template--nano .ingredients-heading,
.template--nano-2 .ingredients-heading,
.template--salvage .ingredients-heading,
.template--bundle-buildout .ingredients-heading {
margin-top: 5px; }
.template--set .ingredients_heading button,
.template--set-2 .ingredients_heading button,
.template--set-3 .ingredients_heading button,
.template--nano .ingredients_heading button,
.template--nano-2 .ingredients_heading button,
.template--salvage .ingredients_heading button,
.template--bundle-buildout .ingredients_heading button {
top: -10px;
right: 10px; } }
@media (min-width: 651px) and (max-width: 991px) {
.template--set .ingredients-body,
.template--set-2 .ingredients-body,
.template--set-3 .ingredients-body,
.template--nano .ingredients-body,
.template--nano-2 .ingredients-body,
.template--salvage .ingredients-body,
.template--bundle-buildout .ingredients-body {
margin-bottom: 30px; }
.template--set .ingredients_heading,
.template--set-2 .ingredients_heading,
.template--set-3 .ingredients_heading,
.template--nano .ingredients_heading,
.template--nano-2 .ingredients_heading,
.template--salvage .ingredients_heading,
.template--bundle-buildout .ingredients_heading {
margin: 20px 0; } }
@media (min-width: 1200px) and (max-width: 1359px) {
.template--set .img-comp-container,
.template--set-2 .img-comp-container,
.template--set-3 .img-comp-container,
.template--nano .img-comp-container,
.template--nano-2 .img-comp-container,
.template--salvage .img-comp-container,
.template--bundle-buildout .img-comp-container {
height: 470px; } }
.template--set #product-modal .slider-banner-image,
.template--set-2 #product-modal .slider-banner-image,
.template--set-3 #product-modal .slider-banner-image,
.template--nano #product-modal .slider-banner-image,
.template--nano-2 #product-modal .slider-banner-image,
.template--salvage #product-modal .slider-banner-image,
.template--bundle-buildout #product-modal .slider-banner-image {
-o-object-fit: cover;
object-fit: cover;
height: 350px; }
.template--set #product-modal .slider-banner-image img,
.template--set-2 #product-modal .slider-banner-image img,
.template--set-3 #product-modal .slider-banner-image img,
.template--nano #product-modal .slider-banner-image img,
.template--nano-2 #product-modal .slider-banner-image img,
.template--salvage #product-modal .slider-banner-image img,
.template--bundle-buildout #product-modal .slider-banner-image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.template--set .logo-border-wrapper,
.template--set-2 .logo-border-wrapper,
.template--set-3 .logo-border-wrapper,
.template--nano .logo-border-wrapper,
.template--nano-2 .logo-border-wrapper,
.template--salvage .logo-border-wrapper,
.template--bundle-buildout .logo-border-wrapper {
border: 1px solid;
width: -moz-fit-content;
width: fit-content;
margin: auto;
padding: 20px;
border-radius: 50%; }
.template--set .logo-border-wrapper svg,
.template--set-2 .logo-border-wrapper svg,
.template--set-3 .logo-border-wrapper svg,
.template--nano .logo-border-wrapper svg,
.template--nano-2 .logo-border-wrapper svg,
.template--salvage .logo-border-wrapper svg,
.template--bundle-buildout .logo-border-wrapper svg {
transform: translate(2.5px, 15px); }
.template--set .logo-border-wrapper svg.impurities,
.template--set-2 .logo-border-wrapper svg.impurities,
.template--set-3 .logo-border-wrapper svg.impurities,
.template--nano .logo-border-wrapper svg.impurities,
.template--nano-2 .logo-border-wrapper svg.impurities,
.template--salvage .logo-border-wrapper svg.impurities,
.template--bundle-buildout .logo-border-wrapper svg.impurities {
transform: translate(-3px, 27.5px); }
.template--set .up-arrow.slick-arrow,
.template--set-2 .up-arrow.slick-arrow,
.template--set-3 .up-arrow.slick-arrow,
.template--nano .up-arrow.slick-arrow,
.template--nano-2 .up-arrow.slick-arrow,
.template--salvage .up-arrow.slick-arrow,
.template--bundle-buildout .up-arrow.slick-arrow {
align-items: flex-start;
right: 42.5%;
top: -35px; }
.template--set .up-arrow.slick-arrow img,
.template--set-2 .up-arrow.slick-arrow img,
.template--set-3 .up-arrow.slick-arrow img,
.template--nano .up-arrow.slick-arrow img,
.template--nano-2 .up-arrow.slick-arrow img,
.template--salvage .up-arrow.slick-arrow img,
.template--bundle-buildout .up-arrow.slick-arrow img {
height: 25px;
transform: rotate(180deg); }
.template--set .down-arrow.slick-arrow,
.template--set-2 .down-arrow.slick-arrow,
.template--set-3 .down-arrow.slick-arrow,
.template--nano .down-arrow.slick-arrow,
.template--nano-2 .down-arrow.slick-arrow,
.template--salvage .down-arrow.slick-arrow,
.template--bundle-buildout .down-arrow.slick-arrow {
bottom: 0 !important;
top: inherit !important;
right: 42.5%; }
.template--set .down-arrow.slick-arrow img,
.template--set-2 .down-arrow.slick-arrow img,
.template--set-3 .down-arrow.slick-arrow img,
.template--nano .down-arrow.slick-arrow img,
.template--nano-2 .down-arrow.slick-arrow img,
.template--salvage .down-arrow.slick-arrow img,
.template--bundle-buildout .down-arrow.slick-arrow img {
height: 25px; }
.template--set .product-modal-content .up-arrow.slick-arrow,
.template--set-2 .product-modal-content .up-arrow.slick-arrow,
.template--set-3 .product-modal-content .up-arrow.slick-arrow,
.template--nano .product-modal-content .up-arrow.slick-arrow,
.template--nano-2 .product-modal-content .up-arrow.slick-arrow,
.template--salvage .product-modal-content .up-arrow.slick-arrow,
.template--bundle-buildout .product-modal-content .up-arrow.slick-arrow {
right: 33%;
top: -10px; }
.template--set .product-modal-content .up-arrow img,
.template--set .product-modal-content .down-arrow img,
.template--set-2 .product-modal-content .up-arrow img,
.template--set-2 .product-modal-content .down-arrow img,
.template--set-3 .product-modal-content .up-arrow img,
.template--set-3 .product-modal-content .down-arrow img,
.template--nano .product-modal-content .up-arrow img,
.template--nano .product-modal-content .down-arrow img,
.template--nano-2 .product-modal-content .up-arrow img,
.template--nano-2 .product-modal-content .down-arrow img,
.template--salvage .product-modal-content .up-arrow img,
.template--salvage .product-modal-content .down-arrow img,
.template--bundle-buildout .product-modal-content .up-arrow img,
.template--bundle-buildout .product-modal-content .down-arrow img {
height: 15px !important; }
.template--set .product-modal-content .up-arrow.prev-arrow,
.template--set-2 .product-modal-content .up-arrow.prev-arrow,
.template--set-3 .product-modal-content .up-arrow.prev-arrow,
.template--nano .product-modal-content .up-arrow.prev-arrow,
.template--nano-2 .product-modal-content .up-arrow.prev-arrow,
.template--salvage .product-modal-content .up-arrow.prev-arrow,
.template--bundle-buildout .product-modal-content .up-arrow.prev-arrow {
right: 33%;
bottom: 15px; }
.template--set .product-modal-content .down-arrow.slick-arrow,
.template--set-2 .product-modal-content .down-arrow.slick-arrow,
.template--set-3 .product-modal-content .down-arrow.slick-arrow,
.template--nano .product-modal-content .down-arrow.slick-arrow,
.template--nano-2 .product-modal-content .down-arrow.slick-arrow,
.template--salvage .product-modal-content .down-arrow.slick-arrow,
.template--bundle-buildout .product-modal-content .down-arrow.slick-arrow {
right: 33%;
bottom: 45px !important; }
.template--set .ingredients-heading h4 span,
.template--set-2 .ingredients-heading h4 span,
.template--set-3 .ingredients-heading h4 span,
.template--nano .ingredients-heading h4 span,
.template--nano-2 .ingredients-heading h4 span,
.template--salvage .ingredients-heading h4 span,
.template--bundle-buildout .ingredients-heading h4 span {
font-weight: 100 !important;
font-family: "freight-sans-pro"; }
.template--set .shop-pay-icon,
.template--set-2 .shop-pay-icon,
.template--set-3 .shop-pay-icon,
.template--nano .shop-pay-icon,
.template--nano-2 .shop-pay-icon,
.template--salvage .shop-pay-icon,
.template--bundle-buildout .shop-pay-icon {
height: 12.5px;
transform: translateY(2.5px); }
.template--set .reviews-img-wrapper,
.template--set-2 .reviews-img-wrapper,
.template--set-3 .reviews-img-wrapper,
.template--nano .reviews-img-wrapper,
.template--nano-2 .reviews-img-wrapper,
.template--salvage .reviews-img-wrapper,
.template--bundle-buildout .reviews-img-wrapper {
display: flex; }
.template--set .reviews-img-wrapper img,
.template--set-2 .reviews-img-wrapper img,
.template--set-3 .reviews-img-wrapper img,
.template--nano .reviews-img-wrapper img,
.template--nano-2 .reviews-img-wrapper img,
.template--salvage .reviews-img-wrapper img,
.template--bundle-buildout .reviews-img-wrapper img {
height: 20px; }
.template--set .thumb-badges,
.template--set-2 .thumb-badges,
.template--set-3 .thumb-badges,
.template--nano .thumb-badges,
.template--nano-2 .thumb-badges,
.template--salvage .thumb-badges,
.template--bundle-buildout .thumb-badges {
display: flex;
flex-direction: column;
max-height: calc(100% - 10px);
overflow: auto;
position: absolute;
right: 75px;
top: 5px;
z-index: 9999; }
.template--set .thumb-badges-item,
.template--set-2 .thumb-badges-item,
.template--set-3 .thumb-badges-item,
.template--nano .thumb-badges-item,
.template--nano-2 .thumb-badges-item,
.template--salvage .thumb-badges-item,
.template--bundle-buildout .thumb-badges-item {
height: 70px;
margin-top: 5px; }
.template--set .play-btn-wrapper,
.template--set-2 .play-btn-wrapper,
.template--set-3 .play-btn-wrapper,
.template--nano .play-btn-wrapper,
.template--nano-2 .play-btn-wrapper,
.template--salvage .play-btn-wrapper,
.template--bundle-buildout .play-btn-wrapper {
position: absolute;
display: flex;
width: 100%;
height: 264px;
align-items: center;
z-index: 9;
justify-content: center; }
.template--set .play-btn-wrapper img,
.template--set-2 .play-btn-wrapper img,
.template--set-3 .play-btn-wrapper img,
.template--nano .play-btn-wrapper img,
.template--nano-2 .play-btn-wrapper img,
.template--salvage .play-btn-wrapper img,
.template--bundle-buildout .play-btn-wrapper img {
height: 100px; }
.template--set video.playing,
.template--set-2 video.playing,
.template--set-3 video.playing,
.template--nano video.playing,
.template--nano-2 video.playing,
.template--salvage video.playing,
.template--bundle-buildout video.playing {
position: relative;
z-index: 99; }
.template--set .pause-btn,
.template--set-2 .pause-btn,
.template--set-3 .pause-btn,
.template--nano .pause-btn,
.template--nano-2 .pause-btn,
.template--salvage .pause-btn,
.template--bundle-buildout .pause-btn {
opacity: 0;
margin-top: 5px; }
.template--set video.playing + .pause-btn,
.template--set-2 video.playing + .pause-btn,
.template--set-3 video.playing + .pause-btn,
.template--nano video.playing + .pause-btn,
.template--nano-2 video.playing + .pause-btn,
.template--salvage video.playing + .pause-btn,
.template--bundle-buildout video.playing + .pause-btn {
opacity: 1; }
.template--set .pause-btn,
.template--set-2 .pause-btn,
.template--set-3 .pause-btn,
.template--nano .pause-btn,
.template--nano-2 .pause-btn,
.template--salvage .pause-btn,
.template--bundle-buildout .pause-btn {
display: flex;
margin: auto; }
.template--set .ingredients-read-more,
.template--set-2 .ingredients-read-more,
.template--set-3 .ingredients-read-more,
.template--nano .ingredients-read-more,
.template--nano-2 .ingredients-read-more,
.template--salvage .ingredients-read-more,
.template--bundle-buildout .ingredients-read-more {
margin-top: 20px !important;
display: block;
font-size: 18px;
font-family: "freight_sans_semibold";
text-decoration: underline;
transition: all 0.5s; }
.template--set .hidden-ingredients-block,
.template--set #ingredients-read-more.ingredients-open,
.template--set .hidden-faq-item,
.template--set .faq-btn-wrap.faq-open,
.template--set .faq-close-btn-wrap,
.template--set-2 .hidden-ingredients-block,
.template--set-2 #ingredients-read-more.ingredients-open,
.template--set-2 .hidden-faq-item,
.template--set-2 .faq-btn-wrap.faq-open,
.template--set-2 .faq-close-btn-wrap,
.template--set-3 .hidden-ingredients-block,
.template--set-3 #ingredients-read-more.ingredients-open,
.template--set-3 .hidden-faq-item,
.template--set-3 .faq-btn-wrap.faq-open,
.template--set-3 .faq-close-btn-wrap,
.template--nano .hidden-ingredients-block,
.template--nano #ingredients-read-more.ingredients-open,
.template--nano .hidden-faq-item,
.template--nano .faq-btn-wrap.faq-open,
.template--nano .faq-close-btn-wrap,
.template--nano-2 .hidden-ingredients-block,
.template--nano-2 #ingredients-read-more.ingredients-open,
.template--nano-2 .hidden-faq-item,
.template--nano-2 .faq-btn-wrap.faq-open,
.template--nano-2 .faq-close-btn-wrap,
.template--salvage .hidden-ingredients-block,
.template--salvage #ingredients-read-more.ingredients-open,
.template--salvage .hidden-faq-item,
.template--salvage .faq-btn-wrap.faq-open,
.template--salvage .faq-close-btn-wrap,
.template--bundle-buildout .hidden-ingredients-block,
.template--bundle-buildout #ingredients-read-more.ingredients-open,
.template--bundle-buildout .hidden-faq-item,
.template--bundle-buildout .faq-btn-wrap.faq-open,
.template--bundle-buildout .faq-close-btn-wrap {
display: none; }
.template--set .faq-close-btn-wrap.faq-open,
.template--set-2 .faq-close-btn-wrap.faq-open,
.template--set-3 .faq-close-btn-wrap.faq-open,
.template--nano .faq-close-btn-wrap.faq-open,
.template--nano-2 .faq-close-btn-wrap.faq-open,
.template--salvage .faq-close-btn-wrap.faq-open,
.template--bundle-buildout .faq-close-btn-wrap.faq-open {
display: flex; }
.template--set .ingredients-open + #ingredients-read-more2,
.template--set-2 .ingredients-open + #ingredients-read-more2,
.template--set-3 .ingredients-open + #ingredients-read-more2,
.template--nano .ingredients-open + #ingredients-read-more2,
.template--nano-2 .ingredients-open + #ingredients-read-more2,
.template--salvage .ingredients-open + #ingredients-read-more2,
.template--bundle-buildout .ingredients-open + #ingredients-read-more2 {
background: red;
display: flex; }
.template--set .life-after-hanacure .slick-arrow.next-arrow,
.template--set-2 .life-after-hanacure .slick-arrow.next-arrow,
.template--set-3 .life-after-hanacure .slick-arrow.next-arrow,
.template--nano .life-after-hanacure .slick-arrow.next-arrow,
.template--nano-2 .life-after-hanacure .slick-arrow.next-arrow,
.template--salvage .life-after-hanacure .slick-arrow.next-arrow,
.template--bundle-buildout .life-after-hanacure .slick-arrow.next-arrow {
right: -45px !important; }
.template--set .life-after-hanacure .slick-arrow.prev-arrow,
.template--set-2 .life-after-hanacure .slick-arrow.prev-arrow,
.template--set-3 .life-after-hanacure .slick-arrow.prev-arrow,
.template--nano .life-after-hanacure .slick-arrow.prev-arrow,
.template--nano-2 .life-after-hanacure .slick-arrow.prev-arrow,
.template--salvage .life-after-hanacure .slick-arrow.prev-arrow,
.template--bundle-buildout .life-after-hanacure .slick-arrow.prev-arrow {
left: -45px !important; }
.template--set #help-faq-main .how-it-work-title h2,
.template--set-2 #help-faq-main .how-it-work-title h2,
.template--set-3 #help-faq-main .how-it-work-title h2,
.template--nano #help-faq-main .how-it-work-title h2,
.template--nano-2 #help-faq-main .how-it-work-title h2,
.template--salvage #help-faq-main .how-it-work-title h2,
.template--bundle-buildout #help-faq-main .how-it-work-title h2 {
margin-bottom: 45px; }
.template--set .product-reviews,
.template--set-2 .product-reviews,
.template--set-3 .product-reviews,
.template--nano .product-reviews,
.template--nano-2 .product-reviews,
.template--salvage .product-reviews,
.template--bundle-buildout .product-reviews {
background: #fafafa; }
.template--set .product-reviews .okeReviews .okeReviews-widgetNavBar-item[aria-selected="true"],
.template--set .product-reviews .okeReviews .okeReviews-widgetNavBar-item:hover,
.template--set-2 .product-reviews .okeReviews .okeReviews-widgetNavBar-item[aria-selected="true"],
.template--set-2 .product-reviews .okeReviews .okeReviews-widgetNavBar-item:hover,
.template--set-3 .product-reviews .okeReviews .okeReviews-widgetNavBar-item[aria-selected="true"],
.template--set-3 .product-reviews .okeReviews .okeReviews-widgetNavBar-item:hover,
.template--nano .product-reviews .okeReviews .okeReviews-widgetNavBar-item[aria-selected="true"],
.template--nano .product-reviews .okeReviews .okeReviews-widgetNavBar-item:hover,
.template--nano-2 .product-reviews .okeReviews .okeReviews-widgetNavBar-item[aria-selected="true"],
.template--nano-2 .product-reviews .okeReviews .okeReviews-widgetNavBar-item:hover,
.template--salvage .product-reviews .okeReviews .okeReviews-widgetNavBar-item[aria-selected="true"],
.template--salvage .product-reviews .okeReviews .okeReviews-widgetNavBar-item:hover,
.template--bundle-buildout .product-reviews .okeReviews .okeReviews-widgetNavBar-item[aria-selected="true"],
.template--bundle-buildout .product-reviews .okeReviews .okeReviews-widgetNavBar-item:hover {
border-bottom: 4px solid #e6e6e6 !important; }
.template--set .okeReviews-widget-holder,
.template--set-2 .okeReviews-widget-holder,
.template--set-3 .okeReviews-widget-holder,
.template--nano .okeReviews-widget-holder,
.template--nano-2 .okeReviews-widget-holder,
.template--salvage .okeReviews-widget-holder,
.template--bundle-buildout .okeReviews-widget-holder {
max-width: 1400px;
margin: auto; }
.template--set .product-reviews .okeReviews .okeReviews-widgetNavBar,
.template--set-2 .product-reviews .okeReviews .okeReviews-widgetNavBar,
.template--set-3 .product-reviews .okeReviews .okeReviews-widgetNavBar,
.template--nano .product-reviews .okeReviews .okeReviews-widgetNavBar,
.template--nano-2 .product-reviews .okeReviews .okeReviews-widgetNavBar,
.template--salvage .product-reviews .okeReviews .okeReviews-widgetNavBar,
.template--bundle-buildout .product-reviews .okeReviews .okeReviews-widgetNavBar {
border-bottom: 1px solid #e6e6e6; }
.template--set .okeReviews.okeReviews--theme .okeReviews-button,
.template--set-2 .okeReviews.okeReviews--theme .okeReviews-button,
.template--set-3 .okeReviews.okeReviews--theme .okeReviews-button,
.template--nano .okeReviews.okeReviews--theme .okeReviews-button,
.template--nano-2 .okeReviews.okeReviews--theme .okeReviews-button,
.template--salvage .okeReviews.okeReviews--theme .okeReviews-button,
.template--bundle-buildout .okeReviews.okeReviews--theme .okeReviews-button {
border: none !important; }
.template--set .okeReviews.okeReviews--theme .okeReviews-button:hover,
.template--set-2 .okeReviews.okeReviews--theme .okeReviews-button:hover,
.template--set-3 .okeReviews.okeReviews--theme .okeReviews-button:hover,
.template--nano .okeReviews.okeReviews--theme .okeReviews-button:hover,
.template--nano-2 .okeReviews.okeReviews--theme .okeReviews-button:hover,
.template--salvage .okeReviews.okeReviews--theme .okeReviews-button:hover,
.template--bundle-buildout .okeReviews.okeReviews--theme .okeReviews-button:hover {
background: transparent !important;
color: inherit !important; }
.template--set .product-reviews .okeReviews .okeReviews-button::before,
.template--set-2 .product-reviews .okeReviews .okeReviews-button::before,
.template--set-3 .product-reviews .okeReviews .okeReviews-button::before,
.template--nano .product-reviews .okeReviews .okeReviews-button::before,
.template--nano-2 .product-reviews .okeReviews .okeReviews-button::before,
.template--salvage .product-reviews .okeReviews .okeReviews-button::before,
.template--bundle-buildout .product-reviews .okeReviews .okeReviews-button::before {
content: url(https://cdn.shopify.com/s/files/1/0570/5282/3727/files/write-review.svg?v=1621578681);
height: 0px;
transform: translateY(-15px); }
.template--set .product-reviews .okeReviews .okeReviews-button::after,
.template--set-2 .product-reviews .okeReviews .okeReviews-button::after,
.template--set-3 .product-reviews .okeReviews .okeReviews-button::after,
.template--nano .product-reviews .okeReviews .okeReviews-button::after,
.template--nano-2 .product-reviews .okeReviews .okeReviews-button::after,
.template--salvage .product-reviews .okeReviews .okeReviews-button::after,
.template--bundle-buildout .product-reviews .okeReviews .okeReviews-button::after {
display: none; }
.template--set #how-it-work-main .how-it-work-title,
.template--set-2 #how-it-work-main .how-it-work-title,
.template--set-3 #how-it-work-main .how-it-work-title,
.template--nano #how-it-work-main .how-it-work-title,
.template--nano-2 #how-it-work-main .how-it-work-title,
.template--salvage #how-it-work-main .how-it-work-title,
.template--bundle-buildout #how-it-work-main .how-it-work-title {
margin-bottom: 50px; }
.template--set [aria-selected="true"],
.template--set-2 [aria-selected="true"],
.template--set-3 [aria-selected="true"],
.template--nano [aria-selected="true"],
.template--nano-2 [aria-selected="true"],
.template--salvage [aria-selected="true"],
.template--bundle-buildout [aria-selected="true"] {
font-family: "freight_sans_semibold" !important; }
.template--set .product-reviews .okeReviews .okeReviews-widgetNavBar-item,
.template--set-2 .product-reviews .okeReviews .okeReviews-widgetNavBar-item,
.template--set-3 .product-reviews .okeReviews .okeReviews-widgetNavBar-item,
.template--nano .product-reviews .okeReviews .okeReviews-widgetNavBar-item,
.template--nano-2 .product-reviews .okeReviews .okeReviews-widgetNavBar-item,
.template--salvage .product-reviews .okeReviews .okeReviews-widgetNavBar-item,
.template--bundle-buildout .product-reviews .okeReviews .okeReviews-widgetNavBar-item {
padding: 15px !important;
position: relative;
z-index: 9; }
.template--set .okeReviews-reviewsWidget-header,
.template--set-2 .okeReviews-reviewsWidget-header,
.template--set-3 .okeReviews-reviewsWidget-header,
.template--nano .okeReviews-reviewsWidget-header,
.template--nano-2 .okeReviews-reviewsWidget-header,
.template--salvage .okeReviews-reviewsWidget-header,
.template--bundle-buildout .okeReviews-reviewsWidget-header {
position: absolute;
transform: translate(-50px, -120px); }
.template--set .js-okeReviews-reviewsContainer,
.template--set-2 .js-okeReviews-reviewsContainer,
.template--set-3 .js-okeReviews-reviewsContainer,
.template--nano .js-okeReviews-reviewsContainer,
.template--nano-2 .js-okeReviews-reviewsContainer,
.template--salvage .js-okeReviews-reviewsContainer,
.template--bundle-buildout .js-okeReviews-reviewsContainer {
width: 100%; }
.template--set #okeReviews-qanda-233090-tab,
.template--set-2 #okeReviews-qanda-233090-tab,
.template--set-3 #okeReviews-qanda-233090-tab,
.template--nano #okeReviews-qanda-233090-tab,
.template--nano-2 #okeReviews-qanda-233090-tab,
.template--salvage #okeReviews-qanda-233090-tab,
.template--bundle-buildout #okeReviews-qanda-233090-tab {
position: relative;
z-index: 99; }
.template--set .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--set-2 .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--set-3 .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--nano .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--nano-2 .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--salvage .product-reviews .okeReviews .okeReviews-reviewsWidget,
.template--bundle-buildout .product-reviews .okeReviews .okeReviews-reviewsWidget {
display: flex; }
.template--set .okeReviews-reviewsAggregate,
.template--set-2 .okeReviews-reviewsAggregate,
.template--set-3 .okeReviews-reviewsAggregate,
.template--nano .okeReviews-reviewsAggregate,
.template--nano-2 .okeReviews-reviewsAggregate,
.template--salvage .okeReviews-reviewsAggregate,
.template--bundle-buildout .okeReviews-reviewsAggregate {
display: flex !important;
flex-direction: column; }
.template--set .okeReviews-reviews,
.template--set-2 .okeReviews-reviews,
.template--set-3 .okeReviews-reviews,
.template--nano .okeReviews-reviews,
.template--nano-2 .okeReviews-reviews,
.template--salvage .okeReviews-reviews,
.template--bundle-buildout .okeReviews-reviews {
width: 95%;
margin-left: auto; }
.template--set .okeReviews .is-okeReviews-reviewsWidget-large .okeReviews-review--largeMedia .okeReviews-mediaStrip-item-wrapper,
.template--set-2 .okeReviews .is-okeReviews-reviewsWidget-large .okeReviews-review--largeMedia .okeReviews-mediaStrip-item-wrapper,
.template--set-3 .okeReviews .is-okeReviews-reviewsWidget-large .okeReviews-review--largeMedia .okeReviews-mediaStrip-item-wrapper,
.template--nano .okeReviews .is-okeReviews-reviewsWidget-large .okeReviews-review--largeMedia .okeReviews-mediaStrip-item-wrapper,
.template--nano-2 .okeReviews .is-okeReviews-reviewsWidget-large .okeReviews-review--largeMedia .okeReviews-mediaStrip-item-wrapper,
.template--salvage .okeReviews .is-okeReviews-reviewsWidget-large .okeReviews-review--largeMedia .okeReviews-mediaStrip-item-wrapper,
.template--bundle-buildout .okeReviews .is-okeReviews-reviewsWidget-large .okeReviews-review--largeMedia .okeReviews-mediaStrip-item-wrapper {
text-align: right !important; }
.template--set .okeReviews .is-okeReviews-reviewsWidget-large .okeReviews-review--largeMedia .okeReviews-mediaStrip-item-media,
.template--set-2 .okeReviews .is-okeReviews-reviewsWidget-large .okeReviews-review--largeMedia .okeReviews-mediaStrip-item-media,
.template--set-3 .okeReviews .is-okeReviews-reviewsWidget-large .okeReviews-review--largeMedia .okeReviews-mediaStrip-item-media,
.template--nano .okeReviews .is-okeReviews-reviewsWidget-large .okeReviews-review--largeMedia .okeReviews-mediaStrip-item-media,
.template--nano-2 .okeReviews .is-okeReviews-reviewsWidget-large .okeReviews-review--largeMedia .okeReviews-mediaStrip-item-media,
.template--salvage .okeReviews .is-okeReviews-reviewsWidget-large .okeReviews-review--largeMedia .okeReviews-mediaStrip-item-media,
.template--bundle-buildout .okeReviews .is-okeReviews-reviewsWidget-large .okeReviews-review--largeMedia .okeReviews-mediaStrip-item-media {
width: 200px !important;
height: 200px !important;
-o-object-fit: cover !important;
object-fit: cover !important; }
.template--set .okeReviews .okeReviews-review-reviewer-profile-status--verified:before,
.template--set-2 .okeReviews .okeReviews-review-reviewer-profile-status--verified:before,
.template--set-3 .okeReviews .okeReviews-review-reviewer-profile-status--verified:before,
.template--nano .okeReviews .okeReviews-review-reviewer-profile-status--verified:before,
.template--nano-2 .okeReviews .okeReviews-review-reviewer-profile-status--verified:before,
.template--salvage .okeReviews .okeReviews-review-reviewer-profile-status--verified:before,
.template--bundle-buildout .okeReviews .okeReviews-review-reviewer-profile-status--verified:before {
font-size: 0.85em !important;
margin-right: 0px !important; }
.template--set .product-reviews .okeReviews .okeReviews-review-reviewer-profile,
.template--set-2 .product-reviews .okeReviews .okeReviews-review-reviewer-profile,
.template--set-3 .product-reviews .okeReviews .okeReviews-review-reviewer-profile,
.template--nano .product-reviews .okeReviews .okeReviews-review-reviewer-profile,
.template--nano-2 .product-reviews .okeReviews .okeReviews-review-reviewer-profile,
.template--salvage .product-reviews .okeReviews .okeReviews-review-reviewer-profile,
.template--bundle-buildout .product-reviews .okeReviews .okeReviews-review-reviewer-profile {
display: flex;
align-items: center; }
.template--set .okeReviews .okeReviews-review-reviewer-profile-details,
.template--set-2 .okeReviews .okeReviews-review-reviewer-profile-details,
.template--set-3 .okeReviews .okeReviews-review-reviewer-profile-details,
.template--nano .okeReviews .okeReviews-review-reviewer-profile-details,
.template--nano-2 .okeReviews .okeReviews-review-reviewer-profile-details,
.template--salvage .okeReviews .okeReviews-review-reviewer-profile-details,
.template--bundle-buildout .okeReviews .okeReviews-review-reviewer-profile-details {
display: flex;
flex-direction: column; }
.template--set .okeReviews .okeReviews-review-reviewer-profile-status,
.template--set-2 .okeReviews .okeReviews-review-reviewer-profile-status,
.template--set-3 .okeReviews .okeReviews-review-reviewer-profile-status,
.template--nano .okeReviews .okeReviews-review-reviewer-profile-status,
.template--nano-2 .okeReviews .okeReviews-review-reviewer-profile-status,
.template--salvage .okeReviews .okeReviews-review-reviewer-profile-status,
.template--bundle-buildout .okeReviews .okeReviews-review-reviewer-profile-status {
margin-top: 0px !important; }
.template--set .okeReviews-review-reviewer-profile-name,
.template--set-2 .okeReviews-review-reviewer-profile-name,
.template--set-3 .okeReviews-review-reviewer-profile-name,
.template--nano .okeReviews-review-reviewer-profile-name,
.template--nano-2 .okeReviews-review-reviewer-profile-name,
.template--salvage .okeReviews-review-reviewer-profile-name,
.template--bundle-buildout .okeReviews-review-reviewer-profile-name {
color: #000 !important;
font-size: 16px !important; }
.template--set .okeReviews.okeReviews--theme .okeReviews-review-reviewer-profile-status--verified,
.template--set-2 .okeReviews.okeReviews--theme .okeReviews-review-reviewer-profile-status--verified,
.template--set-3 .okeReviews.okeReviews--theme .okeReviews-review-reviewer-profile-status--verified,
.template--nano .okeReviews.okeReviews--theme .okeReviews-review-reviewer-profile-status--verified,
.template--nano-2 .okeReviews.okeReviews--theme .okeReviews-review-reviewer-profile-status--verified,
.template--salvage .okeReviews.okeReviews--theme .okeReviews-review-reviewer-profile-status--verified,
.template--bundle-buildout .okeReviews.okeReviews--theme .okeReviews-review-reviewer-profile-status--verified {
color: #000;
font-size: 12px !important;
transform: translateY(-5px); }
.template--set .okeReviews-reviews-controls,
.template--set-2 .okeReviews-reviews-controls,
.template--set-3 .okeReviews-reviews-controls,
.template--nano .okeReviews-reviews-controls,
.template--nano-2 .okeReviews-reviews-controls,
.template--salvage .okeReviews-reviews-controls,
.template--bundle-buildout .okeReviews-reviews-controls {
display: none !important; }
.template--set .okeReviews .okeReviews-review-recommendation,
.template--set-2 .okeReviews .okeReviews-review-recommendation,
.template--set-3 .okeReviews .okeReviews-review-recommendation,
.template--nano .okeReviews .okeReviews-review-recommendation,
.template--nano-2 .okeReviews .okeReviews-review-recommendation,
.template--salvage .okeReviews .okeReviews-review-recommendation,
.template--bundle-buildout .okeReviews .okeReviews-review-recommendation {
margin-top: 1em !important;
font-size: 12px !important; }
.template--set .product-reviews .okeReviews .okeReviews-review-main-heading,
.template--set-2 .product-reviews .okeReviews .okeReviews-review-main-heading,
.template--set-3 .product-reviews .okeReviews .okeReviews-review-main-heading,
.template--nano .product-reviews .okeReviews .okeReviews-review-main-heading,
.template--nano-2 .product-reviews .okeReviews .okeReviews-review-main-heading,
.template--salvage .product-reviews .okeReviews .okeReviews-review-main-heading,
.template--bundle-buildout .product-reviews .okeReviews .okeReviews-review-main-heading {
font-family: "freight_sans_bold";
color: #000; }
.template--set .okeReviews-review-date,
.template--set-2 .okeReviews-review-date,
.template--set-3 .okeReviews-review-date,
.template--nano .okeReviews-review-date,
.template--nano-2 .okeReviews-review-date,
.template--salvage .okeReviews-review-date,
.template--bundle-buildout .okeReviews-review-date {
display: none !important; }
.template--set .okeReviews-reviews-review,
.template--set-2 .okeReviews-reviews-review,
.template--set-3 .okeReviews-reviews-review,
.template--nano .okeReviews-reviews-review,
.template--nano-2 .okeReviews-reviews-review,
.template--salvage .okeReviews-reviews-review,
.template--bundle-buildout .okeReviews-reviews-review {
background: #fff !important;
padding: 25px !important;
border: none !important;
box-shadow: 0px 2px 10px #0000000d;
margin: 20px 0 !important; }
.template--set .okeReviews .okeReviews-helpful-question,
.template--set-2 .okeReviews .okeReviews-helpful-question,
.template--set-3 .okeReviews .okeReviews-helpful-question,
.template--nano .okeReviews .okeReviews-helpful-question,
.template--nano-2 .okeReviews .okeReviews-helpful-question,
.template--salvage .okeReviews .okeReviews-helpful-question,
.template--bundle-buildout .okeReviews .okeReviews-helpful-question {
font-family: "freight_sans_semibold"; }
.template--set .okeReviews .okeReviews-review-helpful-vote-button--negative:before,
.template--set .okeReviews .okeReviews-review-helpful-vote-button--positive:before,
.template--set-2 .okeReviews .okeReviews-review-helpful-vote-button--negative:before,
.template--set-2 .okeReviews .okeReviews-review-helpful-vote-button--positive:before,
.template--set-3 .okeReviews .okeReviews-review-helpful-vote-button--negative:before,
.template--set-3 .okeReviews .okeReviews-review-helpful-vote-button--positive:before,
.template--nano .okeReviews .okeReviews-review-helpful-vote-button--negative:before,
.template--nano .okeReviews .okeReviews-review-helpful-vote-button--positive:before,
.template--nano-2 .okeReviews .okeReviews-review-helpful-vote-button--negative:before,
.template--nano-2 .okeReviews .okeReviews-review-helpful-vote-button--positive:before,
.template--salvage .okeReviews .okeReviews-review-helpful-vote-button--negative:before,
.template--salvage .okeReviews .okeReviews-review-helpful-vote-button--positive:before,
.template--bundle-buildout .okeReviews .okeReviews-review-helpful-vote-button--negative:before,
.template--bundle-buildout .okeReviews .okeReviews-review-helpful-vote-button--positive:before {
opacity: 1 !important; }
.template--set .okeReviews .okeReviews-reviews-footer:before,
.template--set-2 .okeReviews .okeReviews-reviews-footer:before,
.template--set-3 .okeReviews .okeReviews-reviews-footer:before,
.template--nano .okeReviews .okeReviews-reviews-footer:before,
.template--nano-2 .okeReviews .okeReviews-reviews-footer:before,
.template--salvage .okeReviews .okeReviews-reviews-footer:before,
.template--bundle-buildout .okeReviews .okeReviews-reviews-footer:before {
display: none !important; }
.template--set .okeReviews .okeReviews-reviews-showMore,
.template--set-2 .okeReviews .okeReviews-reviews-showMore,
.template--set-3 .okeReviews .okeReviews-reviews-showMore,
.template--nano .okeReviews .okeReviews-reviews-showMore,
.template--nano-2 .okeReviews .okeReviews-reviews-showMore,
.template--salvage .okeReviews .okeReviews-reviews-showMore,
.template--bundle-buildout .okeReviews .okeReviews-reviews-showMore {
font-family: "freight_sans_semibold";
width: 150px !important;
padding: 15px !important;
background: #000 !important;
color: #fff !important; }
.template--set .okeReviews .okeReviews-reviews-showMore:after,
.template--set-2 .okeReviews .okeReviews-reviews-showMore:after,
.template--set-3 .okeReviews .okeReviews-reviews-showMore:after,
.template--nano .okeReviews .okeReviews-reviews-showMore:after,
.template--nano-2 .okeReviews .okeReviews-reviews-showMore:after,
.template--salvage .okeReviews .okeReviews-reviews-showMore:after,
.template--bundle-buildout .okeReviews .okeReviews-reviews-showMore:after {
border: none !important;
content: url(https://cdn.shopify.com/s/files/1/0570/5282/3727/files/down-arrow_db2099a6-a797-49eb-ae8d-aa78348e3a9c.svg?v=1621583218) !important;
transform: translateY(2.5px);
margin-left: 10px; }
.template--set .okeReviews-reviewsAggregate-summary-rating,
.template--set-2 .okeReviews-reviewsAggregate-summary-rating,
.template--set-3 .okeReviews-reviewsAggregate-summary-rating,
.template--nano .okeReviews-reviewsAggregate-summary-rating,
.template--nano-2 .okeReviews-reviewsAggregate-summary-rating,
.template--salvage .okeReviews-reviewsAggregate-summary-rating,
.template--bundle-buildout .okeReviews-reviewsAggregate-summary-rating {
display: flex; }
.template--set .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--set-2 .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--set-3 .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--nano .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--nano-2 .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--salvage .product-reviews .okeReviews-reviewsAggregate-summary-total,
.template--bundle-buildout .product-reviews .okeReviews-reviewsAggregate-summary-total {
text-align: right;
font-size: 15px !important;
font-weight: 100 !important;
color: #121212 !important; }
.template--set .product-reviews .okeReviews-reviewsAggregate-recommends span:first-child,
.template--set-2 .product-reviews .okeReviews-reviewsAggregate-recommends span:first-child,
.template--set-3 .product-reviews .okeReviews-reviewsAggregate-recommends span:first-child,
.template--nano .product-reviews .okeReviews-reviewsAggregate-recommends span:first-child,
.template--nano-2 .product-reviews .okeReviews-reviewsAggregate-recommends span:first-child,
.template--salvage .product-reviews .okeReviews-reviewsAggregate-recommends span:first-child,
.template--bundle-buildout .product-reviews .okeReviews-reviewsAggregate-recommends span:first-child {
font-family: "freight_sans_bold";
font-size: 40px !important; }
.template--set .product-reviews .okeReviews-reviewsAggregate-recommends span:last-child,
.template--set-2 .product-reviews .okeReviews-reviewsAggregate-recommends span:last-child,
.template--set-3 .product-reviews .okeReviews-reviewsAggregate-recommends span:last-child,
.template--nano .product-reviews .okeReviews-reviewsAggregate-recommends span:last-child,
.template--nano-2 .product-reviews .okeReviews-reviewsAggregate-recommends span:last-child,
.template--salvage .product-reviews .okeReviews-reviewsAggregate-recommends span:last-child,
.template--bundle-buildout .product-reviews .okeReviews-reviewsAggregate-recommends span:last-child {
font-size: 15px !important;
font-weight: 100 !important;
color: #121212 !important; }
.template--set .okeReviews .okeReviews-mediaStrip.is-overflow .okeReviews-mediaStrip-item:last-child:before,
.template--set-2 .okeReviews .okeReviews-mediaStrip.is-overflow .okeReviews-mediaStrip-item:last-child:before,
.template--set-3 .okeReviews .okeReviews-mediaStrip.is-overflow .okeReviews-mediaStrip-item:last-child:before,
.template--nano .okeReviews .okeReviews-mediaStrip.is-overflow .okeReviews-mediaStrip-item:last-child:before,
.template--nano-2 .okeReviews .okeReviews-mediaStrip.is-overflow .okeReviews-mediaStrip-item:last-child:before,
.template--salvage .okeReviews .okeReviews-mediaStrip.is-overflow .okeReviews-mediaStrip-item:last-child:before,
.template--bundle-buildout .okeReviews .okeReviews-mediaStrip.is-overflow .okeReviews-mediaStrip-item:last-child:before {
border: none !important;
box-shadow: none !important; }
.template--set .okeReviews .okeReviews-mediaStrip.is-overflow .okeReviews-mediaStrip-item:last-child:after,
.template--set-2 .okeReviews .okeReviews-mediaStrip.is-overflow .okeReviews-mediaStrip-item:last-child:after,
.template--set-3 .okeReviews .okeReviews-mediaStrip.is-overflow .okeReviews-mediaStrip-item:last-child:after,
.template--nano .okeReviews .okeReviews-mediaStrip.is-overflow .okeReviews-mediaStrip-item:last-child:after,
.template--nano-2 .okeReviews .okeReviews-mediaStrip.is-overflow .okeReviews-mediaStrip-item:last-child:after,
.template--salvage .okeReviews .okeReviews-mediaStrip.is-overflow .okeReviews-mediaStrip-item:last-child:after,
.template--bundle-buildout .okeReviews .okeReviews-mediaStrip.is-overflow .okeReviews-mediaStrip-item:last-child:after {
border: none !important;
box-shadow: none !important; }
.template--set .okeReviews p,
.template--set-2 .okeReviews p,
.template--set-3 .okeReviews p,
.template--nano .okeReviews p,
.template--nano-2 .okeReviews p,
.template--salvage .okeReviews p,
.template--bundle-buildout .okeReviews p {
font-size: 16px !important;
line-height: 22px !important;
color: #000 !important;
font-weight: 100 !important;
letter-spacing: 0px; }
.template--set #shopify-section-badges,
.template--set-2 #shopify-section-badges,
.template--set-3 #shopify-section-badges,
.template--nano #shopify-section-badges,
.template--nano-2 #shopify-section-badges,
.template--salvage #shopify-section-badges,
.template--bundle-buildout #shopify-section-badges {
text-align: center;
padding: 5px; }
.template--set #shopify-section-badges strong,
.template--set-2 #shopify-section-badges strong,
.template--set-3 #shopify-section-badges strong,
.template--nano #shopify-section-badges strong,
.template--nano-2 #shopify-section-badges strong,
.template--salvage #shopify-section-badges strong,
.template--bundle-buildout #shopify-section-badges strong {
font-family: "freight_sans_semibold"; }
.template--set #shopify-section-badges p,
.template--set-2 #shopify-section-badges p,
.template--set-3 #shopify-section-badges p,
.template--nano #shopify-section-badges p,
.template--nano-2 #shopify-section-badges p,
.template--salvage #shopify-section-badges p,
.template--bundle-buildout #shopify-section-badges p {
display: flex;
align-items: center;
text-align: center !important;
place-content: center; }
.template--set #shopify-section-badges img,
.template--set-2 #shopify-section-badges img,
.template--set-3 #shopify-section-badges img,
.template--nano #shopify-section-badges img,
.template--nano-2 #shopify-section-badges img,
.template--salvage #shopify-section-badges img,
.template--bundle-buildout #shopify-section-badges img {
height: 15px;
margin-right: 15px; }
.template--set .footer__inner li::marker,
.template--set-2 .footer__inner li::marker,
.template--set-3 .footer__inner li::marker,
.template--nano .footer__inner li::marker,
.template--nano-2 .footer__inner li::marker,
.template--salvage .footer__inner li::marker,
.template--bundle-buildout .footer__inner li::marker {
display: none !important;
content: none !important; }
.template--set .footer__inner ul,
.template--set-2 .footer__inner ul,
.template--set-3 .footer__inner ul,
.template--nano .footer__inner ul,
.template--nano-2 .footer__inner ul,
.template--salvage .footer__inner ul,
.template--bundle-buildout .footer__inner ul {
padding-left: 0px !important; }
.template--set .product-hero__form,
.template--set-2 .product-hero__form,
.template--set-3 .product-hero__form,
.template--nano .product-hero__form,
.template--nano-2 .product-hero__form,
.template--salvage .product-hero__form,
.template--bundle-buildout .product-hero__form {
font-size: 0px !important; }
.template--set #product-modal .thumbImg img,
.template--set-2 #product-modal .thumbImg img,
.template--set-3 #product-modal .thumbImg img,
.template--nano #product-modal .thumbImg img,
.template--nano-2 #product-modal .thumbImg img,
.template--salvage #product-modal .thumbImg img,
.template--bundle-buildout #product-modal .thumbImg img {
height: 40px !important;
margin: 2.5px 0 !important; }
.template--nano-2 .product-hero__option,
.template--salvage .product-hero__option {
display: block !important; }
.product-reviews .okeReviews-reviewsWidget-reviewsAggregate,
.product-reviews .okeReviews-reviews-review {
border-bottom: none !important; }
.special_block p {
font-size: 16px; }
.special_block strong {
font-weight: 600; }
.howtouse_list ul {
padding-top: 30px; }
.howtouse_list li:not(:last-child) {
margin-bottom: 20px; }
.howtouse-microphol-cleanser .list_info {
list-style: initial; }
.ingredients_list__image {
width: 56px;
flex-shrink: 0;
margin-right: 15px; }
.ingredients_list .list_info {
align-items: center;
display: block; }
.ingredients_list .list_info span {
display: block; }
.ingredients_list figure {
position: relative;
height: 0;
padding-top: 100%; }
.additional-ingredients {
margin-top: 34px;
color: #313131; }
.additional-ingredients__title {
font-size: 16px;
font-weight: 500; }
.additional-ingredients__list {
margin-top: 7px; }
.product_info_tab .tab_info .list .additional-ingredients li {
font-size: 14px;
list-style: initial;
color: #313131; }
.review_main .okeReviews .okeReviews-reviewsSummary-starRating,
#shopify-section-badges .okeReviews .okeReviews-reviewsSummary-starRating {
vertical-align: middle; }
.review_main .okeReviews .okeReviews-reviewsSummary.is-okeReviews-clickable:hover .okeReviews-reviewsSummary-ratingCount,
#shopify-section-badges .okeReviews .okeReviews-reviewsSummary.is-okeReviews-clickable:hover .okeReviews-reviewsSummary-ratingCount {
text-decoration: none; }
.review_main .okeReviews .okeReviews-reviewsSummary-ratingCount,
#shopify-section-badges .okeReviews .okeReviews-reviewsSummary-ratingCount {
margin-bottom: 5px;
text-decoration: underline; }
.review_main .okeReviews .okeReviews-starRating--small .okeReviews-starRating-indicator-layer,
#shopify-section-badges .okeReviews .okeReviews-starRating--small .okeReviews-starRating-indicator-layer {
background-size: 80px 15px; }
.review_main .okeReviews .okeReviews-a11yText:first-child,
#shopify-section-badges .okeReviews .okeReviews-a11yText:first-child {
width: auto;
height: auto;
clip: auto;
margin: 0;
overflow: auto;
position: static;
margin-left: 15px;
font-size: 16px; }
.review_main .okeReviews .okeReviews-starRating-indicator,
#shopify-section-badges .okeReviews .okeReviews-starRating-indicator {
display: inline-block;
width: 80px;
height: 15px;
position: relative; }
.review_main .okeReviews .okeReviews-starRating--small,
#shopify-section-badges .okeReviews .okeReviews-starRating--small {
width: auto !important;
height: auto !important;
display: inline-flex;
flex-direction: row-reverse;
align-items: center; }
.review_main .okeReviews .okeReviews-starRating--small > *,
#shopify-section-badges .okeReviews .okeReviews-starRating--small > * {
vertical-align: middle;
display: inline-block; }
.review_main .okeReviews .okeReviews-reviewsSummary-ratingCount,
#shopify-section-badges .okeReviews .okeReviews-reviewsSummary-ratingCount {
font-size: 16px;
font-weight: 600;
margin: 0;
text-decoration: none; }
.review_main .okeReviews .okeReviews-reviewsSummary-ratingCount::before,
#shopify-section-badges .okeReviews .okeReviews-reviewsSummary-ratingCount::before {
content: '|';
font-weight: 400; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/404/page-not-found/page-not-found.scss */
/* ------------------------------------------------------------ *\
Page not found
\* ------------------------------------------------------------ */
.page-not-found__head {
height: 50vw;
max-height: 420px;
z-index: 1;
padding: 25px 0; }
.page-not-found__image {
z-index: -1; }
.page-not-found__title {
margin-bottom: 35px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/article/blog-articles/blog-articles.scss */
/* ------------------------------------------------------------ *\
Recommended Articles
\* ------------------------------------------------------------ */
.recommended-articles {
overflow: hidden;
padding: 102px 30px 62px; }
@media (min-width: 1024px) {
.recommended-articles {
padding: 130px 30px 62px; } }
.recommended-articles__head {
margin-bottom: 47px; }
@media (min-width: 1024px) {
.recommended-articles__head {
margin-bottom: 87px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/before-after/before-after-grid/before-after-grid.scss */
/**
* Before After Grid
*/
.before-after__grid {
display: flex;
flex-wrap: wrap;
padding: 45px 0; }
.before-after__item-wrapper {
display: flex;
flex-direction: column;
width: 100%;
margin-right: 20px;
margin-bottom: 45px; }
@media (min-width: 769px) {
.before-after__item-wrapper {
flex: 0 0 33.33%;
max-width: 33.33%;
width: auto;
margin-right: 0;
padding: 0 25px; } }
@media (min-width: 1024px) {
.before-after__item-wrapper {
padding: 0 33px; } }
.before-after__item {
position: relative;
width: 100%; }
.before-after__title {
text-transform: uppercase;
padding: 20px 0 14px; }
@media (min-width: 769px) {
.before-after__title {
flex: 1 1;
max-width: 100%; } }
.before-after__content {
flex: 1 1;
display: block;
margin: 25px auto;
border-top: 1px solid #000; }
.before-after__image-wrapper {
position: relative;
display: block;
padding-top: 100%;
margin-bottom: 45px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/account/account-address/account-address.scss */
.account-address__list > * + * {
padding-top: 20px; }
.account-address__item {
padding: 0;
margin-bottom: 50px; }
.account-address__item button,
.account-address__item button + form {
min-width: 0;
margin: 10px; }
.account-adddress__add-address {
margin-top: 20px; }
.account-address__footer {
margin: 0 -10px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/account/account-grid/account-grid.scss */
.account-grid {
flex-flow: row wrap;
align-items: flex-start; }
@media (min-width: 769px) {
.account-grid {
min-height: 100vh;
align-items: stretch; } }
.account-grid .account__content {
width: 100%;
padding: 30px; }
@media (min-width: 769px) {
.account-grid .account__content {
width: calc(100% - 310px);
padding: 87px 30px; } }
@media (min-width: 1441px) {
.account-grid .account__content {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-start;
padding: 87px 139px; }
.account-grid .account__content > * {
max-width: 1012px; } }
.account-grid .account__content h1 {
color: #000;
text-align: left;
margin-bottom: 20px;
text-transform: none; }
@media (min-width: 1024px) {
.account-grid .account__content h1 {
margin-bottom: 50px; } }
.account-grid .account__content > section {
width: 100%; }
.account__subtitle {
color: #000;
margin-bottom: 20px;
letter-spacing: 0.625px;
font-weight: 500; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/account/account-forms/account-forms.scss */
/* .account-forms{
Something..
} */
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/account/account-login-form/account-login-form.scss */
.account__login_grid {
display: block;
width: 100%;
overflow-y: auto;
overflow-x: hidden; }
.account__login_grid__container {
position: relative; }
@media (min-width: 769px) {
.account__login_grid__container {
min-height: 100vh; } }
@media (min-width: 1024px) {
.account__login_grid__container {
justify-content: space-around; } }
@media (min-width: 769px) {
.account__login_grid__container::before {
content: '';
top: 0;
bottom: 0;
left: 50%;
z-index: -1;
right: -10%;
position: absolute;
background: #f6f6f6; } }
.account__login_grid .recover__container::before {
display: none; }
.account__login_grid__sign_in {
margin-bottom: 40px; }
@media (min-width: 769px) {
.account__login_grid__sign_in {
margin-bottom: 0; } }
.account__login_grid__title {
margin: 30px 0 19px;
text-transform: initial; }
@media (min-width: 769px) {
.account__login_grid__title {
margin-top: 217px; } }
.account__login_grid__description {
color: #313131;
margin: 20px 0 20px; }
.account__login_grid__sign_in, .account__login_grid__sign_up {
width: 100%;
padding: 0 20px;
margin: 0 auto; }
@media (min-width: 769px) {
.account__login_grid__sign_in, .account__login_grid__sign_up {
flex: 1;
width: 80%;
max-width: 500px; } }
.account__login_grid__sign_up {
position: relative;
z-index: 1;
background: #f6f6f6; }
.account__login_grid__sign_up::before {
content: '';
position: absolute;
top: 0;
left: 50%;
z-index: -1;
width: 100vw;
height: 100%;
background-color: inherit;
transform: translateX(-50%); }
@media (min-width: 769px) {
.account__login_grid__sign_up::before {
display: none; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/account/account-nav/account-nav.scss */
.account__nav {
width: 100%;
padding: 20px;
background: rgba(246, 246, 246, 0.5); }
@media (min-width: 769px) {
.account__nav {
width: 310px;
padding: 87px 50px; } }
.account__nav__head {
text-align: center; }
@media (min-width: 769px) {
.account__nav__head {
text-align: left; } }
@media (min-width: 1024px) {
.account__nav__head {
text-align: center; } }
.account__nav__head p {
color: #000;
margin: 0 0 30px; }
@media (min-width: 1024px) {
.account__nav__head p {
margin-bottom: 80px; } }
.account__nav__list {
overflow-x: auto;
padding-bottom: 15px;
margin: 0;
text-align: center;
white-space: nowrap; }
@media (min-width: 769px) {
.account__nav__list {
overflow: hidden;
padding-bottom: 0;
white-space: normal;
text-align: left; } }
@media (min-width: 1024px) {
.account__nav__list {
margin-left: 40px; } }
.account__nav__list__link {
display: inline-block;
margin: 0 20px;
font-weight: 500;
letter-spacing: 0.625px; }
@media (min-width: 769px) {
.account__nav__list__link {
display: block;
margin: 0 0 21px; } }
.account__nav__list span {
position: relative; }
.account__nav__list span::after {
content: '';
position: absolute;
bottom: -4px;
left: 0;
width: 100%;
height: 1px;
background-color: currentColor; }
li.account__nav__link {
padding: 0 20px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/account/account-new-address/account-new-address.scss */
.account-new-addr {
max-width: 460px;
margin: 0 auto; }
@media (min-width: 769px) {
.account-new-addr {
margin: 0; } }
.account-new-addr .btn, .account-new-addr .form-newsletter--popup .form__btn, .form-newsletter--popup .account-new-addr .form__btn, .account-new-addr .product-reviews .okeReviews .okeReviews-filterToggle, .product-reviews .okeReviews .account-new-addr .okeReviews-filterToggle,
.account-new-addr .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview, .product-reviews .okeReviews .account-new-addr .okeReviews-reviewsWidget-header-controls-writeReview,
.account-new-addr .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion, .product-reviews .okeReviews .account-new-addr .okeReviews-qandaWidget-header-controls-askQuestion {
min-width: calc(50% - 10px) !important; }
.address-form__title {
margin-bottom: 25px; }
@media (min-width: 769px) {
.address-form__title {
margin-bottom: 45px; } }
@media (min-width: 769px) {
.address-form__group {
margin-bottom: 20px;
display: flex; } }
.address-form__input {
width: 100%;
margin-bottom: 10px; }
@media (min-width: 769px) {
.address-form__input {
margin-bottom: 0; } }
@media (min-width: 769px) {
.address-form__input:first-child {
margin-right: 20px; } }
@media (min-width: 769px) {
.address-form__input + .address-form__input {
margin-right: 20px; } }
.address-form__footer {
margin-top: 25px;
margin-bottom: 40px; }
@media (min-width: 769px) {
.address-form__footer {
margin-top: 45px;
margin-bottom: 80px; } }
@media (min-width: 769px) {
.account-new-addr__actions {
padding-right: 20px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/account/account-order-address/account-order-address.scss */
/* stylelint-disable */
/* stylelint-enable */
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/account/account-info/account-info.scss */
.account__profile__info {
flex: 0 0 104%;
padding-top: 30px; }
@media (min-width: 1024px) {
.account__profile__info {
flex: 0 0 34%; } }
.account__profile .account__subtitle {
margin-bottom: 2px; }
.account__profile__info__content {
line-height: 1.5;
padding-top: 20px; }
.account__profile__info__footer {
margin-top: 20px; }
.account__profile__info__footer a {
text-decoration: underline; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/account/account-order-details/account-order-details.scss */
.order__meta {
display: block;
margin-bottom: 26px;
width: 100%; }
@media (min-width: 769px) {
.order__meta {
width: 25%; }
.order__meta:last-child {
width: 50%; } }
.order__meta span {
display: block; }
.order__meta span:first-child {
margin-bottom: 15px; }
.order__meta--total {
border-color: #77777a; }
.order__details__row {
border-top: 1px solid #f2f2f2;
padding: 35px 0 72px; }
@media (min-width: 769px) {
.order__details__row {
padding-right: 20px;
padding-left: 20px; } }
.order__details__row .__image {
width: 116px;
padding-bottom: 1em; }
@media (min-width: 1024px) {
.order__details__row .__image {
margin-right: 20px; } }
@media (min-width: 1441px) {
.order__details__row .__image {
margin-right: 52px;
padding-bottom: 0; } }
.order__details__row .__image img {
max-width: 116px;
max-height: 116px; }
.order__details__row .__image a {
display: block;
text-decoration: none;
font-size: 0;
line-height: 1;
transition: opacity 0.3s; }
.order__details__row .__image a:hover {
opacity: 0.7; }
.order__details__row .__info {
min-width: 100%; }
@media (min-width: 1024px) {
.order__details__row .__info {
min-width: 0;
width: 33.33%;
margin-right: 0;
padding-right: 20px; } }
@media (min-width: 1441px) {
.order__details__row .__info {
min-width: 0;
width: 232px;
margin-right: 87px; } }
.order__details__row .__total {
text-align: right; }
.order-details-box {
max-width: 960px;
padding: 0 20px; }
.order-details-box .breadcrumbs {
margin-bottom: 10px; }
@media (min-width: 769px) {
.order-details-box .breadcrumbs {
margin: -31px 0 10px; } }
.order-details-box .btn, .order-details-box .form-newsletter--popup .form__btn, .form-newsletter--popup .order-details-box .form__btn, .order-details-box .product-reviews .okeReviews .okeReviews-filterToggle, .product-reviews .okeReviews .order-details-box .okeReviews-filterToggle,
.order-details-box .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview, .product-reviews .okeReviews .order-details-box .okeReviews-reviewsWidget-header-controls-writeReview,
.order-details-box .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion, .product-reviews .okeReviews .order-details-box .okeReviews-qandaWidget-header-controls-askQuestion {
min-width: 220px !important; }
.order-detail-addresses {
margin-bottom: 20px; }
@media (min-width: 769px) {
.order-detail-addresses {
margin-bottom: 42px; } }
.order-detail-address {
width: 100%;
padding-right: 10px;
margin-bottom: 20px; }
@media (min-width: 1024px) {
.order-detail-address {
width: 25%;
margin-bottom: 0; } }
.order-detail-address h4 {
margin-bottom: 15px; }
.order-details-box--total {
padding: 20px;
border-top: 1px solid #f2f2f2; }
@media (min-width: 769px) {
.order-details-box--total {
padding: 36px 20px; } }
.order-details-box--total > div:last-child:not(:first-child) {
margin-top: 30px; }
@media (min-width: 769px) {
.order-details-box--total > div:last-child:not(:first-child) {
margin-top: 58px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/account/account-order-grid/account-order-grid.scss */
.orders-lists {
max-width: 860px; }
.account-entry-form {
max-width: 350px; }
.orders__order {
padding: 1.2em;
border-radius: 4px; }
.orders__order:nth-of-type(odd) {
background-color: #f5f5f5; }
.order-products {
margin: 10px -12px 0; }
@media (min-width: 769px) {
.order-products {
margin-top: 43px; } }
.order-products__single {
width: calc(50% - 24px);
margin: 0 12px; }
.order-products__single:nth-child(3) {
display: none; }
@media (min-width: 1024px) {
.order-products__single {
width: calc(33.33% - 24px); }
.order-products__single:nth-child(3) {
display: block; } }
.order-products__single__image {
height: 40vw; }
@media (min-width: 769px) {
.order-products__single__image {
height: 258px; } }
.order-cta {
margin: 50px 0; }
.order-cta .btn, .order-cta .form-newsletter--popup .form__btn, .form-newsletter--popup .order-cta .form__btn, .order-cta .product-reviews .okeReviews .okeReviews-filterToggle, .product-reviews .okeReviews .order-cta .okeReviews-filterToggle,
.order-cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview, .product-reviews .okeReviews .order-cta .okeReviews-reviewsWidget-header-controls-writeReview,
.order-cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion, .product-reviews .okeReviews .order-cta .okeReviews-qandaWidget-header-controls-askQuestion {
min-width: 220px !important;
width: auto !important;
padding-left: 10px;
padding-right: 10px; }
.order-products__single__info {
margin-top: 17px; }
@media (min-width: 769px) {
.orders__item {
padding-left: 20px;
padding-right: 20px; } }
@media (max-width: 768px) {
.orders__item-info-holder {
display: block; } }
@media (max-width: 768px) {
.orders__item-info {
display: flex;
flex-direction: row wrap;
justify-content: space-between;
align-items: center;
width: 100%;
text-align: left; }
.orders__item-info p {
max-width: 50%;
margin-bottom: 5px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/account/account-register-form/account-register-form.scss */
.register-form label.checkbox span {
color: #000;
font-size: 13px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/account/alert/alert.scss */
.alert {
padding: 10px; }
.alert--error {
color: red; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/account/page-title/page-title.scss */
.page-title {
margin: 50px auto 30px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/blog/quotes/quotes.scss */
/* ------------------------------------------------------------ *\
Quote
\* ------------------------------------------------------------ */
.quote {
padding: 79px 28px 59px;
margin: 0 35px 61px; }
@media (min-width: 769px) {
.quote {
margin-left: 0;
margin-right: 0; } }
@media (min-width: 1024px) {
.quote {
max-width: 928px;
margin: 0 0 68px 10px;
padding: 101px 72px 104px; } }
.quote__title {
margin-bottom: 10px; }
@media (min-width: 1024px) {
.quote__title {
margin-bottom: 27px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/cart/cart-grid/cart-grid.scss */
/* ------------------------------------------------------------ *\
Section Cart
\* ------------------------------------------------------------ */
.section-cart {
overflow: hidden;
padding: 0 0 40px; }
@media (min-width: 1024px) {
.section-cart {
padding-bottom: 80px; } }
.section-cart .section__cart-indicators {
font-size: 12px;
line-height: 14px;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid #f5f5f6;
color: #c8c8c8;
text-transform: uppercase;
letter-spacing: 0.75px; }
@media (min-width: 769px) {
.section-cart .section__cart-indicators {
padding: 16px 0; } }
.section-cart .section__cart-indicators svg {
width: 5px;
height: 8px;
margin: 0 12px; }
@media (min-width: 769px) {
.section-cart .section__cart-indicators svg {
margin: 0 36px; } }
.section-cart .section__cart-indicators svg + span {
display: none; }
.section-cart .section__cart-indicators span:first-child {
color: #333; }
.section-cart .section__title {
font-size: 13px;
line-height: 22px;
padding-bottom: 19px;
border-bottom: 1px solid rgba(205, 205, 210, 0.5);
color: #000;
text-align: left; }
@media (min-width: 769px) {
.section-cart .section__title {
font-size: 18px;
line-height: 21px;
padding-bottom: 49px; } }
.section-cart .section__title--hide-mobile {
display: none; }
@media (min-width: 769px) {
.section-cart .section__title--hide-mobile {
display: block; } }
.section-cart .section__cols {
padding: 0 20px;
margin-top: 34px; }
@media (min-width: 769px) {
.section-cart .section__cols {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
margin-top: 50px; } }
@media (min-width: 1024px) {
.section-cart .section__cols {
justify-content: center;
margin: 50px -85px 0; } }
@media (min-width: 769px) {
.section-cart .section__col {
width: 48%;
max-width: 505px; } }
@media (min-width: 1024px) {
.section-cart .section__col {
width: calc(50% - 170px);
margin: 0 85px; } }
.section-cart .section__col + .section__col {
padding-top: 30px; }
@media (min-width: 769px) {
.section-cart .section__col + .section__col {
padding: 0; } }
.section-cart .section__subtotal {
font-size: 15px;
line-height: 21px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
margin: 36px 0 30px;
font-weight: 500;
letter-spacing: 0.520833px; }
@media (min-width: 769px) {
.section-cart .section__subtotal {
font-size: 15px;
line-height: 21px;
margin: 50px 0;
font-weight: 400; } }
.section-cart .section__message {
display: none; }
@media (min-width: 769px) {
.section-cart .section__message {
font-size: 15px;
line-height: 21px;
display: block;
margin-bottom: 13px;
letter-spacing: 0.416667px;
color: #cdcdd2;
text-align: center; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/cart/cart-item/cart-item.scss */
/* ------------------------------------------------------------ *\
Cart Item
\* ------------------------------------------------------------ */
.cart-item {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
padding-top: 34px; }
@media (min-width: 769px) {
.cart-item {
border-bottom: none;
padding-top: 56px; } }
.cart-item .cart-item__info {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 12px; }
@media (min-width: 769px) {
.cart-item .cart-item__info {
margin-bottom: 0; } }
.cart-item .cart-item__featured {
width: 83px;
height: 83px; }
@media (min-width: 769px) {
.cart-item .cart-item__featured {
width: 102px;
height: 102px; } }
.cart-item .cart-item__details {
max-width: calc(100% - 101px);
margin-left: 18px; }
@media (min-width: 769px) {
.cart-item .cart-item__details {
order: 2;
max-width: calc(100% - 195px);
margin: 0 50px 0 43px; } }
.cart-item .cart-item__total {
position: absolute;
top: 34px;
right: 0;
width: auto;
max-width: none; }
@media (min-width: 769px) {
.cart-item .cart-item__total {
top: 56px; } }
.cart-item .cart-item__details__heading {
font-size: 12px;
line-height: 14px;
padding-right: 100px;
margin-bottom: 4px;
font-weight: 500;
letter-spacing: 0.45px;
text-transform: uppercase; }
@media (min-width: 769px) {
.cart-item .cart-item__details__heading {
font-size: 14px;
line-height: 16px;
margin-bottom: 2px;
letter-spacing: 0.525px; } }
.cart-item .cart-item__details__description {
font-size: 12px;
line-height: 14px;
margin-bottom: 17px; }
@media (min-width: 769px) {
.cart-item .cart-item__details__description {
font-size: 12px;
line-height: 21px;
margin-bottom: 14px;
font-weight: 500; } }
.cart-item .cart-item__details-quantity {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center; }
.cart-item .quantity-selector.quantity-selector--small {
font-size: 12px;
line-height: 14px;
width: 75px;
height: 38px;
letter-spacing: 1.8px; }
@media (min-width: 769px) {
.cart-item .quantity-selector.quantity-selector--small {
font-size: 12px;
line-height: 14px;
width: 75px;
height: 38px; } }
.cart-item .cart-item__total > span:not([class]),
.cart-item .cart-item__details-quantity > span:not([class]) {
font-size: 10px;
line-height: 14px;
display: block;
margin-bottom: 6px;
letter-spacing: 0.05px;
color: #77777a; }
@media (min-width: 769px) {
.cart-item .cart-item__total > span:not([class]),
.cart-item .cart-item__details-quantity > span:not([class]) {
display: none; } }
.cart-item .cart-item__total-inner {
font-size: 14px;
line-height: 18px;
color: #000;
font-weight: 500; }
.cart-item .cart-item__remove {
font-size: 12px;
line-height: 14px;
display: block;
margin-left: 23px;
text-decoration: underline;
text-transform: lowercase;
cursor: pointer; }
@media (min-width: 1024px) {
.cart-item .cart-item__remove:hover {
text-decoration: none; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/contact/addresses/addresses.scss */
/* ------------------------------------------------------------ *\
Section Contacts
\* ------------------------------------------------------------ */
.section-contacts__head {
padding: 20px 0;
margin-bottom: 40px; }
@media (min-width: 769px) {
.section-contacts__head {
padding: 72px 0 76px;
margin-bottom: 79px;
opacity: 0;
transform: translateY(40px);
transition: opacity 0.3s; }
.section-contacts__head.is-visible {
opacity: 1;
transform: translateY(0); } }
.section-contacts__head h5 {
letter-spacing: 0.52px; }
@media (min-width: 769px) {
.section-contacts__head--alt {
padding: 78px 0 59px;
margin-bottom: 0; } }
.section-contacts__foot {
padding: 77px 0;
opacity: 0;
transform: translateY(40px);
transition: opacity 0.3s; }
.section-contacts__foot.is-visible {
opacity: 1;
transform: translateY(0); }
/* ------------------------------------------------------------ *\
List Contacts
\* ------------------------------------------------------------ */
.list-contacts {
color: #313131;
letter-spacing: 0.520833px; }
.list-contacts:not(:last-child) {
margin-bottom: 15px; }
@media (min-width: 1024px) {
.list-contacts:not(:last-child) {
margin: 0 -10px 23px; } }
.list-contacts li {
width: 100%;
margin-bottom: 25px; }
@media (min-width: 1024px) {
.list-contacts li {
width: auto;
min-width: 220px;
margin: 0 10px 20px; } }
.list-contacts li:last-child {
margin-bottom: 0; }
.list-contacts h4 {
margin-bottom: 11px;
font-weight: 500;
letter-spacing: 0.625px; }
.list-contacts a {
transition: opacity 0.3s; }
.list-contacts a:hover {
opacity: 0.7; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/blog/recommended-articles/recommended-articles.scss */
/* ------------------------------------------------------------ *\
Section Blog Aside
\* ------------------------------------------------------------ */
.section-blog__aside {
overflow: hidden;
position: relative;
z-index: 1;
margin: 0 -15px;
padding: 56px 42px 64px; }
@media (min-width: 415px) {
.section-blog__aside {
margin: 0 -40px; } }
@media (min-width: 1024px) {
.section-blog__aside {
overflow: visible;
width: 310px;
padding: 54px 22px 64px 50px;
margin: 0 -8px 0 0; } }
@media (min-width: 1441px) {
.section-blog__aside {
padding: 54px 42px 64px 131px;
width: 410px; } }
.section-blog__aside::before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background-color: inherit; }
@media (min-width: 1024px) {
.section-blog__aside::before {
width: 100vw; } }
.section-blog__aside-title {
margin-bottom: 40px;
font-style: italic; }
.section-blog__actions {
margin-bottom: 44px; }
.section-blog__actions .is-disable {
display: none; }
/* ------------------------------------------------------------ *\
Post Simple
\* ------------------------------------------------------------ */
.posts-simple {
margin: 0 -19px; }
.posts-simple .flickity-slider {
height: 100%; }
.posts-simple::after {
content: 'flickity';
display: none; }
@media (min-width: 1024px) {
.posts-simple::after {
content: ''; } }
.posts-simple .flickity-page-dots {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
margin-top: 4px;
counter-reset: slides; }
.posts-simple .flickity-page-dots li {
position: relative;
margin: 0 24px;
color: #000;
transition: opacity 0.3s;
counter-increment: slides; }
.posts-simple .flickity-page-dots li + li::before {
content: '';
position: absolute;
top: 50%;
right: 100%;
margin-right: 8px;
height: 1px;
width: 34px;
opacity: 0.5;
background-color: #979797; }
.posts-simple .flickity-page-dots li::after {
content: counter(slides);
opacity: 0.5; }
.posts-simple .flickity-page-dots .is-selected {
font-weight: 500; }
.posts-simple .flickity-page-dots .is-selected::after {
opacity: 1; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/about/grid-images/grid-images.scss */
/* ------------------------------------------------------------ *\
Section Images
\* ------------------------------------------------------------ */
.section-images {
padding: 66px 0 51px;
border-bottom: 1px solid #d3d3d3; }
@media (min-width: 1024px) {
.section-images {
padding: 115px 0 164px; } }
.section-images__head {
margin-bottom: 40px; }
@media (min-width: 1024px) {
.section-images__head {
margin-bottom: 75px; } }
/* ------------------------------------------------------------ *\
Grid Images
\* ------------------------------------------------------------ */
.grid-images {
overflow: hidden;
display: block;
margin: 0 -15px; }
@media (min-width: 415px) {
.grid-images {
margin: 0 -40px; } }
@media (min-width: 1024px) {
.grid-images {
display: flex;
margin: 0 -30px; } }
.grid-images::after {
content: 'flickity';
display: none; }
@media (min-width: 1024px) {
.grid-images::after {
content: ''; } }
.grid-images .flickity-page-dots {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
margin-top: 11px;
counter-reset: slides; }
.grid-images .flickity-page-dots li {
position: relative;
margin: 0 24px;
color: #000;
transition: opacity 0.3s;
counter-increment: slides; }
.grid-images .flickity-page-dots li + li::before {
content: '';
position: absolute;
top: 50%;
right: 100%;
margin-right: 8px;
height: 1px;
width: 34px;
opacity: 0.5;
background-color: #979797; }
.grid-images .flickity-page-dots li::after {
content: counter(slides);
opacity: 0.5; }
.grid-images .flickity-page-dots .is-selected {
font-weight: 500; }
.grid-images .flickity-page-dots .is-selected::after {
opacity: 1; }
.grid-images__item {
position: relative;
width: 267px;
margin: 0 13px; }
@media (min-width: 1024px) {
.grid-images__item {
width: calc(33.33% - 108px);
max-width: 392px;
margin: 0 54px; } }
.grid-images__item a {
display: block;
text-decoration: none;
transition: opacity 0.3s; }
.grid-images__item a:hover {
opacity: 0.7; }
.grid-images__item-image {
height: 372px;
margin-bottom: 32px; }
@media (min-width: 1024px) {
.grid-images__item-image {
height: 39vw;
max-height: 546px;
margin-bottom: 82px; } }
.grid-images__item-content {
padding: 25px 12px 0 0;
border-top: 1px solid #000;
margin-right: 19px; }
@media (min-width: 1024px) {
.grid-images__item-content {
padding-top: 37px;
margin-right: 0;
letter-spacing: 0.520833px; } }
.grid-images__item-title {
margin-bottom: 10px;
letter-spacing: 0.625px; }
@media (min-width: 1024px) {
.grid-images__item-title {
font-size: 18px;
line-height: 21px;
margin-bottom: 17px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/about/image-text/image-text.scss */
/* ------------------------------------------------------------ *\
Section Image Text
\* ------------------------------------------------------------ */
.section-image-text {
overflow: hidden;
border-bottom: 1px solid #d3d3d3; }
.section-image-text__image {
overflow: hidden;
padding: 32px 22px 61px; }
@media (min-width: 769px) {
.section-image-text__image {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
width: 50%;
padding: 32px 40px; } }
@media (min-width: 1024px) {
.section-image-text__image {
padding: 66px 66px 95px; } }
@media (min-width: 769px) {
.section-image-text__inner {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: stretch; }
.section-image-text__inner--flip {
flex-flow: row-reverse wrap; }
.section-image-text__inner--flip .section-image-text__content::before {
left: auto;
right: 0; } }
.section-image-text__content {
position: relative;
z-index: 1;
width: 100%;
padding: 103px 19px 120px; }
@media (min-width: 769px) {
.section-image-text__content {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
width: 50%;
padding: 103px 40px;
min-height: 400px; } }
@media (min-width: 1024px) {
.section-image-text__content {
min-height: 500px; } }
@media (min-width: 1441px) {
.section-image-text__content {
min-height: 800px; } }
.section-image-text__content::before {
content: '';
position: absolute;
top: 0;
left: 50%;
z-index: -1;
height: 100%;
width: 100vw;
background-color: inherit;
transform: translateX(-50%); }
@media (min-width: 769px) {
.section-image-text__content::before {
left: 0;
transform: translateX(0); } }
.section-image-text__content p {
max-width: 92%;
letter-spacing: 0.4px; }
@media (min-width: 769px) {
.section-image-text__content p {
max-width: 79%; } }
.section-image-text__entry {
max-width: 391px;
letter-spacing: 0.520833px; }
@media (min-width: 1024px) {
.section-image-text__entry {
margin: 35px 0 0 114px; } }
.section-image-text__title {
position: relative;
padding-top: 13px;
margin-bottom: 13px;
letter-spacing: 0.625px; }
@media (min-width: 769px) {
.section-image-text__title {
padding-top: 30px;
margin-bottom: 20px;
letter-spacing: 0.83px; } }
.section-image-text__title::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 260px;
max-width: 100%;
height: 1px;
background-color: currentColor; }
@media (min-width: 769px) {
.section-image-text__title::after {
width: 100%; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/about/key-words/key-words.scss */
/* ------------------------------------------------------------ *\
Section Key Words
\* ------------------------------------------------------------ */
.section-key-words {
padding: 66px 0 50px;
border-bottom: 1px solid #d3d3d3; }
@media (min-width: 1024px) {
.section-key-words {
padding: 128px 0 188px; } }
.section-key-words__head {
margin-bottom: 37px; }
@media (min-width: 1024px) {
.section-key-words__head {
margin-bottom: 32px; } }
.section-key-words__head-icon {
width: 50px;
height: 50px;
margin: 0 auto 18px; }
@media (min-width: 1024px) {
.section-key-words__head-icon {
width: 64px;
height: 64px;
margin-bottom: 47px; } }
.section-key-words__title {
padding: 0 30px;
line-height: 27px;
letter-spacing: 0; }
@media (min-width: 1024px) {
.section-key-words__title {
font-size: 24px;
line-height: 28px;
letter-spacing: 0.83px; } }
/* ------------------------------------------------------------ *\
List Words
\* ------------------------------------------------------------ */
.list-words {
text-align: center;
letter-spacing: 0.42px; }
@media (min-width: 769px) {
.list-words {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center; } }
.list-words li {
margin-bottom: 18px; }
@media (min-width: 769px) {
.list-words li {
margin: 0 5px 10px; } }
.list-words span {
display: inline-block;
min-width: 72px;
padding: 5px 12px;
background-color: #f5f2ee; }
@media (min-width: 1024px) {
.list-words span {
letter-spacing: 0.42px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/about/storyline/storyline.scss */
/* ------------------------------------------------------------ *\
Slider Storyline
\* ------------------------------------------------------------ */
.slider-storyline {
overflow: hidden;
padding: 53px 0 56px; }
@media (min-width: 769px) {
.slider-storyline {
padding: 116px 0 56px; } }
.slider-storyline .flickity-page-dots {
order: 3;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
margin-top: 28px;
counter-reset: slides; }
@media (min-width: 769px) {
.slider-storyline .flickity-page-dots {
margin-top: 74px; } }
.slider-storyline .flickity-page-dots li {
position: relative;
margin: 0 24px;
color: #000;
transition: opacity 0.3s;
counter-increment: slides; }
.slider-storyline .flickity-page-dots li + li::before {
content: '';
position: absolute;
top: 50%;
right: 100%;
margin-right: 8px;
height: 1px;
width: 34px;
opacity: 0.5;
background-color: #979797; }
.slider-storyline .flickity-page-dots li::after {
content: counter(slides);
opacity: 0.5; }
.slider-storyline .flickity-page-dots .is-selected {
font-weight: 500; }
.slider-storyline .flickity-page-dots .is-selected::after {
opacity: 1; }
.slider-storyline .flickity-button {
display: none; }
.slider-storyline .flickity-button svg {
display: none; }
@media (min-width: 1024px) {
.slider-storyline .flickity-button {
display: block;
position: relative;
margin: 74px 35px 0;
transition: visibility 0.3s, opacity 0.3s; }
.slider-storyline .flickity-button::after {
content: '';
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #000;
margin: 0;
transform: rotate(45deg);
transform-origin: center;
transition: all 0.2s; }
.slider-storyline .flickity-button:disabled {
opacity: 0;
visibility: hidden; }
.slider-storyline .flickity-button.previous {
order: 2;
left: 41px; }
.slider-storyline .flickity-button.next {
order: 4;
right: 41px;
transform: scale(-1, 1); } }
.slider-storyline .flickity-viewport {
width: 100%;
order: 1; }
.slider-storyline__head {
margin-bottom: 45px; }
@media (min-width: 769px) {
.slider-storyline__head {
margin-bottom: 75px; } }
.slider-storyline__slides {
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center; }
.slider-storyline__slide {
width: 263px; }
.slider-storyline__slide:last-child {
padding-right: 0; }
@media (min-width: 769px) {
.slider-storyline__slide {
width: 482px; } }
.slider-storyline__slide-image {
position: relative;
height: 229px;
margin: 0 34px 41px 0; }
@media (min-width: 769px) {
.slider-storyline__slide-image {
height: 394px;
margin: 0 88px 82px 0; } }
.slider-storyline__slide-content {
position: relative;
padding: 38px 34px 0 0;
border-top: 1px solid #979797; }
@media (min-width: 769px) {
.slider-storyline__slide-content {
padding: 73px 88px 0 0;
letter-spacing: 0.520833px; } }
.slider-storyline__slide-content::after {
content: '';
position: absolute;
top: -3px;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #979797; }
.slider-storyline__slide-title {
margin-bottom: 7px;
white-space: nowrap;
font-weight: 500;
letter-spacing: 0.520833px; }
@media (min-width: 769px) {
.slider-storyline__slide-title {
margin-bottom: 15px;
letter-spacing: 0.625px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/about/text-columns/text-columns.scss */
/* ------------------------------------------------------------ *\
Text Columns
\* ------------------------------------------------------------ */
.text-columns {
padding: 66px 0 64px;
border-bottom: 1px solid #d3d3d3; }
@media (min-width: 1024px) {
.text-columns {
padding: 109px 0 142px; } }
.text-columns__head {
margin-bottom: 28px; }
@media (min-width: 1024px) {
.text-columns__head {
margin-bottom: 46px; } }
.text-columns__body p {
padding: 0 12px; }
@media (min-width: 1024px) {
.text-columns__body p {
width: 392px;
padding: 0;
margin: 0 30px;
letter-spacing: 0.52px; } }
.text-columns__body p + p {
margin-top: 26px; }
@media (min-width: 1024px) {
.text-columns__body p + p {
margin-top: 0; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/Single-image/singleimage.scss */
.template--index .single-image-home {
position: relative; }
@media (max-width: 768px) {
.template--index .single-image-home img {
height: 400px;
-o-object-fit: cover !important;
object-fit: cover !important; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/accordion/accordion.scss */
.accordion {
padding-bottom: 17px; }
.accordion--border-bottom {
border-bottom: 1px solid #979797; }
.accordion--border-top:first-of-type {
border-top: 1px solid #979797; }
@media (min-width: 415px) {
.accordion--footer {
max-width: 325px; } }
.accordion--full {
max-width: 100%; }
.accordion__title {
cursor: pointer;
position: relative;
padding: 19px 25px 0 0; }
.accordion__title__icon::after, .accordion__title__icon::before {
content: '';
right: 3px;
height: 2px;
width: 10px;
top: calc(50% + 9px);
display: block;
position: absolute;
transform-origin: center;
background-color: #000;
transform: translateY(-50%);
transition: transform 300ms; }
.accordion__title__icon::before {
transform: translateY(-50%) rotate(90deg); }
.is-active .accordion__title__icon::before {
transform: translateY(-50%) rotate(0); }
.accordion--no-icon .accordion__title__icon {
display: none; }
.accordion__body {
overflow: hidden;
max-height: 0;
transition: all 0.2s linear; }
.accordion__body__content {
padding-top: 20px;
padding-bottom: 5px; }
.accordion--faq .accordion__body__content {
padding-top: 40px; }
@media (min-width: 769px) {
.accordion--faq .accordion__body__content {
padding-top: 75px; } }
.accordion__body__content p {
margin-bottom: 10px; }
.accordion__body__content p:empty {
margin-bottom: 0; }
.accordion__body__content p:last-of-type {
margin-bottom: 0; }
.accordion__body__content strong {
font-weight: bold; }
.accordion__body__content > *:not(.faq-block),
.accordion__body__content > *:not(.faq-block) *,
.accordion__body__content > *:not(.store),
.accordion__body__content > *:not(.store) * {
color: #313131 !important;
font-size: 14px !important;
line-height: 22px !important; }
.accordion__body__content a {
color: #000 !important;
text-decoration: underline !important; }
.accordion__body__content em {
font-style: italic; }
.accordion__body__content ul {
padding: 5px 0; }
.accordion__body__content ul li {
padding-left: 15px;
margin-bottom: 5px;
position: relative; }
.accordion__body__content ul li::before {
content: '';
left: 2px;
top: 9px;
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
background: #000; }
.accordion__body__content ul li:last-of-type {
margin-bottom: 0; }
/**
* Accessibility styling
*/
.accordion.focus-within .accordion__title::before {
transform: translateY(-50%) rotate(0); }
.accordion.focus-within .accordion__body {
max-height: none !important; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/animation-fade/animation-fade.scss */
/* ------------------------------------------------------------ *\
Animation Fade
\* ------------------------------------------------------------ */
.animation-fade {
opacity: 0;
transition: opacity 0.5s; }
.animation-fade.is-visible {
opacity: 1; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/Hompagebanner-new/homebanner-new.scss */
.homepage-banner-new .plyr--full-ui > .plyr__video-embed__container {
padding-bottom: 196%; }
.homepage-banner-new .banner__vid {
position: relative;
padding-left: 32px;
padding-right: 32px;
max-height: calc(100vh - 120px);
overflow: hidden; }
@media (max-width: 1023px) {
.homepage-banner-new .banner__vid {
padding-left: 0;
padding-right: 0; } }
.homepage-banner-new .banner__vid_playpause {
display: flex;
cursor: pointer;
justify-content: center;
align-items: center;
position: absolute;
bottom: 20px;
left: 50px;
z-index: 30;
height: 30px;
width: 30px; }
@media (max-width: 1023px) {
.homepage-banner-new .banner__vid_playpause {
left: 20px; } }
@media (max-width: 768px) {
.homepage-banner-new .banner__vid_playpause {
bottom: 15px;
left: 15px; } }
.homepage-banner-new .banner__vid_playpause svg {
height: 30px;
width: 30px; }
@media (max-width: 1023px) {
.homepage-banner-new .banner__vid_playpause svg {
height: 20px;
width: 20px; } }
.homepage-banner-new .banner__vid_play {
display: none; }
.homepage-banner-new .banner__vid_play.active {
display: block; }
.homepage-banner-new .banner__vid_pause {
display: none; }
.homepage-banner-new .banner__vid_pause.active {
display: block; }
.homepage-banner-new .banner__vid-wrapper video {
height: 648px;
-o-object-fit: cover;
object-fit: cover; }
@media (max-width: 1023px) {
.homepage-banner-new .banner__vid-wrapper video {
height: 580px; } }
.homepage-banner-new .banner__vid-content {
position: absolute;
right: 64px;
bottom: 64px; }
.homepage-banner-new .banner__vid-content h2.banner_heading {
color: #fff;
font-weight: 400;
max-width: 350px;
padding-bottom: 20px; }
.homepage-banner-new .banner__vid-content a.btn.btn-wide-btn, .homepage-banner-new .banner__vid-content .form-newsletter--popup a.btn-wide-btn.form__btn, .form-newsletter--popup .homepage-banner-new .banner__vid-content a.btn-wide-btn.form__btn, .homepage-banner-new .banner__vid-content .product-reviews .okeReviews a.btn-wide-btn.okeReviews-filterToggle, .product-reviews .okeReviews .homepage-banner-new .banner__vid-content a.btn-wide-btn.okeReviews-filterToggle,
.homepage-banner-new .banner__vid-content .product-reviews .okeReviews a.btn-wide-btn.okeReviews-reviewsWidget-header-controls-writeReview, .product-reviews .okeReviews .homepage-banner-new .banner__vid-content a.btn-wide-btn.okeReviews-reviewsWidget-header-controls-writeReview,
.homepage-banner-new .banner__vid-content .product-reviews .okeReviews a.btn-wide-btn.okeReviews-qandaWidget-header-controls-askQuestion, .product-reviews .okeReviews .homepage-banner-new .banner__vid-content a.btn-wide-btn.okeReviews-qandaWidget-header-controls-askQuestion {
padding: 16px 63px;
height: -moz-fit-content;
height: fit-content;
background: #fff;
border-color: #313131;
font-weight: 600;
font-size: 16px;
line-height: 16px;
color: #313131;
transition: 0.3s all; }
.homepage-banner-new .banner__vid-content a.btn.btn-wide-btn:hover, .homepage-banner-new .banner__vid-content .form-newsletter--popup a.btn-wide-btn.form__btn:hover, .form-newsletter--popup .homepage-banner-new .banner__vid-content a.btn-wide-btn.form__btn:hover, .homepage-banner-new .banner__vid-content .product-reviews .okeReviews a.btn-wide-btn.okeReviews-filterToggle:hover, .product-reviews .okeReviews .homepage-banner-new .banner__vid-content a.btn-wide-btn.okeReviews-filterToggle:hover,
.homepage-banner-new .banner__vid-content .product-reviews .okeReviews a.btn-wide-btn.okeReviews-reviewsWidget-header-controls-writeReview:hover, .product-reviews .okeReviews .homepage-banner-new .banner__vid-content a.btn-wide-btn.okeReviews-reviewsWidget-header-controls-writeReview:hover,
.homepage-banner-new .banner__vid-content .product-reviews .okeReviews a.btn-wide-btn.okeReviews-qandaWidget-header-controls-askQuestion:hover, .product-reviews .okeReviews .homepage-banner-new .banner__vid-content a.btn-wide-btn.okeReviews-qandaWidget-header-controls-askQuestion:hover {
border-color: #000;
background: #000;
color: #fff;
opacity: 1 !important; }
@media (max-width: 768px) {
.homepage-banner-new .banner__vid-content {
left: 0;
right: 0;
width: calc(100% - 55px);
margin: auto;
bottom: 55px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center; }
.homepage-banner-new .banner__vid-content h2.banner_heading {
max-width: 330px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/article-comments/article-comments.scss */
/* ------------------------------------------------------------ *\
Article Comments
\* ------------------------------------------------------------ */
.article__comments {
max-width: 694px;
margin: 0 auto; }
.article__comments .text-input__el,
.article__comments .text-area .text-input__el {
color: #313131;
background: none;
font-size: 15px; }
.reply .form__row {
margin-bottom: 15px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/breadcrumbs/breadcrumbs.scss */
/* ------------------------------------------------------------ *\
Breadcrumbs
\* ------------------------------------------------------------ */
.breadcrumbs {
color: #000;
text-transform: lowercase;
letter-spacing: 0.45px; }
.breadcrumbs a {
color: inherit;
text-decoration: none; }
.breadcrumbs a:hover {
text-decoration: underline; }
.breadcrumbs .is-current {
opacity: 0.5; }
.breadcrumbs .breadcrumbs__divider {
padding: 0 11px;
color: #000; }
.breadcrumbs .breadcrumbs__divider svg {
width: 5px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/button/button.scss */
.btn, .form-newsletter--popup .form__btn, .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion {
display: inline-block;
height: 37px;
min-width: 147px;
padding: 0 10px;
line-height: 37px;
letter-spacing: 0.45px;
text-align: center;
text-transform: uppercase;
border: 1px solid #000;
transition: opacity 0.2s ease-in-out; }
.btn svg, .form-newsletter--popup .form__btn svg, .product-reviews .okeReviews .okeReviews-filterToggle svg, .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview svg, .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion svg {
display: none; }
.btn:hover, .form-newsletter--popup .form__btn:hover, .product-reviews .okeReviews .okeReviews-filterToggle:hover,
.product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview:hover,
.product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion:hover {
opacity: 0.7; }
.btn.btn--alt, .form-newsletter--popup .btn--alt.form__btn, .product-reviews .okeReviews .btn--alt.okeReviews-filterToggle,
.product-reviews .okeReviews .btn--alt.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .btn--alt.okeReviews-qandaWidget-header-controls-askQuestion {
height: auto;
border: none;
min-width: 0;
font-size: 13px;
line-height: 22px;
letter-spacing: 0.520833px;
text-transform: none; }
@media (min-width: 769px) {
.btn.btn--alt, .form-newsletter--popup .btn--alt.form__btn, .product-reviews .okeReviews .btn--alt.okeReviews-filterToggle,
.product-reviews .okeReviews .btn--alt.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .btn--alt.okeReviews-qandaWidget-header-controls-askQuestion {
line-height: 21px;
font-size: 15px; } }
.btn.btn--link-no-ico, .form-newsletter--popup .btn--link-no-ico.form__btn, .product-reviews .okeReviews .btn--link-no-ico.okeReviews-filterToggle,
.product-reviews .okeReviews .btn--link-no-ico.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .btn--link-no-ico.okeReviews-qandaWidget-header-controls-askQuestion {
min-width: 0;
letter-spacing: 0.75px;
text-decoration: none; }
.btn.btn--link-no-ico svg, .form-newsletter--popup .btn--link-no-ico.form__btn svg, .product-reviews .okeReviews .btn--link-no-ico.okeReviews-filterToggle svg, .product-reviews .okeReviews .btn--link-no-ico.okeReviews-reviewsWidget-header-controls-writeReview svg, .product-reviews .okeReviews .btn--link-no-ico.okeReviews-qandaWidget-header-controls-askQuestion svg {
display: none; }
.btn.btn--add, .form-newsletter--popup .btn--add.form__btn, .product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion {
position: relative; }
.btn.btn--add::before, .form-newsletter--popup .btn--add.form__btn::before, .product-reviews .okeReviews .okeReviews-filterToggle::before,
.product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview::before,
.product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion::before, .btn.btn--add::after, .form-newsletter--popup .btn--add.form__btn::after, .product-reviews .okeReviews .okeReviews-filterToggle::after,
.product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview::after,
.product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion::after {
content: '';
position: absolute;
top: 50%;
right: 15px;
width: 8px;
height: 1px;
transform: translateY(-50%);
background: currentColor; }
.btn.btn--add::after, .form-newsletter--popup .btn--add.form__btn::after, .product-reviews .okeReviews .okeReviews-filterToggle::after,
.product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview::after,
.product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion::after {
transform: translateY(-50%) rotate(90deg); }
.btn.btn--remove, .form-newsletter--popup .btn--remove.form__btn, .product-reviews .okeReviews .btn--remove.okeReviews-filterToggle,
.product-reviews .okeReviews .btn--remove.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .btn--remove.okeReviews-qandaWidget-header-controls-askQuestion {
position: relative; }
.btn.btn--remove::before, .form-newsletter--popup .btn--remove.form__btn::before, .product-reviews .okeReviews .btn--remove.okeReviews-filterToggle::before,
.product-reviews .okeReviews .btn--remove.okeReviews-reviewsWidget-header-controls-writeReview::before,
.product-reviews .okeReviews .btn--remove.okeReviews-qandaWidget-header-controls-askQuestion::before {
content: '';
position: absolute;
top: 50%;
right: 15px;
width: 8px;
height: 1px;
transform: translateY(-50%);
background: currentColor; }
.btn.btn--tall, .form-newsletter--popup .btn--tall.form__btn, .product-reviews .okeReviews .btn--tall.okeReviews-filterToggle,
.product-reviews .okeReviews .btn--tall.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .btn--tall.okeReviews-qandaWidget-header-controls-askQuestion {
height: 49px;
line-height: 49px; }
.btn.btn--black, .form-newsletter--popup .btn--black.form__btn, .product-reviews .okeReviews .btn--black.okeReviews-filterToggle,
.product-reviews .okeReviews .btn--black.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .btn--black.okeReviews-qandaWidget-header-controls-askQuestion {
color: #fff;
background: #000; }
.btn.btn--black:hover, .form-newsletter--popup .btn--black.form__btn:hover, .product-reviews .okeReviews .btn--black.okeReviews-filterToggle:hover,
.product-reviews .okeReviews .btn--black.okeReviews-reviewsWidget-header-controls-writeReview:hover,
.product-reviews .okeReviews .btn--black.okeReviews-qandaWidget-header-controls-askQuestion:hover {
opacity: 0.7; }
.btn.btn--black--hover, .form-newsletter--popup .btn--black--hover.form__btn, .product-reviews .okeReviews .btn--black--hover.okeReviews-filterToggle,
.product-reviews .okeReviews .btn--black--hover.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .btn--black--hover.okeReviews-qandaWidget-header-controls-askQuestion {
opacity: 0.7; }
.btn.btn--small, .form-newsletter--popup .btn--small.form__btn, .product-reviews .okeReviews .btn--small.okeReviews-filterToggle,
.product-reviews .okeReviews .btn--small.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .btn--small.okeReviews-qandaWidget-header-controls-askQuestion {
width: 147px;
height: 37px;
padding: 5px 0;
min-width: initial;
line-height: 26px; }
.btn.btn--medium, .form-newsletter--popup .btn--medium.form__btn, .product-reviews .okeReviews .btn--medium.okeReviews-filterToggle,
.product-reviews .okeReviews .btn--medium.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .btn--medium.okeReviews-qandaWidget-header-controls-askQuestion {
width: 251px;
height: 49px;
padding: 5px 0;
min-width: initial;
line-height: 22px; }
.btn.btn--full-width, .form-newsletter--popup .btn--full-width.form__btn, .product-reviews .okeReviews .btn--full-width.okeReviews-filterToggle,
.product-reviews .okeReviews .btn--full-width.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .btn--full-width.okeReviews-qandaWidget-header-controls-askQuestion {
width: 100%;
height: 37px;
padding: 5px 0;
min-width: initial;
line-height: 26px;
font-size: 14px;
font-weight: 600; }
.btn.btn--large, .form-newsletter--popup .btn--large.form__btn, .product-reviews .okeReviews .btn--large.okeReviews-filterToggle,
.product-reviews .okeReviews .btn--large.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .btn--large.okeReviews-qandaWidget-header-controls-askQuestion {
width: 360px;
height: 49px;
padding: 5px 0;
min-width: initial;
line-height: 22px; }
.btn.btn--underline, .form-newsletter--popup .btn--underline.form__btn, .product-reviews .okeReviews .btn--underline.okeReviews-filterToggle,
.product-reviews .okeReviews .btn--underline.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .btn--underline.okeReviews-qandaWidget-header-controls-askQuestion {
position: relative; }
.btn.btn--underline span::before, .form-newsletter--popup .btn--underline.form__btn span::before, .product-reviews .okeReviews .btn--underline.okeReviews-filterToggle span::before, .product-reviews .okeReviews .btn--underline.okeReviews-reviewsWidget-header-controls-writeReview span::before, .product-reviews .okeReviews .btn--underline.okeReviews-qandaWidget-header-controls-askQuestion span::before {
content: '';
left: 0;
right: 0;
height: 1px;
bottom: -2px;
background: #000;
position: absolute; }
.btn:disabled, .form-newsletter--popup .form__btn:disabled, .product-reviews .okeReviews .okeReviews-filterToggle:disabled,
.product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview:disabled,
.product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion:disabled {
opacity: 0.7; }
.btn .button__el, .form-newsletter--popup .form__btn .button__el, .product-reviews .okeReviews .okeReviews-filterToggle .button__el, .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview .button__el, .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion .button__el {
pointer-events: none; }
.btn.btn--full, .form-newsletter--popup .btn--full.form__btn, .product-reviews .okeReviews .btn--full.okeReviews-filterToggle,
.product-reviews .okeReviews .btn--full.okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .btn--full.okeReviews-qandaWidget-header-controls-askQuestion {
width: 100%; }
.btn--primary {
height: auto;
border: 1px solid #000;
background-color: #fff;
color: #000; }
.btn--primary:hover {
opacity: 0.7; }
.btn--primary--hover {
opacity: 0.7; }
.btn--grey {
border: 1px solid #000;
background-color: #313131;
color: #fff; }
.btn--grey:hover {
background: none;
color: #000; }
.btn--secondary {
border: 1px solid transparent;
background-color: #000;
color: #fff; }
.btn--outlined {
border: 1px solid #000;
color: #000;
transition: opacity 0.3s; }
.btn--outlined:hover {
opacity: 0.7; }
.btn--full-width {
width: 100%; }
.btn--reset {
padding: 0;
height: auto;
text-align: left;
letter-spacing: 0;
min-width: inherit;
text-decoration: underline;
line-height: 22px; }
.btn_switch--passive {
display: flex; }
.btn_switch--active {
display: none; }
.btn_switch.active .btn_switch--passive {
display: none; }
.btn_switch.active .btn_switch--active {
display: flex; }
.btn--disabled {
color: #333;
background: #ccc;
border: #f6f6f6; }
.btn--disabled:hover {
opacity: 1; }
.btn--link {
height: unset;
min-width: unset;
margin: auto;
padding: unset;
display: inline-flex;
align-content: center;
justify-content: space-between;
min-width: 88px;
background: none;
padding-bottom: 5px;
text-transform: uppercase;
border: 0;
border-bottom: 1px solid;
line-height: inherit; }
.btn--link svg {
display: block;
width: 16px;
height: 14px;
margin-left: 8px;
margin-top: 2px; }
.btn--link:hover {
opacity: 0.7; }
.btn--link--secondary {
height: unset;
min-width: unset;
margin: auto;
padding: unset;
text-decoration: underline; }
.btn--link--secondary:hover {
opacity: 0.7; }
.btn--link--tertiary {
height: unset;
min-width: unset;
margin: auto;
padding: unset;
text-decoration: underline; }
.btn--link--tertiary:hover {
opacity: 0.7; }
.btn--link--hover {
opacity: 0.7; }
.btn--link--navigation {
height: unset;
min-width: unset;
margin: auto;
padding: unset;
color: #fff;
text-transform: uppercase; }
.btn--link--navigation:hover {
text-decoration: underline; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/badges/badges.scss */
/* ------------------------------------------------------------ *\
Badges
\* ------------------------------------------------------------ */
.badge {
background: transparent;
color: #000;
padding: 3px 8px; }
.badge::before {
width: 120px;
height: 120px;
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center center; }
.badge::after {
display: inline-block;
vertical-align: middle;
font-size: 10px;
margin-left: 10px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/checkbox-group/checkbox-group.scss */
.multi-option {
position: relative;
/* Resolves autocomplete white background issue */ }
.multi-option input:-webkit-autofill,
.multi-option input:-webkit-autofill:hover,
.multi-option input:-webkit-autofill:focus,
.multi-option input:-webkit-autofill:active {
transition-delay: 9999s; }
.multi-option__wrapper {
padding: 1rem 0 1.2rem;
height: auto;
line-height: initial;
position: relative; }
.multi-option__el_list {
display: block;
width: 100%; }
.multi-option__el {
position: relative;
height: 2.25rem;
line-height: 2.25rem;
transition: all 200ms;
z-index: 2;
width: 100%;
margin: 0 0 0.3rem; }
.multi-option__el:last-child {
margin-bottom: 0; }
.multi-option__el.is-active .multi-option__icon {
border: 2px solid #77777a; }
.multi-option__el.is-active .multi-option__icon span {
background: #77777a;
width: 10px;
height: 10px; }
.multi-option__el.is-active .multi-option__icon svg {
opacity: 1; }
.multi-option__title {
display: block;
z-index: 1;
width: 100%;
height: 2.25rem;
line-height: 2.25rem; }
.multi-option__label > span {
display: block;
z-index: 1;
width: 100%;
height: 2.25rem;
line-height: 2.25rem;
cursor: pointer;
padding: 0 0 0 1.8rem;
transition: padding 0.3s ease; }
.multi-option__label:focus .multi-option__icon, .multi-option__label:active .multi-option__icon, .multi-option__label:hover .multi-option__icon {
border-color: #77777a !important; }
.multi-option__icon {
width: 20px;
height: 20px;
position: absolute;
border: 2px solid #77777a;
margin-right: 10px;
top: 7px;
transition: all ease 0.3s; }
.multi-option__icon span {
display: block;
width: 2px;
height: 2px;
background: none;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all ease 0.3s; }
.multi-option__icon.multi-option__icon-checkbox span {
display: none !important; }
.multi-option__icon.multi-option__icon-checkbox svg {
opacity: 0;
display: block;
margin: -2px 0 0 -2px;
width: 20px;
transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); }
.multi-option__input {
display: block;
visibility: hidden;
width: 1px;
height: 1px; }
.multi-option__error {
position: absolute;
bottom: 0;
height: 1rem;
line-height: 1rem;
font-size: 0.8rem;
color: red;
opacity: 0;
transform: translateY(-0.5em);
transition: opacity 300ms ease, transform 300ms ease; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/contact-form/contact-form.scss */
/* ------------------------------------------------------------ *\
Form Contact
\* ------------------------------------------------------------ */
.form-contact {
max-width: 700px;
margin: 0 auto 50px; }
@media (min-width: 769px) {
.form-contact {
opacity: 0;
transform: translateY(40px);
transition: opacity 0.3s; }
.form-contact.is-visible {
opacity: 1;
transform: translateY(0); } }
.form-contact .form__row {
margin-bottom: 20px; }
.form-contact .btn, .form-contact .form-newsletter--popup .form__btn, .form-newsletter--popup .form-contact .form__btn, .form-contact .product-reviews .okeReviews .okeReviews-filterToggle, .product-reviews .okeReviews .form-contact .okeReviews-filterToggle,
.form-contact .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview, .product-reviews .okeReviews .form-contact .okeReviews-reviewsWidget-header-controls-writeReview,
.form-contact .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion, .product-reviews .okeReviews .form-contact .okeReviews-qandaWidget-header-controls-askQuestion {
width: 100%; }
.form-contact .text-input__el,
.form-contact .text-area .text-input__el {
color: #313131; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/cookies-popup/cookies-popup.scss */
/* ------------------------------------------------------------ *\
Cookies Popup
\* ------------------------------------------------------------ */
.cookies-popup {
display: none;
flex-flow: row wrap;
align-items: center;
position: fixed;
bottom: 20px;
left: 20px;
right: 20px;
background: #f6f6f6;
padding: 25px 27px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04); }
.cookies-popup.is-visible {
display: block; }
@media (min-width: 415px) {
.cookies-popup.is-visible {
display: flex; } }
@media (min-width: 769px) {
.cookies-popup {
bottom: 40px;
left: 90px;
right: auto;
margin-right: 90px;
max-width: 700px; } }
.cookies-popup__entry {
flex: 1 1;
margin-bottom: 20px; }
@media (min-width: 415px) {
.cookies-popup__entry {
margin-right: 28px;
margin-bottom: 0; } }
.cookies-popup__entry a {
text-decoration: underline;
font-weight: 500; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/dropdown-block/dropdown-block.scss */
/* ------------------------------------------------------------ *\
Dropdown Block
\* ------------------------------------------------------------ */
.dropdown-block {
width: 100%; }
@media (min-width: 1024px) {
.dropdown-block {
width: auto; } }
.dropdown-block .dropdown-block__link {
display: block; }
.dropdown-block .dropdown-block__image {
display: none;
position: relative;
height: 0;
padding-top: 100%;
margin-bottom: 5px;
transition: opacity 0.3s; }
.dropdown-block .dropdown-block__image:hover {
opacity: 0.8; }
@media (min-width: 1024px) {
.dropdown-block .dropdown-block__image {
display: block; } }
.dropdown-block .dropdown-block__title {
letter-spacing: 0.5px; }
.dropdown-block--large .dropdown-block__image {
margin-bottom: 10px; }
.dropdown-block--large .dropdown-block__title {
text-align: center; }
.nav-mobile .dropdown-block--large .dropdown-block__title {
text-transform: uppercase; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/checkbox/checkbox.scss */
.checkbox {
display: flex;
align-items: center; }
.checkbox .checkbox__icon {
width: 15px;
height: 15px;
position: relative;
border: 1px solid #77777a;
margin-right: 10px; }
.checkbox.black .checkbox__icon {
border-color: #000; }
.checkbox--align-t {
align-items: flex-start; }
.checkbox__icon {
width: 15px;
height: 15px;
position: relative;
border: 1px solid #77777a;
margin-right: 10px; }
.is-error.checkbox__icon {
border: 1px solid red; }
.checkbox--align-t .checkbox__icon {
margin-top: 2px; }
.checkbox__icon-el {
cursor: pointer;
display: block;
flex: 0 0 auto;
height: 15px;
margin-right: 10px;
opacity: 0;
position: relative;
width: 15px;
z-index: 1; }
.checkbox__icon-el:checked + .checkbox__icon-tick {
opacity: 1; }
.checkbox__icon-tick {
width: 10px;
position: absolute;
top: 1px;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 0;
opacity: 0;
transition: opacity 300ms ease-in-out; }
.is-error + .checkbox__label {
color: red; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/dropdown-menu/dropdown-menu.scss */
.dropdown-menu {
position: relative;
/* Resolves autocomplete white background issue */ }
.dropdown-menu input:-webkit-autofill,
.dropdown-menu input:-webkit-autofill:hover,
.dropdown-menu input:-webkit-autofill:focus,
.dropdown-menu input:-webkit-autofill:active {
transition-delay: 9999s; }
.dropdown-menu .dropdown-menu__wrapper {
height: auto;
position: relative;
line-height: initial; }
.dropdown-menu .dropdown-menu__label,
.dropdown-menu .dropdown-menu__arrow {
position: absolute;
bottom: initial;
margin: auto;
height: 44px;
line-height: 44px;
transition: all ease 200ms;
z-index: 2;
pointer-events: none;
padding: 0 1em; }
.dropdown-menu .dropdown-menu__arrow {
right: 0; }
.dropdown-menu .dropdown-menu__arrow svg {
display: block;
width: 14px;
height: 100%; }
.dropdown-menu .dropdown-menu__value {
top: 0;
z-index: 1;
width: 100%;
height: 44px;
padding: 0 1em;
line-height: 44px;
position: absolute;
pointer-events: none;
transition: all ease 0.3s;
border: 1px solid #000; }
.dropdown-menu .dropdown-menu__error {
position: absolute;
bottom: 0;
height: 1rem;
line-height: 1rem;
font-size: 0.8rem;
color: red;
opacity: 0;
transition: all 0.3s ease;
z-index: -1;
pointer-events: none; }
.dropdown-menu .dropdown-menu__el {
z-index: 1;
opacity: 0;
width: 100%;
height: 44px;
display: block;
cursor: pointer; }
.dropdown-menu.is-active .dropdown-menu__label {
font-size: 0.8rem;
height: 1rem;
line-height: 1rem;
padding: 0; }
.dropdown-menu.is-focus .dropdown-menu__value {
border: 1px solid #000; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/empty-view/empty-view.scss */
.empty-view {
margin: 20px 0 40px;
padding: 20px 25px; }
@media (min-width: 769px) {
.empty-view {
margin-top: 40px;
padding: 50px; } }
.empty-view__title {
margin-bottom: 25px; }
@media (min-width: 769px) {
.empty-view__title {
margin-bottom: 30px; } }
.empty-view__image {
width: 100%;
max-width: 135px;
margin: 0 auto 25px; }
@media (min-width: 769px) {
.empty-view__image {
max-width: 180px;
margin-bottom: 35px; } }
.empty-view__image::before {
padding-top: 88.88889%; }
@media (min-width: 769px) {
.empty-view__image::before {
padding-top: 61.11111%; } }
.empty-view__button {
display: inline-block; }
@media (min-width: 769px) {
.empty-view__button {
min-width: 250px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/featured-articles/featured-articles.scss */
/* ------------------------------------------------------------ *\
Featured Articles
\* ------------------------------------------------------------ */
@media (min-width: 769px) {
.featured-articles .featured-article:last-child:not(:only-child) .featured-article__content {
order: -1;
transform: translateX(-40px); } }
@media (min-width: 769px) {
.featured-articles .featured-article:last-child:not(:only-child) .featured-article__image {
transform: translateX(40px); } }
@media (min-width: 769px) {
.featured-articles .is-visible .featured-article__image,
.featured-articles .is-visible:last-child:not(:only-child) .featured-article__image {
transform: translateX(0);
opacity: 1; } }
@media (min-width: 769px) {
.featured-articles .is-visible .featured-article__content,
.featured-articles .is-visible:last-child:not(:only-child) .featured-article__content {
transform: translateX(0);
opacity: 1; } }
.featured-article {
max-width: 1495px;
margin: 100px auto;
padding: 0 26px;
overflow: hidden; }
@media (min-width: 769px) {
.featured-article {
padding: 0 40px; } }
.featured-article:last-child {
margin-bottom: 55px; }
@media (min-width: 769px) {
.featured-article:last-child {
margin-bottom: 100px; } }
@media (min-width: 769px) {
.featured-article__inner {
display: flex;
justify-content: center;
align-items: flex-end;
margin: 0 -10px; } }
@media (min-width: 1201px) {
.featured-article__inner {
margin: 0 -44px; } }
.featured-article__image {
margin-bottom: 80px; }
@media (min-width: 769px) {
.featured-article__image {
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 0;
padding: 0 10px;
opacity: 0;
transform: translateX(-40px);
transition: opacity 0.3s, transform 0.3s; } }
@media (min-width: 1201px) {
.featured-article__image {
flex: 1 1 1028px;
max-width: 1028px;
padding: 0 44px; } }
.featured-article__image figure {
position: relative;
height: 0;
padding-top: 74.5%; }
.featured-article__content {
margin-bottom: 30px; }
@media (min-width: 769px) {
.featured-article__content {
flex: 0 0 50%;
max-width: 50%;
padding: 0 10px;
transform: translateX(40px);
opacity: 0;
transition: opacity 0.3s, transform 0.3s; } }
@media (min-width: 1201px) {
.featured-article__content {
flex: 0 0 478px;
max-width: 478px;
padding: 0 44px; } }
.featured-article__title {
margin-right: 50px;
margin-bottom: 20px;
padding-top: 15px;
border-top: 1px solid #000; }
@media (min-width: 769px) {
.featured-article__title {
margin-right: 0;
padding-top: 30px; } }
.featured-article__entry {
margin-bottom: 15px; }
@media (min-width: 769px) {
.featured-article__entry {
margin-bottom: 25px;
padding-right: 55px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/featured-products/featured-products.scss */
/* ------------------------------------------------------------ *\
Featured Products
\* ------------------------------------------------------------ */
.featured-products {
padding: 50px 0;
overflow: hidden; }
@media (min-width: 769px) {
.featured-products {
padding: 110px 0; } }
.featured-products .featured-products__slider {
overflow: hidden; }
.featured-products .featured-products__slider::after {
content: 'flickity';
display: none; }
@media (min-width: 769px) {
.featured-products .featured-products__slider::after {
content: ''; } }
.featured-products .flickity-resize .flickity-slider {
height: 100%; }
.featured-products .flickity-page-dots {
display: flex;
align-content: center;
justify-content: center;
counter-reset: number;
margin-top: 30px; }
.featured-products .flickity-page-dots li {
transition: opacity 0.2s ease-in-out; }
.featured-products .flickity-page-dots li.is-selected::before {
opacity: 1; }
.featured-products .flickity-page-dots li::before {
counter-increment: number;
content: counter(number);
display: inline-block;
vertical-align: top;
margin-right: 8px;
opacity: 0.5; }
.featured-products .flickity-page-dots li::after {
content: '';
display: inline-block;
vertical-align: middle;
width: 34px;
height: 1px;
background: rgba(49, 49, 49, 0.5);
margin-right: 8px; }
.featured-products .flickity-page-dots li:last-child::after {
content: none; }
@media (min-width: 769px) {
.featured-products__grid {
display: flex;
flex-flow: row wrap;
margin: 0 -25px; } }
@media (min-width: 1024px) {
.featured-products__grid {
margin: 0 -33px; } }
.featured-products__item {
display: flex;
flex-direction: column;
width: 100%;
margin-right: 20px; }
@media (min-width: 769px) {
.featured-products__item {
flex: 0 0 33.33%;
max-width: 33.33%;
width: auto;
margin-right: 0;
padding: 0 25px; } }
@media (min-width: 1024px) {
.featured-products__item {
padding: 0 33px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/footer/footer.scss */
/* ------------------------------------------------------------ *\
Footer
\* ------------------------------------------------------------ */
.footer__about {
padding: 125px 27px 40px;
text-align: center; }
@media (min-width: 769px) {
.footer__about {
padding: 95px 40px 60px; } }
.footer__about.is-visible .footer__about-entry {
opacity: 1; }
.footer__about-entry {
margin-bottom: 40px;
opacity: 0;
transition: opacity 0.3s; }
@media (min-width: 769px) {
.footer__about-entry {
max-width: 800px;
margin: 0 auto 80px; }
.footer__about-entry:last-child {
margin-bottom: 0; } }
.footer__about-link {
min-width: 102px; }
.footer__contact {
padding: 40px 15px;
text-align: center; }
.footer__contact:empty {
display: none; }
.footer__contact-heading {
font-size: 24px;
line-height: 27px;
letter-spacing: 0.02em;
margin-bottom: 30px; }
.footer__contact-icons {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
margin-bottom: 30px;
gap: 20px; }
.footer__contact-icon-card {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
gap: 10px;
width: 75px;
height: 75px;
border: 2px solid #fff;
border-radius: 16px; }
.footer__contact-icon-card:hover {
background-color: #fff;
border-color: #313131;
color: #313131; }
.footer__contact-icon-card:hover svg,
.footer__contact-icon-card:hover path {
fill: #313131; }
.footer__contact-icon-card svg {
width: 25px;
height: 25px; }
.footer__contact-icon-text {
font-size: 12px;
line-height: 12px;
text-transform: uppercase; }
.footer__contact-text {
font-size: 15px;
line-height: 17px;
letter-spacing: 0.03em; }
.footer__inner {
padding: 80px 26px 60px; }
@media (min-width: 769px) {
.footer__inner {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
max-width: 1440px;
margin: 0 auto;
padding: 40px; } }
@media (min-width: 769px) {
.footer__newsletter,
.footer__socials,
.footer__navs {
flex: 0 0 25%;
max-width: 25%; } }
.footer__newsletter {
margin-bottom: 90px; }
@media (min-width: 769px) {
.footer__newsletter {
margin-bottom: 0; } }
.footer__socials {
margin-bottom: 100px; }
@media (min-width: 769px) {
.footer__socials {
margin-bottom: 0; } }
.footer__socials ul {
justify-content: center; }
.footer__nav {
flex: 1 1 130px;
max-width: 130px; }
@media (min-width: 769px) {
.footer__nav a,
.footer__socials a {
transition: opacity 0.2s ease-in-out; }
.footer__nav a:hover,
.footer__socials a:hover {
opacity: 0.7; } }
.footer :focus {
outline: 2px dotted #fff !important; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/footernew/footernew.scss */
footer.footer.footer-main {
position: relative;
padding: 70px 0 32px; }
footer.footer.footer-main ul {
list-style: none;
padding-left: 0; }
footer.footer.footer-main .footer-top .logo-img {
display: flex;
justify-content: center;
align-items: center;
padding: 0 0 20px;
padding-bottom: 80px; }
footer.footer.footer-main .footer-top .logo-img a .img {
max-width: 100%;
position: unset; }
footer.footer.footer-main .footer-top .logo-img a .img img {
max-width: 100%;
height: 16px;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
position: unset; }
@media (max-width: 1023px) {
footer.footer.footer-main .footer-top .logo-img a img {
height: 19px !important; } }
footer.footer.footer-main .footer-middle .footer-right-box {
display: flex;
justify-content: center;
gap: 45px; }
footer.footer.footer-main .footer-middle .footer-right-box > div {
min-width: 100px; }
footer.footer.footer-main .footer-middle .footer-right-box > div p {
font-family: freight-sans-pro, sans-serif !important;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #313131;
padding-bottom: 12px;
margin: 0; }
footer.footer.footer-main .footer-middle .footer-right-box > div ul li.nav__item {
padding-bottom: 12px; }
footer.footer.footer-main .footer-middle .footer-right-box > div ul li.nav__item a {
font-family: freight-sans-pro, sans-serif !important;
font-weight: 500;
font-size: 16px;
line-height: 16px;
color: #313131;
transition: 0.3s all; }
footer.footer.footer-main .footer-middle .footer-right-box > div ul li.nav__item a:hover {
text-decoration: underline; }
footer.footer.footer-main .footer-middle .footer-right-box > div.footer__newsletter {
min-width: 320px; }
footer.footer.footer-main .footer-middle .footer-right-box > div.footer__newsletter .form-newsletter--footer .form__head {
margin-bottom: 0; }
footer.footer.footer-main .footer-middle .footer-right-box > div.footer__newsletter span.form__text {
display: block;
font-family: freight-sans-pro, sans-serif !important;
font-weight: 400 !important;
font-size: 16px !important;
line-height: 18px !important;
color: #313131;
padding-bottom: 20px; }
footer.footer.footer-main .footer-middle .footer-right-box > div.footer__newsletter .form-newsletter_form {
display: flex;
align-items: center;
width: 100%;
border-bottom: 1px solid #313131; }
footer.footer.footer-main .footer-middle .footer-right-box > div.footer__newsletter .form-newsletter_form ::-moz-placeholder {
font-family: freight-sans-pro, sans-serif !important;
font-weight: 700 !important;
font-size: 16px;
line-height: 16px;
color: #313131 !important;
text-transform: uppercase;
opacity: 1 !important; }
footer.footer.footer-main .footer-middle .footer-right-box > div.footer__newsletter .form-newsletter_form ::placeholder {
font-family: freight-sans-pro, sans-serif !important;
font-weight: 700 !important;
font-size: 16px;
line-height: 16px;
color: #313131 !important;
text-transform: uppercase;
opacity: 1 !important; }
footer.footer.footer-main .footer-middle .footer-right-box > div.footer__newsletter .form-newsletter_form input[type='email'] {
font-family: freight-sans-pro, sans-serif !important;
padding: 0 0 8px;
font-weight: 600;
font-size: 16px;
line-height: 16px;
color: #313131;
box-shadow: none !important;
border-bottom: 0 !important;
outline: 0 !important;
text-transform: uppercase; }
footer.footer.footer-main .footer-middle .footer-right-box > div.footer__newsletter .form-newsletter_form .form__btn {
top: 50%;
transform: translateY(-50%); }
@media (max-width: 1023px) {
footer.footer.footer-main .footer-middle .footer-right-box {
gap: 0;
row-gap: 20px;
flex-wrap: wrap; }
footer.footer.footer-main .footer-middle .footer-right-box > div {
min-width: 50%;
max-width: 50%; }
footer.footer.footer-main .footer-middle .footer-right-box > div p,
footer.footer.footer-main .footer-middle .footer-right-box > div ul {
padding-right: 10px; }
footer.footer.footer-main .footer-middle .footer-right-box > div a {
word-break: break-all; }
footer.footer.footer-main .footer-middle .footer-right-box > div.footer__newsletter {
min-width: 100%;
margin: 0; } }
footer.footer.footer-main .footer-bottom {
display: flex;
justify-content: center;
align-items: center;
padding-top: 80px;
font-family: freight-sans-pro, sans-serif !important;
font-weight: 500;
font-size: 12px;
line-height: 100%;
text-align: center;
color: #313131;
opacity: 0.6; }
footer.footer.footer-main .footer-bottom a {
text-decoration: none;
transition: 0.3s all; }
footer.footer.footer-main .footer-bottom a:hover {
text-decoration: underline; }
footer.footer.footer-main .footer-bottom span {
position: relative;
padding-left: 5px; }
footer.footer.footer-main .footer-bottom span::after {
position: absolute;
content: ".";
top: 0;
left: 0; }
@media (max-width: 1023px) {
footer.footer.footer-main {
padding: 56px 0 16px; }
footer.footer.footer-main .container.container--md {
display: flex;
flex-direction: column; }
footer.footer.footer-main .container.container--md .footer-top {
order: 1; }
footer.footer.footer-main .container.container--md .footer-top .logo-img {
padding: 64px 0 0; }
footer.footer.footer-main .container.container--md .footer-middle {
order: 0; }
footer.footer.footer-main .container.container--md .footer-bottom {
padding-top: 42px;
order: 2; } }
@media (max-width: 414px) {
footer.footer.footer-main .container.container--md {
width: calc(100% - 100px); } }
@media (max-width: 370px) {
footer.footer.footer-main .container.container--md {
width: calc(100% - 60px); } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/form-search/form-search.scss */
/* ------------------------------------------------------------ *\
Form Search
\* ------------------------------------------------------------ */
.form-search {
position: fixed;
top: 0;
bottom: 0;
left: 0;
height: 100vh;
width: 100vw;
background: rgba(49, 49, 49, 0.95);
padding: 90px 25px 25px;
opacity: 0;
visibility: hidden;
transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
color: #fff;
z-index: 100; }
@media (min-width: 769px) {
.form-search {
padding: 300px 175px 50px; } }
@media (max-width: 768px) {
.form-search {
top: 0 !important; } }
.form-search.is-visible {
opacity: 1;
visibility: visible; }
.form-search.is-visible .nav__overlay {
opacity: 1;
visibility: visible; }
.form-search__close {
position: absolute;
top: 36px;
right: 25px;
width: 13px; }
@media (min-width: 769px) {
.form-search__close {
display: none; } }
.form-search__input-wrapper {
position: relative;
padding-bottom: 20px;
margin-bottom: 45px;
border-bottom: 1px solid; }
@media (min-width: 769px) {
.form-search__input-wrapper {
padding-bottom: 40px;
margin-bottom: 75px; } }
.form-search__input-wrapper input {
width: 100%;
padding-right: 40px; }
.form-search__input-wrapper button {
position: absolute;
top: 10px;
right: 0;
width: 21px; }
@media (min-width: 769px) {
.form-search__input-wrapper button {
width: 29px; } }
.form-search__results-title {
display: block;
margin-bottom: 20px;
color: #b8b8b8; }
.form-search__results-list li {
margin-bottom: 10px;
font-weight: 400; }
.form-search__results-list li:last-child {
margin-bottom: 0; }
.form-search__results-list a {
transition: opacity 0.2s ease-in-out; }
.form-search__results-list a:hover {
opacity: 0.7; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/hello-bar/hello-bar.scss */
/* ------------------------------------------------------------ *\
Hello Bar
\* ------------------------------------------------------------ */
.hello-bar {
overflow: hidden; }
.hello-bar__slider {
display: flex; }
.hello-bar__slider.flickity-enabled {
display: block; }
.hello-bar__slide {
width: 100%;
padding: 7px 20px 8px;
text-align: center; }
@media (min-width: 1024px) {
.hello-bar__slide {
padding: 11px 20px; } }
.hello-bar__slider .hello-bar__slide {
flex: 0 0 auto; }
.flickity-enabled .hello-bar__slide {
flex: none;
opacity: 1; }
.hello-bar__url {
display: block;
text-decoration: none; }
.hello-bar__text {
letter-spacing: 1.5px; }
.hello-bar__link:focus p {
outline: 2px dotted #fff !important; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/form-newsletter/form-newsletter.scss */
/* ------------------------------------------------------------ *\
Form Newsletter
\* ------------------------------------------------------------ */
.form-newsletter .form__title {
margin-bottom: 20px; }
.form-newsletter .form__body {
position: relative; }
.form-newsletter .form__message--success {
display: none; }
.form-newsletter .form-newsletter__form.is-success .form__message--success {
display: block; }
.form-newsletter .form-newsletter__form.is-success .form__body,
.form-newsletter .form-newsletter__form.is-success .form__note,
.form-newsletter .form-newsletter__form.is-success .form__message--error {
display: none; }
.form-newsletter .form__close {
display: none; }
.form-newsletter--footer {
position: relative; }
.form-newsletter--footer .form-newsletter_form {
position: relative; }
.form-newsletter--footer .form__head {
margin-bottom: 30px; }
.form-newsletter--footer .form__body {
position: relative; }
.form-newsletter--footer input[type='email'] {
width: 85%;
padding: 5px;
border-bottom: 1px solid #fff; }
.form-newsletter--footer input[type='email']::-moz-placeholder {
text-transform: uppercase;
opacity: 0.7; }
.form-newsletter--footer input[type='email']::placeholder {
text-transform: uppercase;
opacity: 0.7; }
.form-newsletter--footer .form__btn {
position: absolute;
top: 0;
right: 0; }
.form-newsletter--footer .form__btn span {
display: none; }
.form-newsletter--footer .form__btn svg {
width: 16px; }
.form-newsletter--popup {
display: none;
position: fixed;
bottom: 20px;
left: 20px;
right: 20px;
max-width: 460px;
background: #f6f6f6;
padding: 25px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04); }
.form-newsletter--popup.is-active {
display: block; }
@media (min-width: 769px) {
.form-newsletter--popup {
bottom: 40px;
left: 40px;
right: auto; } }
.form-newsletter--popup .form__title {
padding-right: 15px; }
.form-newsletter--popup .form__text {
margin-bottom: 30px; }
@media (min-width: 376px) {
.form-newsletter--popup .form__body {
display: flex;
flex-flow: row wrap;
align-items: flex-end; } }
.form-newsletter--popup .form__row {
flex: 1 1;
margin-bottom: 20px; }
@media (min-width: 376px) {
.form-newsletter--popup .form__row {
margin-bottom: 0;
margin-right: 20px; } }
.form-newsletter--popup input[type='email'] {
width: 100%;
border-bottom: 1px solid #000;
padding-bottom: 8px; }
.form-newsletter--popup input[type='email']::-moz-placeholder {
color: #6d717f; }
.form-newsletter--popup input[type='email']::placeholder {
color: #6d717f; }
.form-newsletter--popup .form__btn {
width: 100%;
margin-left: auto; }
@media (min-width: 376px) {
.form-newsletter--popup .form__btn {
width: auto; } }
.form-newsletter--popup .form__btn svg {
display: none; }
.form-newsletter--popup .form__close {
display: block;
position: absolute;
top: 25px;
right: 25px;
width: 10px;
color: #000; }
.form-newsletter--popup .exponea-subscription-dialog .exponea-button {
background-color: black; }
.form-newsletter--block {
padding: 34px 25px 42px;
margin: 0 19px 27px;
background-color: #f9f7f5; }
@media (min-width: 769px) {
.form-newsletter--block {
max-width: 946px;
margin-left: auto;
margin-right: auto; } }
@media (min-width: 1024px) {
.form-newsletter--block {
padding: 54px 64px 45px;
bottom: 0; } }
@media (min-width: 1024px) {
.form-newsletter--block form {
display: flex;
float: row wrap;
justify-content: space-between;
align-items: center; } }
.form-newsletter--block .form__title {
margin-bottom: 16px; }
@media (min-width: 1024px) {
.form-newsletter--block .form__title {
max-width: 372px; } }
.form-newsletter--block .form__row {
position: relative; }
.form-newsletter--block .form__row > svg {
position: absolute;
top: 50%;
left: 0;
width: 21px;
height: 13px;
transform: translateY(-50%); }
.form-newsletter--block .form__body {
position: relative;
flex: 1; }
@media (min-width: 1024px) {
.form-newsletter--block .form__body {
margin-left: 80px; } }
.form-newsletter--block input {
display: block;
width: 100%;
height: 36px;
padding: 0 33px;
border-bottom: 1px solid #000;
color: #000;
text-transform: uppercase; }
.form-newsletter--block input::-moz-placeholder {
color: inherit;
opacity: 1; }
.form-newsletter--block input::placeholder {
color: inherit;
opacity: 1; }
.form-newsletter--block .form__btn {
position: absolute;
top: 50%;
right: 0;
width: 15px;
height: 14px;
transform: translateY(-50%); }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/hero-alt/hero-alt.scss */
/* ------------------------------------------------------------ *\
Hero Alt
\* ------------------------------------------------------------ */
.hero-alt {
min-height: 191vw;
padding: 85px 0; }
@media (min-width: 769px) {
.hero-alt {
min-height: 0; } }
.hero-alt__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1; }
@media (max-width: 768px) {
.hero-alt__image .img__el--science {
top: 15px; } }
@media (max-width: 414px) {
.hero-alt__image .img__el--science {
top: 50px; } }
.hero-alt__content-inner {
max-width: 351px; }
@media (min-width: 769px) {
.hero-alt__content-inner {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
min-height: 645px;
margin-left: 3px; } }
@media (min-width: 769px) {
.hero-alt__content-inner--right {
margin-left: auto;
margin-right: 120px; } }
.hero-alt__subtitle {
margin-bottom: 30px;
letter-spacing: 0; }
@media (min-width: 1024px) {
.hero-alt__subtitle {
margin-bottom: 77px; } }
.hero-alt__title {
margin-bottom: 7px; }
@media (min-width: 1024px) {
.hero-alt__title {
font-size: 30px;
line-height: 35px;
margin-bottom: 19px; } }
@media (min-width: 1024px) {
.hero-alt__entry {
margin-top: -25px;
letter-spacing: 0.520833px; } }
.hero-alt__entry p {
margin-bottom: 47px; }
@media (min-width: 1024px) {
.hero-alt__entry p {
margin-bottom: 91px; } }
.hero-alt__arrow {
width: 16px;
height: 16px;
color: #000;
text-decoration: none; }
@media (min-width: 769px) {
.hero-alt__arrow {
width: 18px;
height: 18px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/hero-video/hero-video.scss */
.video-player {
opacity: 1; }
.video {
-o-object-fit: cover;
object-fit: cover; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/image/image.scss */
.img,
.img__el {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%; }
.img_static,
.img_static .img__el {
position: static;
display: block;
width: 100%;
height: auto; }
.img {
overflow: hidden; }
.img.fit-cover .img__el {
-o-object-fit: cover;
object-fit: cover;
/* stylelint-disable */
font-family: 'object-fit: cover;';
/* stylelint-enable */ }
.img.fit-contain .img__el {
-o-object-fit: contain;
object-fit: contain;
/* stylelint-disable */
font-family: 'object-fit: contain;';
/* stylelint-enable */ }
.img.is-loaded .img__el {
opacity: 1;
visibility: visible; }
.img.is-loaded .img__loader {
opacity: 0;
visibility: hidden; }
.img__el {
opacity: 0;
transition-duration: 0.2s;
transition-property: opacity, visibility, z-index;
transition-timing-function: ease-in-out;
visibility: hidden;
z-index: 2;
/* For Vue transitions */ }
.img__el.is-fallback {
opacity: 1;
visibility: visible; }
.img__el.fade-enter, .img__el.fade-leave-to {
opacity: 0 !important; }
.img__el.fade-enter {
z-index: 1; }
.img__loader {
animation: spin 0.25s infinite;
background-color: #000;
height: 30px;
left: calc(50% - 15px);
position: absolute;
top: calc(50% - 15px);
transition-duration: 0.2s;
transition-property: opacity;
transition-timing-function: ease-in-out;
width: 30px;
z-index: 0; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/hero/hero.scss */
/* ------------------------------------------------------------ *\
Hero
\* ------------------------------------------------------------ */
.hero {
background: #f6f6f6; }
@media (min-width: 769px) {
.hero.is-visible .hero__image {
opacity: 1; }
.hero.is-visible .hero__entry {
transform: translateY(0);
opacity: 1; } }
.hero__inner {
display: flex;
flex-flow: row wrap; }
.hero__image {
width: 100%; }
@media (min-width: 769px) {
.hero__image {
flex: 0 0 50%;
max-width: 50%;
opacity: 0;
transition: opacity 0.4s 0.2s; } }
.inverse-mobile .hero__image {
order: 1; }
@media (min-width: 769px) {
.inverse-mobile .hero__image {
order: 0; } }
.hero__image-wrapper {
position: relative;
height: 0;
padding-top: 96%; }
@media (min-width: 769px) {
.hero__image-wrapper {
height: 100%;
padding-top: 0; } }
.hero__content .hero__image-wrapper {
height: 0;
padding-top: 100%; }
.hero__video {
width: 100%; }
@media (min-width: 769px) {
.hero__video {
flex: 0 0 50%;
max-width: 50%; } }
.inverse-mobile .hero__video {
order: 1; }
@media (min-width: 769px) {
.inverse-mobile .hero__video {
order: 0; } }
.hero__content {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-content: center;
padding: 50px 0;
text-align: center; }
@media (min-width: 769px) {
.hero__content {
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 1441px) {
.hero__content {
padding-right: calc((100vw - 1360px) / 2); } }
.hero__content.desktop {
display: none; }
@media (min-width: 769px) {
.hero__content.desktop {
display: flex; } }
.hero__content.mobile {
display: flex; }
@media (min-width: 769px) {
.hero__content.mobile {
display: none; } }
.hero__entry {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-content: center; }
@media (min-width: 769px) {
.hero__entry {
transform: translateY(50px);
opacity: 0;
transition: opacity 0.6s 0.4s, transform 0.3s 0.4s; } }
.hero__content-image {
max-width: 232px;
margin-bottom: 65px; }
.hero__title {
margin-bottom: 15px; }
@media (min-width: 769px) {
.hero__title {
margin-bottom: 45px; } }
.hero__subtitle {
margin-bottom: 20px; }
/* ------------------------------------------------------------ *\
Hero Collection
\* ------------------------------------------------------------ */
.hero-collection {
position: relative;
height: 0;
padding-top: 53.333%; }
@media (min-width: 769px) {
.hero-collection {
padding-top: 24.375%; } }
.hero-collection .hero-collection__breadcrumbs {
position: absolute;
top: 10px;
left: 0;
width: 100%; }
@media (min-width: 769px) {
.hero-collection .hero-collection__breadcrumbs {
top: 25px; } }
.hero-collection__title {
position: absolute;
bottom: 10px;
left: 0;
width: 100%; }
@media (min-width: 769px) {
.hero-collection__title {
bottom: 40px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/instagram/instagram.scss */
/* ------------------------------------------------------------ *\
Instagram
\* ------------------------------------------------------------ */
.instagram .instafeed-shopify {
margin-top: 0 !important; }
.instagram .instafeed-container {
width: 50% !important;
padding-top: 50% !important;
pointer-events: none; }
@media (min-width: 769px) {
.instagram .instafeed-container {
width: 25% !important;
padding-top: 25% !important; } }
.instagram__content {
background: #fff;
padding: 30px 0; }
@media (min-width: 769px) {
.instagram__content {
padding: 55px 0; } }
.instagram__title {
text-transform: uppercase;
letter-spacing: 0.75px; }
.instagram__icon {
width: 26px;
height: 26px;
margin: 0 50px;
color: #000; }
@media (min-width: 769px) {
.instagram__icon {
margin: 0 120px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/instagrma-image/instagram-image.scss */
.insta_img {
padding: 50px 0 96px 100px;
border-bottom: 1px solid #0c0c0c;
overflow: hidden;
position: relative; }
.insta_img::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-image: url(https://cdn.shopify.com/s/files/1/1080/2380/files/image_4.png?v=1680086595);
background-repeat: no-repeat;
background-position: 52% -11%;
background-size: 320px;
z-index: -1; }
.insta_img ::-webkit-scrollbar {
display: none;
/* Safari and Chrome */ }
@media (max-width: 1023px) {
.insta_img .insta_img__main_box {
overflow-x: auto; } }
@media (max-width: 768px) {
.insta_img .insta_img__main_box {
margin-right: -30px; } }
.insta_img__top {
display: flex;
justify-content: space-between;
position: relative;
gap: 15px; }
@media (max-width: 1023px) {
.insta_img__top {
width: 986px; } }
.insta_img__top-box {
height: 100%;
margin-left: auto; }
.insta_img__top-box:first-child, .insta_img__top-box:nth-child(1) {
margin-left: 0; }
.insta_img__top-box:nth-child(2) {
padding-top: 118px; }
.insta_img__top-box:nth-last-child(2) .insta_img__top-box-text {
font-family: freight-sans-pro, sans-serif !important;
padding: 100px 0 130px;
font-weight: 600;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #313131;
text-align: center;
max-width: 100px;
margin: auto; }
.insta_img__top-box:nth-last-child(2) .insta_img__top-box-text a {
text-decoration: underline;
transition: 0.3s all; }
.insta_img__top-box:nth-last-child(2) .insta_img__top-box-text a:hover {
text-decoration: none; }
@media (max-width: 1200px) {
.insta_img__top-box:nth-last-child(2) .insta_img__top-box-text {
padding: 70px 0 90px; } }
@media (max-width: 1023px) {
.insta_img__top-box:nth-last-child(2) .insta_img__top-box-text {
display: none; } }
.insta_img__top-box:nth-last-child(2) picture {
margin-bottom: -70px; }
@media (max-width: 1200px) {
.insta_img__top-box:nth-last-child(2) picture {
margin-bottom: 0; } }
.insta_img__top-box:nth-last-child(1) {
margin-left: 0; }
@media (max-width: 1023px) {
.insta_img__top-box:nth-child(even) {
padding-top: 35px; } }
.insta_img__bottom {
display: flex; }
.insta_img__bottom .right-content {
max-width: 320px;
padding-left: 50px; }
@media (max-width: 1200px) {
.insta_img__bottom {
padding-top: 30px; } }
@media (max-width: 1023px) {
.insta_img__bottom {
flex-direction: column; }
.insta_img__bottom .left-head {
padding-bottom: 32px; }
.insta_img__bottom .right-content {
max-width: 100%;
padding-left: 0; } }
@media (max-width: 414px) {
.insta_img__bottom .right-content {
padding-left: 16px;
max-width: 255px; } }
.insta_img .left-head.mobile {
display: none; }
@media (max-width: 1023px) {
.insta_img .left-head.mobile {
display: block; } }
.insta_img .mobile_insta {
display: none; }
.insta_img .mobile_insta p {
font-family: freight-sans-pro, sans-serif !important;
font-weight: 600;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #313131;
text-align: right;
max-width: 100px;
margin-left: auto; }
.insta_img .mobile_insta a {
text-decoration: underline;
transition: 0.3s all; }
.insta_img .mobile_insta a:hover {
text-decoration: none; }
@media (max-width: 1023px) {
.insta_img .mobile_insta {
display: block;
padding-top: 20px; } }
@media (max-width: 1200px) {
.insta_img {
padding-top: 95px;
padding-bottom: 55px;
padding-left: 0; }
.insta_img .left-head.mobile {
display: block;
padding-bottom: 32px; }
.insta_img .left-head.desktop {
display: none; } }
@media (max-width: 1023px) {
.insta_img::before {
right: -58px;
top: 38px;
position: absolute;
width: 200px;
height: 200px;
background-image: url(https://cdn.shopify.com/s/files/1/1080/2380/files/image_4.png?v=1680086595);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
transform: rotate(-54.23deg); } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/multiple-image-text-slider/multiple-image-text-slider.scss */
.ctm_innovation {
background: #f5f2ee;
padding: 55px 0 90px; }
.ctm_innovation .container {
max-width: 1350px; }
@media (max-width: 768px) {
.ctm_innovation {
padding: 55px 0 55px; } }
.ctm_innovation .innovation_start-inner {
display: flex;
position: relative;
padding: 70px 100px 0; }
.ctm_innovation .innovation_start-inner .main-head {
position: absolute;
top: 0;
left: 55%;
width: 320px; }
.ctm_innovation .innovation_start-inner .main-head h2 {
font-size: 32px;
line-height: 32px;
font-weight: 400;
color: #313131;
letter-spacing: 0; }
@media (min-width: 1024px) {
.ctm_innovation .innovation_start-inner .main-head br {
display: none; } }
@media (max-width: 1365px) {
.ctm_innovation .innovation_start-inner {
padding: 70px 30px 0; }
.ctm_innovation .innovation_start-inner .main-head {
left: 30px;
width: unset; } }
@media (max-width: 1023px) {
.ctm_innovation .innovation_start-inner {
flex-direction: column;
padding: 0; }
.ctm_innovation .innovation_start-inner .main-head {
left: 0;
position: relative;
padding-bottom: 32px; } }
.ctm_innovation .left-tab-content {
width: 65%; }
.ctm_innovation .left-tab-content .images-multi {
display: flex;
align-items: center; }
.ctm_innovation .left-tab-content .images-multi .images-multi-img-two {
display: inline-block;
background: #f5f2ee;
border: 1px solid #313131;
margin-left: -90px;
padding: 8px;
line-height: 0;
min-width: 200px; }
@media (max-width: 1365px) {
.ctm_innovation .left-tab-content {
width: 50%; } }
@media (max-width: 1023px) {
.ctm_innovation .left-tab-content {
width: 100%; } }
@media (max-width: 800px) {
.ctm_innovation .left-tab-content img.img-first {
max-width: 480px; } }
@media (max-width: 768px) {
.ctm_innovation .left-tab-content .images-multi {
align-items: flex-end;
padding-bottom: 40px; }
.ctm_innovation .left-tab-content .images-multi .images-multi-img-two {
min-width: unset;
width: 200px;
margin-bottom: -40px; }
.ctm_innovation .left-tab-content img.img-first {
width: calc(100% - 150px);
max-width: 100%; } }
@media (max-width: 575px) {
.ctm_innovation .left-tab-content img.img-first {
width: calc(100% - 60px); }
.ctm_innovation .left-tab-content .images-multi .images-multi-img-two {
width: 115px;
margin-left: -65px;
padding: 3px; } }
.ctm_innovation .right-tab-links {
width: 35%;
padding-left: 150px;
padding-top: 50px; }
@media (max-width: 1440px) {
.ctm_innovation .right-tab-links {
padding-left: 80px; } }
.ctm_innovation .right-tab-links .shop-link {
padding-top: 32px;
display: flex;
text-align: center; }
.ctm_innovation .right-tab-links .shop-link a {
width: 100%;
background: #313131;
border: 1px solid #313131;
font-weight: 600;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #fff;
height: 48px !important;
padding: 16px; }
.ctm_innovation .right-tab-links .shop-link a:hover {
background: #000;
border: 1px solid #000; }
.ctm_innovation .right-tab-links .tab_dot {
padding-bottom: 15px;
display: flex;
align-items: center;
gap: 10px; }
.ctm_innovation .right-tab-links .tab_dot span.tab-link {
width: calc(33.33% - 4px);
max-width: 33%;
cursor: pointer;
height: 2px;
background: #31310140;
position: relative; }
.ctm_innovation .right-tab-links .tab_dot span.tab-link::after {
position: absolute;
top: 0;
left: 0;
content: '';
height: 100%;
width: 100%;
background: #31310140; }
.ctm_innovation .right-tab-links .tab_dot span.tab-link.current::after {
animation: progress-forward 15s ease;
background: #313131; }
@keyframes progress-forward {
0% {
width: 0%; }
25% {
width: 25%; }
50% {
width: 50%; }
75% {
width: 75%; }
100% {
width: 100%; } }
.ctm_innovation .right-tab-links div.tabs {
display: flex;
flex-direction: column;
gap: 30px; }
.ctm_innovation .right-tab-links div.tabs.mobile {
display: none; }
.ctm_innovation .right-tab-links div.tabs .tab-link {
cursor: pointer;
opacity: 0.2; }
.ctm_innovation .right-tab-links div.tabs .tab-link.current {
opacity: 1; }
.ctm_innovation .right-tab-links div.tabs .tab-link span:nth-child(1) {
display: block;
font-weight: 500;
font-size: 48px;
line-height: 100%;
text-transform: uppercase;
color: #313131;
padding-bottom: 15px; }
.ctm_innovation .right-tab-links div.tabs .tab-link span:nth-last-child(1) {
display: block;
font-weight: 350;
font-size: 18px;
line-height: 112%;
color: #313131; }
.ctm_innovation .right-tab-links .slider__pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
display: flex;
align-items: center;
gap: 10px;
opacity: 0;
visibility: hidden; }
.ctm_innovation .right-tab-links .slider__pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal span.swiper-pagination-bullet {
width: calc(33.33% - 4px);
border-bottom: 2px solid #313131;
opacity: 0.25;
cursor: pointer;
height: 0 !important;
background: transparent !important; }
.ctm_innovation .right-tab-links .slider__pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal span.swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1; }
@media (max-width: 1365px) {
.ctm_innovation .right-tab-links {
width: 50%;
padding-left: 150px; } }
@media (max-width: 1023px) {
.ctm_innovation .right-tab-links {
width: 100%;
padding: 35px 0 0;
display: flex;
flex-direction: column;
overflow: hidden; }
.ctm_innovation .right-tab-links ::-webkit-scrollbar {
display: none;
/* Safari and Chrome */ }
.ctm_innovation .right-tab-links div.tabs {
flex-direction: row;
order: 0; }
.ctm_innovation .right-tab-links div.tabs.desktop {
display: none; }
.ctm_innovation .right-tab-links div.tabs.mobile {
display: block; }
.ctm_innovation .right-tab-links .tab_dot {
order: 1;
padding: 18px 0 30px;
gap: 10px; }
.ctm_innovation .right-tab-links .tab_dot span.tab-link {
width: calc(33.33% - 5px); }
.ctm_innovation .right-tab-links .shop-link {
padding-top: 0;
order: 3; } }
@media (max-width: 575px) {
.ctm_innovation .right-tab-links {
padding: 0; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/menu-tags/menu-tags.scss */
/* ------------------------------------------------------------ *\
Menu tags
\* ------------------------------------------------------------ */
.menu-tags {
margin: 28px 0 50px; }
@media (min-width: 1024px) {
.menu-tags {
border-bottom: 1px solid #c8c8c8;
margin: 0; } }
.menu-tags ul {
display: none; }
@media (min-width: 1024px) {
.menu-tags ul {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
letter-spacing: 0.857143px;
font-weight: 500; } }
.menu-tags ul li {
position: relative;
padding: 0 25px; }
.menu-tags ul li + li::after {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 1px;
height: 13px;
background-color: #979797;
transform: translateY(-50%); }
@media (min-width: 1024px) {
.menu-tags ul a {
display: block;
padding: 22px 8px 25px;
transition: opacity 0.3s; }
.menu-tags ul a:hover {
opacity: 0.7; } }
@media (min-width: 1024px) {
.menu-tags .is-current a {
position: relative; }
.menu-tags .is-current a::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 1px;
background-color: currentColor; } }
/* ------------------------------------------------------------ *\
Menu Tags Dropdown
\* ------------------------------------------------------------ */
.menu-tags__dropdown {
max-width: 74vw;
width: 100%;
margin: 0 auto; }
@media (min-width: 1024px) {
.menu-tags__dropdown {
display: none; } }
.menu-tags__dropdown .dropdown-menu__el {
height: 51px; }
.menu-tags__dropdown.is-focus .dropdown-menu__value {
border: none; }
.menu-tags__dropdown .dropdown-menu__value {
font-size: 15px;
line-height: 51px;
height: 51px;
padding: 0 39px;
border: none;
color: #000;
font-weight: 500;
white-space: nowrap;
font-style: italic;
letter-spacing: 0.520833px; }
.menu-tags__dropdown .dropdown-menu__arrow {
top: 0;
height: 51px; }
.menu-tags__dropdown .dropdown-menu__arrow::after {
content: '';
width: 6px;
height: 6px;
display: inline-block;
vertical-align: middle;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #000;
margin: 0 18px 0 0;
transform: rotate(-45deg);
transform-origin: center;
transition: all 0.2s; }
.menu-tags__dropdown .dropdown-menu__arrow svg {
display: none; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/image-with-text/image-with-text.scss */
div.image-with-text {
padding: 96px 0;
line-height: 0; }
div.image-with-text .container {
width: calc(100% - 120px); }
@media (max-width: 1023px) {
div.image-with-text {
padding: 50px 0;
background: #ececec; }
div.image-with-text .container {
width: calc(100% - 55px); } }
@media (max-width: 768px) {
div.image-with-text {
padding: 50px 0 0; } }
div.image-with-text .top-content {
display: flex;
justify-content: flex-start;
padding-bottom: 56px; }
@media (max-width: 1023px) {
div.image-with-text .top-content {
justify-content: space-between;
gap: 20px; } }
@media (max-width: 768px) {
div.image-with-text .top-content {
flex-direction: column;
padding-bottom: 32px;
border-bottom: 1px solid #313131; } }
div.image-with-text .top-content .left-head {
width: 58.5%; }
@media (min-width: 1490px) {
div.image-with-text .top-content .left-head {
width: 57.5%; } }
@media (max-width: 1200px) {
div.image-with-text .top-content .left-head {
width: 52%; } }
@media (max-width: 1023px) {
div.image-with-text .top-content .left-head {
width: unset; } }
div.image-with-text .top-content > div h2 {
max-width: 400px; }
div.image-with-text .top-content > div p {
max-width: 350px; }
@media (max-width: 1023px) {
div.image-with-text .top-content > div h2 {
max-width: 100%;
line-height: 35px; }
div.image-with-text .top-content > div p {
max-width: 100%; } }
div.image-with-text .section-imgcon__wrapper {
display: flex;
justify-content: space-between;
gap: 40px;
margin-right: -120px; }
div.image-with-text .section-imgcon__wrapper .section-imgcon__card {
width: 100%;
max-width: calc(25% - 15px); }
div.image-with-text .section-imgcon__wrapper .section-imgcon__card:nth-child(1), div.image-with-text .section-imgcon__wrapper .section-imgcon__card:nth-child(2) {
padding-right: 15px; }
div.image-with-text .section-imgcon__wrapper .section-imgcon__card:nth-child(2), div.image-with-text .section-imgcon__wrapper .section-imgcon__card:nth-child(3) {
padding-left: 15px; }
div.image-with-text .section-imgcon__wrapper .section-imgcon__card.cart-pos-down {
padding-top: 40px; }
div.image-with-text .section-imgcon__wrapper .section-imgcon__card .section-simgcon__percentage {
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
padding-bottom: 8px;
color: #313131;
border-bottom: 1px solid #313131; }
div.image-with-text .section-imgcon__wrapper .section-imgcon__card .section-simgcon__percentage span {
font-weight: 600; }
@media (max-width: 768px) {
div.image-with-text .section-imgcon__wrapper .section-imgcon__card .section-simgcon__percentage {
padding: 12px 0;
padding-right: 40px;
height: 100%; }
div.image-with-text .section-imgcon__wrapper .section-imgcon__card .section-simgcon__percentage span {
display: block;
padding-bottom: 8px; } }
@media (max-width: 370px) {
div.image-with-text .section-imgcon__wrapper .section-imgcon__card .section-simgcon__percentage {
padding-right: 25px; } }
div.image-with-text .section-imgcon__wrapper .section-imgcon__card .section-imgcon__image-wrapper.relative {
padding-top: 16px; }
@media (max-width: 1200px) {
div.image-with-text .section-imgcon__wrapper .section-imgcon__card {
margin-right: 0; }
div.image-with-text .section-imgcon__wrapper .section-imgcon__card:nth-child(1), div.image-with-text .section-imgcon__wrapper .section-imgcon__card:nth-child(2) {
padding-right: 0; }
div.image-with-text .section-imgcon__wrapper .section-imgcon__card:nth-child(2), div.image-with-text .section-imgcon__wrapper .section-imgcon__card:nth-child(3) {
padding-left: 0; } }
@media (max-width: 768px) {
div.image-with-text .section-imgcon__wrapper .section-imgcon__card {
max-width: 50%;
height: auto;
padding: 0; }
div.image-with-text .section-imgcon__wrapper .section-imgcon__card.cart-pos-down {
padding-top: 0; }
div.image-with-text .section-imgcon__wrapper .section-imgcon__card .section-imgcon__image-wrapper.relative {
padding-top: 0;
display: none; }
div.image-with-text .section-imgcon__wrapper .section-imgcon__card .section-imgcon__info {
height: 100%; } }
@media (max-width: 1200px) {
div.image-with-text .section-imgcon__wrapper {
gap: 25px;
margin-right: 0; } }
@media (max-width: 1023px) {
div.image-with-text .section-imgcon__wrapper {
gap: 0;
flex-wrap: wrap; } }
div.image-with-text .section-imgcon__mob {
display: none; }
@media (max-width: 768px) {
div.image-with-text .section-imgcon__mob {
display: block;
max-width: 320px;
margin: auto; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/post/post.scss */
/* ------------------------------------------------------------ *\
Post
\* ------------------------------------------------------------ */
.post {
display: block;
padding-bottom: 22px;
border-bottom: 1px solid #000;
margin: 0 35px 43px; }
@media (min-width: 769px) {
.post {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
margin: 0 0 64px;
border: none; } }
@media (min-width: 1024px) {
.post {
max-width: 928px;
margin: 0 0 64px 10px; } }
.post > a {
display: block;
width: 100%;
text-decoration: none;
transition: opacity 0.2s; }
@media (min-width: 769px) {
.post > a {
order: 2;
width: 48%; } }
@media (min-width: 1024px) {
.post > a {
width: 58%; } }
@media (min-width: 1441px) {
.post > a {
width: calc(100% - 387px); } }
.post > a:hover {
opacity: 0.6; }
.post__image {
height: 49vw;
margin-bottom: 18px; }
@media (min-width: 769px) {
.post__image {
height: 312px;
margin: 0; } }
.post__content:last-child:first-child {
width: 100%; }
@media (min-width: 769px) {
.post__content {
order: 1;
width: 48%;
padding-top: 68px;
border-top: 1px solid #000; } }
@media (min-width: 1024px) {
.post__content {
width: 38%; } }
@media (min-width: 1441px) {
.post__content {
width: 342px; } }
.post__tag {
margin-bottom: 7px;
letter-spacing: 0;
text-transform: capitalize; }
@media (min-width: 769px) {
.post__tag {
margin-bottom: 38px; } }
@media (min-width: 1024px) {
.post__tag {
font-size: 12px;
line-height: 21px;
letter-spacing: 0.416667px; } }
.post__tag a {
transition: opacity 0.3s; }
.post__tag a:hover {
opacity: 0.7; }
.post__title {
margin-bottom: 11px; }
@media (min-width: 769px) {
.post__title {
margin-bottom: 13px; } }
@media (min-width: 1024px) {
.post__title {
max-width: 274px;
line-height: 21px; } }
.post__link {
letter-spacing: 0.451389px;
text-decoration: underline;
text-transform: lowercase; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/post-slider/post-slider.scss */
/* ------------------------------------------------------------ *\
Post Slider
\* ------------------------------------------------------------ */
.post-slider {
width: 222px;
min-height: 100%;
margin: 0 14px; }
@media (min-width: 1024px) {
.post-slider {
width: 378px;
margin: 0 48px; } }
.post-slider a {
display: block;
text-decoration: none;
transition: opacity 0.3s; }
.post-slider a:hover {
opacity: 0.7; }
.post-slider__image {
height: 129px;
margin-bottom: 13px; }
@media (min-width: 1024px) {
.post-slider__image {
height: 220px;
margin-bottom: 33px; } }
.post-slider__tag {
margin-bottom: 10px;
text-transform: capitalize; }
@media (min-width: 1024px) {
.post-slider__title {
line-height: 21px; } }
.post-slider__content {
padding-bottom: 34px;
border-bottom: 1px solid #000; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/press/press.scss */
/* ------------------------------------------------------------ *\
Press
\* ------------------------------------------------------------ */
.press {
background: linear-gradient(47.82deg, #e5dcd3 -3.17%, #fff 47.08%, #e5dcd3 105.46%);
padding: 135px 0 45px;
overflow: hidden; }
@media (min-width: 769px) {
.press {
background: linear-gradient(4.34deg, #e5dcd3 -50.26%, #fff 42.63%, #e5dcd3 150.56%);
padding: 125px 0 90px; } }
@media (min-width: 1024px) {
.press {
padding: 250px 0 180px; } }
.press .flickity-resize .flickity-slider {
height: 100%; }
.press .flickity-page-dots {
position: absolute;
bottom: -65px;
left: 0;
right: 0;
display: flex;
align-content: center;
justify-content: center;
counter-reset: number; }
.press .flickity-page-dots li {
transition: opacity 0.2s ease-in-out; }
.press .flickity-page-dots li.is-selected::before {
opacity: 1; }
.press .flickity-page-dots li::before {
counter-increment: number;
content: counter(number);
display: inline-block;
vertical-align: top;
margin-right: 8px;
opacity: 0.5; }
.press .flickity-page-dots li::after {
content: '';
display: inline-block;
vertical-align: middle;
width: 34px;
height: 1px;
background: rgba(0, 0, 0, 0.5);
margin-right: 8px; }
.press .flickity-page-dots li:last-child::after {
content: none; }
.press .flickity-button {
display: none; }
@media (min-width: 769px) {
.press.is-visible .press__grid {
transform: translateY(0);
opacity: 1; } }
.press--product {
padding: 110px 0 120px; }
@media (min-width: 769px) {
.press--product {
padding: 200px 0 170px; } }
.press--product .flickity-page-dots {
margin-top: 70px; }
@media (min-width: 769px) {
.press--product .flickity-page-dots {
display: none; } }
.press--product .flickity-button {
display: none;
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 20px;
transform: translateY(-50%); }
@media (min-width: 769px) {
.press--product .flickity-button {
display: block; } }
.press--product .flickity-button.next {
left: auto;
right: 0; }
.press--product .flickity-button[disabled] {
opacity: 0; }
.press__slider {
overflow: hidden; }
.press__slider::after {
content: 'flickity';
display: none; }
@media (min-width: 769px) {
.press__slider::after {
content: ''; } }
@media (min-width: 769px) {
.press--product .press__slider::after {
content: 'flickity'; } }
.press__grid {
margin-bottom: 40px; }
@media (min-width: 769px) {
.press__grid {
display: flex;
flex-flow: row wrap;
margin: 0 -25px 30px;
transform: translateY(40px);
opacity: 0;
transition: transform 0.3s, opacity 0.3s; } }
@media (min-width: 1024px) {
.press__grid {
margin: 0 -50px; } }
@media (min-width: 1201px) {
.press__grid {
margin: 0 -95px; } }
.press--product .press__grid {
margin: 0; }
@media (min-width: 769px) {
.press--product .press__grid {
display: block; } }
.press__slide {
width: 100%;
margin-right: 20px; }
@media (min-width: 769px) {
.press__slide {
flex: 0 0 33.33%;
max-width: 33.33%;
width: auto;
margin-right: 0;
padding: 0 25px; } }
@media (min-width: 1024px) {
.press__slide {
padding: 0 50px; } }
@media (min-width: 1201px) {
.press__slide {
padding: 0 95px; } }
@media (min-width: 769px) {
.press--product .press__slide {
width: 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0; } }
.press__image {
position: relative;
height: 33px;
margin-bottom: 35px; }
.press__title {
text-align: center; }
@media (min-width: 769px) {
.press--product .press__title {
max-width: 620px;
margin: 0 auto; } }
.press__actions {
margin-bottom: 65px;
text-align: center; }
@media (min-width: 769px) {
.press__actions {
margin: 40px 0 0; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/press-logo/presslogo.scss */
.logo_listed {
overflow: hidden;
padding: 56px 70px; }
.logo_listed ::-webkit-scrollbar {
display: none;
/* Safari and Chrome */ }
.logo_listed.mobile {
display: none; }
@media (max-width: 1000px) {
.logo_listed.desktop {
display: none; }
.logo_listed.mobile {
display: block; } }
@media (max-width: 1200px) {
.logo_listed {
padding: 0; } }
.logo_list_main_mobile,
.logo_list_main {
overflow: hidden; }
.logo_list_main_mobile .swiper-slide,
.logo_list_main .swiper-slide {
height: auto; }
.logo_list_main_mobile .logo-contents,
.logo_list_main .logo-contents {
transition: visibility 0s linear 0.33s, opacity 0.33s linear;
height: 70px;
display: flex;
flex-direction: column;
overflow: hidden;
justify-content: center;
align-items: center;
text-align: center;
position: relative;
cursor: pointer;
background: #fff; }
.logo_list_main_mobile .logo-contents .logo,
.logo_list_main .logo-contents .logo {
transition: visibility 0s linear 0.33s, opacity 0.33s linear;
max-height: 40px; }
.logo_list_main_mobile .logo-contents h6,
.logo_list_main .logo-contents h6 {
position: absolute;
top: 100%;
opacity: 0;
visibility: hidden;
font-family: freight-sans-pro, sans-serif !important;
font-weight: 400;
font-size: 16px;
line-height: 18px;
letter-spacing: 0;
text-align: center;
color: #313131;
transition: visibility 0s linear 0.33s, opacity 0.33s linear; }
.logo_list_main_mobile .logo-contents:hover h6,
.logo_list_main .logo-contents:hover h6 {
display: inline-block;
opacity: 1;
visibility: visible;
position: relative;
top: unset; }
.logo_list_main_mobile .logo-contents:hover .logo,
.logo_list_main .logo-contents:hover .logo {
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%; }
@media (max-width: 1200px) {
.logo_list_main_mobile .logo-contents,
.logo_list_main .logo-contents {
flex-direction: column-reverse;
text-align: center;
justify-content: center;
align-items: center;
height: 100%;
gap: 25px;
padding: 40px 45px 50px; }
.logo_list_main_mobile .logo-contents .logo,
.logo_list_main_mobile .logo-contents h6,
.logo_list_main .logo-contents .logo,
.logo_list_main .logo-contents h6 {
opacity: 1 !important;
visibility: visible !important;
position: relative !important;
top: unset !important; }
.logo_list_main_mobile .logo-contents .logo,
.logo_list_main .logo-contents .logo {
width: 100% !important;
height: 40px;
max-height: unset; } }
@media (max-width: 768px) {
.logo_list_main_mobile .logo-contents h6,
.logo_list_main .logo-contents h6 {
font-size: 18px;
line-height: 20px; } }
@media (max-width: 414px) {
.logo_list_main_mobile .logo-contents .logo,
.logo_list_main .logo-contents .logo {
height: 40px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/product-bulletpoints/product-bulletpoints.scss */
/* ------------------------------------------------------------ *\
Product Bulletpoints
\* ------------------------------------------------------------ */
.product-bulletpoints {
background: linear-gradient(47.82deg, #e5dcd3 -3.17%, #fff 47.08%, #e5dcd3 105.46%);
padding: 77px 40px 84px; }
@media (min-width: 769px) {
.product-bulletpoints {
background: linear-gradient(8.36deg, #e5dcd3 -50.98%, #fff 40.94%, #e5dcd3 147.75%);
padding-left: 0;
padding-right: 0; } }
@media (min-width: 1024px) {
.product-bulletpoints {
padding: 150px 0 105px; } }
.product-bulletpoints ul {
list-style: none; }
.product-bulletpoints li {
display: flex;
flex-flow: row wrap;
align-items: center;
margin-bottom: 30px; }
@media (min-width: 1024px) {
.product-bulletpoints li {
margin-bottom: 115px; } }
.product-bulletpoints li:last-child {
margin-bottom: 0; }
.product-bulletpoints li strong {
font-size: 30px;
line-height: 35px;
letter-spacing: 0.034722em;
margin-right: 24px; }
@media (min-width: 1024px) {
.product-bulletpoints li strong {
margin-right: 36px; } }
.product-bulletpoints li p {
flex: 1 1; }
.product-bulletpoints.is-visible .product-bulletpoints__title,
.product-bulletpoints.is-visible .product-bulletpoints__grid-item {
opacity: 1; }
@media (min-width: 769px) {
.product-bulletpoints.is-visible .product-bulletpoints__grid-item {
transform: translateY(0);
opacity: 1; } }
.product-bulletpoints__grid {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-between; }
@media (min-width: 769px) {
.product-bulletpoints__grid {
margin: 0 -40px; } }
.product-bulletpoints__grid-item {
width: 100%;
opacity: 0;
transition: opacity 0.3s; }
@media (min-width: 769px) {
.product-bulletpoints__grid-item {
flex: 0 0 30%;
max-width: 30%;
padding: 0 40px; } }
.product-bulletpoints__grid-item:first-child {
margin-bottom: 30px; }
@media (min-width: 769px) {
.product-bulletpoints__grid-item:first-child {
margin-bottom: 0; } }
.product-bulletpoints__grid-item:last-child {
display: none; }
.product-bulletpoints__grid-item:last-child.is-active {
display: block; }
@media (min-width: 769px) {
.product-bulletpoints__grid-item:last-child {
display: block; } }
.product-bulletpoints__grid-item--lg {
order: -1; }
@media (min-width: 769px) {
.product-bulletpoints__grid-item--lg {
order: 0;
flex: 0 0 40%;
max-width: 40%;
opacity: 0;
transform: translateY(100px);
transition: opacity 0.3s, transform 0.3s;
transition-delay: 0s; } }
.product-bulletpoints__title {
margin-bottom: 10px;
text-align: center;
opacity: 0;
transition: opacity 0.3s; }
@media (min-width: 769px) {
.product-bulletpoints__title {
margin-bottom: 35px; } }
@media (min-width: 1024px) {
.product-bulletpoints__title {
margin-bottom: 70px; } }
.product-bulletpoints__image {
position: relative;
height: 0;
padding-top: 100%;
margin: 0 25px 20px; }
@media (min-width: 769px) {
.product-bulletpoints__image {
padding-top: 130.4%;
margin: 0; } }
.product-bulletpoints__actions {
margin-top: 20px;
text-align: center; }
.product-bulletpoints__list-link {
display: block;
text-align: center;
text-transform: lowercase; }
@media (min-width: 769px) {
.product-bulletpoints__list-link {
display: none; } }
.product-bulletpoints__list-link.is-active span:first-child {
display: none; }
.product-bulletpoints__list-link.is-active span:last-child {
display: block; }
.product-bulletpoints__list-link span:last-child {
display: none; }
.product-bulletpoints__cta {
margin-top: 40px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/post-simple/post-simple.scss */
/* ------------------------------------------------------------ *\
Post Simple
\* ------------------------------------------------------------ */
.post-simple {
width: 260px;
min-height: 100%;
padding: 0 19px 22px; }
.post-simple::after {
content: '';
position: absolute;
bottom: 0;
left: 19px;
right: 19px;
height: 1px;
background-color: #000; }
@media (min-width: 1024px) {
.post-simple::after {
display: none; } }
@media (min-width: 769px) {
.post-simple {
width: 320px; } }
@media (min-width: 1024px) {
.post-simple {
width: 221px;
margin-bottom: 167px; } }
.post-simple a {
text-decoration: none;
transition: opacity 0.3s; }
.post-simple a:hover {
opacity: 0.8; }
.post-simple__image {
height: 34vw;
margin-bottom: 13px; }
@media (min-width: 769px) {
.post-simple__image {
height: 250px; } }
@media (min-width: 1024px) {
.post-simple__image {
height: 150px;
margin-bottom: 8px; } }
.post-simple__tag {
margin-bottom: 2px; }
@media (min-width: 1024px) {
.post-simple__tag {
font-size: 12px;
line-height: 21px;
margin-bottom: 0;
letter-spacing: 0.42px;
text-transform: capitalize;
font-weight: 500; } }
@media (min-width: 1024px) {
.post-simple__title {
font-size: 15px;
line-height: 21px;
letter-spacing: 0.520833px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/product-card/product-card.scss */
.product-card {
position: relative;
width: 100%; }
.product-card--upsell {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
background: #f6f6f6;
padding: 20px 18px 22px; }
@media (max-width: 1023px) {
.product-card--upsell > a {
width: 54%; }
.product-card--upsell > .product-card__content {
width: 46%;
padding-left: 22px; }
.product-card--upsell .product-card__details {
width: 100%;
margin-right: 0; } }
@media (min-width: 1024px) {
.product-card--upsell {
display: block;
padding: 25px 25px 30px; }
.product-card--upsell > .product-card__content {
display: flex;
flex-flow: row wrap; } }
@media (min-width: 1024px) {
.product-card--upsell-large {
padding: 0; } }
.product-card--full-width:not(.product-card--upsell) {
display: flex;
flex-flow: row wrap;
align-items: center; }
.product-card--full-width:not(.product-card--upsell) .product-card__stars {
margin-bottom: 15px; }
.product-card--inv-full-width:not(.product-card--upsell) {
flex-flow: row-reverse wrap; }
.product-card__featured {
position: relative;
display: block;
width: 100%;
margin: 0 auto 45px;
padding: 0 15px; }
.product-card__featured::before {
content: '';
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 4;
background-color: rgba(255, 255, 255, 0.4);
opacity: 0;
transition: opacity 0.3s, visibility 0.3s; }
@media (min-width: 1024px) {
.product-card__featured:hover::before {
visibility: visible;
opacity: 1; } }
@media (min-width: 769px) {
.product-card__featured {
margin-bottom: 65px;
padding: 0; }
.product-card--full-width:not(.product-card--upsell) .product-card__featured,
.product-card--inv-full-width:not(.product-card--upsell) .product-card__featured {
flex: 1 1;
max-width: 658px;
margin-bottom: 0; }
.product-card--full-width:not(.product-card--upsell) .product-card__featured {
margin-left: 0;
margin-right: 82px; }
.product-card--inv-full-width:not(.product-card--upsell) .product-card__featured {
margin-right: 0;
margin-left: 82px; } }
@media (min-width: 1201px) {
.product-card--full-width:not(.product-card--upsell) .product-card__featured {
margin-left: 0;
margin-right: 164px; }
.product-card--inv-full-width:not(.product-card--upsell) .product-card__featured {
margin-right: 0;
margin-left: 164px; } }
.product-card--upsell .product-card__featured {
max-width: 241px;
padding: 0;
margin: 0 auto; }
@media (min-width: 769px) {
.product-card--upsell .product-card__featured {
max-width: 328px; } }
@media (min-width: 1024px) {
.product-card--upsell-large .product-card__featured {
max-width: 374px;
margin-bottom: 55px; } }
.product-card__image-wrapper {
position: relative;
padding-top: 100%; }
.product-card--upsell .product-card__image-wrapper {
padding-top: 80%; }
.product-card__badges {
position: absolute;
bottom: 20px;
left: 20px; }
.product-card__badges .badge:not(:only-child) {
margin-bottom: 10px; }
.product-card__badges .badge:not(:only-child):last-child {
margin-bottom: 0; }
.product-card__badges .badge:not(:only-child)::after {
content: none; }
.product-card__content {
display: flex;
flex-flow: row wrap;
padding-top: 30px;
border-top: 1px solid #000; }
@media (min-width: 769px) {
.product-card__content {
flex: 1 1;
max-width: 100%; } }
.product-card--upsell .product-card__content {
display: block;
padding-top: 25px;
border: 0; }
@media (min-width: 769px) {
.product-card--upsell .product-card__content {
display: flex;
flex-flow: row wrap;
max-width: 100%;
padding-top: 30px; } }
@media (min-width: 1024px) {
.product-card--upsell-large .product-card__content {
border-top: 1px solid #000; } }
.product-card__stars {
flex: 0 1 100%; }
.product-card__details {
flex: 1 1;
display: block;
margin-right: 10px;
margin-bottom: 10px; }
.product-card__title {
display: block;
text-transform: uppercase; }
.product-card__price {
display: block; }
.product-card--upsell .product-card__price {
display: none; }
@media (min-width: 1024px) {
.product-card--upsell-large .product-card__price {
display: block; } }
.product-card__options {
flex: 1 1 147px;
max-width: 147px; }
.product-card--upsell .product-card__options {
flex: 1 1 135px;
max-width: 135px; }
@media (min-width: 769px) {
.product-card--upsell .product-card__options {
flex: 1 1 170px;
max-width: 170px; } }
@media (min-width: 1024px) {
.product-card--upsell-large .product-card__options {
flex: 1 1 147px;
max-width: 147px; } }
.product-card__option {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin: 5px 0; }
.product-card__option-btn {
min-width: 0;
width: calc(50% - 2.5px);
padding: 0 5px;
opacity: 0.7; }
.product-card__option-btn.js-active {
opacity: 1;
border: 2px solid black; }
.product-card__entry {
display: none;
font-size: 12px;
line-height: 1.75; }
.product-card__featured .product-card__entry {
display: block;
opacity: 0;
visibility: hidden;
position: absolute;
bottom: -45px;
z-index: 10;
transform: translateY(10px);
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out; }
@media (min-width: 1024px) {
.product-card__featured:hover .product-card__entry {
opacity: 1;
visibility: visible;
transform: translateY(0); } }
.product-card--full-width:not(.product-card--upsell) .product-card__featured .product-card__entry {
display: none; }
.product-card--full-width:not(.product-card--upsell) .product-card__content .product-card__entry {
display: block;
margin: 20px 0; }
@media (min-width: 1024px) {
.product-card--full-width:not(.product-card--upsell) .product-card__content .product-card__entry {
margin: 40px 0; } }
.product-card--upsell .product-card__entry {
display: none; }
.product-card__more {
display: none; }
.product-card--full-width:not(.product-card--upsell) .product-card__more {
display: block;
min-width: 108px; }
.product-card__add-upsell {
display: none; }
.product-card--upsell .product-card__add-upsell {
display: block;
width: 100%;
min-width: 135px; }
@media (max-width: 768px) {
.product-card--upsell .product-card__add-upsell {
height: auto;
min-width: 0;
padding: 5px 15px;
font-size: 11px;
line-height: 1.6; }
.product-card--upsell .product-card__add-upsell::before, .product-card--upsell .product-card__add-upsell::after {
content: none; } }
@media (min-width: 1024px) {
.product-card--upsell-large .product-card__add-upsell {
display: none; } }
.product-card__add {
display: block; }
.product-card--upsell .product-card__add {
display: none; }
@media (min-width: 1024px) {
.product-card--upsell-large .product-card__add {
display: block; } }
.product-card__upsell-entry {
display: none; }
.product-card__upsell-entry ul {
list-style: disc; }
.product-card__upsell-entry li {
margin-left: 16px;
margin-bottom: 8px; }
.product-card__upsell-entry li:last-child {
margin-bottom: 0; }
.product-card--upsell .product-card__details .product-card__upsell-entry {
display: block; }
@media (min-width: 1024px) {
.product-card--upsell-large .product-card__details .product-card__upsell-entry {
display: none; } }
.product_tag {
background-color: #313131;
color: #fff;
top: 0;
z-index: 3;
position: absolute;
padding: 5px 15px;
line-height: 1.2;
font-size: 14px;
font-weight: 500;
left: 0;
font-family: freight-sans-pro, sans-serif; }
.template--collection .sku-label {
display: none; }
.ctm_product_template .slider-banner-image .sku-label {
padding: 5px 15px 7px !important;
font-weight: 500 !important;
line-height: 1 !important;
display: none; }
.ctm_product_template .product_tag.pdp_tags {
left: 18%; }
@media (max-width: 767px) {
.ctm_product_template .product_tag.pdp_tags {
left: 0; } }
.header-cart__upsell-body .product-card__image-wrapper .img {
position: unset;
max-width: 100%;
display: inline-block;
-o-object-fit: contain !important;
object-fit: contain !important; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/quantity-selector/quantity-selector.scss */
.quantity-selector {
width: 100%;
height: 44px;
display: flex;
line-height: 44px;
position: relative;
align-items: center;
border: 1px solid #000;
justify-content: space-around;
transition: opacity 0.25s ease-in-out; }
.quantity-selector:disabled {
opacity: 0.4; }
.quantity-selector__action,
.quantity-selector__field.quantity-selector__field {
height: inherit;
line-height: inherit; }
.quantity-selector__action {
position: relative;
z-index: 5;
opacity: 1;
padding: 0;
width: 30px;
height: 100%;
display: block;
color: inherit;
cursor: pointer;
font-size: 25px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
text-align: center;
transition: opacity 0.25s ease-in-out; }
.quantity-selector__action span {
width: 10px;
height: 100%;
display: block;
margin: 0 auto;
position: relative; }
.quantity-selector__action span svg {
left: 0;
top: 50%;
right: 0;
margin: auto;
position: absolute;
transform: translateY(-50%); }
.quantity-selector__action:disabled {
cursor: default;
opacity: 0.4; }
.quantity-selector__field.quantity-selector__field {
padding: 0;
width: calc(100% - 60px);
color: inherit;
text-align: center;
-moz-appearance: textfield;
-webkit-appearance: none;
box-shadow: none; }
.quantity-selector__field.quantity-selector__field::-webkit-outer-spin-button, .quantity-selector__field.quantity-selector__field::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
.quantity-selector__field::-webkit-inner-spin-button,
.quantity-selector__field::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none; }
.quantity-selector.quantity-selector--small {
width: 75px;
height: 38px;
line-height: 38px; }
.quantity-selector.quantity-selector--small .quantity-selector__field {
line-height: 34px; }
.quantity-selector.quantity-selector--small .quantity-selector__action span {
width: 6px; }
.quantity-selector button:focus {
outline: 2px dotted #fff !important;
outline-offset: -2px; }
.quantity-selector__field:focus {
outline: 2px dotted #fff !important;
outline-offset: -2px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/radio-button/radio-button.scss */
.radio-button {
align-items: flex-start;
display: inline-flex;
justify-content: flex-start;
position: relative; }
.radio-button__holder {
border: 1px solid #313131;
border-radius: 50%;
display: block;
flex: 0 0 auto;
height: 20px;
margin-right: 10px;
overflow: hidden;
width: 20px; }
.radio-button__el,
.radio-button__checked {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%; }
.radio-button__el {
cursor: pointer;
margin: 0;
opacity: 0;
z-index: 1;
width: 100%; }
.radio-button__checked {
background-color: #313131;
opacity: 0;
transition: opacity 300ms ease-in-out;
z-index: 0;
height: 20px;
width: 20px;
border-radius: 100%; }
.radio-button__el:checked + .radio-button__checked {
opacity: 1;
transition: opacity 300ms ease-in-out; }
.radio-button__label {
flex: 1 1 auto;
width: auto;
cursor: pointer; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/select-input/select-input.scss */
.select-input {
position: relative;
align-items: center;
padding-right: 1px;
/* Disappearing border-right issue */ }
.select-input.select-input--small {
display: inline-block; }
.select-input__el-wrap {
position: relative;
border-bottom: 1px solid #000; }
.select-input--small .select-input__el-wrap {
border: none;
display: inline-block; }
label + .select-input__el-wrap {
margin-top: 7px; }
.select-input--small label + .select-input__el-wrap {
margin-top: 2px; }
.select-input__el {
display: block;
width: 100%;
height: 43px;
z-index: 1;
padding-right: 25px;
font-size: 15px;
color: #313131; }
.select-input--small .select-input__el {
height: 20px; }
.select-input__icon {
display: block;
position: absolute;
right: 10px;
top: 20px;
width: 7px;
height: 7px;
transform: rotate(-45deg) translateY(-50%);
z-index: 0;
border: solid #77777a;
border-width: 0 0 1px 1px; }
.select-input--small .select-input__icon {
width: 6px;
height: 6px;
top: 8px;
right: 4px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/share/share.scss */
/* ------------------------------------------------------------ *\
Share
\* ------------------------------------------------------------ */
.share {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
max-width: 694px;
margin: 0 auto; }
@media (min-width: 1024px) {
.share {
margin-top: 79px; } }
.share p {
margin-right: 15px; }
.share ul {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
margin: 0 -13px; }
.share li {
margin: 0 13px; }
.share svg {
width: 16px;
height: 16px; }
@media (min-width: 1024px) {
.share svg {
width: 18px;
height: 18px; } }
.share span {
font-size: 0;
visibility: hidden;
opacity: 0;
line-height: 1; }
.share a {
display: block;
text-decoration: none;
font-size: 0;
line-height: 1;
transition: opacity 0.3s; }
.share a:hover {
opacity: 0.8; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/review-slider/review-slider.scss */
.slider-review {
overflow: hidden;
padding: 53px 0 56px; }
@media (min-width: 769px) {
.slider-review {
padding: 85px 0 95px; } }
.slider-review .flickity-page-dots {
order: 3;
flex-flow: row wrap;
justify-content: center;
align-items: center;
margin-top: 28px;
counter-reset: slides;
display: none; }
@media (min-width: 769px) {
.slider-review .flickity-page-dots {
margin-top: 74px; } }
.slider-review .flickity-page-dots li {
position: relative;
margin: 0 24px;
color: #313131;
transition: opacity 0.3s;
counter-increment: slides; }
.slider-review .flickity-page-dots li + li::before {
content: "";
position: absolute;
top: 50%;
right: 100%;
margin-right: 8px;
height: 1px;
width: 34px;
opacity: 0.5;
background-color: #979797; }
.slider-review .flickity-page-dots li::after {
content: counter(slides);
opacity: 0.5; }
.slider-review .flickity-page-dots .is-selected {
font-weight: 500; }
.slider-review .flickity-page-dots .is-selected::after {
opacity: 1; }
.slider-review .flickity-button {
display: none !important; }
.slider-review .flickity-button svg {
display: none; }
@media (min-width: 1024px) {
.slider-review .flickity-button {
display: block;
position: relative;
margin: 74px 35px 0;
transition: visibility 0.3s, opacity 0.3s; }
.slider-review .flickity-button::after {
content: '';
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #313131;
margin: 0;
transform: rotate(45deg);
transform-origin: center;
transition: all 0.2s; }
.slider-review .flickity-button:disabled {
opacity: 0;
visibility: hidden; }
.slider-review .flickity-button.previous {
order: 2;
left: 41px; }
.slider-review .flickity-button.next {
order: 4;
right: 41px;
transform: scale(-1, 1); } }
.slider-review .flickity-viewport {
width: 100%;
order: 1; }
.slider-storyline__head {
margin-bottom: 45px; }
@media (min-width: 769px) {
.slider-storyline__head {
margin-bottom: 75px; } }
.slider-review__slides {
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
max-width: 650px;
margin: auto;
overflow: hidden; }
.slider-review__slides .slider-review__slide-content {
cursor: pointer; }
.slider-review__slides h2 {
text-align: center;
font-family: freight-sans-pro, sans-serif !important;
padding: 0 20px;
line-height: 48px; }
@media (max-width: 768px) {
.slider-review__slides h2 {
line-height: 35px;
padding: 0 30px; } }
.slider-review__slides p {
font-weight: 500;
font-size: 12px;
line-height: 12px;
color: #313131;
font-family: freight-sans-pro, sans-serif !important;
padding-top: 2px; }
.slider-review__slides .starandname {
display: flex;
justify-content: center;
align-items: center;
padding-top: 24px;
gap: 1px; }
.slider-review__slides .starandname p {
padding-left: 5px; }
@media (max-width: 575px) {
.slider-review__slides {
max-width: 305px; } }
.slider-review__slide {
width: 100%; }
.slider-review__slide:last-child {
padding-right: 0; }
.slider-review__slide-image {
position: relative;
height: 229px;
margin: 0 34px 41px 0; }
@media (min-width: 769px) {
.slider-review__slide-image {
height: 394px;
margin: 0 88px 82px 0; } }
.slider-review__slide-title {
margin-bottom: 7px;
white-space: nowrap;
font-weight: 500;
letter-spacing: 0.520833px; }
@media (min-width: 769px) {
.slider-review__slide-title {
margin-bottom: 15px;
letter-spacing: 0.625px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/single-product-with-image/single-products-with-image.scss */
.single-product-with-images {
display: flex;
position: relative; }
.single-product-with-images > .left-image {
width: 50%;
max-height: 640px; }
.single-product-with-images > .left-image video {
width: 100%;
-o-object-fit: cover;
object-fit: cover; }
@media (max-width: 1023px) {
.single-product-with-images > .left-image {
max-height: unset; } }
.single-product-with-images > .right-content-product {
width: 50%;
max-height: 640px; }
@media (max-width: 1023px) {
.single-product-with-images > .right-content-product {
max-height: unset; } }
.single-product-with-images .badge-text {
font-family: freight-sans-pro, sans-serif !important;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
position: absolute;
top: 40px;
left: 56px;
background: #313131;
font-size: 14px;
font-weight: 600;
line-height: 16px;
text-align: center;
text-transform: uppercase;
color: #fff;
border-radius: 100%;
width: 96px;
height: 96px;
z-index: 1; }
@media (max-width: 1023px) {
.single-product-with-images .badge-text {
left: unset;
right: 40px;
top: 225px; } }
@media (max-width: 768px) {
.single-product-with-images .badge-text {
width: 64px;
height: 64px;
font-size: 12px;
line-height: 12px;
padding: 6px 10px 10px; } }
@media (max-width: 768px) {
.single-product-with-images .badge-text {
top: 235px; } }
@media (max-width: 1023px) {
.single-product-with-images {
flex-flow: column-reverse; }
.single-product-with-images > .left-image,
.single-product-with-images > .right-content-product {
width: 100%; } }
.single-product-with-images .right-content-product {
position: relative;
background: #f8f8f8;
display: flex;
justify-content: space-between;
flex-direction: column;
padding: 56px 56px 40px; }
.single-product-with-images .right-content-product .product-image {
order: 0;
width: 100%; }
.single-product-with-images .right-content-product .product-image img {
max-height: 430px;
width: -moz-fit-content;
width: fit-content;
mix-blend-mode: multiply; }
@media (max-width: 1023px) {
.single-product-with-images .right-content-product .product-image {
width: 100%; } }
.single-product-with-images .right-content-product .product-content {
position: absolute;
top: 56px;
right: 56px;
width: 180px;
order: 3; }
.single-product-with-images .right-content-product .product-content .product-price {
font-family: freight-sans-pro, sans-serif !important;
font-weight: 500;
font-size: 14px;
line-height: 14px;
color: #313131;
padding-top: 5px; }
.single-product-with-images .right-content-product .product-content h6 {
font-family: freight-sans-pro, sans-serif !important;
font-weight: 400;
font-size: 18px;
line-height: 20px;
color: #313131; }
.single-product-with-images .right-content-product .product-content h6 b,
.single-product-with-images .right-content-product .product-content h6 strong {
font-weight: 500; }
@media (max-width: 1023px) {
.single-product-with-images .right-content-product .product-content .product-price {
display: none; }
.single-product-with-images .right-content-product .product-content h6 {
padding-right: 15px; } }
.single-product-with-images .right-content-product .product-atc {
order: 1;
bottom: 40px;
left: 56px;
border-top: 1px solid #313131;
padding-top: 24px;
width: 100%;
padding-right: 220px; }
.single-product-with-images .right-content-product .product-atc .price-review {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px; }
.single-product-with-images .right-content-product .product-atc .price-review .product-price {
display: none; }
.single-product-with-images .right-content-product .product-atc span {
font-weight: 500;
font-size: 12px;
line-height: 12px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-transform: uppercase;
color: #313131; }
.single-product-with-images .right-content-product .product-atc a {
display: inline-block;
transition: 0.3s all; }
.single-product-with-images .right-content-product .product-atc a:hover {
text-decoration: underline; }
.single-product-with-images .right-content-product .product-atc h4 {
font-weight: 500;
font-size: 24px;
line-height: 24px;
color: #313131;
margin: 0;
padding-top: 10px; }
.single-product-with-images .right-content-product .product-atc .product-card__content {
border-top: 0;
padding: 0; }
.single-product-with-images .right-content-product .product-btn {
order: 2;
width: 200px;
display: flex;
text-align: center;
position: absolute;
bottom: 40px;
right: 56px; }
.single-product-with-images .right-content-product .product-btn a {
width: 100%;
background: #313131;
border: 1px solid #313131;
font-weight: 600;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #fff;
height: 48px !important;
padding: 16px; }
.single-product-with-images .right-content-product .product-btn a:hover {
background: #000;
border: 1px solid #000; }
@media (max-width: 1200px) {
.single-product-with-images .right-content-product {
padding: 40px 60px; } }
@media (max-width: 1023px) {
.single-product-with-images .right-content-product {
padding: 56px 40px;
background: transparent; }
.single-product-with-images .right-content-product .product-atc {
position: relative;
bottom: unset;
left: unset;
width: 100%;
padding: 24px 0 0;
order: 0; }
.single-product-with-images .right-content-product .product-atc .product-price {
display: block !important; }
.single-product-with-images .right-content-product .product-content {
position: relative;
top: unset;
right: unset;
width: 100%;
padding: 12px 0 25px;
order: 1; }
.single-product-with-images .right-content-product .product-image {
order: 2; }
.single-product-with-images .right-content-product .product-btn {
position: relative;
bottom: unset;
right: unset;
margin: auto;
width: 300px;
order: 4;
padding: 25px 0 0; } }
@media (max-width: 768px) {
.single-product-with-images .right-content-product {
padding: 56px 25px; } }
@media (max-width: 414px) {
.single-product-with-images .right-content-product .product-btn {
width: 100%; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/slider-hero/slider-hero.scss */
/* ------------------------------------------------------------ *\
Slider Hero
\* ------------------------------------------------------------ */
.slider-hero {
overflow: hidden;
position: relative;
margin-bottom: 52px; }
@media (min-width: 1024px) {
.slider-hero {
margin-bottom: 0; } }
.slider-hero .flickity-page-dots {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
margin-top: 21px;
counter-reset: slides; }
@media (min-width: 1024px) {
.slider-hero .flickity-page-dots {
font-size: 14px;
line-height: 16px;
position: absolute;
bottom: 97px;
left: 119px; } }
.slider-hero .flickity-page-dots li {
position: relative;
margin: 0 24px;
color: #000;
transition: opacity 0.3s;
counter-increment: slides; }
.slider-hero .flickity-page-dots li + li::before {
content: '';
position: absolute;
top: 50%;
right: 100%;
margin-right: 8px;
height: 1px;
width: 34px;
opacity: 0.5;
background-color: #979797; }
.slider-hero .flickity-page-dots li::after {
content: counter(slides);
opacity: 0.5; }
.slider-hero .flickity-page-dots .is-selected {
font-weight: 500; }
.slider-hero .flickity-page-dots .is-selected::after {
opacity: 1; }
.slider-hero .flickity-button {
display: none; }
.slider-hero .flickity-button svg {
display: none; }
@media (min-width: 1024px) {
.slider-hero .flickity-button {
display: block;
position: absolute;
top: 50%;
z-index: 10; }
.slider-hero .flickity-button::after {
content: '';
width: 26px;
height: 26px;
display: inline-block;
vertical-align: middle;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #000;
margin: 9px 0 0 0;
transform: rotate(45deg);
transform-origin: center;
transition: all 0.2s; }
.slider-hero .flickity-button.previous {
left: 41px; }
.slider-hero .flickity-button.next {
right: 41px;
transform: scale(-1, 1); } }
.slider-hero__slide {
z-index: 1;
width: 100%; }
.slider-hero__container {
padding: 0 14px; }
.slider-hero__slide-inner {
min-height: 147vw;
padding: 65px 0; }
@media (min-width: 769px) {
.slider-hero__slide-inner {
min-height: 800px; } }
@media (min-width: 1024px) {
.slider-hero__slide-inner {
padding: 252px 50px 140px; } }
.slider-hero__slide-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1; }
.slider-hero__slide-content {
max-width: 83%; }
.slider-hero__slide-content p {
margin-bottom: 25px;
letter-spacing: 0; }
@media (min-width: 1024px) {
.slider-hero__slide-content p {
max-width: 365px;
margin-bottom: 33px; } }
.slider-hero__slide-icon {
width: 30px;
height: 30px;
margin-bottom: 37px; }
@media (min-width: 1024px) {
.slider-hero__slide-icon {
width: 39px;
height: 39px;
margin-bottom: 63px; } }
.slider-hero__slide-title {
max-width: 75%;
margin-bottom: 11px; }
@media (min-width: 1024px) {
.slider-hero__slide-title {
margin-bottom: 14px; } }
.slider-hero__slide-btn {
font-size: 13px;
line-height: 22px;
min-width: 0;
height: auto;
padding: 0;
letter-spacing: 0;
text-decoration: underline; }
@media (min-width: 1024px) {
.slider-hero__slide-btn {
font-size: 15px;
line-height: 21px;
letter-spacing: 0.520833px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/socials/socials.scss */
/* ------------------------------------------------------------ *\
Socials
\* ------------------------------------------------------------ */
.socials {
display: flex;
align-items: center; }
.socials li {
max-width: 16px;
margin-right: 27px; }
.socials li:last-child {
margin-right: 0; }
.socials svg {
width: 16px;
height: 16px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/text-area/text-area.scss */
.text-area .text-input__wrapper {
height: auto;
border: none;
line-height: 1; }
.text-area .text-input__el {
display: block;
width: 100%;
height: 140px;
padding: 14px;
font-size: 15px;
color: #313131;
border: 1px solid #000;
resize: none; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/text-input/text-input.scss */
.text-input--default {
position: relative; }
.text-input {
position: relative;
/* Resolves autocomplete white background issue */ }
.text-input input:-webkit-autofill,
.text-input input:-webkit-autofill:hover,
.text-input input:-webkit-autofill:focus,
.text-input input:-webkit-autofill:active {
transition-delay: 9999s; }
.text-input__wrapper {
height: 44px;
line-height: 44px;
position: relative;
border-bottom: 1px solid #000; }
.text-input--default .text-input__wrapper {
position: relative; }
.text-input__el {
border: 0;
z-index: 1;
width: 100%;
height: 100%;
position: relative;
font-size: 15px;
color: #313131; }
.text-input__el::-moz-placeholder {
color: inherit; }
.text-input__el::placeholder {
color: inherit; }
.text-input--label .text-input__el {
border: 1px solid #000;
height: 50px;
padding-left: 15px; }
.text-input__label {
pointer-events: none;
z-index: 9; }
.text-input--label .text-input__label {
margin-bottom: 10px; }
.text-input--default .text-input__label {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
transform: translateY(0);
height: 1.5em;
transition: all 200ms;
z-index: 1;
background: #fff;
line-height: 1.5em; }
.text-input--default .text-input__label.is-active {
transform: translateY(-120%);
font-size: 12px;
padding: 0 4px; }
.text-input__error {
font-size: 12px;
left: 0;
position: absolute;
top: 100%;
transition: opacity 300ms; }
.text-input--floating-errors .text-input__error {
background: #fff;
border-radius: 2px;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
left: 0;
padding: 4px;
position: absolute;
right: 0;
text-align: center;
width: 100%; }
.text-input--label .text-input__error,
.text-input--default .text-input__error {
margin-top: 7px; }
.form-row__error__text-error {
margin-top: 5px;
font-size: 12px;
transition: opacity 300ms; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/video-player/video-player.scss */
/* ------------------------------------------------------------ *\
Video Player
\* ------------------------------------------------------------ */
@keyframes plyr-progress {
to {
background-position: 25px 0;
background-position: var(--plyr-progress-loading-size, 25px) 0; } }
@keyframes plyr-popup {
0% {
opacity: 0.5;
transform: translateY(10px); }
to {
opacity: 1;
transform: translateY(0); } }
@keyframes plyr-fade-in {
from {
opacity: 0; }
to {
opacity: 1; } }
.plyr {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
align-items: center;
direction: ltr;
display: flex;
flex-direction: column;
font-family: inherit;
font-family: var(--plyr-font-family, inherit);
font-variant-numeric: tabular-nums;
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
height: 100%;
line-height: 1.7;
line-height: var(--plyr-line-height, 1.7);
max-width: 100%;
min-width: 200px;
position: relative;
text-shadow: none;
transition: box-shadow 0.3s ease;
z-index: 0; }
.plyr audio,
.plyr iframe,
.plyr video {
display: block;
height: 100%;
width: 100%; }
.plyr button {
font: inherit;
line-height: inherit;
width: auto; }
.plyr:focus {
outline: 0; }
.plyr--full-ui {
box-sizing: border-box; }
.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
box-sizing: inherit; }
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
touch-action: manipulation; }
.plyr__badge {
background: #4a5464;
background: var(--plyr-badge-background, #4a5464);
border-radius: 2px;
border-radius: var(--plyr-badge-border-radius, 2px);
color: #fff;
color: var(--plyr-badge-text-color, #fff);
font-size: 9px;
font-size: var(--plyr-font-size-badge, 9px);
line-height: 1;
padding: 3px 4px; }
.plyr--full-ui ::-webkit-media-text-track-container {
display: none; }
.plyr__captions {
animation: plyr-fade-in 0.3s ease;
bottom: 0;
display: none;
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
left: 0;
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
position: absolute;
text-align: center;
transition: transform 0.4s ease-in-out;
width: 100%; }
.plyr__captions span:empty {
display: none; }
@media (min-width: 480px) {
.plyr__captions {
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
padding: calc(10px * 2);
padding: calc(var(--plyr-control-spacing, 10px) * 2); } }
@media (min-width: 768px) {
.plyr__captions {
font-size: 18px;
font-size: var(--plyr-font-size-large, 18px); } }
.plyr--captions-active .plyr__captions {
display: block; }
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
transform: translateY(calc(10px * -4));
transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4)); }
.plyr__caption {
background: rgba(0, 0, 0, 0.8);
background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #fff;
color: var(--plyr-captions-text-color, #fff);
line-height: 185%;
padding: 0.2em 0.5em;
white-space: pre-wrap; }
.plyr__caption div {
display: inline; }
.plyr__control {
background: 0 0;
border: 0;
border-radius: 3px;
border-radius: var(--plyr-control-radius, 3px);
color: inherit;
cursor: pointer;
flex-shrink: 0;
overflow: visible;
padding: calc(10px * 0.7);
padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
position: relative;
transition: all 0.3s ease; }
.plyr__control svg {
display: block;
fill: currentColor;
height: 18px;
height: var(--plyr-control-icon-size, 18px);
pointer-events: none;
width: 18px;
width: var(--plyr-control-icon-size, 18px); }
.plyr__control:focus {
outline: 0; }
.plyr__control.plyr__tab-focus {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px; }
a.plyr__control {
text-decoration: none; }
a.plyr__control::after,
a.plyr__control::before {
display: none; }
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
display: none; }
.plyr--full-ui ::-webkit-media-controls {
display: none; }
.plyr__controls {
align-items: center;
display: flex;
justify-content: flex-end;
text-align: center; }
.plyr__controls .plyr__progress__container {
flex: 1;
min-width: 0; }
.plyr__controls .plyr__controls__item {
margin-left: calc(10px / 4);
margin-left: calc(var(--plyr-control-spacing, 10px) / 4); }
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: auto; }
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-left: calc(10px / 4);
padding-left: calc(var(--plyr-control-spacing, 10px) / 4); }
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 calc(10px / 2);
padding: 0 calc(var(--plyr-control-spacing, 10px) / 2); }
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
padding-left: 0; }
.plyr__controls:empty {
display: none; }
.plyr [data-plyr='airplay'],
.plyr [data-plyr='captions'],
.plyr [data-plyr='fullscreen'],
.plyr [data-plyr='pip'] {
display: none; }
.plyr--airplay-supported [data-plyr='airplay'],
.plyr--captions-enabled [data-plyr='captions'],
.plyr--fullscreen-enabled [data-plyr='fullscreen'],
.plyr--pip-supported [data-plyr='pip'] {
display: inline-block; }
.plyr__menu {
display: flex;
position: relative; }
.plyr__menu .plyr__control svg {
transition: transform 0.3s ease; }
.plyr__menu .plyr__control[aria-expanded='true'] svg {
transform: rotate(90deg); }
.plyr__menu .plyr__control[aria-expanded='true'] .plyr__tooltip {
display: none; }
.plyr__menu__container {
animation: plyr-popup 0.2s ease;
background: rgba(255, 255, 255, 0.9);
background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
border-radius: 4px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
color: #4a5464;
color: var(--plyr-menu-color, #4a5464);
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
margin-bottom: 10px;
position: absolute;
right: -3px;
text-align: left;
white-space: nowrap;
z-index: 3; }
.plyr__menu__container > div {
overflow: hidden;
transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
.plyr__menu__container::after {
border: 4px solid transparent;
border: var(--plyr-menu-arrow-size, 4px) solid transparent;
border-top-color: rgba(255, 255, 255, 0.9);
border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
content: '';
height: 0;
position: absolute;
right: calc(((18px / 2) + calc(10px * 0.7)) - (4px / 2));
right: calc(((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7)) - (var(--plyr-menu-arrow-size, 4px) / 2));
top: 100%;
width: 0; }
.plyr__menu__container [role='menu'] {
padding: calc(10px * 0.7);
padding: calc(var(--plyr-control-spacing, 10px) * 0.7); }
.plyr__menu__container [role='menuitem'],
.plyr__menu__container [role='menuitemradio'] {
margin-top: 2px; }
.plyr__menu__container [role='menuitem']:first-child,
.plyr__menu__container [role='menuitemradio']:first-child {
margin-top: 0; }
.plyr__menu__container .plyr__control {
align-items: center;
color: #4a5464;
color: var(--plyr-menu-color, #4a5464);
display: flex;
font-size: 13px;
font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
padding-bottom: calc(calc(10px * 0.7) / 1.5);
padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
padding-left: calc(calc(10px * 0.7) * 1.5);
padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
padding-right: calc(calc(10px * 0.7) * 1.5);
padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
padding-top: calc(calc(10px * 0.7) / 1.5);
padding-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 100%; }
.plyr__menu__container .plyr__control > span {
align-items: inherit;
display: flex;
width: 100%; }
.plyr__menu__container .plyr__control::after {
border: 4px solid transparent;
border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%); }
.plyr__menu__container .plyr__control--forward {
padding-right: calc(calc(10px * 0.7) * 4);
padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4); }
.plyr__menu__container .plyr__control--forward::after {
border-left-color: #728197;
border-left-color: var(--plyr-menu-arrow-color, #728197);
right: calc((calc(10px * 0.7) * 1.5) - 4px);
right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px)); }
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
border-left-color: currentColor; }
.plyr__menu__container .plyr__control--back {
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
margin: calc(10px * 0.7);
margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
margin-bottom: calc(calc(10px * 0.7) / 2);
margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
padding-left: calc(calc(10px * 0.7) * 4);
padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
position: relative;
width: calc(100% - (calc(10px * 0.7) * 2));
width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2)); }
.plyr__menu__container .plyr__control--back::after {
border-right-color: #728197;
border-right-color: var(--plyr-menu-arrow-color, #728197);
left: calc((calc(10px * 0.7) * 1.5) - 4px);
left: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px)); }
.plyr__menu__container .plyr__control--back::before {
background: #dcdfe5;
background: var(--plyr-menu-back-border-color, #dcdfe5);
box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
content: '';
height: 1px;
left: 0;
margin-top: calc(calc(10px * 0.7) / 2);
margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
overflow: hidden;
position: absolute;
right: 0;
top: 100%; }
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
border-right-color: currentColor; }
.plyr__menu__container .plyr__control[role='menuitemradio'] {
padding-left: calc(10px * 0.7);
padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7); }
.plyr__menu__container .plyr__control[role='menuitemradio']::after,
.plyr__menu__container .plyr__control[role='menuitemradio']::before {
border-radius: 100%; }
.plyr__menu__container .plyr__control[role='menuitemradio']::before {
background: rgba(0, 0, 0, 0.1);
content: '';
display: block;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px);
transition: all 0.3s ease;
width: 16px; }
.plyr__menu__container .plyr__control[role='menuitemradio']::after {
background: #fff;
border: 0;
height: 6px;
left: 12px;
opacity: 0;
top: 50%;
transform: translateY(-50%) scale(0);
transition: transform 0.3s ease, opacity 0.3s ease;
width: 6px; }
.plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::before {
background: #00b3ff;
background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); }
.plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::after {
opacity: 1;
transform: translateY(-50%) scale(1); }
.plyr__menu__container .plyr__control[role='menuitemradio'].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role='menuitemradio']:hover::before {
background: rgba(35, 40, 47, 0.1); }
.plyr__menu__container .plyr__menu__value {
align-items: center;
display: flex;
margin-left: auto;
margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2) * -1);
overflow: hidden;
padding-left: calc(calc(10px * 0.7) * 3.5);
padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5);
pointer-events: none; }
.plyr--full-ui input[type='range'] {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: calc(13px * 2);
border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
color: #00b3ff;
color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
display: block;
height: calc((3px * 2) + 13px);
height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));
margin: 0;
padding: 0;
transition: box-shadow 0.3s ease;
width: 100%; }
.plyr--full-ui input[type='range']::-webkit-slider-runnable-track {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-webkit-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-webkit-user-select: none;
user-select: none;
background-image: linear-gradient(to right, currentColor 0, transparent 0);
background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0)); }
.plyr--full-ui input[type='range']::-webkit-slider-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
position: relative;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
-webkit-appearance: none;
margin-top: calc(((13px - 5px) / 2) * -1);
margin-top: calc(((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2) * -1); }
.plyr--full-ui input[type='range']::-moz-range-track {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-moz-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-moz-user-select: none;
user-select: none; }
.plyr--full-ui input[type='range']::-moz-range-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
position: relative;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px); }
.plyr--full-ui input[type='range']::-moz-range-progress {
background: currentColor;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px); }
.plyr--full-ui input[type='range']::-ms-track {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
color: transparent; }
.plyr--full-ui input[type='range']::-ms-fill-upper {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none; }
.plyr--full-ui input[type='range']::-ms-fill-lower {
border: 0;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
background: currentColor; }
.plyr--full-ui input[type='range']::-ms-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
position: relative;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
margin-top: 0; }
.plyr--full-ui input[type='range']::-ms-tooltip {
display: none; }
.plyr--full-ui input[type='range']:focus {
outline: 0; }
.plyr--full-ui input[type='range']::-moz-focus-outer {
border: 0; }
.plyr--full-ui input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px; }
.plyr--full-ui input[type='range'].plyr__tab-focus::-moz-range-track {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px; }
.plyr--full-ui input[type='range'].plyr__tab-focus::-ms-track {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px; }
.plyr__poster {
background-color: #000;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.2s ease;
width: 100%;
z-index: 1; }
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1; }
.plyr__time {
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); }
.plyr__time + .plyr__time::before {
content: '\2044';
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px); }
@media (max-width: calc(768px - 1)) {
.plyr__time + .plyr__time {
display: none; } }
.plyr__tooltip {
background: rgba(255, 255, 255, 0.9);
background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
border-radius: 3px;
border-radius: var(--plyr-tooltip-radius, 3px);
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
color: #4a5464;
color: var(--plyr-tooltip-color, #4a5464);
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
left: 50%;
line-height: 1.3;
margin-bottom: calc(calc(10px / 2) * 2);
margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
opacity: 0;
padding: calc(10px / 2) calc(calc(10px / 2) * 1.5);
padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
pointer-events: none;
position: absolute;
transform: translate(-50%, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
white-space: nowrap;
z-index: 2; }
.plyr__tooltip::before {
border-left: 4px solid transparent;
border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-right: 4px solid transparent;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.9);
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
bottom: calc(4px * -1);
bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
content: '';
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2; }
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%, 0) scale(1); }
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3; }
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
left: 0;
transform: translate(0, 10px) scale(0.8);
transform-origin: 0 100%; }
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
left: calc((18px / 2) + calc(10px * 0.7));
left: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7)); }
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translate(0, 10px) scale(0.8);
transform-origin: 100% 100%; }
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
left: auto;
right: calc((18px / 2) + calc(10px * 0.7));
right: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
transform: translateX(50%); }
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
transform: translate(0, 0) scale(1); }
.plyr__progress {
left: calc(13px * 0.5);
left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
margin-right: 13px;
margin-right: var(--plyr-range-thumb-height, 13px);
position: relative; }
.plyr__progress input[type='range'],
.plyr__progress__buffer {
margin-left: calc(13px * -0.5);
margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
margin-right: calc(13px * -0.5);
margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
width: calc(100% + 13px);
width: calc(100% + var(--plyr-range-thumb-height, 13px)); }
.plyr__progress input[type='range'] {
position: relative;
z-index: 2; }
.plyr__progress .plyr__tooltip {
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
left: 0; }
.plyr__progress__buffer {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 100px;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
margin-top: calc((5px / 2) * -1);
margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
padding: 0;
position: absolute;
top: 50%; }
.plyr__progress__buffer::-webkit-progress-bar {
background: 0 0; }
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease; }
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-moz-transition: width 0.2s ease;
transition: width 0.2s ease; }
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
-ms-transition: width 0.2s ease;
transition: width 0.2s ease; }
.plyr--loading .plyr__progress__buffer {
animation: plyr-progress 1s linear infinite;
background-image: linear-gradient -45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, transparent;
background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
background-repeat: repeat-x;
background-size: 25px 25px;
background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
color: transparent; }
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: rgba(255, 255, 255, 0.25);
background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); }
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: rgba(193, 200, 209, 0.6);
background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); }
.plyr__volume {
align-items: center;
display: flex;
max-width: 110px;
min-width: 80px;
position: relative;
width: 20%; }
.plyr__volume input[type='range'] {
margin-left: calc(10px / 2);
margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
margin-right: calc(10px / 2);
margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
position: relative;
z-index: 2; }
.plyr--is-ios .plyr__volume {
min-width: 0;
width: auto; }
.plyr--audio {
display: block; }
.plyr--audio .plyr__controls {
background: #fff;
background: var(--plyr-audio-controls-background, #fff);
border-radius: inherit;
color: #4a5464;
color: var(--plyr-audio-control-color, #4a5464);
padding: 10px;
padding: var(--plyr-control-spacing, 10px); }
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded='true'] {
background: #00b3ff;
background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
color: #fff;
color: var(--plyr-audio-control-color-hover, #fff); }
.plyr--full-ui.plyr--audio input[type='range']::-webkit-slider-runnable-track {
background-color: rgba(193, 200, 209, 0.6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); }
.plyr--full-ui.plyr--audio input[type='range']::-moz-range-track {
background-color: rgba(193, 200, 209, 0.6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); }
.plyr--full-ui.plyr--audio input[type='range']::-ms-track {
background-color: rgba(193, 200, 209, 0.6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); }
.plyr--full-ui.plyr--audio input[type='range']:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); }
.plyr--full-ui.plyr--audio input[type='range']:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); }
.plyr--full-ui.plyr--audio input[type='range']:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); }
.plyr--audio .plyr__progress__buffer {
color: rgba(193, 200, 209, 0.6);
color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); }
.plyr--video {
background: #fff;
overflow: hidden; }
.plyr--video.plyr--menu-open {
overflow: visible; }
.plyr__video-wrapper {
background: #fff;
height: 100%;
margin: auto;
overflow: hidden;
position: relative;
width: 100%; }
.hero__video .plyr__video-embed {
padding-bottom: 56.25% !important; }
.hero__video .plyr__video-embed__container {
transform: translateY(-38.28125%) !important; }
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%; }
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
border: 0;
left: 0;
position: absolute;
top: 0; }
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.28125%); }
.plyr--video .plyr__controls {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: #fff;
color: var(--plyr-video-control-color, #fff);
left: 0;
padding: calc(10px / 2);
padding: calc(var(--plyr-control-spacing, 10px) / 2);
padding-top: calc(10px * 2);
padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
position: absolute;
right: 0;
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
z-index: 3; }
@media (min-width: 480px) {
.plyr--video .plyr__controls {
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
padding-top: calc(10px * 3.5);
padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5); } }
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%); }
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded='true'] {
background: #00b3ff;
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
color: #fff;
color: var(--plyr-video-control-color-hover, #fff); }
.plyr__control--overlaid {
border-radius: 100%;
display: none;
left: 50%;
opacity: 1;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: 0.3s;
z-index: 2;
width: 80px !important;
height: 80px;
padding: 0;
border: 1px solid #000;
flex-flow: row wrap;
justify-content: center;
align-items: center;
color: #000; }
@media (min-width: 1024px) {
.plyr__control--overlaid {
width: 144px !important;
height: 144px; } }
.plyr__control--overlaid svg {
order: 2;
left: 2px;
position: relative;
width: 10px;
height: 10px;
fill: none;
stroke: currentColor;
margin-left: 8px; }
.plyr__control--overlaid span {
order: 1;
clip: auto;
position: static !important;
width: auto !important;
height: auto !important;
font-family: freight-sans-pro, sans-serif;
font-size: 12px;
line-height: 1.17;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.45px;
color: inherit; }
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
background-color: #000 !important;
opacity: 1; }
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden; }
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: flex; }
.plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track {
background-color: rgba(255, 255, 255, 0.25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); }
.plyr--full-ui.plyr--video input[type='range']::-moz-range-track {
background-color: rgba(255, 255, 255, 0.25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); }
.plyr--full-ui.plyr--video input[type='range']::-ms-track {
background-color: rgba(255, 255, 255, 0.25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); }
.plyr--full-ui.plyr--video input[type='range']:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); }
.plyr--full-ui.plyr--video input[type='range']:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); }
.plyr--full-ui.plyr--video input[type='range']:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); }
.plyr--video .plyr__progress__buffer {
color: rgba(255, 255, 255, 0.25);
color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); }
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%; }
.plyr:fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%; }
.plyr:-webkit-full-screen video {
height: 100%; }
.plyr:fullscreen video {
height: 100%; }
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
position: static; }
.plyr:fullscreen .plyr__video-wrapper {
height: 100%;
position: static; }
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative; }
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative; }
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block; }
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block; }
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none; }
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none; }
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none; }
.plyr:fullscreen.plyr--hide-controls {
cursor: none; }
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px); }
.plyr:fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px); } }
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%; }
.plyr:-webkit-full-screen video {
height: 100%; }
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative; }
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none; }
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px); } }
.plyr:-moz-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%; }
.plyr:-moz-full-screen video {
height: 100%; }
.plyr:-moz-full-screen .plyr__video-wrapper {
height: 100%;
position: static; }
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative; }
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
display: block; }
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none; }
.plyr:-moz-full-screen.plyr--hide-controls {
cursor: none; }
@media (min-width: 1024px) {
.plyr:-moz-full-screen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px); } }
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
position: static; }
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative; }
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block; }
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none; }
@media (min-width: 1024px) {
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px); } }
.plyr--fullscreen-fallback {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
bottom: 0;
display: block;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10000000; }
.plyr--fullscreen-fallback video {
height: 100%; }
.plyr--fullscreen-fallback .plyr__video-wrapper {
height: 100%;
position: static; }
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative; }
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block; }
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
display: none; }
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none; }
@media (min-width: 1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px); } }
.plyr__ads {
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1; }
.plyr__ads > div,
.plyr__ads > div iframe {
height: 100%;
position: absolute;
width: 100%; }
.plyr__ads::after {
background: #23282f;
border-radius: 2px;
bottom: 10px;
bottom: var(--plyr-control-spacing, 10px);
color: #fff;
content: attr(data-badge-text);
font-size: 11px;
padding: 2px 6px;
pointer-events: none;
position: absolute;
right: 10px;
right: var(--plyr-control-spacing, 10px);
z-index: 3; }
.plyr__ads::after:empty {
display: none; }
.plyr__cues {
background: currentColor;
display: block;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
margin: -var(--plyr-range-track-height, 5px)/2 0 0;
opacity: 0.8;
position: absolute;
top: 50%;
width: 3px;
z-index: 3; }
.plyr__preview-thumb {
background-color: rgba(255, 255, 255, 0.9);
background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
margin-bottom: calc(calc(10px / 2) * 2);
margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
opacity: 0;
padding: 3px;
padding: var(--plyr-tooltip-radius, 3px);
pointer-events: none;
position: absolute;
transform: translate(0, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
z-index: 2; }
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(0, 0) scale(1); }
.plyr__preview-thumb::before {
border-left: 4px solid transparent;
border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-right: 4px solid transparent;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.9);
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
bottom: calc(4px * -1);
bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
content: '';
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2; }
.plyr__preview-thumb__image-container {
background: #c1c8d1;
border-radius: calc(3px - 1px);
border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
overflow: hidden;
position: relative;
z-index: 0; }
.plyr__preview-thumb__image-container img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
position: absolute;
top: 0;
width: 100%; }
.plyr__preview-thumb__time-container {
bottom: 6px;
left: 0;
position: absolute;
right: 0;
white-space: nowrap;
z-index: 3; }
.plyr__preview-thumb__time-container span {
background-color: rgba(0, 0, 0, 0.55);
border-radius: calc(3px - 1px);
border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
color: #fff;
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
padding: 3px 6px; }
.plyr__preview-scrubbing {
bottom: 0;
filter: blur(1px);
height: 100%;
left: 0;
margin: auto;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.3s ease;
width: 100%;
z-index: 1; }
.plyr__preview-scrubbing--is-shown {
opacity: 1; }
.plyr__preview-scrubbing img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
-o-object-fit: contain;
object-fit: contain;
position: absolute;
top: 0;
width: 100%; }
.plyr--no-transition {
transition: none !important; }
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
border: 0 !important;
height: 1px !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; }
.plyr [hidden] {
display: none !important; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/wysiwyg/wysiwyg.scss */
.wysiwyg {
max-width: 946px;
margin: 0 auto 20px; }
.wysiwyg__title {
margin-bottom: 30px; }
@media (min-width: 1024px) {
.wysiwyg__title {
margin-bottom: 46px; } }
.wysiwyg__container {
letter-spacing: 0.520833px; }
.wysiwyg__container p {
clear: both;
margin-bottom: 1em; }
@media (min-width: 1024px) {
.wysiwyg__container p {
margin-bottom: 19px; } }
.wysiwyg__container h1 {
clear: both;
margin-bottom: 1.5em; }
.wysiwyg__container h2 {
clear: both;
margin-bottom: 1.5em; }
.wysiwyg__container h3 {
clear: both;
margin-bottom: 1.5em; }
.wysiwyg__container h4 {
clear: both;
margin-bottom: 1em; }
.wysiwyg__container h5 {
clear: both;
margin-bottom: 1em; }
.wysiwyg__container h6 {
clear: both;
margin-bottom: 1em; }
.wysiwyg__container ol,
.wysiwyg__container ul {
clear: both; }
.wysiwyg__container blockquote {
clear: both; }
.wysiwyg__container img {
max-width: 100%;
height: auto; }
.wysiwyg__container figure {
margin: 3px 0 21px;
text-align: left; }
@media (min-width: 1024px) {
.wysiwyg__container figure {
margin-bottom: 69px; } }
.wysiwyg__container figure[style='float: left;'] {
width: calc(50% - 4px); }
@media (min-width: 1024px) {
.wysiwyg__container figure[style='float: left;'] {
width: calc(50% - 6px); } }
.wysiwyg__container figure[style='float: right;'] {
width: calc(50% - 4px); }
@media (min-width: 1024px) {
.wysiwyg__container figure[style='float: right;'] {
width: calc(50% - 6px); } }
.wysiwyg__container hr {
clear: both; }
.wysiwyg__container a {
clear: both;
font-weight: 500;
text-decoration: underline; }
.wysiwyg__container a:hover {
text-decoration: none; }
.wysiwyg__container i,
.wysiwyg__container em {
clear: both; }
.wysiwyg__container b,
.wysiwyg__container strong {
clear: both; }
.wysiwyg__container .caption {
font-size: 11px;
line-height: 14px;
display: block;
padding-top: 7px;
clear: both; }
@media (min-width: 1024px) {
.wysiwyg__container .caption {
font-size: 12px;
line-height: 21px;
padding-top: 10px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/icons/icon/icon.scss */
.icon {
display: block; }
.icon svg {
display: block;
height: 100%;
width: 100%; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/page-styleguide/styleguide/styleguide.scss */
.s-guide {
padding: 50px 0; }
.s-guide__byline {
margin-bottom: 15px;
display: flex; }
.s-guide__tag {
white-space: nowrap;
background-color: #f6f6f6;
padding: 5px;
margin-right: 5px;
margin-bottom: 5px;
max-height: calc(1em + 12px); }
.s-guide__byline span:nth-child(2) {
padding-top: 6px; }
.s-guide__hr {
margin: 45px 0; }
.s-guide__container {
width: 100%;
padding-top: 55px; }
.s-guide__alt-background {
background: #77777a; }
.s-guide__nav-background {
background: #313131; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/pdp-ingredients/pdp-ingredients.scss */
/* ------------------------------------------------------------ *\
Ingredients
\* ------------------------------------------------------------ */
.ingredients {
padding: 50px 0 80px;
border-top: 1px solid #c8c8c8; }
@media (min-width: 1024px) {
.ingredients {
padding: 115px 0 107px; } }
.ingredients .list-words {
overflow-x: auto;
margin-bottom: 30px;
white-space: nowrap; }
@media (max-width: 768px) {
.ingredients .list-words {
margin-bottom: 20px;
padding-bottom: 20px; } }
.ingredients .list-words li {
display: inline-block;
width: auto; }
@media (max-width: 768px) {
.ingredients .list-words li {
margin: 0 10px; } }
.ingredients__head {
margin-bottom: 25px; }
.ingredients__title {
margin-bottom: 10px;
font-size: 26px;
font-weight: 600; }
@media (min-width: 1024px) {
.ingredients__title {
margin-bottom: 28px; } }
@media (max-width: 768px) {
.ingredients__title {
font-size: 22px;
font-weight: 500;
letter-spacing: 1.1px; } }
.ingredients__subtitle {
padding: 0 20px;
font-size: 18px; }
@media (max-width: 768px) {
.ingredients__subtitle {
font-size: 14px; } }
@media (min-width: 769px) {
.slider-ingredients {
position: relative; } }
.slider-ingredients__container {
margin-top: 50px; }
@media (max-width: 768px) {
.slider-ingredients__container {
margin-top: 0; } }
@media (min-width: 769px) {
.slider-ingredients__slides {
overflow: hidden; }
.slider-ingredients__slides::after {
content: 'flickity';
display: none; }
.slider-ingredients__slides .flickity-page-dots {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
margin-top: 11px;
counter-reset: slides; }
.slider-ingredients__slides .flickity-page-dots li {
position: relative;
margin: 0 24px;
color: #000;
transition: opacity 0.3s;
counter-increment: slides; }
.slider-ingredients__slides .flickity-page-dots li + li::before {
content: '';
position: absolute;
top: 50%;
right: 100%;
margin-right: 8px;
height: 1px;
width: 34px;
opacity: 0.5;
background-color: #979797; }
.slider-ingredients__slides .flickity-page-dots li::after {
content: counter(slides);
opacity: 0.5; }
.slider-ingredients__slides .flickity-page-dots .is-selected {
font-weight: 500; }
.slider-ingredients__slides .flickity-page-dots .is-selected::after {
opacity: 1; } }
@media (min-width: 1024px) {
.slider-ingredients__slides .flickity-page-dots {
margin-top: 105px; } }
.slider-ingredients__slides .flickity-button.next::after {
content: url("https://cdn.shopify.com/s/files/1/1080/2380/files/right-arrow.svg?v=1671767577"); }
.slider-ingredients__slides .flickity-button.previous::after {
content: url("https://cdn.shopify.com/s/files/1/1080/2380/files/right-arrow.svg?v=1671767577"); }
@media (min-width: 769px) {
.slider-ingredients__slides .flickity-button {
display: block;
position: absolute;
top: 55%;
z-index: 10; }
.slider-ingredients__slides .flickity-button svg {
display: none; }
.slider-ingredients__slides .flickity-button.previous {
left: -25px; }
.slider-ingredients__slides .flickity-button.next {
right: -25px; } }
@media (min-width: 1024px) {
.slider-ingredients__slides .flickity-button {
top: 50%;
margin-top: 15px; }
.slider-ingredients__slides .flickity-button.previous {
left: -25px; }
.slider-ingredients__slides .flickity-button.next {
right: -25px; } }
@media (min-width: 1441px) {
.slider-ingredients__slides .flickity-button.previous {
left: -35px; }
.slider-ingredients__slides .flickity-button.next {
right: -35px; } }
.slider-ingredients__wrapper {
display: flex;
justify-content: center;
align-items: center; }
@media (max-width: 768px) {
.slider-ingredients__wrapper {
flex-direction: column; } }
@media (min-width: 769px) {
.slider-ingredients__slide {
width: 46%;
margin: 0 2%; } }
@media (min-width: 1024px) {
.slider-ingredients__slide {
width: 33.33%;
margin: 0; } }
.slider-ingredients__slide:nth-child(n + 4) {
display: none; }
@media (min-width: 769px) {
.slider-ingredients__slide:nth-child(n + 4) {
display: block; } }
.is-expanded .slider-ingredients__slide:nth-child(n + 4) {
display: block; }
.ingredient-item,
.ingredient-item-slide {
width: 100%;
margin-bottom: 50px; }
@media (min-width: 1024px) {
.ingredient-item,
.ingredient-item-slide {
max-width: none;
width: 100%;
margin: 0; } }
.ingredient-item--alt:not(.is-visible) .ingredient-item__image::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 100%;
height: 107px;
background: linear-gradient(0deg, #fff 30.44%, rgba(255, 255, 255, 0.123661) 70.49%); }
@media (min-width: 769px) {
.ingredient-item--alt:not(.is-visible) .ingredient-item__image::after {
display: none; } }
.ingredient-item--alt:not(.is-visible) .ingredient-item__content {
display: none; }
@media (min-width: 769px) {
.ingredient-item--alt:not(.is-visible) .ingredient-item__content {
display: block; } }
.ingredient-item__image {
width: 100%;
height: 220px;
margin: 0 auto 47px; }
@media (min-width: 1024px) {
.ingredient-item__image {
width: 89%;
height: 18vw;
max-height: 289px;
margin-bottom: 88px; } }
.ingredient-item-slide__image {
width: 100%;
height: 220px;
margin: 0 auto 15px; }
@media (min-width: 1024px) {
.ingredient-item-slide__image {
width: 89%;
height: 18vw;
max-height: 289px; } }
.ingredient-item__content,
.ingredient-item-slide__content {
padding-top: 7px;
width: 88%;
margin: 0 auto; }
@media (max-width: 768px) {
.ingredient-item__content,
.ingredient-item-slide__content {
width: 95%; } }
.ingredient-item__subtitle,
.ingredient-item-slide__subtitle {
font-weight: 400;
text-transform: capitalize;
font-size: 16px;
margin-bottom: 8px;
color: #3f3f3f; }
@media (max-width: 768px) {
.ingredient-item__subtitle,
.ingredient-item-slide__subtitle {
font-size: 15px; } }
.ingredient-item__title,
.ingredient-item-slide__title {
margin-bottom: 16px;
font-size: 22px; }
@media (min-width: 1024px) {
.ingredient-item__title,
.ingredient-item-slide__title {
margin-bottom: 22px; } }
@media (max-width: 768px) {
.ingredient-item__title,
.ingredient-item-slide__title {
font-size: 21px; } }
.ingredient-item__entry,
.ingredient-item-slide__entry {
letter-spacing: 0.42px;
border-bottom: 1px solid #000;
height: 85px;
margin-bottom: 32px;
font-size: 18px; }
@media (max-width: 768px) {
.ingredient-item__entry,
.ingredient-item-slide__entry {
height: 100px; } }
.ingredient-item__product,
.ingredient-item-slide__product {
color: #717171;
font-size: 16px;
text-transform: capitalize;
line-height: 20px; }
.ingredient-item__product a,
.ingredient-item-slide__product a {
color: #515151;
text-decoration: underline; }
.ingredient-item__product a:hover,
.ingredient-item-slide__product a:hover {
text-decoration: none; }
@media (min-width: 769px) {
.ingredients__actions {
display: none; } }
.slider-ingredients__slides .flickity-button.previous {
transform: rotate(180deg); }
.ingredient-item-slide__image.relative img {
height: 100% !important; }
@media (max-width: 768px) {
section.ingredients.ctm_pdp_ingredients .container {
width: calc(100% - 30px) !important; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/product-before-after-slider/before-after-slider.scss */
.the_hanacure_effect .img-comp-container {
position: relative;
width: 436px;
height: 616px;
margin-left: auto; }
.the_hanacure_effect .img-comp-img {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden; }
.the_hanacure_effect .img-comp-slider {
position: absolute;
z-index: 9;
cursor: ew-resize;
width: 58px;
height: 100%;
opacity: 1;
border-radius: 50%;
top: 0 !important;
background-size: contain; }
.the_hanacure_effect .img-comp-slider::after {
content: '';
width: 5px;
height: 100%;
background: #fff;
left: 50%;
transform: translateX(-50%);
top: 0;
position: absolute; }
.the_hanacure_effect .img-comp-slider::before {
content: '';
width: 58px;
height: 58px;
background: url("https://cdn.shopify.com/s/files/1/0570/5282/3727/t/3/assets/slider-icon.png");
left: 50%;
transform: translateX(-50%);
bottom: 15px;
position: absolute; }
.the_hanacure_effect .img-comp-img img {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover; }
.the_hanacure_effect .after_slider img {
max-width: none;
width: 436px; }
.the_hanacure_effect #before .bottom_text,
.the_hanacure_effect #after .bottom_text {
position: absolute;
color: #fff;
font-size: 14px;
z-index: 9;
left: 14px;
bottom: 50px; }
.the_hanacure_effect #after .bottom_text {
right: 14px;
left: auto;
z-index: 0; }
.the_hanacure_effect #after span.bottom_border {
left: auto;
right: 14px;
z-index: 0; }
.the_hanacure_effect span.bottom_border {
position: absolute;
width: 163px;
height: 5px;
background: #fff;
left: 14px;
bottom: 38px;
z-index: 99; }
@media screen and (max-width: 767px) {
.the_hanacure_effect .img-comp-container {
width: 100%;
height: 447px; } }
@media screen and (max-width: 575px) {
.the_hanacure_effect span.bottom_border {
width: 88px;
height: 3px; }
.the_hanacure_effect .img-comp-slider::before {
width: 42px;
height: 42px;
background-size: 42px; }
.the_hanacure_effect .img-comp-slider::after {
width: 3px; } }
@media (min-width: 510px) and (max-width: 767px) {
.the_hanacure_effect .after_slider img {
width: 460px; }
.the_hanacure_effect .img-comp-container {
width: 414px;
height: 447px;
margin: 0 auto; } }
@media screen and (min-width: 1000px) {
.the_hanacure_effect #Hyperpigmentation_Reduction img {
display: flex;
-o-object-fit: cover;
object-fit: cover;
height: 240px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/product-before-after-slider-2/before-after-slider-2.scss */
.the_hanacure_effect .img-comp-container {
position: relative;
width: 436px;
height: 616px;
margin-left: auto; }
.the_hanacure_effect .img-comp-img {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden; }
.the_hanacure_effect .img-comp-slider {
position: absolute;
z-index: 9;
cursor: ew-resize;
width: 58px;
height: 100%;
opacity: 1;
border-radius: 50%;
top: 0 !important;
background-size: contain; }
.the_hanacure_effect .img-comp-slider::after {
content: '';
width: 5px;
height: 100%;
background: #fff;
left: 50%;
transform: translateX(-50%);
top: 0;
position: absolute; }
.the_hanacure_effect .img-comp-slider::before {
content: '';
width: 58px;
height: 58px;
background: url("https://cdn.shopify.com/s/files/1/0570/5282/3727/t/3/assets/slider-icon.png");
left: 50%;
transform: translateX(-50%);
bottom: 15px;
position: absolute; }
.the_hanacure_effect .img-comp-img img {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover; }
.the_hanacure_effect .after_slider img {
max-width: none;
width: 436px; }
.the_hanacure_effect #before .bottom_text,
.the_hanacure_effect #after .bottom_text {
position: absolute;
color: #fff;
font-size: 14px;
z-index: 9;
left: 14px;
bottom: 50px; }
.the_hanacure_effect #after .bottom_text {
right: 14px;
left: auto;
z-index: 0; }
.the_hanacure_effect #after span.bottom_border {
left: auto;
right: 14px;
z-index: 0; }
.the_hanacure_effect span.bottom_border {
position: absolute;
width: 163px;
height: 5px;
background: #fff;
left: 14px;
bottom: 38px;
z-index: 99; }
@media screen and (max-width: 767px) {
.the_hanacure_effect .img-comp-container {
width: 100%;
height: 447px; } }
@media screen and (max-width: 575px) {
.the_hanacure_effect span.bottom_border {
width: 88px;
height: 3px; }
.the_hanacure_effect .img-comp-slider::before {
width: 42px;
height: 42px;
background-size: 42px; }
.the_hanacure_effect .img-comp-slider::after {
width: 3px; } }
@media (min-width: 510px) and (max-width: 767px) {
.the_hanacure_effect .after_slider img {
width: 460px; }
.the_hanacure_effect .img-comp-container {
width: 414px;
height: 447px;
margin: 0 auto; } }
@media screen and (min-width: 1000px) {
.the_hanacure_effect #Hyperpigmentation_Reduction img {
display: flex;
-o-object-fit: cover;
object-fit: cover;
height: 240px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/product-before-after-slider-nano/before-after-slider-nano.scss */
.the_hanacure_effect .img-comp-container {
position: relative;
width: 436px;
height: 616px;
margin-left: auto; }
.the_hanacure_effect .img-comp-img {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden; }
.the_hanacure_effect .img-comp-slider {
position: absolute;
z-index: 9;
cursor: ew-resize;
width: 58px;
height: 100%;
opacity: 1;
border-radius: 50%;
top: 0 !important;
background-size: contain; }
.the_hanacure_effect .img-comp-slider::after {
content: '';
width: 5px;
height: 100%;
background: #fff;
left: 50%;
transform: translateX(-50%);
top: 0;
position: absolute; }
.the_hanacure_effect .img-comp-slider::before {
content: '';
width: 58px;
height: 58px;
background: url("https://cdn.shopify.com/s/files/1/0570/5282/3727/t/3/assets/slider-icon.png");
left: 50%;
transform: translateX(-50%);
bottom: 15px;
position: absolute; }
.the_hanacure_effect .img-comp-img img {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover; }
.the_hanacure_effect .after_slider img {
max-width: none;
width: 436px; }
.the_hanacure_effect #before .bottom_text,
.the_hanacure_effect #after .bottom_text {
position: absolute;
color: #fff;
font-size: 14px;
z-index: 9;
left: 14px;
bottom: 50px; }
.the_hanacure_effect #after .bottom_text {
right: 14px;
left: auto;
z-index: 0; }
.the_hanacure_effect #after span.bottom_border {
left: auto;
right: 14px;
z-index: 0; }
.the_hanacure_effect span.bottom_border {
position: absolute;
width: 163px;
height: 5px;
background: #fff;
left: 14px;
bottom: 38px;
z-index: 99; }
@media screen and (max-width: 767px) {
.the_hanacure_effect .img-comp-container {
width: 100%;
height: 447px; } }
@media screen and (max-width: 575px) {
.the_hanacure_effect span.bottom_border {
width: 88px;
height: 3px; }
.the_hanacure_effect .img-comp-slider::before {
width: 42px;
height: 42px;
background-size: 42px; }
.the_hanacure_effect .img-comp-slider::after {
width: 3px; } }
@media (min-width: 510px) and (max-width: 767px) {
.the_hanacure_effect .after_slider img {
width: 460px; }
.the_hanacure_effect .img-comp-container {
width: 414px;
height: 447px;
margin: 0 auto; } }
@media screen and (min-width: 1000px) {
.the_hanacure_effect #Hyperpigmentation_Reduction img {
display: flex;
-o-object-fit: cover;
object-fit: cover;
height: 240px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/product-before-after-slider-3/before-after-slider-3.scss */
.the_hanacure_effect .img-comp-container {
position: relative;
width: 436px;
height: 616px;
margin-left: auto; }
.the_hanacure_effect .img-comp-img {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden; }
.the_hanacure_effect .img-comp-slider {
position: absolute;
z-index: 9;
cursor: ew-resize;
width: 58px;
height: 100%;
opacity: 1;
border-radius: 50%;
top: 0 !important;
background-size: contain; }
.the_hanacure_effect .img-comp-slider::after {
content: '';
width: 5px;
height: 100%;
background: #fff;
left: 50%;
transform: translateX(-50%);
top: 0;
position: absolute; }
.the_hanacure_effect .img-comp-slider::before {
content: '';
width: 58px;
height: 58px;
background: url("https://cdn.shopify.com/s/files/1/0570/5282/3727/t/3/assets/slider-icon.png");
left: 50%;
transform: translateX(-50%);
bottom: 15px;
position: absolute; }
.the_hanacure_effect .img-comp-img img {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover; }
.the_hanacure_effect .after_slider img {
max-width: none;
width: 436px; }
.the_hanacure_effect #before .bottom_text,
.the_hanacure_effect #after .bottom_text {
position: absolute;
color: #fff;
font-size: 14px;
z-index: 9;
left: 14px;
bottom: 50px; }
.the_hanacure_effect #after .bottom_text {
right: 14px;
left: auto;
z-index: 0; }
.the_hanacure_effect #after span.bottom_border {
left: auto;
right: 14px;
z-index: 0; }
.the_hanacure_effect span.bottom_border {
position: absolute;
width: 163px;
height: 5px;
background: #fff;
left: 14px;
bottom: 38px;
z-index: 99; }
@media screen and (max-width: 767px) {
.the_hanacure_effect .img-comp-container {
width: 100%;
height: 447px; } }
@media screen and (max-width: 575px) {
.the_hanacure_effect span.bottom_border {
width: 88px;
height: 3px; }
.the_hanacure_effect .img-comp-slider::before {
width: 42px;
height: 42px;
background-size: 42px; }
.the_hanacure_effect .img-comp-slider::after {
width: 3px; } }
@media (min-width: 510px) and (max-width: 767px) {
.the_hanacure_effect .after_slider img {
width: 460px; }
.the_hanacure_effect .img-comp-container {
width: 414px;
height: 447px;
margin: 0 auto; } }
@media screen and (min-width: 1000px) {
.the_hanacure_effect #Hyperpigmentation_Reduction img {
display: flex;
-o-object-fit: cover;
object-fit: cover;
height: 240px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/product-gallery/product-gallery.scss */
/* ------------------------------------------------------------ *\
Product Gallery
\* ------------------------------------------------------------ */
.product-gallery {
position: relative;
width: 100%; }
.product-gallery .flickity-resize .flickity-slider {
height: 100%; }
.product-gallery .flickity-actions {
margin-top: 20px; }
@media (min-width: 769px) {
.product-gallery .flickity-actions {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
margin-top: 0; } }
.product-gallery .flickity-page-dots {
display: flex;
align-content: center;
justify-content: center;
counter-reset: number;
margin: 0 40px; }
.product-gallery .flickity-page-dots li {
cursor: pointer;
transition: opacity 0.2s ease-in-out; }
.product-gallery .flickity-page-dots li.is-selected::before {
opacity: 1; }
.product-gallery .flickity-page-dots li::before {
counter-increment: number;
content: counter(number);
display: inline-block;
vertical-align: top;
margin-right: 8px;
opacity: 0.5; }
.product-gallery .flickity-page-dots li::after {
content: '';
display: inline-block;
vertical-align: middle;
width: 34px;
height: 1px;
background: rgba(0, 0, 0, 0.5);
margin-right: 8px;
pointer-events: none; }
.product-gallery .flickity-page-dots li:last-child::before {
margin-right: 0; }
.product-gallery .flickity-page-dots li:last-child::after {
content: none; }
.product-gallery .flickity-button {
display: none;
position: relative;
width: 15px;
height: 15px;
cursor: pointer; }
@media (min-width: 769px) {
.product-gallery .flickity-button {
display: inline-block; } }
.product-gallery .flickity-button[disabled] {
opacity: 0.7;
cursor: default; }
.product-gallery .flickity-button::before {
content: '';
width: 8px;
height: 8px;
display: inline-block;
vertical-align: middle;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #000;
margin: 0;
transform: rotate(-45deg);
transform-origin: 50% 50%;
transition: all 0.4s;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
margin-top: 2px; }
.product-gallery .flickity-button svg {
display: none; }
.product-gallery .flickity-button.next {
order: 1; }
.product-gallery .flickity-button.next::before {
transform: translate(-50%, -50%) rotate(-135deg); }
.product-gallery__images {
margin-bottom: 25px;
overflow: hidden; }
.product-gallery__images__single {
height: 0;
padding-top: 129.3%; }
@media (min-width: 769px) {
.product-gallery__images__single {
padding-top: 123.75%; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/product-hero/product-hero.scss */
.product-hero {
margin-bottom: 65px; }
@media (min-width: 769px) {
.product-hero {
margin-bottom: 0; } }
.product-hero__promo {
background: #f8f8f8;
max-height: 120px;
box-shadow: -1px 1px 4px 1px #e6e6e6; }
@media (max-width: 768px) {
.product-hero__promo {
height: 115px; } }
.product-hero__promo-wrapper {
display: flex; }
.product-hero__promo-left {
flex: 65%;
padding: 25px; }
@media (max-width: 768px) {
.product-hero__promo-left {
padding: 15px; } }
.product-hero__promo-right {
flex: 35%; }
.product-hero__promo-image {
width: 100%;
max-height: 120px;
-o-object-fit: fill;
object-fit: fill; }
@media (max-width: 768px) {
.product-hero__promo-image {
max-height: 100%; } }
.product-hero__promo-text {
font-size: 14px;
font-weight: 600;
line-height: 14px; }
.product-hero__promo-text:last-child {
font-style: italic;
font-weight: 100;
padding-top: 20px;
font-size: 12px; }
.product-hero__promo-text span {
font-style: italic;
font-weight: 100; }
.product-hero__gallery {
position: relative;
width: 100%; }
@media (min-width: 769px) {
.product-hero__gallery {
width: 50%;
display: flex;
align-items: flex-start;
background: #fcfcfc; } }
.product-hero__breadcrumbs {
position: absolute;
top: 15px;
left: 26px;
z-index: 1; }
@media (min-width: 769px) {
.product-hero__breadcrumbs {
top: 20px; } }
.product-hero__badges {
position: absolute;
top: 50px;
right: 0;
left: 0;
bottom: 0; }
.product-hero__badges .badge:not(:only-child) {
margin-bottom: 10px; }
.product-hero__badges .badge:not(:only-child)::after {
content: none; }
@media (min-width: 769px) {
.product-hero__breadcrumbs,
.product-hero__badges {
left: 40px;
right: 40px; } }
.product-hero__content {
width: 100%;
padding: 0 40px; }
@media (min-width: 769px) {
.product-hero__content {
width: 50%;
padding: 50px 40px 50px; } }
@media (min-width: 1024px) {
.product-hero__content {
padding: 105px 40px 145px; } }
@media (min-width: 1441px) {
.product-hero__content {
padding-right: calc((100vw - 1360px) / 2); } }
.product-hero__content-wrapper {
width: 100%;
max-width: 360px;
margin: 0 auto; }
.product-hero__head {
display: flex;
align-items: flex-start;
margin-bottom: 30px; }
@media (min-width: 769px) {
.product-hero__head {
margin-right: -60px; } }
.product-hero__dock .product-hero__title, .product-hero__dock
.product-hero__price {
color: #000; }
.product-hero__price {
position: relative;
margin-left: 15px;
padding-left: 15px; }
@media (min-width: 769px) {
.product-hero__price {
min-width: 80px; } }
.product-hero__price del {
color: #000;
margin-right: 5px; }
.product-hero__price::before {
content: '';
position: absolute;
top: 10px;
bottom: 5px;
left: 0;
width: 1px;
background: #77777a; }
.product-hero__dock .product-hero__price {
margin-left: 5px;
padding-left: 5px; }
.product-hero__dock .product-hero__price::before {
top: 5px; }
.product-hero__body {
display: flex;
flex-direction: column; }
.product-hero__body .product-hero__reviews {
margin: 20px 0;
/* stylelint-disable selector-class-pattern */
/* stylelint-enable selector-class-pattern */ }
@media (min-width: 1024px) {
.product-hero__body .product-hero__reviews {
margin-top: 0; } }
.product-hero__body .product-hero__reviews .okeReviews .okeReviews-reviewsSummary-starRating {
vertical-align: middle; }
.product-hero__body .product-hero__reviews .okeReviews .okeReviews-reviewsSummary.is-okeReviews-clickable:hover .okeReviews-reviewsSummary-ratingCount {
text-decoration: none; }
.product-hero__body .product-hero__reviews .okeReviews-reviewsSummary-ratingCount {
margin-bottom: 5px;
text-decoration: underline; }
.product-hero__body .product-hero__reviews .okeReviews .okeReviews-starRating--small .okeReviews-starRating-indicator-layer {
background-size: 80px 15px; }
.product-hero__body .product-hero__reviews .okeReviews .okeReviews-a11yText:first-child {
width: auto;
height: auto;
clip: auto;
margin: 0;
overflow: auto;
position: static; }
.product-hero__body .product-hero__reviews .okeReviews .okeReviews-starRating-indicator {
display: inline-block;
width: 80px;
height: 15px;
position: relative; }
.product-hero__body .product-hero__reviews .okeReviews .okeReviews-starRating--small {
width: auto !important;
height: auto !important; }
.product-hero__body .product-hero__reviews .okeReviews .okeReviews-starRating--small > * {
vertical-align: middle;
display: inline-block; }
.product-hero__body .product-hero__reviews .okeReviews .okeReviews-reviewsSummary-ratingCount {
margin: 0; }
.product-hero__details {
line-height: 1.75;
letter-spacing: 0.41667; }
.product-hero__details > p {
font-size: 12px; }
.product-hero__form {
margin-top: 20px;
order: -1; }
@media (min-width: 1024px) {
.product-hero__form {
order: initial; } }
@media (max-width: 1023px) {
.product-hero__form--desktop {
display: none; } }
.product-hero__form--mobile {
margin-top: 10px;
display: flex;
flex-direction: column; }
@media (min-width: 1024px) {
.product-hero__form--mobile {
display: none; } }
.product-hero__form--mobile .product-hero__form {
display: flex;
flex-direction: column; }
.product-hero__form--mobile .product-subscription {
order: 0; }
.product-hero__form--mobile .free-mc-product {
order: 3; }
.product-hero__form--mobile .product-hero__cta {
order: 2; }
.shopify-payment-button__button--unbranded {
background-color: black !important;
font-size: 11px !important;
border-radius: 0 !important;
text-transform: uppercase;
letter-spacing: 0.45px;
height: 49px; }
.product-hero__payment-terms {
margin-top: 1em; }
.product-hero__option {
display: flex;
flex-flow: row wrap; }
.product-hero__option .product-hero__option-label {
width: 100%;
margin-bottom: 5px; }
.product-hero__option .product-hero__option-btn {
min-width: 70px;
margin-bottom: 10px;
margin-right: 10px;
padding: 0 5px;
opacity: 0.7; }
.product-hero__option .product-hero__option-btn.js-active {
opacity: 1;
border: 2px solid black; }
.product-hero__cta {
display: flex;
align-items: center;
background: #000;
color: #fff;
margin: 30px 0 15px;
height: 49px; }
.product-hero__cta .quantity-selector {
flex: 0 0 85px;
max-width: 85px;
height: 100%;
border: 0;
border-right: 1px solid #fff; }
@media (min-width: 376px) {
.product-hero__cta .quantity-selector {
flex: 0 0 105px;
max-width: 105px; } }
.product-hero__cta .btn:focus, .product-hero__cta .form-newsletter--popup .form__btn:focus, .form-newsletter--popup .product-hero__cta .form__btn:focus, .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle:focus, .product-reviews .okeReviews .product-hero__cta .okeReviews-filterToggle:focus,
.product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview:focus, .product-reviews .okeReviews .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview:focus,
.product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion:focus, .product-reviews .okeReviews .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion:focus {
outline: 2px dotted #fff !important;
outline-offset: -2px; }
.product-hero__cta .btn, .product-hero__cta .form-newsletter--popup .form__btn, .form-newsletter--popup .product-hero__cta .form__btn, .product-hero__cta .product-reviews .okeReviews .okeReviews-filterToggle, .product-reviews .okeReviews .product-hero__cta .okeReviews-filterToggle,
.product-hero__cta .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview, .product-reviews .okeReviews .product-hero__cta .okeReviews-reviewsWidget-header-controls-writeReview,
.product-hero__cta .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion, .product-reviews .okeReviews .product-hero__cta .okeReviews-qandaWidget-header-controls-askQuestion {
flex: 1 1;
min-width: 0; }
.product-hero__dock {
position: fixed;
top: 0;
left: 0;
right: 0;
min-height: 64px;
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
padding: 6px 8px;
border-bottom: 1px solid #c8c8c8;
will-change: transform;
transition: transform 0.2s ease-in-out;
transform: translateY(-100%);
visibility: hidden; }
@media (min-width: 769px) {
.product-hero__dock {
min-height: 110px;
padding: 15px 40px 15px 15px; } }
@media (min-width: 1024px) {
.product-hero__dock.js-pinned.js-visible {
transform: translateY(0%);
visibility: visible; } }
.product-hero__dock .product-hero__option {
margin: 0; }
.product-hero__dock .product-hero__cta {
margin: 0;
flex: 0 1 360px; }
.product-hero__dock-head {
display: flex;
align-items: center;
width: 100%; }
@media (min-width: 769px) {
.product-hero__dock-head {
width: auto;
flex: 0 0 auto;
margin-right: 16px; } }
.product-hero__dock-spacer {
flex: 1 1; }
@media (min-width: 769px) {
.product-hero__dock-spacer {
display: none; } }
.product-hero__dock-body {
display: none; }
@media (min-width: 769px) {
.product-hero__dock-body {
flex: 1 1;
display: flex;
align-items: center;
justify-content: flex-end; } }
.product-hero__dock-image {
flex: 1 1;
margin-right: 16px; }
@media (min-width: 769px) {
.product-hero__dock-image {
flex: 1 0 auto; } }
.product-hero__dock-image figure {
position: relative;
width: 52px;
height: 52px; }
@media (min-width: 769px) {
.product-hero__dock-image figure {
width: 80px;
height: 80px; } }
/* ------------------------------------------------------------ *\
Product Hero Tabs
\* ------------------------------------------------------------ */
.product-hero-tabs {
margin-top: 25px; }
.product-hero-tabs__nav {
display: flex;
flex-flow: row wrap;
margin-bottom: 20px; }
.product-hero-tabs__nav li {
position: relative;
margin-right: 15px; }
.product-hero-tabs__nav li:last-child {
margin-right: 0; }
.product-hero-tabs__nav a {
display: block;
color: #949494;
padding-bottom: 5px;
border-bottom: 1px solid transparent;
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; }
.product-hero-tabs__nav li.is-active a,
.product-hero-tabs__nav li:hover a {
color: #000;
border-color: #000; }
.product-hero-tabs__content > * {
display: none; }
.product-hero-tabs__content > *.is-active {
display: block; }
.product-hero-tabs__details li > span {
font-family: freight-sans-pro, sans-serif !important;
font-size: 12px !important;
letter-spacing: 0.52px !important;
line-height: 22px !important; }
.list-benefits {
display: flex;
flex-flow: row wrap; }
.list-benefits li {
flex: 0 0 67px;
max-width: 67px;
margin-right: 20px;
text-align: center; }
.list-benefits li:last-child {
margin-right: 0; }
.list-benefits figure {
display: flex;
justify-content: center;
align-items: center;
height: 32px;
margin-bottom: 7px; }
.list-benefits span {
font-size: 10px;
line-height: 21px;
letter-spacing: 0.347222px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/product-hero-facial/product-hero-facial.scss */
/* ------------------------------------------------------------ *\
Hero Facial
\* ------------------------------------------------------------ */
.hero-facial {
position: relative; }
@media (min-width: 769px) {
.hero-facial {
height: 0;
padding-top: 49.375%; } }
.hero-facial__image {
position: relative;
height: 0;
padding-top: 75.46%; }
@media (min-width: 769px) {
.hero-facial__image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: auto;
padding-top: 0; } }
.hero-facial__content {
background: linear-gradient(5.71deg, #e5dcd3 -26.16%, #fff 49.6%, #e5dcd3 137.63%);
padding: 60px 40px; }
@media (min-width: 769px) {
.hero-facial__content {
background: none;
position: absolute;
top: 12.0625vw;
right: 40px;
z-index: 3;
padding: 0;
max-width: 450px; } }
@media (min-width: 1441px) {
.hero-facial__content {
right: calc((100vw - 1255px) / 2); } }
.hero-facial__title {
position: relative;
display: inline-block;
padding: 25px 0 20px; }
@media (min-width: 769px) {
.hero-facial__title {
padding: 30px 0 40px; } }
.hero-facial__title::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 40px;
height: 1px;
background: #000; }
@media (min-width: 769px) {
.hero-facial__title::before {
right: 70px; } }
@media (min-width: 769px) {
.hero-facial__entry {
max-width: 365px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/product-hero-nano/product-hero-nano.scss */
/* ------------------------------------------------------------ *\
Product Hero Nano
\* ------------------------------------------------------------ */
.hero-nano {
background: rgba(246, 246, 246, 0.35);
padding: 30px 15px 60px; }
@media (min-width: 769px) {
.hero-nano {
padding: 85px 30px 145px; } }
.hero-nano__image {
margin-bottom: 60px; }
@media (min-width: 769px) {
.hero-nano__image {
position: relative;
max-width: 1212px;
margin: 0 auto 10px; } }
.hero-nano__image > figure {
position: relative;
height: 0;
padding-top: 67.65%; }
.hero-nano__badge {
width: 80px;
margin-bottom: 40px;
margin-left: 20px; }
@media (min-width: 769px) {
.hero-nano__badge {
position: absolute;
top: 30px;
left: 0;
transform: translateX(-50%);
width: 110px;
margin: 0;
z-index: 3; } }
.hero-nano__badge figure {
position: relative;
height: 0;
padding-top: 115%; }
.hero-nano__content ul {
list-style: none; }
@media (min-width: 769px) {
.hero-nano__content ul {
display: flex;
flex-flow: row wrap;
margin: 0 -24px; } }
@media (min-width: 1024px) {
.hero-nano__content ul {
margin: 0 -48px; } }
.hero-nano__content li {
display: flex;
flex-flow: row wrap;
align-items: center;
margin-bottom: 30px; }
@media (min-width: 769px) {
.hero-nano__content li {
flex: 0 0 33.33%;
max-width: 33.33%;
margin-bottom: 0;
padding: 0 24px; } }
@media (min-width: 1024px) {
.hero-nano__content li {
padding: 0 48px; } }
.hero-nano__content li:last-child {
margin-bottom: 0; }
.hero-nano__content li strong {
font-size: 30px;
line-height: 35px;
letter-spacing: 0.034722em;
margin-right: 24px; }
@media (min-width: 1024px) {
.hero-nano__content li strong {
margin-right: 36px; } }
.hero-nano__content li p {
flex: 1 1; }
.hero-nano__title {
margin-bottom: 20px; }
@media (min-width: 769px) {
.hero-nano__title {
margin-bottom: 60px;
text-align: center; } }
.hero-nano__title:last-child {
margin-bottom: 0; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/product-how-to-use/product-how-to-use.scss */
.product-how-to-use .use-outer {
margin: 60px 0; }
.product-how-to-use .use {
background: #fafafa;
padding: 40px 0; }
.product-how-to-use .use-inner {
max-width: 1400px;
background: #fafafa;
margin: 0 auto;
display: flex;
align-items: center;
flex-wrap: nowrap; }
.product-how-to-use .use-right,
.product-how-to-use .use-left {
width: 50%;
padding: 20px 40px 30px 20px;
display: flex;
position: relative;
justify-content: space-between;
align-items: flex-end; }
@media screen and (min-width: 768px) {
.product-how-to-use .use-inner:nth-child(odd) .use-left {
order: 2; }
.product-how-to-use .use-inner:nth-child(odd) .use-right {
order: 1; } }
.product-how-to-use .helpertext {
position: absolute;
left: 0;
right: 0;
text-align: center;
bottom: -10px; }
.product-how-to-use .desktop-helper {
display: block; }
.product-how-to-use .mobile-helper {
display: none; }
.product-how-to-use .col-use {
text-align: center;
cursor: pointer !important;
width: calc(33% - 5px);
opacity: 0.4; }
.product-how-to-use .col-use.activesku {
opacity: 1; }
.product-how-to-use .col-use.cleanser img {
max-width: 80%; }
.product-how-to-use .col-use.nano img {
max-width: 27%; }
.product-how-to-use .col-use img {
max-width: 90%;
margin: 0 auto;
text-align: center; }
.product-how-to-use .col-use p {
text-align: center; }
.product-how-to-use .title-use {
font-weight: bold;
text-transform: uppercase;
font-size: 22px;
letter-spacing: 1.8px;
padding-left: 20px;
max-width: 1400px;
margin: 0 auto; }
.product-how-to-use .title-tile {
font-weight: bold;
text-transform: uppercase;
font-size: 22px;
letter-spacing: 1.8px; }
.product-how-to-use .sect-title {
font-weight: bold;
margin: 25px 0 5px 0;
font-family: freight-sans-pro, sans-serif;
font-size: 16px;
text-transform: uppercase; }
.product-how-to-use .sect-p {
font-size: 16px;
line-height: 1.4; }
@media (max-width: 767px) {
.product-how-to-use .use-inner {
flex-wrap: wrap; }
.product-how-to-use .desktop-helper {
display: none; }
.product-how-to-use .mobile-helper {
bottom: -15px;
display: block; }
.product-how-to-use .use-left,
.product-how-to-use .use-right {
width: 100%; }
.product-how-to-use .title-use {
font-size: 16px; }
.product-how-to-use .title-tile {
font-size: 16px; }
.product-how-to-use .use-right {
order: 2;
padding: 20px; }
.product-how-to-use .use-left {
order: 1;
padding: 20px; }
.product-how-to-use .sect-title {
font-size: 14px; }
.product-how-to-use .sect-p {
font-size: 14px; }
.product-how-to-use .facialone .use-left {
order: 2; }
.product-how-to-use .facialone .use-right {
order: 1; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/product-ingredients/product-ingredients.scss */
/* ------------------------------------------------------------ *\
Product Ingredients
\* ------------------------------------------------------------ */
.product-ingredients {
padding: 55px 0; }
@media (min-width: 769px) {
.product-ingredients {
padding: 150px 0 70px; } }
.product-ingredients .flickity-resize .flickity-slider {
height: 100%; }
.product-ingredients .flickity-page-dots {
display: flex;
align-content: center;
justify-content: center;
counter-reset: number;
margin-top: 20px; }
@media (min-width: 769px) {
.product-ingredients .flickity-page-dots {
margin-top: 140px; } }
.product-ingredients .flickity-page-dots li {
cursor: pointer;
transition: opacity 0.2s ease-in-out; }
.product-ingredients .flickity-page-dots li.is-selected::before {
opacity: 1; }
.product-ingredients .flickity-page-dots li::before {
counter-increment: number;
content: counter(number);
display: inline-block;
vertical-align: top;
margin-right: 8px;
opacity: 0.5; }
.product-ingredients .flickity-page-dots li::after {
content: '';
display: inline-block;
vertical-align: middle;
width: 34px;
height: 1px;
background: rgba(0, 0, 0, 0.5);
margin-right: 8px;
pointer-events: none; }
.product-ingredients .flickity-page-dots li:last-child::before {
margin-right: 0; }
.product-ingredients .flickity-page-dots li:last-child::after {
content: none; }
.product-ingredients .flickity-button {
display: none;
position: absolute;
top: 50%;
left: 45px;
width: 20px;
height: 20px;
transform: translateY(-50%); }
@media (min-width: 769px) {
.product-ingredients .flickity-button {
display: block; } }
.product-ingredients .flickity-button.next {
left: auto;
right: 45px; }
.product-ingredients .flickity-button[disabled] {
opacity: 0.7; }
.product-ingredients:focus .flickity-viewport {
outline: 2px dotted #000 !important; }
.product-ingredients:focus {
outline: none; }
.product-ingredients__head {
text-align: center;
margin-bottom: 45px; }
@media (min-width: 769px) {
.product-ingredients__head {
margin-bottom: 75px; } }
.product-ingredients__body {
overflow: hidden;
max-width: 1440px;
margin: 0 auto; }
.product-ingredients__title {
margin-bottom: 10px; }
@media (min-width: 769px) {
.product-ingredients__title {
margin-bottom: 25px; } }
.product-ingredients__subtitle {
margin-bottom: 25px; }
.product-ingredients__subtitle a {
text-decoration: underline; }
.product-ingredients__subtitle a:hover {
text-decoration: none; }
@media (min-width: 769px) {
.product-ingredients__subtitle {
margin-bottom: 35px; } }
.product-ingredients__characteristics {
display: flex;
flex-flow: row wrap;
justify-content: center; }
.product-ingredients__characteristics li {
background: #f7f4f2;
padding: 10px 16px;
text-transform: uppercase;
margin-bottom: 10px;
margin-right: 10px; }
.product-ingredients__characteristics li:last-child {
margin-right: 0; }
.product-ingredients__slider {
width: 100%; }
.product-ingredients__slide {
width: 100%; }
.product-ingredients__items {
display: flex;
flex-flow: row wrap;
margin: 0 -14px; }
@media (min-width: 769px) {
.product-ingredients__items {
margin: 0 -25px; } }
@media (min-width: 1024px) {
.product-ingredients__items {
margin: 0 -50px; } }
.product-ingredients__item {
width: 50%;
padding: 0 14px; }
@media (min-width: 769px) {
.product-ingredients__item {
width: 33.33%;
padding: 0 25px; } }
@media (min-width: 1024px) {
.product-ingredients__item {
padding: 0 50px; } }
.product-ingredients__item figure {
position: relative;
height: 0;
padding-top: 100%; }
.product-ingredients__item-title {
margin-top: 15px;
padding-top: 5px;
border-top: 1px solid #000; }
@media (min-width: 769px) {
.product-ingredients__item-title {
margin: 35px 0 3px;
padding-top: 20px; } }
.product-ingredients__modal {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(46, 46, 46, 0.6);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
pointer-events: none; }
.product-ingredients__modal.is-visible {
opacity: 1;
visibility: visible;
pointer-events: auto; }
.product-ingredients__modal-inner {
position: relative;
max-width: 1215px;
max-height: calc(100vh - 120px);
width: calc(100% - 50px);
display: flex;
background: #fff;
padding: 40px 0; }
@media (min-width: 415px) {
.product-ingredients__modal-inner {
max-height: calc(100vh - 240px); } }
@media (min-width: 769px) {
.product-ingredients__modal-inner {
width: calc(100% - 80px);
max-height: 700px;
padding: 70px 0; } }
.product-ingredients__modal-close {
width: 14px;
height: 14px;
position: absolute;
top: 30px;
right: 15px;
z-index: 3; }
@media (min-width: 769px) {
.product-ingredients__modal-close {
width: 24px;
height: 24px;
top: 65px;
right: 40px; } }
.product-ingredients__modal-image {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
@media (min-width: 769px) {
.product-ingredients__modal-image {
display: block; } }
.product-ingredients__modal-text {
width: 100%;
position: relative;
z-index: 2;
overflow: auto;
padding: 0 25px; }
@media (min-width: 769px) {
.product-ingredients__modal-text {
padding: 0 90px; } }
.product-ingredients__modal-text h3 {
font-size: 18px;
line-height: 21px;
letter-spacing: 0.625px;
margin-bottom: 15px; }
.product-ingredients__modal-text ul {
margin-bottom: 20px; }
.product-ingredients__modal-text ul:last-child {
margin-bottom: 0; }
.product-ingredients__modal-text p {
margin-bottom: 15px; }
.product-ingredients__modal-text p:last-child {
margin-bottom: 0; }
.slider-ingredients__slides .flickity-button.previous {
transform: rotate(180deg); }
.ingredient-item-slide__image.relative img {
height: 100% !important; }
@media (max-width: 768px) {
section.ingredients.ctm_pdp_ingredients .container {
width: calc(100% - 30px) !important; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/product-related/product-related.scss */
/* ------------------------------------------------------------ *\
Product Related
\* ------------------------------------------------------------ */
.product-related {
margin-top: 65px; }
.product-related__title {
margin-bottom: 5px;
text-transform: uppercase; }
.product-related__subtitle {
color: #949494; }
.product-related__images {
margin-top: 20px;
background: #f6f6f6;
display: flex; }
.product-related__image {
position: relative;
padding: 20px;
width: 50%; }
.product-related__image:first-child::after {
content: '+';
position: absolute;
top: 50%;
right: 0;
transform: translate(50%, -50%);
margin-top: -2px;
margin-right: -0.5px; }
.product-related__image:last-child::before, .product-related__image:last-child::after {
content: '';
position: absolute;
top: 0;
bottom: calc(50% + 10px);
left: 0;
width: 1px;
background: rgba(148, 148, 148, 0.22); }
.product-related__image:last-child::after {
top: calc(50% + 10px);
bottom: 0; }
.product-related__image figure {
position: relative;
height: 0;
padding-top: 100%; }
.product-related__link {
margin-left: auto;
text-transform: lowercase;
text-decoration: underline; }
.product-related__link:hover {
text-decoration: none; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/product-selector/product-selector.scss */
.product-sizes {
-webkit-overflow-scrolling: touch;
margin: 10px 0;
overflow-y: auto; }
.product-sizes__title {
margin: 10px 0;
text-align: center; }
@media (min-width: 1024px) {
.product-sizes {
overflow: initial; } }
.product-sizes__wrapper {
overflow: auto;
margin: 10px 0;
white-space: nowrap; }
.product-sizes__wrapper .product-sizes__single {
display: inline-block; }
@media (min-width: 415px) {
.product-sizes__wrapper {
margin-right: 0;
padding-right: 0; } }
@media (min-width: 769px) {
.product-sizes__wrapper {
padding: 0;
display: flex;
margin: 0 -5px;
flex-wrap: wrap;
white-space: normal; } }
.product-sizes__single {
width: 40px;
height: 40px;
cursor: pointer;
text-align: center;
background: #77777a;
margin: 5px 5px 5px 0; }
@media (min-width: 769px) {
.product-sizes__single {
margin: 5px; } }
.product-sizes__single span {
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%); }
.product-sizes__single.active {
color: #fff;
pointer-events: none;
background: #77777a; }
.product-sizes__single.disabled {
color: #000;
cursor: no-drop;
background: transparent;
border: 1px solid #000; }
.product-sizes__single.disabled::before {
content: '';
top: 50%;
left: -8px;
width: 54px;
height: 1px;
position: absolute;
pointer-events: none;
background: #000;
transform: translateY(-50%) rotate(-45deg); }
.product-sizes__single.active.disabled {
color: #fff;
background: #77777a;
border: 1px solid #77777a; }
.product-sizes__single.active.disabled::before {
background: #fff; }
.product-size__guide {
padding: 16px 20px;
margin: 50px auto 30px; }
.product-size__guide__wrapper {
margin: 0 auto;
display: block;
max-width: 300px; }
.product-select {
align-items: center;
justify-content: space-between; }
.product-select > div {
width: calc(50% - 10px); }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/product-reviews/product-reviews.scss */
/* ------------------------------------------------------------ *\
Product Reviews
\* ------------------------------------------------------------ */
.product-reviews {
padding: 30px 0 40px;
/* stylelint-disable selector-class-pattern */ }
@media (min-width: 769px) {
.product-reviews {
padding: 90px 0 65px; } }
.product-reviews .okeReviews .okeReviews-widgetNavBar {
text-align: center;
border-bottom: 1px solid #979797;
margin: 0 -20px 32px; }
@media (min-width: 769px) {
.product-reviews .okeReviews .okeReviews-widgetNavBar {
margin: 0 0 75px; } }
.product-reviews .okeReviews .okeReviews-widgetNavBar-item {
font-weight: 500;
font-size: 15px;
line-height: 1.4;
letter-spacing: 0.520833px;
color: #000;
padding: 20px;
border-bottom: 1px solid transparent;
margin: 0 10px -1px;
transition: border-bottom 0.3s; }
@media (min-width: 769px) {
.product-reviews .okeReviews .okeReviews-widgetNavBar-item {
padding: 25px;
margin: 0 6px -1px; } }
.product-reviews .okeReviews .okeReviews-widgetNavBar-item[aria-selected='true'],
.product-reviews .okeReviews .okeReviews-widgetNavBar-item:hover {
border-bottom: 1px solid #000; }
.product-reviews .okeReviews .okeReviews-widgetNavBar-count {
display: none; }
.product-reviews .okeReviews .okeReviews-reviewsWidget {
padding-top: 0; }
.product-reviews .okeReviews-reviewsWidget-header-poweredBy,
.product-reviews .okeReviews-review-arguments,
.product-reviews .okeReviews-review-reviewer-attributes,
.product-reviews .okeReviews-reviewsAggregate-summary-rating-starRating {
display: none !important; }
.product-reviews .okeReviews .okeReviews-reviewsAggregate-primary,
.product-reviews .okeReviews .okeReviews-reviewsAggregate-side,
.product-reviews .okeReviews .okeReviews-review-primary,
.product-reviews .okeReviews .okeReviews-review-side,
.product-reviews .okeReviews .okeReviews-review-reviewer-profile {
border: 0 !important; }
.product-reviews .okeReviews .okeReviews-review-reviewer-profile {
margin-bottom: 0 !important;
padding-bottom: 0 !important; }
.product-reviews .okeReviews .okeReviews-reviewsAggregate-primary,
.product-reviews .okeReviews .okeReviews-reviewsAggregate-side {
padding-left: 0 !important;
padding-right: 0 !important; }
.product-reviews .okeReviews .okeReviews-review-primary,
.product-reviews .okeReviews .okeReviews-review-side {
padding: 0 !important; }
.product-reviews .okeReviews-reviewsWidget-header-controls {
text-align: center !important; }
@media (min-width: 769px) {
.product-reviews .okeReviews-reviewsWidget-header-controls {
text-align: right !important; } }
.product-reviews .okeReviews .okeReviews-qandaWidget.is-okeReviews-qandaWidget-large .okeReviews-qandaWidget-header-controls,
.product-reviews .okeReviews .okeReviews-qandaWidget.is-okeReviews-qandaWidget-medium .okeReviews-qandaWidget-header-controls {
display: flex; }
.product-reviews .okeReviews .okeReviews-qandaWidget-header-controls {
padding-top: 0; }
.product-reviews .okeReviews .okeReviews-filterToggle,
.product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview,
.product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion {
min-width: 202px; }
.product-reviews .okeReviews .okeReviews-qandaWidget.is-okeReviews-qandaWidget-large .okeReviews-qandaWidget-header-controls-askQuestion,
.product-reviews .okeReviews .okeReviews-qandaWidget.is-okeReviews-qandaWidget-medium .okeReviews-qandaWidget-header-controls-askQuestion {
text-align: center; }
.product-reviews .okeReviews .okeReviews-qandaWidget.is-okeReviews-qandaWidget-large .okeReviews-qandaWidget-header-poweredBy,
.product-reviews .okeReviews .okeReviews-qandaWidget.is-okeReviews-qandaWidget-medium .okeReviews-qandaWidget-header-poweredBy,
.product-reviews .okeReviews .okeReviews-qandaWidget-header .okeReviews-qandaWidget-header-poweredBy {
display: none; }
.product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion {
text-align: center;
display: block;
max-width: 202px;
margin-left: auto;
margin-right: auto; }
@media (min-width: 769px) {
.product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion {
margin-right: 6px; } }
.product-reviews .okeReviews .okeReviews-qandaWidget .okeReviews-select {
display: block;
width: auto;
max-width: 202px;
border: 0;
margin: auto; }
@media (min-width: 769px) {
.product-reviews .okeReviews .okeReviews-qandaWidget .okeReviews-select {
display: inline-block;
max-width: none;
margin: 0; } }
.product-reviews .okeReviews .okeReviews-qandaWidget .okeReviews-select::before {
content: none; }
.product-reviews .okeReviews .okeReviews-qandaWidget .okeReviews-select::after {
content: '';
width: 6px;
height: 6px;
display: inline-block;
vertical-align: middle;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #000;
margin: 0;
transform: rotate(-45deg);
transform-origin: center;
transition: all 0.2s;
top: 40%; }
.product-reviews .okeReviews .okeReviews-select::before {
border: none; }
.product-reviews .okeReviews .okeReviews-select-input {
font-size: 12px;
text-align: center;
text-transform: uppercase;
line-height: 37px;
letter-spacing: 0.45px;
height: 37px;
padding: 0 30px 0 10px;
border: 1px solid #000; }
.product-reviews .okeReviews .okeReviews-questions {
padding: 0 22px;
border-top: 0; }
@media (min-width: 769px) {
.product-reviews .okeReviews .okeReviews-questions {
padding: 0; } }
.product-reviews .okeReviews .okeReviews-question-date,
.product-reviews .okeReviews .okeReviews-answer-date {
font-size: 13px;
line-height: 1.62;
letter-spacing: 0.45px;
color: #000; }
.product-reviews .okeReviews .okeReviews-question-questioner-profile-avatar,
.product-reviews .okeReviews .okeReviews-answer-answerer-profile-avatar,
.product-reviews .okeReviews .okeReviews-qandaWidget .okeReviews-question-main > .okeReviews-helpful,
.product-reviews .okeReviews .okeReviews-answer-main .okeReviews-answer-tags,
.product-reviews .okeReviews .okeReviews-answer-main .okeReviews-answer-date,
.product-reviews .okeReviews .okeReviews-answer-helpful .okeReviews-helpful-vote-button--negative::before,
.product-reviews .okeReviews .okeReviews-answer-helpful .okeReviews-helpful-vote-button--positive::before {
display: none; }
@media (min-width: 769px) {
.product-reviews .okeReviews .okeReviews-answer-main .okeReviews-answer-date {
display: inline-block; } }
.product-reviews .okeReviews .okeReviews-answer-helpful .okeReviews-helpful-vote-button {
font-size: 12px;
line-height: 1.75;
letter-spacing: 0.41px;
color: #000; }
.product-reviews .okeReviews .okeReviews-answer-helpful .okeReviews-helpful-vote-button > span span {
opacity: 0.7; }
.product-reviews .okeReviews .okeReviews-answer-helpful .okeReviews-helpful-vote-button > span span:first-child::before {
content: '('; }
.product-reviews .okeReviews .okeReviews-answer-helpful .okeReviews-helpful-vote-button > span span:first-child::after {
content: ')'; }
.product-reviews .okeReviews .okeReviews-answer-helpful .okeReviews-helpful-vote-button--negative > span::before {
content: 'No '; }
.product-reviews .okeReviews .okeReviews-answer-helpful .okeReviews-helpful-vote-button--positive > span::before {
content: 'Yes '; }
.product-reviews .okeReviews .okeReviews-question-main {
display: block; }
@media (min-width: 769px) {
.product-reviews .okeReviews .okeReviews-answer-main {
display: block; } }
.product-reviews .okeReviews .okeReviews-question-main-content {
font-size: 15px;
line-height: 1.4;
letter-spacing: 0.52px;
color: #000;
margin-top: 12px; }
.product-reviews .okeReviews .okeReviews-question {
border-color: #979797;
padding-bottom: 47px;
position: relative; }
@media (min-width: 769px) {
.product-reviews .okeReviews .okeReviews-question {
padding-bottom: 84px; } }
.product-reviews .okeReviews .okeReviews-question + .okeReviews-question {
margin-top: 32px; }
@media (min-width: 769px) {
.product-reviews .okeReviews .okeReviews-question + .okeReviews-question {
margin-top: 77px; } }
.product-reviews .okeReviews .okeReviews-question-questioner-profile-name,
.product-reviews .okeReviews .okeReviews-answer-answerer-profile-name {
font-size: 15px;
line-height: 1.4;
letter-spacing: 0.52px;
color: #000; }
.product-reviews .okeReviews .okeReviews-answer {
padding-left: 21px;
border-left: 1px solid #979797;
margin-top: 31px; }
@media (min-width: 769px) {
.product-reviews .okeReviews .okeReviews-qandaWidget.is-okeReviews-qandaWidget-large .okeReviews-answer,
.product-reviews .okeReviews .okeReviews-qandaWidget.is-okeReviews-qandaWidget-medium .okeReviews-answer {
margin: 23px 0 23px 100px; } }
.product-reviews .okeReviews .okeReviews-qandaWidget .okeReviews-answer-main .okeReviews-helpful {
margin: 0;
position: absolute;
left: 0;
bottom: 33px; }
@media (min-width: 769px) {
.product-reviews .okeReviews .okeReviews-qandaWidget .okeReviews-answer-main .okeReviews-helpful {
bottom: 55px; } }
.product-reviews .okeReviews .okeReviews-answer-main .okeReviews-helpful-question {
font-size: 13px;
line-height: 1.62;
color: #000; }
.product-reviews .okeReviews .okeReviews-badge {
background: none !important;
color: #000 !important;
padding: 0 !important; }
.product-reviews .okeReviews-reviewsAggregate-recommends span:first-child {
margin-bottom: 0.5em; }
.product-reviews .okeReviews-reviewsAggregate-recommends span:last-child {
display: block;
color: #000; }
.product-reviews .okeReviews-reviewsAggregate-summary-total {
display: block;
margin-top: 13px;
color: #000 !important; }
.product-reviews .okeReviews-reviewsWidget-reviewsAggregate,
.product-reviews .okeReviews-reviews-review {
border-bottom: 1px solid #979797 !important; }
.product-reviews .okeReviews .okeReviews-reviewsWidget-reviewsAggregate {
margin-bottom: 30px; }
@media (min-width: 769px) {
.product-reviews .okeReviews .okeReviews-reviewsWidget-reviewsAggregate {
margin-bottom: 75px; } }
.product-reviews .okeReviews .okeReviews-reviews-review {
margin-bottom: 30px;
padding-bottom: 30px; }
@media (min-width: 769px) {
.product-reviews .okeReviews .okeReviews-reviews-review {
margin-bottom: 75px;
padding-bottom: 75px; } }
.product-reviews .okeReviews .okeReviews-reviews-review:last-child {
margin-bottom: 0; }
.product-reviews .okeReviews .okeReviews-review-helpful {
text-align: left !important;
color: #000; }
.product-reviews .okeReviews .okeReviews-review-main {
margin-bottom: 20px; }
.product-reviews .okeReviews .okeReviews-review-main-heading {
margin-bottom: 10px; }
.product-reviews .okeReviews .okeReviews-starRating {
width: 80px;
height: 15px; }
.product-reviews .okeReviews .okeReviews-starRating-indicator-layer {
background-size: 60px 10px; }
.product-reviews .okeReviews .okeReviews-button {
position: relative;
color: #222 !important;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
background: transparent !important;
border-color: #222;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
padding: 0 10px;
text-align: center;
line-height: 37px;
height: 37px; }
.product-reviews .okeReviews .okeReviews-button::before {
margin-top: 0; }
.product-reviews .okeReviews .okeReviews-button:hover {
background: #222 !important;
border: 1px solid #222;
color: #fff !important;
opacity: 1; }
.product-reviews .okeReviews .okeReviews-filter-title {
font-size: 24px;
line-height: 36px;
letter-spacing: 0.833333px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/product-stats/product-stats.scss */
/* ------------------------------------------------------------ *\
Product Stats
\* ------------------------------------------------------------ */
.product-stats {
background: linear-gradient(5.71deg, #e5dcd3 -26.16%, #fff 49.6%, #e5dcd3 137.63%);
padding: 60px 20px; }
@media (min-width: 376px) {
.product-stats {
padding-left: 0;
padding-right: 0; } }
@media (min-width: 769px) {
.product-stats {
padding: 85px 0 90px; } }
@media (min-width: 769px) {
.product-stats ul {
display: flex; } }
.product-stats li {
padding-bottom: 18px;
margin-bottom: 18px;
border-bottom: 1px solid #949494; }
@media (min-width: 769px) {
.product-stats li {
width: 33.33%;
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
padding-right: 50px;
margin-right: 50px;
border-right: 1px solid #949494; } }
@media (min-width: 1024px) {
.product-stats li {
padding-right: 100px;
margin-right: 100px; } }
.product-stats li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0; }
@media (min-width: 769px) {
.product-stats li:last-child {
padding-right: 0;
margin-right: 0;
border-right: 0; } }
.product-stats h3 {
margin-bottom: 2px; }
@media (min-width: 769px) {
.product-stats h3 {
margin-bottom: 15px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/product-subscription/product-subscription.scss */
.product-subscription {
font-size: 12px;
margin: 15px 0; }
.product-subscription__btns {
display: flex;
justify-content: flex-start;
flex-wrap: wrap; }
.product-subscription__btn {
margin: 0 10px 10px 0;
min-width: 100px; }
.product-subscription__freq {
margin-left: 30px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/product-tabs/product-tabs.scss */
/* ------------------------------------------------------------ *\
Product Tabs
\* ------------------------------------------------------------ */
.product-tabs {
padding-top: 45px; }
@media (min-width: 769px) {
.product-tabs {
display: flex;
padding-top: 0; } }
@media (min-width: 769px) {
.product-tabs__nav {
width: 50%;
display: flex;
justify-content: center;
padding: 16vw 40px 4vw; } }
@media (min-width: 1441px) {
.product-tabs__nav {
padding: 230px 40px 60px; } }
.product-tabs__nav ul {
display: flex;
flex-flow: row wrap;
justify-content: center; }
@media (min-width: 769px) {
.product-tabs__nav ul {
display: block;
max-width: 380px;
width: 100%; } }
.product-tabs__nav li {
margin-right: 20px;
transition: border-color 0.2s ease-in-out; }
@media (min-width: 769px) {
.product-tabs__nav li {
margin-right: 0;
border-top: 2px solid #c0c0c0; } }
.product-tabs__nav li.is-active, .product-tabs__nav li:hover {
border-color: #000 !important;
border-bottom: 1px solid; }
@media (min-width: 769px) {
.product-tabs__nav li.is-active, .product-tabs__nav li:hover {
border-bottom: 0; } }
.product-tabs__nav li.is-active a, .product-tabs__nav li:hover a {
color: #000; }
.product-tabs__nav li:last-child {
margin-right: 0; }
@media (min-width: 769px) {
.product-tabs__nav li:last-child {
border-top-color: #000;
border-bottom: 2px solid #c0c0c0; } }
.product-tabs__nav a {
display: block;
padding: 5px 0;
color: #949494;
transition: color 0.2s ease-in-out; }
@media (min-width: 769px) {
.product-tabs__nav a {
padding: 23px 0;
color: #000; } }
@media (min-width: 769px) {
.product-tabs__content {
width: 50%; } }
.product-tabs__tab {
position: relative;
display: none; }
@media (min-width: 769px) {
.product-tabs__tab {
min-height: 50vw;
justify-content: center; } }
.product-tabs__tab.is-active {
display: block; }
@media (min-width: 769px) {
.product-tabs__tab.is-active {
display: flex; } }
.product-tabs__tab-content {
position: relative;
max-width: 410px;
margin: 0 auto;
padding: 40px 40px 80px;
z-index: 3; }
@media (min-width: 769px) {
.product-tabs__tab-content {
margin: 0;
max-width: 490px;
padding: 14.58vw 40px 5vw; } }
@media (min-width: 1441px) {
.product-tabs__tab-content {
padding: 210px 40px 72px; } }
.product-tabs__list-icons li {
display: flex;
flex-flow: row wrap;
align-items: center;
margin-bottom: 25px; }
@media (min-width: 769px) {
.product-tabs__list-icons li {
margin-bottom: 40px; } }
.product-tabs__list-icons li:last-child {
margin-bottom: 0; }
.product-tabs__list-icons figure {
width: 32px;
margin-right: 26px; }
@media (min-width: 769px) {
.product-tabs__list-icons figure {
margin-right: 55px; } }
.product-tabs__list-icons figure span {
position: relative;
display: block;
height: 0;
padding-top: 100%; }
.product-tabs__list-icons h3 {
flex: 1 1;
line-height: 21px; }
.product-tabs__title {
margin-bottom: 30px;
text-align: center; }
@media (min-width: 769px) {
.product-tabs__title {
margin-bottom: 45px;
text-align: left; } }
.product-tabs__video-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: 100%;
margin-top: 40px; }
@media (min-width: 769px) {
.product-tabs__video-wrapper {
padding-top: 0;
margin-top: 0;
height: auto; } }
.product-tabs__video-wrapper .video-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
@media (min-width: 769px) {
.product-tabs__video-wrapper .video-player {
position: static; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/pdp/what-it-does/what-it-does.scss */
.what-it-does {
max-width: 1400px;
margin: 0 auto;
display: none; }
.what-it-does.ctm-section {
display: block; }
.wid-inner {
display: flex;
align-items: center;
flex-wrap: nowrap;
padding-right: 20px; }
.wid-left,
.wid-right {
width: 50%; }
.wid-left {
padding: 20px 40px 20px 20px; }
.wid-left h4 {
font-weight: bold;
text-transform: uppercase;
font-size: 22px;
letter-spacing: 1.8px; }
.sect-title {
font-weight: bold;
margin: 25px 0 5px 0;
font-size: 16px;
text-transform: uppercase; }
.detail-blocks .sect-title ~ p {
font-size: 16px;
line-height: 1.4; }
@media (max-width: 767px) {
.wid-inner {
flex-wrap: wrap; }
.wid-left,
.wid-right {
width: 100%; }
.wid-right {
order: 1; }
.wid-left {
order: 2;
padding: 20px; }
.wid-left h4 {
font-size: 16px; }
.sect-p {
font-size: 14px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/press/hero-image-text/hero-image-text.scss */
/* ------------------------------------------------------------ *\
Hero Image Text
\* ------------------------------------------------------------ */
.hero-image-text {
transition: opacity 1s; }
.hero-image-text__image {
position: relative;
width: 100%;
height: 100vw; }
@media (min-width: 769px) {
.hero-image-text__image {
width: 50%;
height: 60vw; } }
@media (min-width: 1024px) {
.hero-image-text__image {
min-height: 800px;
height: auto; } }
.hero-image-text__content {
width: 100%;
padding: 91px 30px 77px; }
@media (min-width: 769px) {
.hero-image-text__content {
width: 50%; } }
@media (min-width: 1441px) {
.hero-image-text__content {
padding-right: calc((100vw - 1360px) / 2); } }
@media (min-width: 1024px) {
.hero-image-text__entry {
padding-top: 51px; } }
.hero-image-text__title {
margin-bottom: 10px; }
@media (min-width: 1024px) {
.hero-image-text__title {
margin-bottom: 15px; } }
.hero-image-text__subtitle {
margin-bottom: 47px; }
@media (min-width: 1024px) {
.hero-image-text__subtitle {
margin-bottom: 80px; } }
.hero-image-text__arrow svg {
width: 19px;
height: 19px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/press/press-inquires/press-inquires.scss */
/* ------------------------------------------------------------ *\
Press Inquires
\* ------------------------------------------------------------ */
.press-inquires {
padding: 53px 17px 44px;
transition: opacity 1s; }
@media (min-width: 1024px) {
.press-inquires {
padding: 60px 17px 44px; } }
@media (max-width: 768px) {
.press-inquires__inner {
display: block; } }
@media (min-width: 1024px) {
.press-inquires__inner {
padding: 0 27px; } }
.press-inquires__title {
margin-bottom: 10px; }
.press-inquires__head {
width: 100%;
margin-bottom: 25px; }
@media (min-width: 1024px) {
.press-inquires__head {
width: auto; } }
.press-inquires__body {
width: 100%;
padding-top: 18px;
border-top: 1px solid #000; }
@media (min-width: 1024px) {
.press-inquires__body {
width: 100%;
max-width: 391px;
margin: 8px 48px 0 20px; } }
.press-inquires__body a {
font-size: 15px;
line-height: 21px;
letter-spacing: 0.520833px;
text-decoration: underline; }
.press-inquires__body a:hover {
text-decoration: none; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/press/text/text.scss */
/* ------------------------------------------------------------ *\
Section Text
\* ------------------------------------------------------------ */
.section-text {
padding: 65px 37px 80px;
transition: opacity 1s; }
@media (min-width: 1024px) {
.section-text {
padding: 143px 37px 149px; } }
.section-text p {
margin-bottom: 38px; }
@media (min-width: 1024px) {
.section-text p {
max-width: 786px;
margin: 0 auto 30px; } }
.section-text__image {
width: 98px;
height: 112px;
margin: 0 auto 13px; }
@media (min-width: 1024px) {
.section-text__image {
width: 118px;
height: 135px;
margin-bottom: 27px; } }
.section-text__image img {
width: 100%;
height: 100%; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/press/logos/logos.scss */
/* ------------------------------------------------------------ *\
Section Logos
\* ------------------------------------------------------------ */
.section-logos {
padding: 76px 0 50px;
text-align: center;
transition: opacity 1s; }
@media (min-width: 1024px) {
.section-logos {
padding: 97px 0 50px; } }
.section-logos__head {
margin-bottom: 49px; }
@media (min-width: 1024px) {
.section-logos__head {
margin-bottom: 124px; } }
/* ------------------------------------------------------------ *\
List Logos
\* ------------------------------------------------------------ */
.list-logos {
padding: 0 31px; }
@media (min-width: 769px) {
.list-logos {
margin: 0 -2%; } }
@media (min-width: 1024px) {
.list-logos {
margin-bottom: -21px; } }
.list-logos li {
width: 100%;
padding: 0 4px 56px;
border-bottom: 1px solid #c8c8c8;
margin-bottom: 66px;
transition: opacity 1s; }
@media (min-width: 769px) {
.list-logos li {
position: relative;
width: 50%;
padding: 0 5%;
border: none;
margin-bottom: 80px; }
.list-logos li:nth-child(2n + 2)::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
background-color: #c8c8c8; } }
@media (min-width: 1024px) {
.list-logos li {
width: 33.33%;
padding-top: 32px;
margin-bottom: 194px; }
.list-logos li:nth-child(2n + 2)::before {
display: none; }
.list-logos li:nth-child(3n + 2)::before, .list-logos li:nth-child(3n + 3)::before {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 1px;
height: 100%;
background-color: #c8c8c8; } }
.list-logos figure {
position: relative;
max-height: 36px;
margin-bottom: 19px; }
@media (min-width: 1024px) {
.list-logos figure {
margin-bottom: 35px; } }
.list-logos .img__el {
position: static;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
-o-object-fit: contain;
object-fit: contain; }
@media (min-width: 1024px) {
.list-logos p {
max-width: 274px;
margin: 0 auto; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/progress/featured-products/featured-products.scss */
/* ------------------------------------------------------------ *\
Featured Products
\* ------------------------------------------------------------ */
.featured-products {
padding: 50px 0;
overflow: hidden; }
@media (min-width: 769px) {
.featured-products {
padding: 110px 0; } }
.featured-products .featured-products__slider {
overflow: hidden; }
.featured-products .featured-products__slider::after {
content: 'flickity';
display: none; }
@media (min-width: 769px) {
.featured-products .featured-products__slider::after {
content: ''; } }
.featured-products .flickity-resize .flickity-slider {
height: 100%; }
.featured-products .flickity-page-dots {
display: flex;
align-content: center;
justify-content: center;
counter-reset: number;
margin-top: 30px; }
.featured-products .flickity-page-dots li {
transition: opacity 0.2s ease-in-out; }
.featured-products .flickity-page-dots li.is-selected::before {
opacity: 1; }
.featured-products .flickity-page-dots li::before {
counter-increment: number;
content: counter(number);
display: inline-block;
vertical-align: top;
margin-right: 8px;
opacity: 0.5; }
.featured-products .flickity-page-dots li::after {
content: '';
display: inline-block;
vertical-align: middle;
width: 34px;
height: 1px;
background: rgba(0, 0, 0, 0.5);
margin-right: 8px; }
.featured-products .flickity-page-dots li:last-child::after {
content: none; }
@media (min-width: 769px) {
.featured-products__grid {
display: flex;
flex-flow: row wrap;
margin: 0 -25px; } }
@media (min-width: 1024px) {
.featured-products__grid {
margin: 0 -33px; } }
.featured-products__item {
display: flex;
flex-direction: column;
width: 100%;
margin-right: 20px; }
@media (min-width: 769px) {
.featured-products__item {
flex: 0 0 33.33%;
max-width: 33.33%;
width: auto;
margin-right: 0;
padding: 0 25px; } }
@media (min-width: 1024px) {
.featured-products__item {
padding: 0 33px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/science/before-after/before-after.scss */
/* ------------------------------------------------------------ *\
Section Before After
\* ------------------------------------------------------------ */
.section-before-after {
padding: 61px 24px 67px; }
@media (min-width: 1024px) {
.section-before-after {
padding: 128px 24px 140px; } }
.section-before-after img {
width: 100%;
height: auto; }
.section-before-after img + img {
display: none; }
@media (min-width: 769px) {
.section-before-after img {
display: none; }
.section-before-after img + img {
display: block; } }
.section-before-after__head {
margin-bottom: 35px; }
@media (min-width: 1024px) {
.section-before-after__head {
margin-bottom: 70px; } }
.section-before-after__title {
margin-bottom: 5px;
letter-spacing: 0.625px; }
@media (min-width: 1024px) {
.section-before-after__title {
margin-bottom: 19px; } }
@media (min-width: 1024px) {
.section-before-after__body {
max-width: 1172px;
margin: 0 auto; } }
.section-before-after__subtitle {
font-size: 13px;
line-height: 22px; }
@media (min-width: 1024px) {
.section-before-after__subtitle {
font-size: 15px;
line-height: 21px;
letter-spacing: 0.52px; } }
.section-before-after__actions {
margin-top: 38px; }
@media (min-width: 1024px) {
.section-before-after__actions {
margin-top: 66px; } }
.instafeed-shopify > a:not(:nth-child(1)):not(:nth-child(3)) {
display: none; }
.instafeed-shopify.is-content-visible > a:not(:nth-child(1)):not(:nth-child(3)) {
display: inline; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/progress/hero/hero.scss */
/* ------------------------------------------------------------ *\
Hero
\* ------------------------------------------------------------ */
.hero {
background: #f6f6f6; }
@media (min-width: 769px) {
.hero.is-visible .hero__image {
opacity: 1; }
.hero.is-visible .hero__entry {
transform: translateY(0);
opacity: 1; } }
.hero__inner {
display: flex;
flex-flow: row wrap; }
.hero__image {
width: 100%; }
@media (min-width: 769px) {
.hero__image {
flex: 0 0 50%;
max-width: 50%;
opacity: 0;
transition: opacity 0.4s 0.2s; } }
.inverse-mobile .hero__image {
order: 1; }
@media (min-width: 769px) {
.inverse-mobile .hero__image {
order: 0; } }
.hero__image-wrapper {
position: relative;
height: 0;
padding-top: 96%; }
@media (min-width: 769px) {
.hero__image-wrapper {
height: 100%;
padding-top: 0; } }
.hero__content .hero__image-wrapper {
height: 0;
padding-top: 100%; }
.hero__video {
width: 100%; }
@media (min-width: 769px) {
.hero__video {
flex: 0 0 50%;
max-width: 50%; } }
.inverse-mobile .hero__video {
order: 1; }
@media (min-width: 769px) {
.inverse-mobile .hero__video {
order: 0; } }
.hero__content {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-content: center;
padding: 50px 0;
text-align: center; }
@media (min-width: 769px) {
.hero__content {
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 1441px) {
.hero__content {
padding-right: calc((100vw - 1360px) / 2); } }
.hero__content.desktop {
display: none; }
@media (min-width: 769px) {
.hero__content.desktop {
display: flex; } }
.hero__content.mobile {
display: flex; }
@media (min-width: 769px) {
.hero__content.mobile {
display: none; } }
.hero__entry {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-content: center; }
@media (min-width: 769px) {
.hero__entry {
transform: translateY(50px);
opacity: 0;
transition: opacity 0.6s 0.4s, transform 0.3s 0.4s; } }
.hero__content-image {
max-width: 232px;
margin-bottom: 65px; }
.hero__title {
margin-bottom: 15px; }
@media (min-width: 769px) {
.hero__title {
margin-bottom: 45px; } }
.hero__subtitle {
margin-bottom: 20px; }
/* ------------------------------------------------------------ *\
Hero Collection
\* ------------------------------------------------------------ */
.hero-collection {
position: relative;
height: 0;
padding-top: 53.333%; }
@media (min-width: 769px) {
.hero-collection {
padding-top: 24.375%; } }
.hero-collection .hero-collection__breadcrumbs {
position: absolute;
top: 10px;
left: 0;
width: 100%; }
@media (min-width: 769px) {
.hero-collection .hero-collection__breadcrumbs {
top: 25px; } }
.hero-collection__title {
position: absolute;
bottom: 10px;
left: 0;
width: 100%; }
@media (min-width: 769px) {
.hero-collection__title {
bottom: 40px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/science/ingredients/ingredients.scss */
/* ------------------------------------------------------------ *\
Ingredients
\* ------------------------------------------------------------ */
.ingredients {
padding: 50px 0 80px;
border-top: 1px solid #c8c8c8; }
@media (min-width: 1024px) {
.ingredients {
padding: 115px 0 107px; } }
.ingredients .list-words {
overflow-x: auto;
margin-bottom: 30px;
white-space: nowrap;
gap: 20px; }
@media (max-width: 768px) {
.ingredients .list-words {
margin-bottom: 20px;
padding-bottom: 20px; } }
.ingredients .list-words li {
display: inline-block;
width: auto; }
.ingredients__head {
margin-bottom: 25px; }
.ingredients__title {
margin-bottom: 10px;
font-size: 26px;
font-weight: 600; }
@media (min-width: 1024px) {
.ingredients__title {
margin-bottom: 28px; } }
@media (max-width: 768px) {
.ingredients__title {
font-size: 22px;
font-weight: 500;
letter-spacing: 1.1px; } }
.ingredients__subtitle {
padding: 0 20px;
font-size: 18px; }
@media (max-width: 768px) {
.ingredients__subtitle {
font-size: 14px; } }
@media (min-width: 769px) {
.slider-ingredients {
position: relative; } }
.slider-ingredients__container {
margin-top: 50px; }
@media (max-width: 768px) {
.slider-ingredients__container {
margin-top: 0; } }
@media (min-width: 769px) {
.slider-ingredients__slides {
overflow: hidden; }
.slider-ingredients__slides::after {
content: 'flickity';
display: none; }
.slider-ingredients__slides .flickity-page-dots {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
margin-top: 11px;
counter-reset: slides; }
.slider-ingredients__slides .flickity-page-dots li {
position: relative;
margin: 0 24px;
color: #000;
transition: opacity 0.3s;
counter-increment: slides; }
.slider-ingredients__slides .flickity-page-dots li + li::before {
content: '';
position: absolute;
top: 50%;
right: 100%;
margin-right: 8px;
height: 1px;
width: 34px;
opacity: 0.5;
background-color: #979797; }
.slider-ingredients__slides .flickity-page-dots li::after {
content: counter(slides);
opacity: 0.5; }
.slider-ingredients__slides .flickity-page-dots .is-selected {
font-weight: 500; }
.slider-ingredients__slides .flickity-page-dots .is-selected::after {
opacity: 1; } }
@media (min-width: 1024px) {
.slider-ingredients__slides .flickity-page-dots {
margin-top: 105px; } }
.slider-ingredients__slides .flickity-button.next::after {
content: url("https://cdn.shopify.com/s/files/1/1080/2380/files/right-arrow.svg?v=1671767577"); }
.slider-ingredients__slides .flickity-button.previous::after {
content: url("https://cdn.shopify.com/s/files/1/1080/2380/files/right-arrow.svg?v=1671767577"); }
@media (min-width: 769px) {
.slider-ingredients__slides .flickity-button {
display: block;
position: absolute;
top: 55%;
z-index: 10; }
.slider-ingredients__slides .flickity-button svg {
display: none; }
.slider-ingredients__slides .flickity-button.previous {
left: -25px; }
.slider-ingredients__slides .flickity-button.next {
right: -25px; } }
@media (min-width: 1024px) {
.slider-ingredients__slides .flickity-button {
top: 50%;
margin-top: 15px; }
.slider-ingredients__slides .flickity-button.previous {
left: -25px; }
.slider-ingredients__slides .flickity-button.next {
right: -25px; } }
@media (min-width: 1441px) {
.slider-ingredients__slides .flickity-button.previous {
left: -35px; }
.slider-ingredients__slides .flickity-button.next {
right: -35px; } }
.slider-ingredients__wrapper {
display: flex;
justify-content: center;
align-items: center; }
@media (max-width: 768px) {
.slider-ingredients__wrapper {
flex-direction: column; } }
@media (min-width: 769px) {
.slider-ingredients__slide {
width: 46%;
margin: 0 2%; } }
@media (min-width: 1024px) {
.slider-ingredients__slide {
width: 33.33%;
margin: 0; } }
.slider-ingredients__slide:nth-child(n + 4) {
display: none; }
@media (min-width: 769px) {
.slider-ingredients__slide:nth-child(n + 4) {
display: block; } }
.is-expanded .slider-ingredients__slide:nth-child(n + 4) {
display: block; }
.ingredient-item,
.ingredient-item-slide {
width: 100%;
margin-bottom: 50px; }
@media (min-width: 1024px) {
.ingredient-item,
.ingredient-item-slide {
max-width: none;
width: 100%;
margin: 0; } }
.ingredient-item--alt:not(.is-visible) .ingredient-item__image::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 100%;
height: 107px;
background: linear-gradient(0deg, #fff 30.44%, rgba(255, 255, 255, 0.123661) 70.49%); }
@media (min-width: 769px) {
.ingredient-item--alt:not(.is-visible) .ingredient-item__image::after {
display: none; } }
.ingredient-item--alt:not(.is-visible) .ingredient-item__content {
display: none; }
@media (min-width: 769px) {
.ingredient-item--alt:not(.is-visible) .ingredient-item__content {
display: block; } }
.ingredient-item__image {
width: 100%;
height: 220px;
margin: 0 auto 47px; }
@media (min-width: 1024px) {
.ingredient-item__image {
width: 89%;
height: 18vw;
max-height: 289px;
margin-bottom: 88px; } }
.ingredient-item-slide__image {
width: 100%;
height: 220px;
margin: 0 auto 15px; }
@media (min-width: 1024px) {
.ingredient-item-slide__image {
width: 89%;
height: 18vw;
max-height: 289px; } }
.ingredient-item__content,
.ingredient-item-slide__content {
padding-top: 7px;
width: 88%;
margin: 0 auto; }
@media (max-width: 768px) {
.ingredient-item__content,
.ingredient-item-slide__content {
width: 95%; } }
.ingredient-item__subtitle,
.ingredient-item-slide__subtitle {
font-weight: 400;
text-transform: capitalize;
font-size: 16px;
margin-bottom: 8px;
color: #3f3f3f; }
@media (max-width: 768px) {
.ingredient-item__subtitle,
.ingredient-item-slide__subtitle {
font-size: 15px; } }
.ingredient-item__title,
.ingredient-item-slide__title {
margin-bottom: 16px;
font-size: 22px; }
@media (min-width: 1024px) {
.ingredient-item__title,
.ingredient-item-slide__title {
margin-bottom: 22px; } }
@media (max-width: 768px) {
.ingredient-item__title,
.ingredient-item-slide__title {
font-size: 21px; } }
.ingredient-item__entry,
.ingredient-item-slide__entry {
letter-spacing: 0.42px;
border-bottom: 1px solid #000;
height: 85px;
margin-bottom: 32px;
font-size: 18px; }
@media (max-width: 768px) {
.ingredient-item__entry,
.ingredient-item-slide__entry {
height: 100px; } }
.ingredient-item__product,
.ingredient-item-slide__product {
color: #717171;
font-size: 16px;
text-transform: capitalize;
line-height: 20px; }
.ingredient-item__product a,
.ingredient-item-slide__product a {
color: #515151;
text-decoration: underline; }
.ingredient-item__product a:hover,
.ingredient-item-slide__product a:hover {
text-decoration: none; }
@media (min-width: 769px) {
.ingredients__actions {
display: none; } }
.slider-ingredients__slides .flickity-button.previous {
transform: rotate(180deg); }
.ingredient-item-slide__image.relative img {
height: 100% !important; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/science/life-after-hanacure-science/life-after-hanacure-science.scss */
/* stylelint-disable */
@font-face {
font-family: "freight_sans_semibold";
src: url("https://cdn.shopify.com/s/files/1/0570/5282/3727/files/Freight_Sans_Semibold.otf?v=1621545925"); }
@font-face {
font-family: "freight_sans_bold";
src: url("https://cdn.shopify.com/s/files/1/0570/5282/3727/files/Freight_Sans_Bold.otf?v=1621545925"); }
.template--science {
/* how it work */ }
.template--science .life-after-hanacure-main img {
max-width: 100%;
height: auto; }
.template--science .how-it-work-sec {
margin: 80px 0; }
.template--science .how-it-work-title {
text-align: center; }
.template--science .how-it-work-title h2 {
color: #313131;
font-size: 22px;
letter-spacing: 1.8px;
font-family: "freight_sans_semibold";
text-transform: uppercase;
margin-bottom: 10px; }
.template--science .how-it-work-title p {
color: #313131;
font-size: 20px;
padding-bottom: 25px;
margin-top: 20px; }
@media (min-width: 992px) and (max-width: 1199px) {
.template--science .life-after-hanacure li img {
height: 200px !important; }
.template--science .life-after-hanacure li {
padding: 0 5px !important; }
.template--science .image_main .slick-dots {
position: absolute;
bottom: 10px; }
.template--science .slick-dots {
display: flex;
padding-left: 0; }
.template--science .slick-dots li {
list-style: none;
margin: 0 6px; }
.template--science .slick-dots li button {
font-size: 0;
width: 5px;
height: 5px;
background: #c3c3c3;
border-radius: 100%; }
.template--science .slick-dots li.slick-active button {
background: #313131; } }
.template--science .slick-arrow .slide-arrow {
width: 36px;
height: 36px;
border: 2px solid rgba(6, 4, 8, 0.25);
background: #fff;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s; }
.template--science .slick-arrow svg {
width: 16px;
height: 16px;
fill: rgba(6, 4, 8, 0.25);
transition: all 0.5s; }
.template--science .slick-arrow .slide-arrow:hover {
border: 2px solid black; }
.template--science .slick-arrow .slide-arrow:hover svg {
fill: black; }
.template--science .life-after-hanacure li img {
width: 100%;
height: 400px;
-o-object-fit: cover;
object-fit: cover; }
.template--science .life-after-hanacure li {
padding: 0 10px; }
.template--science .life-after-hanacure {
margin: 0 auto;
padding: 0;
max-width: 1200px; }
.template--science .slick-arrow {
position: absolute;
top: 0;
bottom: 0;
margin: 0 auto;
text-align: center;
display: flex;
align-items: center;
border: none;
background: 0 0;
padding: 0;
z-index: 1; }
.template--science .slick-arrow.prev-arrow {
left: -50px; }
.template--science .slick-arrow.next-arrow {
right: -50px; }
.template--science .life-after-hanacure-sec {
margin-bottom: 80px; }
@media (min-width: 1200px) and (max-width: 1600px) {
.template--science .slick-arrow.next-arrow {
right: -15px; }
.template--science .slick-arrow.prev-arrow {
left: -10px; } }
@media (max-width: 767px) {
.template--science .life-after-hanacure-sec {
margin-bottom: 30px; }
.template--science .slick-arrow.prev-arrow {
left: -10px; }
.template--science .slick-arrow.next-arrow {
right: -10px; }
.template--science .life-after-hanacure-sec .slick-slider .slick-list {
padding-left: 0 !important; } }
@media (min-width: 768px) and (max-width: 1199px) {
.template--science .slick-arrow.prev-arrow {
left: -10px; }
.template--science .slick-arrow.next-arrow {
right: -10px; } }
.template--science .life-after-hanacure .slick-arrow.next-arrow {
right: -45px !important; }
.template--science .life-after-hanacure .slick-arrow.prev-arrow {
left: -45px !important; }
.template--science #how-it-work-main .how-it-work-title {
margin-bottom: 50px; }
@media (max-width: 767px) {
.life-after-hanacure li img {
height: 200px !important; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/science/nano-technology/nano-technology.scss */
/* ------------------------------------------------------------ *\
Feature Item
\* ------------------------------------------------------------ */
.feature-item {
padding: 65px 17px 50px; }
@media (min-width: 1024px) {
.feature-item {
padding: 127px 0; } }
@media (max-width: 768px) {
.feature-item {
padding: 65px 0; } }
@media (min-width: 769px) {
.feature-item__inner {
display: flex;
justify-content: space-between;
align-items: flex-start; } }
@media (min-width: 1024px) {
.feature-item__inner {
padding: 0 100px; } }
.feature-item__content {
position: relative;
flex: 1; }
@media (min-width: 1024px) {
.feature-item__content {
padding-left: 115px; } }
.feature-item__title {
font-size: 28px;
font-weight: bold;
color: #000;
margin-bottom: 20px; }
@media (max-width: 768px) {
.feature-item__title {
font-size: 25px;
text-align: center; } }
.feature-item__link-wrapper {
font-size: 17px;
color: #3f3f3f;
margin-bottom: 35px; }
@media (max-width: 768px) {
.feature-item__link-wrapper {
text-align: center;
font-size: 15px; } }
.feature-item__link {
font-size: 17px;
color: #3f3f3f;
text-decoration: underline; }
.feature-item__link:hover {
text-decoration: none; }
@media (max-width: 768px) {
.feature-item__link {
font-size: 15px;
text-align: center; } }
.feature-item__wrapper {
margin-bottom: 25px; }
@media (max-width: 768px) {
.feature-item__wrapper {
text-align: center; } }
.feature-item__num {
font-size: 18px;
color: #717171; }
@media (max-width: 768px) {
.feature-item__num {
font-size: 16px; } }
.feature-item__list-title {
font-size: 18px;
font-weight: bold;
color: #111;
text-transform: capitalize;
padding-top: 15px; }
@media (max-width: 768px) {
.feature-item__list-title {
font-size: 16px; } }
.feature-item__text-content {
font-size: 18px;
color: #000;
margin: 15px 0; }
@media (max-width: 768px) {
.feature-item__text-content {
font-size: 16px; } }
.feature-item__image-wrapper {
position: relative;
width: 32vw;
margin-right: 100px; }
@media (max-width: 1023px) {
.feature-item__image-wrapper {
margin-right: 50px; } }
@media (max-width: 768px) {
.feature-item__image-wrapper {
width: 75vw;
margin-right: 0; } }
.feature-item__image {
flex: 1;
height: 250px;
margin: 0 34px 41px 0; }
@media (min-width: 769px) {
.feature-item__image {
height: 350px;
margin: 0 88px 82px 0; } }
.feature-item__image-two {
position: absolute;
bottom: -40px;
right: -120px;
height: 300px;
width: 261px; }
@media (max-width: 768px) {
.feature-item__image-two {
height: 175px;
width: 150px;
bottom: -20px;
right: -60px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/science/octolift/octolift.scss */
/* ------------------------------------------------------------ *\
Features Items
\* ------------------------------------------------------------ */
.features-items {
padding: 48px 22px 70px; }
@media (min-width: 1024px) {
.features-items {
padding: 116px 0 0; } }
.features-items__head {
margin-bottom: 69px; }
@media (min-width: 1024px) {
.features-items__head {
margin-bottom: 127px; } }
.features-items__title {
margin-bottom: 12px; }
@media (min-width: 1024px) {
.features-items__title {
margin-bottom: 20px; } }
.features-items__subtitle {
margin-bottom: 12px; }
@media (min-width: 1024px) {
.features-items__subtitle {
font-size: 15px;
line-height: 21px;
letter-spacing: 0.52px; } }
.features-items__list {
overflow: hidden; }
@media (min-width: 1024px) {
.features-items__list {
overflow: visible;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: stretch;
max-width: 1204px;
margin: 0 auto; } }
.features-items__list::after {
content: 'flickity';
display: none; }
@media (min-width: 1024px) {
.features-items__list::after {
content: ''; } }
.features-items__list .flickity-page-dots {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
margin: 24px -22px 0;
counter-reset: slides; }
.features-items__list .flickity-page-dots li {
position: relative;
margin: 0 24px;
color: #000;
transition: opacity 0.3s;
counter-increment: slides; }
.features-items__list .flickity-page-dots li + li::before {
content: '';
position: absolute;
top: 50%;
right: 100%;
margin-right: 8px;
height: 1px;
width: 34px;
opacity: 0.5;
background-color: #979797; }
.features-items__list .flickity-page-dots li::after {
content: counter(slides);
opacity: 0.5; }
.features-items__list .flickity-page-dots .is-selected {
font-weight: 500; }
.features-items__list .flickity-page-dots .is-selected::after {
opacity: 1; }
.features-items__list-item {
width: 157px;
margin-right: 48px; }
@media (min-width: 1024px) {
.features-items__list-item {
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
width: 33.33%;
padding-bottom: 56px;
border-bottom: 1px solid #979797;
margin: 0 0 127px; }
.features-items__list-item::after {
content: '';
position: absolute;
bottom: -4px;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #000; } }
.features-items__list-item-image {
position: relative;
width: 88px;
height: 63px;
margin-bottom: 10px; }
@media (min-width: 1024px) {
.features-items__list-item-image {
width: 132px;
height: 95px;
margin: 0 23px 0 0; } }
.features-items__list-item-content {
padding: 0 12px;
color: #000; }
@media (min-width: 1024px) {
.features-items__list-item-content {
padding-top: 5px;
max-width: 176px; } }
.features-items__list-item-content p {
font-size: 12px;
line-height: 21px;
opacity: 0.56;
letter-spacing: 0.416667px; }
.features-items__list-item-title {
margin-bottom: 8px;
color: inherit;
letter-spacing: 0.520833px;
font-weight: 400; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/science/outline-links/outline-links.scss */
/* ------------------------------------------------------------ *\
Waypoints
\* ------------------------------------------------------------ */
.waypoints {
border-bottom: 1px solid #77777a; }
@media (min-width: 1024px) {
.waypoints {
border: none; } }
.waypoints ul {
overflow-x: auto;
white-space: nowrap;
text-align: center; }
.waypoints li {
font-size: 10px;
line-height: 12px;
position: relative;
display: inline-block;
padding: 0 20px;
letter-spacing: 0.714286px;
color: #000;
text-transform: uppercase; }
@media (min-width: 1024px) {
.waypoints li {
font-size: 12px;
line-height: 14px;
padding: 0 12px;
letter-spacing: 0.75px; } }
.waypoints li + li::after {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 1px;
height: 10px;
background-color: #979797;
transform: translateY(-50%); }
@media (min-width: 1024px) {
.waypoints li + li::after {
height: 13px; } }
.waypoints a {
display: block;
padding: 21px 10px 18px; }
@media (min-width: 1024px) {
.waypoints a {
padding: 28px 10px 29px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/science/results/results.scss */
/* ------------------------------------------------------------ *\
Results
\* ------------------------------------------------------------ */
.results {
padding: 63px 18px 74px;
background-color: rgba(245, 242, 238, 0.58); }
@media (min-width: 1024px) {
.results {
padding: 158px 0 117px; } }
@media (min-width: 769px) {
.results__inner {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center; } }
@media (min-width: 1024px) {
.results__inner {
justify-content: center; } }
@media (min-width: 769px) {
.results__body {
width: 48%; } }
@media (min-width: 1024px) {
.results__body {
width: 380px; } }
.results__title {
padding: 0 52px;
margin-bottom: 9px;
text-align: center; }
@media (min-width: 769px) {
.results__title {
padding: 0;
text-align: left; } }
@media (min-width: 1024px) {
.results__title {
margin-bottom: 17px; } }
.results__subtitle {
font-size: 13px;
line-height: 22px;
margin-bottom: 38px;
text-align: center; }
@media (min-width: 769px) {
.results__subtitle {
text-align: left; } }
@media (min-width: 1024px) {
.results__subtitle {
margin-bottom: 53px; } }
.results__titles-list li {
position: relative;
display: block;
border-top: 2px solid #949494; }
.results__titles-list li:last-child {
border-bottom: 2px solid #949494; }
.results__titles-list .result__image {
height: 0;
margin-top: 0; }
@media (min-width: 769px) {
.results__titles-list .result__image {
display: none; } }
.results__titles-list .is-current {
position: relative;
z-index: 1;
padding-bottom: 79px;
transition: padding-bottom 0.3s; }
@media (min-width: 769px) {
.results__titles-list .is-current {
padding-bottom: 0; } }
.results__titles-list .is-current::before {
content: '';
position: absolute;
top: -2px;
left: 0;
width: 100%;
height: 2px;
background-color: #000; }
.results__titles-list .is-current::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
background-color: #000; }
.results__titles-list .is-current .result__image {
height: 50vw;
margin-top: 10px; }
.results__titles-list a {
display: block;
width: 100%;
padding: 24px 0; }
.results__images {
display: none; }
@media (min-width: 769px) {
.results__images {
display: block;
width: 48%; } }
@media (min-width: 1024px) {
.results__images {
width: calc(100% - 495px);
max-width: 848px;
margin-left: 115px; } }
.result__image {
position: relative;
transition: height 0.3s, margin-bottom 0.3s; }
@media (min-width: 769px) {
.result__image {
display: none;
max-height: 525px;
height: 33vw; }
.result__image.is-current {
display: block; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/science/statistics/statistics.scss */
/* ------------------------------------------------------------ *\
Section Statistics
\* ------------------------------------------------------------ */
.section-statistics {
padding: 64px 0 19px; }
@media (min-width: 769px) {
.section-statistics {
padding-bottom: 64px; } }
@media (min-width: 1024px) {
.section-statistics {
padding: 125px 0; } }
.section-statistics__wrapper {
display: flex;
justify-content: space-evenly; }
@media (max-width: 768px) {
.section-statistics__wrapper {
flex-direction: column; } }
.section-statistics__card {
max-width: 355px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
border: solid 1px #e6e6e6; }
@media (max-width: 768px) {
.section-statistics__card {
max-width: 100%;
margin-bottom: 25px; } }
.section-statistics__image-wrapper {
width: 100%;
height: 281px; }
@media (min-width: 1024px) {
.section-statistics__image-wrapper {
height: 18vw;
max-height: 289px; } }
.section-statistics__info {
padding: 0 20px; }
@media (max-width: 768px) {
.section-statistics__info {
width: 100%; } }
.section-statistics__percentage {
font-size: 50px;
font-weight: 600;
padding-bottom: 40px; }
.section-statistics__content {
font-size: 16px;
color: #77777a; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/featured-products/featured-products/featured-products.scss */
/* ------------------------------------------------------------ *\
Featured Products
\* ------------------------------------------------------------ */
.featured-products {
padding: 50px 0;
overflow: hidden; }
@media (min-width: 769px) {
.featured-products {
padding: 110px 0; } }
.featured-products .featured-products__head {
margin-bottom: 30px; }
@media (min-width: 1024px) {
.featured-products .featured-products__head {
margin-bottom: 98px; } }
.featured-products .featured-products__slider {
overflow: hidden; }
.featured-products .featured-products__slider::after {
content: 'flickity';
display: none; }
@media (min-width: 769px) {
.featured-products .featured-products__slider::after {
content: ''; } }
.featured-products .flickity-resize .flickity-slider {
height: 100%; }
.featured-products .flickity-page-dots {
display: flex;
align-content: center;
justify-content: center;
counter-reset: number;
margin-top: 30px; }
.featured-products .flickity-page-dots li {
transition: opacity 0.2s ease-in-out; }
.featured-products .flickity-page-dots li.is-selected::before {
opacity: 1; }
.featured-products .flickity-page-dots li::before {
counter-increment: number;
content: counter(number);
display: inline-block;
vertical-align: top;
margin-right: 8px;
opacity: 0.5; }
.featured-products .flickity-page-dots li::after {
content: '';
display: inline-block;
vertical-align: middle;
width: 34px;
height: 1px;
background: rgba(0, 0, 0, 0.5);
margin-right: 8px; }
.featured-products .flickity-page-dots li:last-child::after {
content: none; }
.featured-products.is-visible .featured-products__grid {
transform: translateY(0);
opacity: 1; }
@media (min-width: 769px) {
.featured-products__grid {
display: flex;
flex-flow: row wrap;
margin: 0 -10px;
opacity: 0;
transform: translateY(30px);
transition: transform 0.3s, opacity 0.3s; } }
@media (min-width: 1024px) {
.featured-products__grid {
margin: 0 -25px; } }
.featured-products__item {
display: flex;
width: 100%;
margin-right: 20px; }
@media (min-width: 769px) {
.featured-products__item {
flex: 0 0 33.33%;
max-width: 33.33%;
width: auto;
margin-right: 0;
padding: 0 25px; } }
@media (min-width: 1024px) {
.featured-products__item {
padding: 0 33px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/header/header-cart/header-cart.scss */
.header-cart {
top: 0;
bottom: 0;
width: 100%;
right: -520px;
position: fixed;
max-width: 520px;
background: #fff;
box-shadow: -4px 0 30px rgba(0, 0, 0, 0);
transition: all 0.2s ease-in-out;
z-index: 999; }
@media (min-width: 1024px) {
.header-cart[data-version='2'] {
right: -50vw;
max-width: 50vw; } }
@media (min-width: 1201px) {
.header-cart[data-version='2'] {
right: -520px;
max-width: 520px; } }
.header-cart.active {
right: 0;
box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2); }
.header-cart__header {
border-bottom: 1px solid #ddd;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 5px; }
.header-cart__title {
padding-bottom: 20px; }
@media (min-width: 769px) {
.header-cart__title {
padding-bottom: 45px; } }
.header-cart__wrapper {
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
display: flex;
flex-direction: column;
position: relative;
background: #fff;
padding: 20px 20px 15px;
z-index: 1; }
@media (min-width: 769px) {
.header-cart__wrapper {
padding: 45px 40px 150px;
height: 100vh; } }
.header-cart__payment-icons {
margin-top: 15px;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 10px;
border-bottom: 1px solid #dddddc; }
.header-cart__payment-icon {
margin: 0 10px; }
@media (max-width: 768px) {
.header-cart__payment-icon {
margin: 0 8px; } }
.header-cart__info {
display: flex;
justify-content: space-evenly;
align-items: center;
margin-top: 20px; }
.header-cart__item {
display: flex;
align-items: center; }
@media (max-width: 768px) {
.header-cart__item {
flex-direction: column; } }
.header-cart__item-text {
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1px;
line-height: 1;
font-weight: 600;
padding-left: 8px;
padding-bottom: 4px; }
@media (max-width: 768px) {
.header-cart__item-text {
padding-left: 0;
text-align: center; } }
.header-cart--bg {
display: block;
opacity: 0;
visibility: hidden;
pointer-events: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(46, 46, 46, 0.6);
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; }
.header-cart.active .header-cart--bg {
opacity: 1;
visibility: visible;
pointer-events: auto; }
.header-cart__header__close {
top: 5px;
right: 0;
width: 18px;
height: 18px;
cursor: pointer;
position: absolute; }
.header-cart__body {
display: block;
flex: 1 1;
margin-right: -20px;
overflow: auto;
margin-bottom: 0; }
@media (min-width: 769px) {
.header-cart__body {
margin-bottom: 60px; } }
.header-cart__body__element {
padding: 35px 0;
margin-right: 20px;
border-bottom: 1px solid #ddd; }
.header-cart__body__element:last-child {
border-bottom: 0; }
.header-cart__element__image {
width: 83px;
height: 83px;
margin-right: 20px;
background: #f6f6f6; }
@media (min-width: 769px) {
.header-cart__element__image {
width: 103px;
height: 103px;
margin-right: 40px; } }
.header-cart__element__data {
position: relative;
width: calc(100% - 115px); }
.header-cart__element__title {
margin-bottom: 6px;
padding-right: 45px; }
.header-cart__element__price {
top: 0;
right: 0;
position: absolute; }
.header-cart__element__price span:first-child:not(:only-child) {
display: block;
color: #949494;
text-decoration: line-through; }
@media (min-width: 376px) {
.header-cart__element__price span:first-child:not(:only-child) {
display: inline; } }
.header-cart__element__price span:last-child {
color: #000; }
.header-cart__element__option {
margin-bottom: 3px; }
.header-cart__element__remove {
cursor: pointer;
text-decoration: underline; }
.header-cart__element__remove:hover {
text-decoration: none; }
.header-cart__footer {
left: 20px;
right: 20px;
bottom: 50px;
padding: 20px 0 0;
position: absolute;
background: #fff;
z-index: 5; }
@media (max-width: 414px) {
.header-cart__footer {
position: relative;
left: unset;
right: unset;
bottom: unset; } }
@media (min-width: 769px) {
.header-cart__footer {
left: 40px;
right: 40px;
bottom: 20px; } }
.header-cart__footer__title {
margin-bottom: 20px; }
.cart-page-element__qty {
margin-top: 15px;
display: flex;
align-items: center; }
.cart-page-element__qty .quantity-selector {
margin-right: 25px; }
.header-cart__upsell {
margin: 0 -20px;
border-top: 1px solid #ddd;
z-index: 9;
background-color: #fff; }
@media (min-width: 769px) {
.header-cart__upsell {
margin: 0 -40px; } }
@media (min-width: 1024px) {
.header-cart[data-version='2'] .header-cart__upsell {
overflow-y: auto;
position: fixed;
top: 0;
bottom: 0;
right: -94.66vw;
width: 44.66vw;
margin: 0;
background: #f6f6f6;
transition: all 0.2s ease-in-out; } }
@media (min-width: 1201px) {
.header-cart[data-version='2'] .header-cart__upsell {
right: calc((536px + 520px) * -1);
width: 536px; } }
@media (min-width: 1024px) {
.header-cart[data-version='2'].active .header-cart__upsell {
right: 50vw; } }
@media (min-width: 1201px) {
.header-cart[data-version='2'].active .header-cart__upsell {
display: block !important;
right: 520px; } }
.header-cart__upsell-head {
display: none; }
@media (min-width: 1024px) {
.header-cart[data-version='2'] .header-cart__upsell-head {
display: block;
max-width: 380px;
margin: 80px auto 80px; } }
.header-cart__upsell-head .header-cart__upsell-title {
display: block;
margin-bottom: 30px; }
.header-cart__upsell-head .header-cart__upsell-text ul {
list-style: disc; }
.header-cart__upsell-head .header-cart__upsell-text li {
margin-left: 16px;
margin-bottom: 8px; }
.header-cart__upsell-head .header-cart__upsell-text li:last-child {
margin-bottom: 0; }
@media (min-width: 1024px) {
.header-cart[data-version='2'] .header-cart__upsell-body {
max-width: 380px;
margin: 0 auto; } }
.header-cart__upsell-body .img__el {
-o-object-fit: contain !important;
object-fit: contain !important; }
.header-cart__upsell-head-mobile {
padding: 12px 20px; }
@media (min-width: 769px) {
.header-cart__upsell-head-mobile {
padding: 24px 40px; } }
@media (min-width: 1024px) {
.header-cart[data-version='2'] .header-cart__upsell-head-mobile {
display: none; } }
.header-cart__upsell-close:hover span {
text-decoration: none; }
.header-cart__upsell-close span {
text-decoration: underline; }
.header-cart__upsell-close svg {
width: 10px;
margin-left: 10px; }
.header-cart__progress {
background: #f6f6f6;
padding: 8px 20px;
width: 100%; }
@media (min-width: 769px) {
.header-cart__progress {
padding: 15px 25px; } }
.header-cart__bar {
position: relative;
background: #ddd;
width: 90px;
height: 1px;
margin-left: 20px; }
@media (min-width: 769px) {
.header-cart__bar {
width: 185px;
margin-left: 30px; } }
.header-cart__bar span {
position: absolute;
top: 0;
bottom: 0;
left: 0;
background: #000; }
.header-cart__empty {
height: 100%; }
.header-cart__empty span {
display: block;
margin-bottom: 20px; }
.header-cart__empty .btn, .header-cart__empty .form-newsletter--popup .form__btn, .form-newsletter--popup .header-cart__empty .form__btn, .header-cart__empty .product-reviews .okeReviews .okeReviews-filterToggle, .product-reviews .okeReviews .header-cart__empty .okeReviews-filterToggle,
.header-cart__empty .product-reviews .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview, .product-reviews .okeReviews .header-cart__empty .okeReviews-reviewsWidget-header-controls-writeReview,
.header-cart__empty .product-reviews .okeReviews .okeReviews-qandaWidget-header-controls-askQuestion, .product-reviews .okeReviews .header-cart__empty .okeReviews-qandaWidget-header-controls-askQuestion {
min-width: 250px; }
p.header-cart-keepshopping-btn {
margin-right: 30px; }
p.header-cart-keepshopping-btn a {
height: unset !important;
line-height: 1 !important;
padding: 8px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/header/header-cart-icon/header-cart-icon.scss */
/**
* These styles are just placeholder.
* Please delete them when you start development on the module.
*/
.header-cart-nav {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
width: 21px;
height: 21px;
border-radius: 50%;
text-align: center; }
@media (min-width: 769px) {
.header-cart-nav {
width: 32px;
height: 32px; } }
.header-cart-nav--with-icon {
width: 21px; }
.header-cart-icon__icon {
width: 100%;
height: 20px;
display: block; }
.header-cart-icon__count {
top: 7px;
width: 100%;
font-size: 9px;
line-height: 19px;
position: absolute;
text-align: center; }
.header-cart-icon__count--inline {
position: relative;
margin-top: -4px;
font-size: 10px;
line-height: 1; }
@media (min-width: 769px) {
.header-cart-icon__count--inline {
font-size: 14px; } }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/header/header/header.scss */
.header {
position: relative;
width: 100%;
transition: transform 0.3s;
border-bottom: 1px solid #f6f6f6; }
.header::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: -1; }
.header.is--visible {
transform: translateY(0); }
.header.is--hidden {
transform: translateY(-100%); }
.header.is--hidden .header__account-dropdown {
opacity: 0 !important;
visibility: hidden !important; }
.has-offset-main .header {
transform: translate3d(100%, 0, 0); }
@media (min-width: 415px) {
.has-offset-main .header {
transform: none; } }
.template--styleguide .header {
display: none; }
.header .container {
padding: 24px 0;
transition: padding 0.2s ease-in-out; }
@media (min-width: 1024px) {
.header .container {
padding: 28px 56px; } }
@media (min-width: 1024px) {
.js-sticky .header .container {
padding: 28px 56px; } }
.header .header__nav {
display: flex;
align-items: center; }
.header .header__nav,
.header .header__icons {
flex: 1; }
.header .header__nav .support-desktop,
.header .header__icons .support-desktop {
cursor: pointer;
display: none;
font-size: 12px;
line-height: 14.52px;
text-transform: uppercase; }
@media (min-width: 1024px) {
.header .header__nav .support-desktop,
.header .header__icons .support-desktop {
display: inline;
font-size: 12px;
line-height: 14.52px;
text-transform: uppercase; } }
.header .header__nav .support-desktop__wrapper,
.header .header__icons .support-desktop__wrapper {
position: relative; }
@media (max-width: 1023px) {
.header .header__nav .support-desktop__wrapper,
.header .header__icons .support-desktop__wrapper {
display: none; } }
.header .header__nav .support-desktop .icon-small,
.header .header__icons .support-desktop .icon-small {
width: 7px;
position: relative;
left: 2px;
transform: rotate(-90deg);
display: inline-block; }
.header .header__hamburger {
display: inline-flex;
align-items: center; }
@media (min-width: 1024px) {
.header .header__hamburger {
display: none; } }
.header .hamburger {
position: relative;
width: 20px;
height: 14px; }
.js-nav-open .header .hamburger span:first-child {
top: 50%;
transform: translateY(-50%) rotate(-45deg); }
.js-nav-open .header .hamburger span:nth-child(2) {
transform: translateY(-50%) scaleX(0); }
.js-nav-open .header .hamburger span:last-child {
top: 50%;
transform: translateY(-50%) rotate(45deg); }
.header .hamburger span {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: #313131;
transform-origin: center center; }
.header .hamburger span:nth-child(2) {
top: 50%; }
.header .hamburger span:last-child {
top: 100%; }
.header .header__logo a {
line-height: 0; }
.header .header__logo svg {
max-width: 181px;
color: #313131;
transition: max-width 0.2s ease-in-out; }
@media (min-width: 769px) {
.header .header__logo svg {
max-width: 223px; } }
.header .header-cart-nav:hover svg,
.header .header__icons a:hover svg {
opacity: 0.65; }
.header .header__icons > ul > li {
color: #313131;
margin-right: 25px;
line-height: 0;
list-style: none; }
.header .header__icons > ul > li.support-desktop__wrapper a {
position: relative; }
.header .header__icons > ul > li.support-desktop__wrapper a::after {
content: '';
position: absolute;
bottom: -8px;
left: 0%;
width: 100%;
transform: translateY(200%);
height: 1px;
opacity: 0;
background: currentColor;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.header .header__icons > ul > li.support-desktop__wrapper:hover > a::after {
opacity: 1 !important;
transform: translateY(0); }
@media (min-width: 1201px) {
.header .header__icons > ul > li {
margin-right: 25px; }
.header .header__icons > ul > li.support-desktop__wrapper {
margin-right: 25px; } }
@media (min-width: 1400px) {
.header .header__icons > ul > li {
margin-right: 30px; }
.header .header__icons > ul > li.support-desktop__wrapper {
margin-right: 30px; } }
.header .header__icons > ul > li:last-child {
margin-right: 0; }
.header .header__icons > ul > li > a {
width: 14px;
display: block;
text-transform: uppercase;
line-height: 0; }
@media (min-width: 769px) {
.header .header__icons > ul > li > a {
width: -moz-fit-content;
width: fit-content;
color: #313131;
font-weight: 600;
font-size: 16px;
line-height: 16px; } }
.header .header__icons .icon-close {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
width: 100%; }
.header .header__icons .icon-search,
.header .header__icons .icon-close {
transition: opacity 0.2s ease-in-out; }
.js-search-open .header .header__icons .icon-close {
opacity: 1; }
.js-search-open .header .header__icons .icon-search {
opacity: 0; }
.header .header__search {
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: 0;
padding: 0;
position: fixed;
overflow: hidden;
background: #fff; }
@media (min-width: 1024px) {
.header .header__search {
z-index: 0;
position: static;
background: none;
margin-left: 10px;
transition: all 0.2s ease-in-out; } }
.header .header__search.is-visible {
max-width: 100%;
padding: 50px 20px; }
@media (min-width: 1024px) {
.header .header__search.is-visible {
padding: 0;
max-width: 190px; } }
.header .header__search-field {
width: 100%;
color: #313131;
padding: 2px 5px;
border: none;
border-bottom: 1px solid #77777a;
text-align: center; }
@media (min-width: 1024px) {
.header .header__search-field {
width: 190px;
border-color: #313131;
text-align: left; } }
.header .header__search-field::-moz-placeholder {
color: #313131; }
.header .header__search-field::placeholder {
color: #313131; }
.header .header__search-close {
top: 20px;
right: 20px;
width: 24px;
color: #313131;
position: absolute; }
@media (min-width: 1024px) {
.header .header__search-close {
display: none !important; } }
.header .header__account-dropdown {
position: absolute;
top: 50px;
left: 50%;
transform: translateX(-50%);
width: 185px;
background-color: #fff;
border: 2px solid #f6f6f6;
padding: 10px 20px;
text-align: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s, visibility 0.2s; }
@media (min-width: 1024px) {
.header .header__account-dropdown {
width: 205px; } }
.header .header__account-dropdown.is-visible {
opacity: 1;
visibility: visible; }
.header .header__account-dropdown::before {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 17px solid transparent;
border-right: 17px solid transparent;
border-bottom: 14px solid #f6f6f6; }
.header .header__account-dropdown.is-customer {
padding-top: 15px;
padding-bottom: 15px;
text-align: left; }
@media (min-width: 1024px) {
.header .header__account-dropdown.is-customer {
padding-left: 35px;
padding-right: 35px; } }
.header .header__account-title {
font-size: 14px;
line-height: 14px;
margin-bottom: 15px;
letter-spacing: 0.5px; }
.header .header__account-logout {
display: block;
margin-top: 30px;
text-decoration: underline; }
.header .header__account-logout:hover {
text-decoration: none; }
.header .header__account-dropdown a {
color: #313131; }
.header .header__account-dropdown a:hover {
text-decoration: underline; }
#support-panel-conainer__desktop {
position: relative; }
.support-nav {
padding: 0 !important;
top: 82px !important; }
.support-nav .customer-service_copy h3 {
font-weight: 600;
line-height: 1; }
.support-nav .customer-service_copy strong {
font-weight: 600; }
.support-nav .open-indicator {
font-weight: 600; }
.support-nav .open-indicator span {
font-weight: normal; }
@media (min-width: 1024px) {
.support-nav {
top: 0 !important;
padding-top: 67px !important; } }
.support-nav.nav-desktop {
position: absolute;
height: auto;
width: 250px;
right: 0;
background-color: #fff;
padding: 50px 25px;
transform: translateX(0);
opacity: 0;
visibility: hidden;
transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out; }
.support-nav.nav-desktop.is-visible {
opacity: 1;
visibility: visible; }
.support-nav.nav-desktop .support-container {
padding: 10px; }
.support-nav.nav-desktop hr {
margin: 10px 0; }
.support-nav.nav-desktop .block-wrapper__item h3 {
margin-top: 5px; }
.support-nav.nav-desktop h3 {
font-size: 10px;
line-height: 9px; }
.support-nav.nav-desktop .nav__item {
font-size: 14px;
line-height: 16px;
margin-bottom: 15px; }
.support-nav.nav-desktop span.icon-small svg {
width: 6px;
position: relative;
left: 1px;
top: 1px; }
.support-nav.nav-desktop .customer-service_copy {
font-size: 12px;
line-height: 14px; }
.support-nav.nav-desktop .customer-service_copy h3 {
font-size: 12px;
font-weight: 600;
padding-bottom: 5px; }
.support-nav.nav-desktop .customer-service_copy b,
.support-nav.nav-desktop .customer-service_copy strong {
font-weight: 600; }
.support-nav.nav-desktop .current-time {
margin-top: 10px;
font-size: 10px;
height: auto;
line-height: 14px; }
.support-nav.nav-desktop .current-time .dot {
width: 5px;
height: 5px; }
.support-nav .support-container {
padding: 16px; }
.support-nav .support_header {
display: flex;
align-items: center;
-moz-column-gap: 15px;
column-gap: 15px; }
.support-nav .support_header h3 {
font-weight: 600;
font-size: 14px;
line-height: 14px; }
.support-nav .support_header p {
font-weight: 500;
font-size: 12px;
line-height: 14px; }
.support-nav .back-to_main {
padding: 30px;
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
line-height: 21px; }
@media (min-width: 1024px) {
.support-nav .back-to_main {
display: none; } }
.support-nav .back-to_main svg {
width: 8px;
margin-right: 15px; }
.support-nav .block-wrapper {
display: flex;
-moz-column-gap: 11px;
column-gap: 11px; }
.support-nav .block-wrapper__item {
border: 1px solid #eae8e7;
height: 72px;
border-radius: 5px;
width: 33.33%;
flex: 0 33.33%;
text-align: center;
display: flex;
align-items: center;
justify-content: space-around; }
.support-nav .block-wrapper__item h3 {
line-height: 1; }
.support-nav .customer-service__wrapper {
margin-top: -30px;
display: flex;
-moz-column-gap: 15px;
column-gap: 15px;
align-items: center; }
@media (min-width: 1024px) {
.support-nav .customer-service__wrapper {
margin-top: -15px; } }
.support-nav .current-time {
margin-top: 15px;
padding: 5px 10px;
background-color: #f9f7f5;
border-radius: 20px; }
.support-nav .current-time .dot {
height: 10px;
width: 10px;
background-color: #8e8d8a;
border-radius: 50%;
display: inline-block;
position: relative;
top: 1px; }
@media (min-width: 1024px) {
.support-nav .current-time .dot {
top: 0;
left: -2px; } }
/*
* Refactor this to suite the project's best practices
*/
.btn--skiplink {
top: 0;
left: 50%;
opacity: 0;
z-index: 1000;
color: #77777a;
position: absolute;
padding: 10px 30px;
text-transform: uppercase;
border: 3px solid #77777a;
background-color: #313131;
transform: translate(-50%, -100px); }
.btn--skiplink:active, .btn--skiplink:focus {
opacity: 1;
pointer-events: auto;
transform: translate(-50%, 10px);
transition: all 0.3s ease; }
.btn--skiplink svg {
display: none; }
.header .header__icons > ul > li > a[title="Login"] {
width: 20px; }
.header__nav li.nav__item:hover a::after {
opacity: 0 !important; }
.header__nav li.nav__item:hover .ctm-mega {
display: flex !important; }
.header__nav li.nav__item:hover .ctm-mega:empty {
display: none !important; }
.ctm-mega {
display: none;
position: absolute;
top: 75px;
left: 0;
width: 100%;
background: #fff;
padding: 0 30px 40px; }
.ctm-mega .pdp-main-box a.pdp-main-box-img {
position: relative;
padding-top: 100%;
display: flex;
flex-direction: column;
background: #f6f6f6;
border: 1px solid #f6f6f6;
gap: 16px; }
.ctm-mega .pdp-main-box a.pdp-main-box-img img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain; }
.ctm-mega span.border-line {
border-bottom: 1px solid #313131;
display: block; }
.ctm-mega .pdp-main-box-content {
line-height: unset !important;
flex-grow: 1; }
.ctm-mega .pdp-main-box-content h3 {
font-family: freight-sans-pro, sans-serif !important;
font-weight: 500;
font-size: 18px;
line-height: 100%;
color: #313131;
margin: 0;
padding: 0 0 4px;
transition: 0.3s all; }
.ctm-mega .pdp-main-box-content p {
font-family: freight-sans-pro, sans-serif !important;
font-weight: 400;
font-size: 16px;
line-height: 112%;
color: #313131;
transition: 0.3s all; }
.ctm-mega .pdp-main-box-content a {
display: none;
width: 100%;
background: #313131;
border: 1px solid #313131;
font-weight: 600;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #fff;
height: 48px !important;
padding: 16px;
text-align: center;
justify-content: center;
transition: 0.3s all; }
.ctm-mega .pdp-main-box-content a:hover {
background: #000;
border: 1px solid #000; }
@media (max-width: 1180px) {
.ctm-mega .pdp-main-box-content {
min-height: 60px; } }
@media (max-width: 1150px) {
.ctm-mega .pdp-main-box-content {
min-height: 75px; } }
.ctm-mega .pdp-main-box {
display: flex;
flex-direction: column;
gap: 16px;
width: 20%;
padding: 20px 8px;
transition: 0.3s all; }
.ctm-mega .pdp-main-box:hover {
transition: 0.3s all; }
.ctm-mega .pdp-main-box:hover .pdp-main-box-content a {
display: flex;
transition: 0.3s all; }
.ctm-mega .pdp-main-box:hover .pdp-main-box-content p,
.ctm-mega .pdp-main-box:hover .pdp-main-box-content h3 {
display: none;
transition: 0.3s all; }
@media (max-width: 1023px) {
.ctm-mega .pdp-main-box {
width: 50%; } }
.header-outer.sticky-nav-up {
opacity: 0;
visibility: hidden;
z-index: -1;
transform: translateY(-110%); }
.header-outer.sticky-nav-down {
opacity: 1;
visibility: visible;
z-index: 800;
transform: translateY(0);
transition: 0.15s ease-out; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/nav/nav/_nav.scss */
/* ------------------------------------------------------------ *\
Navigation
\* ------------------------------------------------------------ */
.nav {
display: none; }
@media (min-width: 1024px) {
.nav {
display: block; } }
.nav ul[data-level='1'] {
display: flex;
flex-direction: row; }
.nav ul[data-level='1'] > li {
display: flex;
align-items: center;
margin-right: 25px; }
@media (min-width: 1201px) {
.nav ul[data-level='1'] > li {
margin-right: 30px; } }
.nav ul[data-level='1'] > li:last-child {
margin-right: 0; }
.nav ul[data-level='1'] > li:hover > a::after {
opacity: 1 !important;
transform: translateY(0); }
.nav ul[data-level='1'] > li:nth-child(1):hover > a::after {
opacity: 0 !important; }
.nav ul[data-level='1'] > li > a {
position: relative;
color: #313131;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
line-height: 16px; }
.nav ul[data-level='1'] > li > a::before {
content: '';
position: absolute;
top: 100%;
left: -10px;
right: -10px;
height: 32px; }
.nav ul[data-level='1'] > li > a::after {
content: '';
position: absolute;
bottom: -8px;
left: 0%;
width: 100%;
transform: translateY(200%);
height: 1px;
opacity: 0;
background: currentColor;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.nav .nav__dropdown {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.2s ease-in-out 0.5s, visibility 0.2s ease-in-out 0.5s; }
.nav .nav__dropdown.js-active {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; }
.nav .nav__dropdown-overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.7); }
.nav .nav__dropdown-inner {
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 33.33vw;
background: #000;
transform: translateX(-100%);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: transform 0.5s ease-in-out 0.5s, opacity 0.5s ease-in-out 0.5s, visibility 0.5s ease-in-out 0.5s; }
.nav .nav__dropdown-inner[data-level='2'] {
padding: 70px 0;
border-right: 1px solid #5f5f5f; }
.nav .nav__dropdown-inner[data-level='3'] {
left: 33.33vw;
padding: 220px 0 75px;
cursor: default; }
.nav .nav__dropdown-inner[data-level='4'] {
left: 33.33vw;
background: #fff;
padding: 205px 4.875vw; }
.nav .nav__dropdown-inner[data-level='4']::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -18vw;
width: 18vw; }
.nav .nav__dropdown-inner.js-active[data-level='3'],
.nav .nav__dropdown-inner.js-active[data-level='4'] {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateX(0);
transition: transform 0.5s ease-in-out 0.2s, opacity 0.5s ease-in-out 0.2s, visibility 0.5s ease-in-out 0.2s; }
.nav .nav__dropdown.js-active .nav__dropdown-inner[data-level='2'] {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateX(0);
transition: transform 0.5s ease-in-out 0.2s, opacity 0.5s ease-in-out 0.2s, visibility 0.5s ease-in-out 0.2s; }
.nav .nav__dropdown-inner > * {
opacity: 0;
visibility: hidden;
transform: translateY(50px);
transition: opacity 0.2s ease-in-out 0.6s, visibility 0.2s ease-in-out 0.6s, transform 0.2s ease-in-out 0.6s; }
.nav .nav__dropdown.js-active > .nav__dropdown-inner[data-level='2'] > *,
.nav .nav__dropdown-inner.js-active > *:not(.nav__dropdown-inner) {
opacity: 1;
visibility: visible;
transform: translateY(0); }
.nav .nav__dropdown-inner > span {
display: block;
margin-bottom: 135px;
padding-left: 3.4375vw;
color: #fff;
text-transform: capitalize; }
.nav ul[data-level='2'],
.nav ul[data-level='3'] {
color: #fff; }
.nav ul[data-level='2'].js-active,
.nav ul[data-level='3'].js-active {
color: #979797; }
.nav ul[data-level='2'].js-active > li,
.nav ul[data-level='3'].js-active > li {
z-index: 1; }
.nav ul[data-level='2'].js-active > .js-active,
.nav ul[data-level='3'].js-active > .js-active {
z-index: 2; }
.nav ul[data-level='2'] > li {
position: relative;
padding: 40px 6.875vw 40px 3.4375vw;
cursor: pointer;
transition: color 0.2s ease-in-out; }
.nav ul[data-level='2'] > li::after {
content: '';
position: absolute;
top: 50%;
right: -1px;
transform: translateY(-50%);
height: 36px;
width: 1px;
background: #fff;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; }
.nav ul[data-level='2'] > li:hover::after, .nav ul[data-level='2'] > li.js-active::after {
opacity: 1;
visibility: visible; }
.nav ul[data-level='2'] > li:last-child {
margin-bottom: 0; }
.nav ul[data-level='2'] > li.js-active {
color: #fff; }
.nav .nav__dropdown-inner[data-level='3'] > a {
display: inline-flex;
align-items: center;
margin: 60px 7.8125vw 0;
padding-bottom: 7px;
border-bottom: 1px solid;
color: #fff;
text-transform: uppercase; }
.nav .nav__dropdown-inner[data-level='3'] > a svg {
width: 22px;
height: 15px;
margin-left: 12px; }
.nav ul[data-level='3'] > li {
padding: 20px 7.8125vw;
transition: color 0.2s ease-in-out; }
.nav ul[data-level='3'] > li:last-child {
margin-bottom: 0; }
.nav ul[data-level='3'] > li.js-active {
color: #fff; }
.nav .nav__dropdown-close {
position: absolute;
top: 67px;
right: 4.875vw;
width: 27px;
height: 27px;
color: #fff; }
.nav .product-card__featured {
width: calc(100% - 62px);
margin-bottom: 45px; }
/*! path: /Users/etmacmini/vishal/TS/hanacure-live/hanacure/src/modules/global/nav/nav-mobile/_nav-mobile.scss */
/* ------------------------------------------------------------ *\
Navigation
\* ------------------------------------------------------------ */
.nav-mobile {
position: fixed;
top: 0;
bottom: 0;
left: 0;
height: 100vh;
width: 295px;
background-color: #fff;
padding: 50px 25px;
transform: translateX(0);
opacity: 0;
visibility: hidden;
transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out; }
.nav-mobile.is-visible {
opacity: 1;
visibility: visible; }
.nav-mobile.is-visible .nav__overlay {
opacity: 1;
visibility: visible; }
@media (min-width: 1024px) {
.nav-mobile {
display: none; } }
.nav-mobile li {
list-style: none;
margin-bottom: 30px; }
.nav-mobile li.nav-card {
margin-bottom: 20px; }
.nav-mobile li.nav-card .icon-small {
transform: scale(0.7) !important; }
.nav-mobile li .mobile-account-block {
border: 1px solid #eae8e7;
border-radius: 5px;
padding: 15px;
display: flex;
align-items: center; }
.nav-mobile li .mobile-account-block .icon-small {
display: inline-block;
transform: scale(0.4);
position: relative;
top: 2px;
left: 12px; }
.nav-mobile li:last-child {
margin-bottom: 0; }
.nav-mobile li > a {
display: block;
color: #313131;
font-size: 18px;
line-height: 21px; }
.nav-mobile li > a .icon-small {
display: inline-block;
transform: scale(0.7);
position: relative;
top: 2px;
left: 8px; }
.nav-mobile li > a .icon-large {
display: inline-block;
transform: scale(2.1);
margin-right: 20px;
position: relative;
top: 3px; }
.nav-mobile li > a.js-open-dropdown {
display: flex;
align-items: center;
justify-content: space-between; }
.nav-mobile li > a svg {
width: 15px;
height: 15px; }
.nav-mobile .nav__dropdown {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
background: #313131;
padding: 50px 25px;
opacity: 0;
visibility: hidden;
transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out; }
.nav-mobile .nav__dropdown.is-visible {
opacity: 1;
visibility: visible; }
.nav-mobile .nav__dropdown > ul {
width: 100%;
flex: 1 1;
order: 1;
overflow: auto;
margin-top: 30px; }
.nav-mobile .nav__dropdown .nav__dropdown li {
margin-bottom: 30px; }
.nav-mobile .nav__dropdown .nav__dropdown li:last-child {
margin-bottom: 0; }
.nav-mobile .nav__dropdown--blocks {
justify-content: center; }
.nav-mobile .nav__dropdown--blocks .dropdown-block {
margin-bottom: 32px; }
.nav-mobile .nav__dropdown--blocks .dropdown-block:last-child {
margin-bottom: 0; }
.nav-mobile .nav__close {
top: 10px;
right: 10px;
width: 24px;
height: 24px;
color: #000;
position: absolute;
display: inline-block; }
.nav-mobile .nav__overlay {
position: fixed;
top: 0;
bottom: 0;
left: 100%;
width: 100vw;
z-index: -1;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0.3s; }
.nav-mobile .nav__dropdown-title {
font-size: 13px;
line-height: 18px;
display: flex;
align-items: center;
letter-spacing: 0.45px;
padding-bottom: 25px;
border-bottom: 1px solid;
color: #fff; }
.nav-mobile .nav__dropdown-title a {
width: 4px;
margin-right: 30px; }
/**
* This file should read like a contents page. This
* file should only include other stylesheets. No
* style declarations should be written in this file.
*/
body {
overflow-x: hidden; }