@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Armata&family=Maven+Pro:wght@400;500;600;700;800;900&display=swap');

/*!
 *  1.1. Variables
*/
/*!
 *  1.2. 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,
.product-item__price--compare,
.product__price--compare,
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,
.order-table th,
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
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after {
    content: "";
    content: none
}

q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}
.sidebar__menu-handle{
	background:#3BB6B4 !important;
	padding: 5px !important;
}
.clearfix,
.address-popup,
.ie11 .collection--grid:after,
.krown-column-row,
.krown-tabs .titles {
    *zoom: 1
}

.clearfix:before,
.address-popup:before,
.krown-column-row:before,
.krown-tabs .titles:before,
.clearfix:after,
.address-popup:after,
.ie11 .collection--grid:after,
.krown-column-row:after,
.krown-tabs .titles:after {
    content: " ";
    display: table
}

.clearfix:after,
.address-popup:after,
.ie11 .collection--grid:after,
.krown-column-row:after,
.krown-tabs .titles:after {
    clear: both
}

.hidden {
    display: none
}

.clear {
    clear: both
}

* {
    box-sizing: border-box
}

input,
button {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    outline: none
}

input:focus,
input:outline,
button:focus,
button:outline {
    border: none;
    outline: none
}
input[type="text"]:focus{
	background:unset !important;
}

/*!
 *  1.3. Mixins
*/
a {
    -webkit-transition: color .15s linear, background-color .15s linear, fill .15s linear, .15s opacity linear;
    transition: color .15s linear, background-color .15s linear, fill .15s linear, .15s opacity linear
}

/*!
 *  1.4. Typography
*/
/* @font-face {
    font-family: Armata;
    font-weight: 400;
    font-style: normal;
    src: url(https://fonts.shopifycdn.com/armata/armata_n4.d172bef2d41642575528fee03ca354bd54d6eb34.woff2?h1=cGFwaWVydGFzY2hlbi1wcm8uZGU&h2=cGFwaWVydGFzY2hlbnByby5kZQ&h3=cGFwaWVydGFzY2hlbnByby5jb20&h4=cGFwaWVydGFzY2hlbi1wcm8uY29t&hmac=f7339d52e48dba29bc4795a7553cd4f14dcf9ddcdd1d067d8bd25d5e7ec4c68d) format("woff2"), url(https://fonts.shopifycdn.com/armata/armata_n4.b209e7e3ec2a47206c1c0520afa5b131cc180e80.woff?h1=cGFwaWVydGFzY2hlbi1wcm8uZGU&h2=cGFwaWVydGFzY2hlbnByby5kZQ&h3=cGFwaWVydGFzY2hlbnByby5jb20&h4=cGFwaWVydGFzY2hlbi1wcm8uY29t&hmac=036870e056287f913c35cfbfeb2b5b4601853f762b2833ed147598b857c04948) format("woff")
}

@font-face {
    font-family: Maven Pro;
    font-weight: 400;
    font-style: normal;
    src: url(https://fonts.shopifycdn.com/maven_pro/mavenpro_n4.afa1f9d838507801cdc1ca1e2cdd8c9d63fe100e.woff2?h1=cGFwaWVydGFzY2hlbi1wcm8uZGU&h2=cGFwaWVydGFzY2hlbnByby5kZQ&h3=cGFwaWVydGFzY2hlbnByby5jb20&h4=cGFwaWVydGFzY2hlbi1wcm8uY29t&hmac=2687e45dc327dd95bb52fa82ab5a9d77b70a9438357377728c4892582c20f036) format("woff2"), url(https://fonts.shopifycdn.com/maven_pro/mavenpro_n4.3196a0805e7b72fba25b678bc9d23027ec7fc37e.woff?h1=cGFwaWVydGFzY2hlbi1wcm8uZGU&h2=cGFwaWVydGFzY2hlbnByby5kZQ&h3=cGFwaWVydGFzY2hlbnByby5jb20&h4=cGFwaWVydGFzY2hlbi1wcm8uY29t&hmac=a7829b09193358d6f4069a9232ffa6cdcf181d4d6ec1a1aa2fd7fe669ba1fc44) format("woff")
}

@font-face {
    font-family: Maven Pro;
    font-weight: 500;
    font-style: normal;
    src: url(https://fonts.shopifycdn.com/maven_pro/mavenpro_n5.79758b0963df6f6cdd8c581ce5b4cb9fa69f85c8.woff2?h1=cGFwaWVydGFzY2hlbi1wcm8uZGU&h2=cGFwaWVydGFzY2hlbnByby5kZQ&h3=cGFwaWVydGFzY2hlbnByby5jb20&h4=cGFwaWVydGFzY2hlbi1wcm8uY29t&hmac=643c17998cf613a9728e61f9fd939e02e404640b0c1e50677ef701eba4e264d2) format("woff2"), url(https://fonts.shopifycdn.com/maven_pro/mavenpro_n5.3a1406e58a7024cdee85af2ed6cb6b8fcbc628cf.woff?h1=cGFwaWVydGFzY2hlbi1wcm8uZGU&h2=cGFwaWVydGFzY2hlbnByby5kZQ&h3=cGFwaWVydGFzY2hlbnByby5jb20&h4=cGFwaWVydGFzY2hlbi1wcm8uY29t&hmac=4975e9f57183263ec9eead60e8a4a5f88f34349b3c134c7fd5e7eac631cace03) format("woff")
}

@font-face {
    font-family: Maven Pro;
    font-weight: 700;
    font-style: normal;
    src: url(https://fonts.shopifycdn.com/maven_pro/mavenpro_n7.e506aba5117dad0788c3d4b353911c4b801e66e9.woff2?h1=cGFwaWVydGFzY2hlbi1wcm8uZGU&h2=cGFwaWVydGFzY2hlbnByby5kZQ&h3=cGFwaWVydGFzY2hlbnByby5jb20&h4=cGFwaWVydGFzY2hlbi1wcm8uY29t&hmac=b7a6786f99f60637f22150f598f323bff012f31d6ba27bd1309153c1562b4e96) format("woff2"), url(https://fonts.shopifycdn.com/maven_pro/mavenpro_n7.7a5d367fc988e2cc2a9bc8637fbc2f9ddf748d18.woff?h1=cGFwaWVydGFzY2hlbi1wcm8uZGU&h2=cGFwaWVydGFzY2hlbnByby5kZQ&h3=cGFwaWVydGFzY2hlbnByby5jb20&h4=cGFwaWVydGFzY2hlbi1wcm8ced28319af7e227ced13c1cba736b97374fedd7fdc9) format("woff")
} */

body {
    font-family: Maven Pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    /* color: #3BB6B4; */
    color: rgb(97, 97, 97);
    background: white
}
/* <!-- muzamil --> */


/* <!-- muzamil --> */

#shipping-batch .deatil_pdf_link{
	color:rgb(97, 97, 97) !important;
}
@media screen and (min-width: 1920px) {
    body {
        font-size: 18.28571px;
        line-height: 1.7
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
    body {
        font-size: 17.14286px;
        line-height: 1.7
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {
    body {
        font-size: 16px;
        line-height: 1.7
    }
}

@media screen and (max-width: 1023px) {
    body {
        font-size: 14.85714px;
        line-height: 1.7
    }
}

@media screen and (min-width: 1920px) {

    .body-size-lesser-than-normal,
    .alert,
    #shopify-product-reviews .spr-form-message,
    .announcement__text,
    .breadcrumb,
    .cart,
    .lazy-caption,
    .comment__date,
    .blog-tags,
    .password-footer,
    .product__vendor,
    .product__sku,
    .variant-quantity,
    #shopify-product-reviews .spr-review-header-byline,
    .product__reviews,
    .product-item__reviews,
    .product__reviews .spr-starrating .spr-icon-star:after,
    .product-item__reviews .spr-starrating .spr-icon-star:after,
    .product__reviews .spr-starrating .spr-icon-star-half-alt:after,
    .product-item__reviews .spr-starrating .spr-icon-star-half-alt:after,
    .newsletter__text,
    .testimonial__author-title,
    .order-table td,
    .order-table th,
    .krown-column-container label {
        font-size: 16px;
        line-height: 1
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {

    .body-size-lesser-than-normal,
    .alert,
    #shopify-product-reviews .spr-form-message,
    .announcement__text,
    .breadcrumb,
    .cart,
    .lazy-caption,
    .comment__date,
    .blog-tags,
    .password-footer,
    .product__vendor,
    .product__sku,
    .variant-quantity,
    #shopify-product-reviews .spr-review-header-byline,
    .product__reviews,
    .product-item__reviews,
    .product__reviews .spr-starrating .spr-icon-star:after,
    .product-item__reviews .spr-starrating .spr-icon-star:after,
    .product__reviews .spr-starrating .spr-icon-star-half-alt:after,
    .product-item__reviews .spr-starrating .spr-icon-star-half-alt:after,
    .newsletter__text,
    .testimonial__author-title,
    .order-table td,
    .order-table th,
    .krown-column-container label {
        font-size: 14.85714px;
        line-height: 1
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {

    .body-size-lesser-than-normal,
    .alert,
    #shopify-product-reviews .spr-form-message,
    .announcement__text,
    .breadcrumb,
    .cart,
    .lazy-caption,
    .comment__date,
    .blog-tags,
    .password-footer,
    .product__vendor,
    .product__sku,
    .variant-quantity,
    #shopify-product-reviews .spr-review-header-byline,
    .product__reviews,
    .product-item__reviews,
    .product__reviews .spr-starrating .spr-icon-star:after,
    .product-item__reviews .spr-starrating .spr-icon-star:after,
    .product__reviews .spr-starrating .spr-icon-star-half-alt:after,
    .product-item__reviews .spr-starrating .spr-icon-star-half-alt:after,
    .newsletter__text,
    .testimonial__author-title,
    .order-table td,
    .order-table th,
    .krown-column-container label {
        font-size: 13.71429px;
        line-height: 1
    }
}

@media screen and (max-width: 1023px) {

    .body-size-lesser-than-normal,
    .alert,
    #shopify-product-reviews .spr-form-message,
    .announcement__text,
    .breadcrumb,
    .cart,
    .lazy-caption,
    .comment__date,
    .blog-tags,
    .password-footer,
    .product__vendor,
    .product__sku,
    .variant-quantity,
    #shopify-product-reviews .spr-review-header-byline,
    .product__reviews,
    .product-item__reviews,
    .product__reviews .spr-starrating .spr-icon-star:after,
    .product-item__reviews .spr-starrating .spr-icon-star:after,
    .product__reviews .spr-starrating .spr-icon-star-half-alt:after,
    .product-item__reviews .spr-starrating .spr-icon-star-half-alt:after,
    .newsletter__text,
    .testimonial__author-title,
    .order-table td,
    .order-table th,
    .krown-column-container label {
        font-size: 13.71429px;
        line-height: 1
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Armata, sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 1em
}

@media screen and (min-width: 1920px) {
    .hh {
        font-size: 52px;
        line-height: 1.1
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
    .hh {
        font-size: 48px;
        line-height: 1.1
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {
    .hh {
        font-size: 44px;
        line-height: 1.1
    }
}

@media screen and (max-width: 1023px) {
    .hh {
        font-size: 40px;
        line-height: 1.1
    }
}

@media screen and (max-width: 480px) {
    .hh {
        font-size: 36px;
        line-height: 1.1
    }
}

@media screen and (min-width: 1920px) {

    .h0,
    .template- #content>div:first-child h1,
    .footer-text.footer-text--large .rte {
        font-size: 38px;
        line-height: 1.2
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {

    .h0,
    .template- #content>div:first-child h1,
    .footer-text.footer-text--large .rte {
        font-size: 35px;
        line-height: 1.2
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {

    .h0,
    .template- #content>div:first-child h1,
    .footer-text.footer-text--large .rte {
        font-size: 32px;
        line-height: 1.2
    }
}

@media screen and (max-width: 1023px) {

    .h0,
    .template- #content>div:first-child h1,
    .footer-text.footer-text--large .rte {
        font-size: 28px;
        line-height: 1.2
    }
}

@media screen and (max-width: 480px) {

    .h0,
    .template- #content>div:first-child h1,
    .footer-text.footer-text--large .rte {
        font-size: 24px;
        line-height: 1.2
    }
}

@media screen and (min-width: 1920px) {

    h1,
    .h1,
    #shopify-product-reviews .spr-header-title {
        font-size: 34.66667px;
        line-height: 1.3
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {

    h1,
    .h1,
    #shopify-product-reviews .spr-header-title {
        font-size: 33.33333px;
        line-height: 1.3
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {

    h1,
    .h1,
    #shopify-product-reviews .spr-header-title {
        font-size: 32px;
        line-height: 1.3
    }
}

@media screen and (max-width: 1023px) {

    h1,
    .h1,
    #shopify-product-reviews .spr-header-title,
    .featured-product .product-title-helper {
        font-size: 29.33333px;
        line-height: 1.3
    }
}

@media screen and (min-width: 1920px) {

    h2,
    .h2,
    #shopify-product-reviews .spr-review-header-title,
    .template-search .blog--grid .blog-item__title,
    .faq .toggle__title {
        font-size: 25.33333px;
        line-height: 1.3
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {

    h2,
    .h2,
    #shopify-product-reviews .spr-review-header-title,
    .template-search .blog--grid .blog-item__title,
    .faq .toggle__title {
        font-size: 24px;
        line-height: 1.3
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {

    h2,
    .h2,
    #shopify-product-reviews .spr-review-header-title,
    .template-search .blog--grid .blog-item__title,
    .faq .toggle__title {
        font-size: 22.66667px;
        line-height: 1.3
    }
}

@media screen and (max-width: 1023px) {

    h2,
    .h2,
    #shopify-product-reviews .spr-review-header-title,
    .template-search .blog--grid .blog-item__title,
    .faq .toggle__title {
        font-size: 21.33333px;
        line-height: 1.3
    }
}

@media screen and (min-width: 1920px) {

    h3,
    .h3,
    .cols-4 .blog-item .blog-item__title,
    .cols-4 .blog-item .blog-item__title-holder,
    #spr-form .spr-form-title {
        font-size: 22.66667px;
        line-height: 1.3
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {

    h3,
    .h3,
    .cols-4 .blog-item .blog-item__title,
    .cols-4 .blog-item .blog-item__title-holder,
    #spr-form .spr-form-title {
        font-size: 21.33333px;
        line-height: 1.3
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {

    h3,
    .h3,
    .cols-4 .blog-item .blog-item__title,
    .cols-4 .blog-item .blog-item__title-holder,
    #spr-form .spr-form-title {
        font-size: 20px;
        line-height: 1.3
    }
}

@media screen and (max-width: 1023px) {

    h3,
    .h3,
    .cols-4 .blog-item .blog-item__title,
    .cols-4 .blog-item .blog-item__title-holder,
    #spr-form .spr-form-title {
        font-size: 18.66667px;
        line-height: 1.3
    }
}

@media screen and (min-width: 1920px) {

    h4,
    h5,
    h6,
    .h4 {
        font-size: 21.33333px;
        line-height: 1.3
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {

    h4,
    h5,
    h6,
    .h4 {
        font-size: 20px;
        line-height: 1.3
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {

    h4,
    h5,
    h6,
    .h4 {
        font-size: 18.66667px;
        line-height: 1.3
    }
}

@media screen and (max-width: 1023px) {

    h4,
    h5,
    h6,
    .h4 {
        font-size: 17.33333px;
        line-height: 1.3
    }
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

p,
ul,
ol {
    margin-bottom: 1.5em
}

.remove-end-margin>*:last-child,
.rte>*:last-child,
.collection-item__header>*:last-child,
.collection-header__container>*:last-child,
.blog-header__container>*:last-child,
.list-collections-header__container>*:last-child,
.search-header__container>*:last-child,
.heading__content>*:last-child,
.shop-the-look__header>*:last-child {
    margin-bottom: 0
}

ul {
    list-style: inside disc
}

ol {
    list-style: inside decimal
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-left: 20px
}

table {
    width: 100%;
    border: 1px solid #ddbbdd;
    text-align: left
}

table thead h4 {
    font-size: 10px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 0
}

table tr {
    border-top: 1px solid #ddbbdd
}

table thead tr {
    border-top: none
}

table th,
table td,
table .order-table th,
.order-table table th {
    min-height: 41px;
    padding: 10px 14px 8px;
    border-right: 1px solid #ddbbdd
}

sub,
sup {
    font-size: .7em;
    line-height: .7em
}

sub {
    vertical-align: bottom
}

sup {
    vertical-align: top
}

del,
.product-item__price--compare,
.product__price--compare {
    text-decoration: line-through
}

small {
    font-size: .85em
}

blockquote {
    font-family: Times New Roman, Times, serif;
    font-weight: 400;
    font-style: italic;
    line-height: 1.4
}

@media screen and (min-width: 1920px) {
    blockquote {
        font-size: 30px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
    blockquote {
        font-size: 28px
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {
    blockquote {
        font-size: 26px
    }
}

@media screen and (max-width: 1023px) {
    blockquote {
        font-size: 24px
    }
}

@media screen and (max-width: 768px) {
    blockquote {
        font-size: 22px
    }
}

@media screen and (max-width: 480px) {
    blockquote {
        font-size: 20px
    }
}

blockquote:not(:first-child) {
    margin-top: 2em
}

blockquote:not(:last-child) {
    margin-bottom: 2em
}

*:focus {
    outline: 0 !important
}

a {
    color: #3BB6B4;
    text-decoration: none;
	border-bottom:0px !important;
}

.rte a:not(.button) {
    border-bottom: 1px solid
}

.rte a:not(.button):hover {
    color: #c2c4c4
}

.underline-animation {
    line-height: 1.2;
    background-position: 0 calc(1em + 2px);
    background-image: linear-gradient(to right, #3BB6B4, #3BB6B4);
    background-size: 0% 1px;
    background-repeat: no-repeat;
    display: inline;
    padding-bottom: 3px;
    transition: all .15s linear
}

a:hover .underline-animation,
a.selected .underline-animation {
    background-size: 100% 1px
}

.touch .sidebar a:hover span,
.touch a:hover .product-item__title,
.touch a:hover .blog-item__title span,
.touch .blog-tags a:hover span {
    background-size: 0 !important
}

.button,
.shopify-challenge__button,
.shopify-payment-button__button--unbranded,
#shopify-product-reviews .spr-summary-actions-newreview,
#spr-form .spr-button-primary,
.delete-address a {
    font-family: Maven Pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17.14286px;
    line-height: 1;
    height: 55px;
    line-height: 53px;
    font-weight: 700;
    padding: 0 25px;
    border: 2px solid transparent;
    transition: all .15s linear, width 0ms;
    cursor: pointer;
    display: inline-block;
    -webkit-appearance: none;
    border-radius: 0
}

.button--large {
    font-size: 20px;
    height: 70px;
    line-height: 68px;
    padding: 0 50px
}

.button--small,
#spr-form .spr-button-primary,
.delete-address a {
    font-size: 13px;
    height: 50px;
    line-height: 48px;
    border: 1px solid transparent;
    padding: 0 20px;
    border-color: #3BB6B4;
    color: #3BB6B4
}

.button--small .symbol,
#spr-form .spr-button-primary .symbol,
.delete-address a .symbol {
    top: 7px !important
}

.button--small path,
#spr-form .spr-button-primary path,
.delete-address a path {
    fill: #3BB6B4;
    transition: all .15s linear
}

.no-touch .button--small:not(.button--outline-hover):hover,
.no-touch #spr-form .spr-button-primary:not(.button--outline-hover):hover,
#spr-form .no-touch .spr-button-primary:not(.button--outline-hover):hover,
.no-touch .delete-address a:not(.button--outline-hover):hover,
.delete-address .no-touch a:not(.button--outline-hover):hover {
    background: #3BB6B4;
    color: #fff
}

.no-touch .button--small:not(.button--outline-hover):hover path,
.no-touch #spr-form .spr-button-primary:not(.button--outline-hover):hover path,
#spr-form .no-touch .spr-button-primary:not(.button--outline-hover):hover path,
.no-touch .delete-address a:not(.button--outline-hover):hover path,
.delete-address .no-touch a:not(.button--outline-hover):hover path {
    fill: #fff
}

.no-touch .button--small.button--outline-hover:hover,
.no-touch #spr-form .button--outline-hover.spr-button-primary:hover,
#spr-form .no-touch .button--outline-hover.spr-button-primary:hover,
.no-touch .delete-address a.button--outline-hover:hover,
.delete-address .no-touch a.button--outline-hover:hover {
    border-color: #c2c4c4 !important;
    color: #c2c4c4 !important
}

.no-touch .button--small.button--outline-hover:hover path,
.no-touch #spr-form .button--outline-hover.spr-button-primary:hover path,
#spr-form .no-touch .button--outline-hover.spr-button-primary:hover path,
.no-touch .delete-address a.button--outline-hover:hover path,
.delete-address .no-touch a.button--outline-hover:hover path {
    fill: #c2c4c4 !important
}

.button--outline,
#shopify-product-reviews .spr-summary-actions-newreview,
.delete-address a {
    border-color: #3BB6B4;
    color: #3BB6B4
}

.button--outline path,
#shopify-product-reviews .spr-summary-actions-newreview path,
.delete-address a path {
    fill: #3BB6B4;
    transition: all .15s linear
}

.no-touch .button--outline:not(.button--outline-hover):hover,
.no-touch #shopify-product-reviews .spr-summary-actions-newreview:not(.button--outline-hover):hover,
#shopify-product-reviews .no-touch .spr-summary-actions-newreview:not(.button--outline-hover):hover,
.no-touch .delete-address a:not(.button--outline-hover):hover,
.delete-address .no-touch a:not(.button--outline-hover):hover {
    background: #3BB6B4;
    color: #fff
}

.no-touch .button--outline:not(.button--outline-hover):hover path,
.no-touch #shopify-product-reviews .spr-summary-actions-newreview:not(.button--outline-hover):hover path,
#shopify-product-reviews .no-touch .spr-summary-actions-newreview:not(.button--outline-hover):hover path,
.no-touch .delete-address a:not(.button--outline-hover):hover path,
.delete-address .no-touch a:not(.button--outline-hover):hover path {
    fill: #fff
}

.no-touch .button--outline.button--outline-hover:hover,
.no-touch #shopify-product-reviews .button--outline-hover.spr-summary-actions-newreview:hover,
#shopify-product-reviews .no-touch .button--outline-hover.spr-summary-actions-newreview:hover,
.no-touch .delete-address a.button--outline-hover:hover,
.delete-address .no-touch a.button--outline-hover:hover {
    border-color: #c2c4c4 !important;
    color: #c2c4c4 !important
}

.no-touch .button--outline.button--outline-hover:hover path,
.no-touch #shopify-product-reviews .button--outline-hover.spr-summary-actions-newreview:hover path,
#shopify-product-reviews .no-touch .button--outline-hover.spr-summary-actions-newreview:hover path,
.no-touch .delete-address a.button--outline-hover:hover path,
.delete-address .no-touch a.button--outline-hover:hover path {
    fill: #c2c4c4 !important
}

.button--outline.disabled,
#shopify-product-reviews .disabled.spr-summary-actions-newreview,
.delete-address a.disabled {
    opacity: .66;
    border-color: #3BB6B429
}

.sidebar .button--outline,
.sidebar #shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .sidebar .spr-summary-actions-newreview,
.sidebar .delete-address a,
.delete-address .sidebar a {
    border-color: #fff;
    color: #fff
}

.sidebar .button--outline path,
.sidebar #shopify-product-reviews .spr-summary-actions-newreview path,
#shopify-product-reviews .sidebar .spr-summary-actions-newreview path,
.sidebar .delete-address a path,
.delete-address .sidebar a path {
    fill: #fff
}

.no-touch .sidebar .button--outline:not(.button--outline-hover):hover,
.no-touch .sidebar #shopify-product-reviews .spr-summary-actions-newreview:not(.button--outline-hover):hover,
#shopify-product-reviews .no-touch .sidebar .spr-summary-actions-newreview:not(.button--outline-hover):hover,
.no-touch .sidebar .delete-address a:not(.button--outline-hover):hover,
.delete-address .no-touch .sidebar a:not(.button--outline-hover):hover {
    background: white;
    color: #000
}

.no-touch .sidebar .button--outline:not(.button--outline-hover):hover path,
.no-touch .sidebar #shopify-product-reviews .spr-summary-actions-newreview:not(.button--outline-hover):hover path,
#shopify-product-reviews .no-touch .sidebar .spr-summary-actions-newreview:not(.button--outline-hover):hover path,
.no-touch .sidebar .delete-address a:not(.button--outline-hover):hover path,
.delete-address .no-touch .sidebar a:not(.button--outline-hover):hover path {
    fill: #000
}

.no-touch .sidebar .button--outline.button--outline-hover:hover,
.no-touch .sidebar #shopify-product-reviews .button--outline-hover.spr-summary-actions-newreview:hover,
#shopify-product-reviews .no-touch .sidebar .button--outline-hover.spr-summary-actions-newreview:hover,
.no-touch .sidebar .delete-address a.button--outline-hover:hover,
.delete-address .no-touch .sidebar a.button--outline-hover:hover {
    border-color: #3BB6B4 !important;
    color: #3BB6B4 !important
}

.no-touch .sidebar .button--outline.button--outline-hover:hover path,
.no-touch .sidebar #shopify-product-reviews .button--outline-hover.spr-summary-actions-newreview:hover path,
#shopify-product-reviews .no-touch .sidebar .button--outline-hover.spr-summary-actions-newreview:hover path,
.no-touch .sidebar .delete-address a.button--outline-hover:hover path,
.delete-address .no-touch .sidebar a.button--outline-hover:hover path {
    fill: #3BB6B4 !important
}

.sidebar .button--outline.disabled,
.sidebar #shopify-product-reviews .disabled.spr-summary-actions-newreview,
#shopify-product-reviews .sidebar .disabled.spr-summary-actions-newreview,
.sidebar .delete-address a.disabled,
.delete-address .sidebar a.disabled {
    border-color: #ffffff29
}

.button--solid,
.shopify-challenge__button,
.shopify-payment-button__button--unbranded,
#spr-form .spr-button-primary {
    background: #3BB6B4;
    color: #fff
}

.button--solid path,
.shopify-challenge__button path,
.shopify-payment-button__button--unbranded path,
#spr-form .spr-button-primary path {
    fill: #fff
}

.no-touch .button--solid:hover,
.no-touch .shopify-challenge__button:hover,
.no-touch .shopify-payment-button__button--unbranded:hover,
.no-touch #spr-form .spr-button-primary:hover,
#spr-form .no-touch .spr-button-primary:hover {
    border-color: transparent;
    background: #c2c4c4 !important;
    color: #fff !important
}

.no-touch .button--solid:hover path,
.no-touch .shopify-challenge__button:hover path,
.no-touch .shopify-payment-button__button--unbranded:hover path,
.no-touch #spr-form .spr-button-primary:hover path,
#spr-form .no-touch .spr-button-primary:hover path {
    fill: #fff !important
}

.button--solid svg,
.shopify-challenge__button svg,
.shopify-payment-button__button--unbranded svg,
#spr-form .spr-button-primary svg {
    position: relative;
    top: 6px;
    margin-left: 17px
}

.sidebar .button--solid,
.sidebar .shopify-challenge__button,
.sidebar .shopify-payment-button__button--unbranded,
.sidebar #spr-form .spr-button-primary,
#spr-form .sidebar .spr-button-primary {
    background: white;
    color: #000
}

.sidebar .button--solid path,
.sidebar .shopify-challenge__button path,
.sidebar .shopify-payment-button__button--unbranded path,
.sidebar #spr-form .spr-button-primary path,
#spr-form .sidebar .spr-button-primary path {
    fill: #000
}

.sidebar .button--solid:hover,
.sidebar .shopify-challenge__button:hover,
.sidebar .shopify-payment-button__button--unbranded:hover,
.sidebar #spr-form .spr-button-primary:hover,
#spr-form .sidebar .spr-button-primary:hover {
    background: #3BB6B4 !important;
    color: #fff !important
}

.sidebar .button--solid:hover path,
.sidebar .shopify-challenge__button:hover path,
.sidebar .shopify-payment-button__button--unbranded:hover path,
.sidebar #spr-form .spr-button-primary:hover path,
#spr-form .sidebar .spr-button-primary:hover path {
    fill: #fff !important
}

.button--wide {
    min-width: 200px
}

input,
textarea,
select {
    font-family: Maven Pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
/*     line-height: 1; */
    transition: all .1s linear;
    border: 1px solid rgba(102, 51, 102, .08);
    background: transparent;
    color: #3BB6B4;
    resize: none;
    height: 55px;
    padding: 3px 12px 0;
    vertical-align: middle;
    -webkit-appearance: none;
    border-radius: 0
}

input::placeholder,
textarea::placeholder,
select::placeholder {
    color: #3BB6B4;
    opacity: .66
}

input:hover,
textarea:hover,
select:hover {
    border-color: #3BB6B429
}

input:focus,
textarea:focus,
select:focus {
    border-color: #3BB6B45c
}

.krown-column-container>input,
.krown-column-container>textarea,
.krown-column-container>select {
    width: 100%
}

textarea {
    height: 85px;
    padding-top: 15px
}

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
}

.krown-column-container input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
    -webkit-box-shadow: 0 0 0 30px white inset !important
}

input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):-webkit-autofill,
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):-webkit-autofill:hover,
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):-webkit-autofill:focus,
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important
}

input[type=checkbox],
input[type=radio] {
    width: 27px;
    height: 27px;
    padding: 0;
    margin-right: 9px;
    margin-top: -1px;
	border-color: #000;
}

input[type=checkbox]:checked,
input[type=radio]:checked {
    background: #3BB6B4;
}

select.to-style {
    transition: all .1s linear
}

select.to-style:not(.styled) {
    opacity: 0;
    visibility: hidden
}

.regular-select-cover {
    font-size: 16px;
    line-height: 1;
    height: 55px;
    width: 100% !important;
    cursor: pointer;
    text-align: left;
    transition: border .1s linear;
    border: 1px solid rgba(102, 51, 102, .08)
}

.regular-select-cover:hover,
.regular-select-cover.content-opened {
    border-color: #3BB6B429
}

.regular-select-cover svg {
    position: absolute;
    top: 14px;
    right: 6px
}

.regular-select-cover svg path {
    fill: #3BB6B4;
    transition: all .15s linear
}

.regular-select-cover select {
    height: 100%;
    width: 100%;
    cursor: default;
    pointer-events: none;
    -webkit-appearance: menulist-button
}

.regular-select-cover option {
    padding: 2px 0
}

.regular-select-inner {
    height: 55px;
    padding: 20px 50px 0 12px;
    cursor: pointer
}

.product__text .regular-select-inner:before {
    content: attr(data-title);
    position: absolute;
    font-size: 11px;
    text-transform: uppercase;
    background: white;
    top: -6px;
    padding: 0 7px;
    margin-left: -7px;
    color: #3BB6B45c
}

.hide-labels .regular-select-inner:before {
    display: none
}

.regular-select-content {
    width: calc(100% + 2px);
    display: block;
    background: white;
    border: 1px solid rgba(102, 51, 102, .08);
    border-top: 0;
    position: absolute;
    top: 53px;
    left: -1px;
    z-index: 999;
    border-top: none;
    overflow-y: scroll;
    height: 0;
    transition: border .1s linear
}

.regular-select-cover:hover .regular-select-content {
    border-color: #3BB6B429
}

.content-opened .regular-select-content {
    height: auto;
    border-color: #3BB6B429
}

.regular-select-item {
    display: block;
    height: 40px;
    font-size: 14.85714px;
    line-height: 1;
    padding: 14px 12px 0;
    cursor: pointer;
    background: transparent;
    transition: .1s background linear
}

.regular-select-item:hover {
    background: whitesmoke
}

.regular-select-item.selected {
    background: #ebebeb
}

.regular-select-item.disabled {
    opacity: .16;
    pointer-events: none
}

.alert,
#shopify-product-reviews .spr-form-message {
    display: block;
    line-height: 1.5;
    padding: 14px 20px 12px;
    margin-bottom: 18px
}

.alert strong,
#shopify-product-reviews .spr-form-message strong {
    text-transform: capitalize
}

.alert--error {
    color: #721c24;
    background-color: #f8d7da
}

.alert--success,
#shopify-product-reviews .spr-form-message-success {
    color: #155724;
    background-color: #d4edda
}

.alert--note {
    color: #856404;
    background-color: #fff3cd
}

/*!
 *  1.5. Vendors
*/
/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    background: rgba(255, 255, 255, .75);
    border: none;
    color: #333
}

.flickity-button:hover {
    background: white;
    cursor: pointer
}

.flickity-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots,
.slider__dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
    font-size: 13px !important
}

div[data-blocks="1"] .flickity-page-dots,
div[data-blocks="1"] .slider__dots {
    display: none
}

.flickity-rtl .flickity-page-dots,
.flickity-rtl .slider__dots {
    direction: rtl
}

.flickity-page-dots .dot,
.slider__dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background-color: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer;
    position: relative;
    top: 2px
}

.flickity-enabled:not(.is-draggable) .flickity-page-dots,
.flickity-enabled:not(.is-draggable) .slider__dots {
    display: none
}

.flickity-page-dots .dot.is-selected,
.slider__dots .dot.is-selected {
    opacity: 1
}

.flickity-custom-nav {
    margin-top: 10px;
    margin-bottom: -15px;
    display: flex
}

.flickity-custom-nav .prev {
    margin-right: 49px;
    position: relative;
    cursor: pointer
}

.flickity-custom-nav .next {
    margin-left: 24px;
    cursor: pointer
}

.flickity-custom-nav span {
    margin-right: 5px
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader,
.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid white;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid white;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px #0009;
    background: black
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px #0009;
    background: #444444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

/*!
 *  1.6. General Structure
*/
#content-holder {
    display: flex
}

#content-holder:before {
    content: "";
    display: block;
    position: relative;
    width: 20%;
    min-width: 240px;
    max-width: 360px;
    z-index: -1
}

#content-holder #content {
    width: 100%;
    flex: 1;
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 948px) {
    #content-holder {
        margin-top: 66px
    }
}

.page-section {
    position: relative
}

.page-section.gutter--on {
    padding: 50px
}

.page-action {
    margin-top: 100px
}

.page-wrapper {
    margin-bottom: 100px
}

.template- #content>div:first-child {
    margin-top: 10vw;
    margin-bottom: 10vw
}

.template- #content>div:first-child h1 {
    margin-bottom: 2em;
    text-align: left
}

.centered-section-content,
.newsletter,
.testimonial {
    width: 100%;
    padding-left: 60px !important;
    padding-right: 60px !important
}

@media screen and (max-width: 1280px) {

    .centered-section-content,
    .newsletter,
    .testimonial {
        padding-left: 100px !important;
        padding-right: 100px !important
    }
}

@media screen and (max-width: 648px) {

    .centered-section-content,
    .newsletter,
    .testimonial {
        padding-left: 25px !important;
        padding-right: 25px !important
    }
}

.centered-section-content-margin,
.testimonials__container .flickity-custom-nav {
    padding: 0 60px;
}

@media screen and (max-width: 1280px) {

    .centered-section-content-margin,
    .testimonials__container .flickity-custom-nav {
        margin-left: 100px
    }
}

@media screen and (max-width: 648px) {

    .centered-section-content-margin,
    .testimonials__container .flickity-custom-nav {
        margin-left: 25px !important
    }
}

.overflow-hidden,
#shopify-section-search {
    overflow: hidden
}

img,
.rte iframe {
    max-width: 100%;
    height: auto
}

.symbol {
    width: 24px;
    height: 24px
}

.symbol.symbol--cart {
    height: auto
}

.long-arrow {
    overflow: hidden;
    width: 24px;
    height: 34px;
    display: block;
    position: relative;
    top: -5px;
    right: 0;
    transition: all .15s linear
}

.long-arrow .symbol {
    width: 34px;
    height: 11px;
    position: absolute;
    top: 10px;
    right: 0
}

button .long-arrow:hover,
.flickity-custom-nav .long-arrow:hover,
.pagination a .long-arrow:hover {
    width: 34px;
    right: -5px
}

.flickity-custom-nav .next .long-arrow,
.pagination .next .long-arrow {
    top: -3px
}

.flickity-custom-nav .next .long-arrow:hover,
.pagination .next .long-arrow:hover {
    right: 5px
}

.flickity-custom-nav .prev .long-arrow,
.pagination .prev .long-arrow {
    transform: rotate(180deg);
    position: absolute;
    left: 0;
    right: auto;
    top: -6px
}

.flickity-custom-nav .prev .long-arrow:hover,
.pagination .prev .long-arrow:hover {
    right: auto;
    left: -5px
}

.onboarding-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: relative;
    display: block
}

.onboarding-svg svg {
    width: 100%;
    height: 100%;
    background: #f9f9f9
}

.onboarding-svg.onboarding-background {
    position: absolute
}

.onboarding-svg.onboarding-background svg {
    position: absolute;
    top: 0;
    left: 0
}

.iframe-holder {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 40%;
    clear: both
}

.iframe-holder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.content-section.gutter--on {
    padding-left: 10px;
    padding-right: 10px
}

@media screen and (max-width: 1280px) {
    .content-section.gutter--on {
        padding-left: 3.2vw;
        padding-right: 3.2vw
    }
}

@media screen and (max-width: 948px) {
    .content-section.gutter--on {
        padding-left: 25px;
        padding-right: 25px
    }
}

.with-gutter {
    margin-bottom: 100px
}

@media screen and (max-width: 948px) {
    .with-gutter {
        margin-bottom: 70px
    }
}

@media screen and (max-width: 480px) {
    .with-gutter {
        margin-bottom: 50px
    }
}

.without-gutter+.with-gutter,
#page-content .with-gutter:first-child,
.has-inner-padding+.with-gutter {
    margin-top: 100px
}

@media screen and (max-width: 948px) {

    .without-gutter+.with-gutter,
    #page-content .with-gutter:first-child,
    .has-inner-padding+.with-gutter {
        margin-top: 70px
    }
}

@media screen and (max-width: 480px) {

    .without-gutter+.with-gutter,
    #page-content .with-gutter:first-child,
    .has-inner-padding+.with-gutter {
        margin-top: 50px
    }
}

.has-inner-padding {
    margin-bottom: 0
}

#page-content .has-inner-padding:last-child {
    margin-bottom: 0
}

.sticky,
.sidebar__cart .cart__title,
.product__text,
.rich-text__media {
    position: sticky;
    position: -webkit-sticky;
    top: 0
}

#shopify-section-blog,
#shopify-section-collection {
/*     margin-bottom: 100px */
}

/* @media screen and (max-width: 948px) {

    #shopify-section-blog,
    #shopify-section-collection {
        margin-bottom: 70px
    }
} */

/* @media screen and (max-width: 480px) {

    #shopify-section-blog,
    #shopify-section-collection {
        margin-bottom: 50px
    }
} */

.toggle__title {
    font-family: Maven Pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 1.5em;
    font-weight: 500;
    text-transform: uppercase;
    width: 100%;
    position: relative;
    padding-top: 6px;
    cursor: pointer;
    transition: all .1s linear
}

@media screen and (min-width: 1920px) {
    .toggle__title {
        font-size: 18.28571px;
        line-height: 1.3
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
    .toggle__title {
        font-size: 17.14286px;
        line-height: 1.3
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {
    .toggle__title {
        font-size: 16px;
        line-height: 1.3
    }
}

@media screen and (max-width: 1023px) {
    .toggle__title {
        font-size: 14.85714px;
        line-height: 1.3
    }
}

.toggle__title .symbol {
    content: "+";
    position: absolute;
    right: -7px;
    top: 4px
}

.toggle__title .symbol.symbol--plus {
    display: block
}

.toggle__title .symbol.symbol--minus {
    display: none
}

.toggle__title svg * {
    transition: all .1s linear;
    fill: #3BB6B4
}

.no-touch .toggle__title:hover {
    color: #c2c4c4
}

.no-touch .toggle__title:hover svg * {
    fill: #c2c4c4
}

.toggle__title.opened {
    cursor: pointer;
    pointer-events: all
}

.toggle__title.opened .symbol--plus {
    display: none
}

.toggle__title.opened .symbol--minus {
    display: block
}

.toggle__title:last-child {
    margin-bottom: 0
}

.toggle__title+.toggle__content {
    margin-top: -5px;
    padding-bottom: 25px;
    display: none
}

.flickity-page-dots,
.slider__dots {
    left: 50%;
    bottom: 25px;
    width: auto;
    height: 21px;
    background: rgba(102, 51, 102, .1);
    padding: 0 4px 0 10px;
    border-radius: 21px;
    transform: translate(-50%)
}

.flickity-page-dots .dot,
.slider__dots .dot {
    width: 9px;
    height: 9px;
    display: inline-block;
    margin-right: 6px;
    margin-left: 0;
    border-radius: 100%;
    transition: background .1s linear;
    cursor: pointer;
    opacity: 1 !important;
    background-color: #fff !important;
    top: 4px !important
}

.flickity-page-dots .dot.is-selected,
.slider__dots .dot.is-selected {
    background-color: #c2c4c4 !important
}

#challenge .shopify-challenge__container {
    margin: 120px auto !important
}

.krown-column-container {
    float: left;
    margin-bottom: 20px;
    position: relative;
    padding: 0 10px
}

.krown-column-container.first {
    padding-left: 0
}

.krown-column-container.last {
    padding-right: 0
}

.krown-column-container.last:after {
    content: "";
    clear: both;
    width: 1px;
    height: 0;
    display: block
}

.krown-column-container.one-half {
    width: 50%
}

.krown-column-container.one-third {
    width: 33.33%
}

.krown-column-container.one-whole {
    width: 100%
}

@media screen and (max-width: 480px) {
    .krown-column-container {
        width: 100% !important;
        padding-left: 0;
        padding-right: 0
    }
}

.low-dpi {
    display: inline
}

.high-dpi {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 13 / 10),
only screen and (min-resolution: 120dpi) {
    .low-dpi {
        display: none
    }

    .high-dpi {
        display: inline
    }
}

.krown-column-row .krown-column-container {
    margin-left: 4%
}

.krown-column-container.span4 {
    width: 23%
}

.krown-column-container.span4 {
    width: 30.66%
}

.krown-column-container.span6 {
    width: 48%
}

.krown-column-container.span8 {
    width: 65.33%
}

.krown-column-container.span12 {
    width: 100%
}

.krown-column-container.first {
    margin-left: 0
}

.krown-column-container.align-center {
    text-align: center
}

.krown-column-container.align-right {
    text-align: right
}

.page-content,
.article__content {
    width: 100%;
    padding: 0 100px;
    margin: 100px auto;
    flex: 1
}

@media screen and (min-width: 1280px) {

    .page-content,
    .article__content {
        width: 60%;
        padding: 0;
        max-width: 960px;
        margin: 10vw auto;
		margin-top:30px;
    }
}

.page-content>h1.title,
.article__content>h1.title,
.template-login .page-content .h0.title,
.template-login .article__content .h0.title,
.template-login .page-content .template- #content>div:first-child h1.title,
.template- #content>div:first-child .template-login .page-content h1.title,
.template-login .article__content .template- #content>div:first-child h1.title,
.template- #content>div:first-child .template-login .article__content h1.title,
.template-login .page-content .footer-text.footer-text--large .title.rte,
.footer-text.footer-text--large .template-login .page-content .title.rte,
.template-login .article__content .footer-text.footer-text--large .title.rte,
.footer-text.footer-text--large .template-login .article__content .title.rte {
    margin-bottom: 2em
}

@media screen and (max-width: 480px) {

    .page-content>h1.title,
    .article__content>h1.title,
    .template-login .page-content .h0.title,
    .template-login .article__content .h0.title,
    .template-login .page-content .template- #content>div:first-child h1.title,
    .template- #content>div:first-child .template-login .page-content h1.title,
    .template-login .article__content .template- #content>div:first-child h1.title,
    .template- #content>div:first-child .template-login .article__content h1.title,
    .template-login .page-content .footer-text.footer-text--large .title.rte,
    .footer-text.footer-text--large .template-login .page-content .title.rte,
    .template-login .article__content .footer-text.footer-text--large .title.rte,
    .footer-text.footer-text--large .template-login .article__content .title.rte {
        margin-bottom: 1.5em
    }
}

@media screen and (max-width: 948px) {

    .page-content,
    .article__content {
        margin: 70px auto
    }
}

@media screen and (max-width: 648px) {

    .page-content,
    .article__content {
        width: 100%;
        margin: 50px auto;
        padding: 0 25px
    }
}

.contact-form {
    margin-top: 50px
}

.template-page #content-holder #content {
    overflow: hidden
}

.scrollable-content {
    max-width: 100%;
    overflow-x: scroll
}

.tab-navigation .sidebar *:focus {
    box-shadow: inset 0 0 5px #ffffff5c
}

.tab-navigation #content *:focus {
    box-shadow: inset 0 0 5px #3BB6B45c
}

.tab-navigation #content .product-item a:focus {
    box-shadow: none
}

.tab-navigation #content .product-item a:focus .product-item__caption {
    box-shadow: inset 0 0 5px #3BB6B45c
}

.tab-navigation #content .footer *:focus {
    box-shadow: inset 0 0 5px #ffffff5c
}

.krown-tabs .titles {
    border-bottom: 1px solid rgba(102, 51, 102, .036)
}

.krown-tabs .titles h5 {
    display: inline-block;
    margin: auto;
    line-height: 60px;
    color: #3BB6B4;
    padding: 2px 12px 0;
    font-weight: 400;
    height: 40px;
    line-height: 38px !important;
    cursor: pointer;
    transition: background .2s linear
}

@media screen and (min-width: 1920px) {
    .krown-tabs .titles h5 {
        font-size: 18.28571px;
        line-height: 1.7
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
    .krown-tabs .titles h5 {
        font-size: 17.14286px;
        line-height: 1.7
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {
    .krown-tabs .titles h5 {
        font-size: 16px;
        line-height: 1.7
    }
}

@media screen and (max-width: 1023px) {
    .krown-tabs .titles h5 {
        font-size: 14.85714px;
        line-height: 1.7
    }
}

.krown-tabs .titles h5:hover {
    background: rgba(102, 51, 102, .036)
}

.krown-tabs .titles h5.opened {
    background: rgba(102, 51, 102, .036) !important;
    cursor: default;
    pointer-events: none
}

.krown-tabs .contents {
    min-height: 200px;
    padding: 12px 12px 0
}

.krown-tabs .contents>div {
    display: none
}

.krown-tabs .contents>div.opened,
.krown-tabs .contents>div:first-child {
    display: block
}

/*!
 *  2.1. Announcement bar
*/
.announcement {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 990;
    height:45px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    justify-content: center;
    z-index: 9999
}

.announcement__text {
    line-height: 1.2;
    text-align: center
}

.announcement__text a {
	color: #fff;
	margin-right: 5px;
}

.announcement__exit {
    position: fixed;
    display: block;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all .1s linear;
    z-index: 9999
}

.announcement__exit svg {
    width: 100%;
    height: 100%
}

.announcement__exit:hover {
    transform: scale(1.15)
}

.disable-transitions {
    transition: none !important
}

#shopify-section-announcement-bar {
    display: none
}

body.show-announcement-bar #shopify-section-announcement-bar {
    display: block
}

@media screen and (min-width: 948px) {

    body.show-announcement-bar .sidebar__container,
    body.show-announcement-bar .sidebar__cart>div,
    body.show-announcement-bar .collection__filters>div,
    body.show-announcement-bar #collection-filters>div {
        padding-top: 120px
    }

    body.show-announcement-bar .sidebar__cart>div,
    body.show-announcement-bar .sidebar__submenu .sidebar__container,
    body.show-announcement-bar .sidebar__cart .sidebar__container,
    body.show-announcement-bar .collection__filters .sidebar__container,
    body.show-announcement-bar .sidebar__cart>div,
    body.show-announcement-bar .collection__filters>div {
        padding-top: 0
    }

    body.show-announcement-bar .sidebar__cart .cart {
        padding-top: 40px
    }

    body.show-announcement-bar #content-holder,
    body.show-announcement-bar .sidebar__cart-handle,
    body.show-announcement-bar .sidebar__menu-handle,
    body.show-announcement-bar .sidebar__search-handle,
    body.show-announcement-bar .sidebar__cart-close,
    body.show-announcement-bar .sidebar__menus-close,
    body.show-announcement-bar .sidebar__search-close,
    body.show-announcement-bar .collection__filters-close {
        margin-top: 40px
    }

    body.show-announcement-bar .gallery--slider {
        height: calc(100vh - 40px)
    }

    body.show-announcement-bar .product__text {
        min-height: calc(100vh - 40px)
    }
}

@media screen and (max-width: 948px) {
    body.show-announcement-bar .sidebar {
        top: 40px
    }

    body.show-announcement-bar #content-holder {
        margin-top: 106px
    }

    body.show-announcement-bar #collection-filters .collection__filters-close {
        top: 58px;
        right: 30px
    }
	.announcement {
		flex-direction: column;
	}
}

body.no-transitions * {
    transition: none !important
}

/*!
 *  2.2. Footer
*/
.footer {
    background: linear-gradient(to right, #42E596, #3BB6B4);
    color: #000000;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 100px 60px 0
}

.footer a {
    color: #000000
}

.footer a:hover {
    color: #c2c4c4 !important
}

.footer a:after {
    background: #c2c4c4
}

@media screen and (max-width: 1280px) {
    .footer {
        padding: 100px 10% 0
    }
}

@media screen and (max-width: 948px) {
    .footer {
        padding: 50px 25px
    }
}

.footer-item {
    width: 45%;
    margin-bottom: 100px
}

@media screen and (max-width: 648px) {
    .footer-item {
        width: 100%;
        margin-bottom: 50px
    }

    .footer-item:last-child {
        margin-bottom: 0
    }
}

.footer-item h4 {
    text-transform: uppercase;
    margin-bottom: 50px
}

@media screen and (max-width: 948px) {
    .footer-item h4 {
        margin-bottom: 30px
    }
}

.footer-links span {
    display: block;
    margin-bottom: 15px
}

.footer-links a {
    border-bottom: 1px solid
}

.footer-icons {
    margin-bottom: 32px
}

.footer-copyright {
    margin-bottom: 18px;
    line-height: 1.5;
    margin-top: -5px
}

.footer-newsletter .newsletter__input {
    color: #fff;
    border-bottom: 1px solid white
}

.footer-newsletter .newsletter__input::placeholder {
    color: #fff
}

.footer-newsletter .newsletter__submit path {
    fill: #fff
}

.footer-newsletter .newsletter__submit:hover path {
    fill: #c2c4c4
}

.footer-newsletter .alert,
.footer-newsletter #shopify-product-reviews .spr-form-message,
#shopify-product-reviews .footer-newsletter .spr-form-message {
    margin-bottom: 32px
}

.footer-menus {
    display: flex
}

.footer-menus>div {
    width: 50%
}

.footer-menus span {
    line-height: 1.5
}

.footer-info {
    align-self: flex-end
}

.social-icons {
    height: 40px;
    margin-top: -10px;
    margin-left: -9px;
    display: flex
}

/* .social-icons a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center
} */

/* .social-icons a .icon {
    display: block;
    width: 23px;
    height: 23px
} */

.social-icons a img {
    width: 23px !important;
    height: 23px !important;
    margin: 0px 10px;
}

/* .social-icons a img * {
    fill: #fff;
    transition: fill .15s linear
} */

/* .social-icons a:hover img * {
    fill: #c2c4c4
} */

/*!
 *  2.3. Sidebar
*/
.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 20%;
    min-width: 240px;
    max-width: 360px;
    height: 100%;
    z-index: 999
}



.sidebar__container,
.sidebar__cart>div,
.collection__filters>div {
    width: 100%;
    background: #fff;
    border-right: 1px solid #c2c4c4;
    color: #3BB6B4;
    padding: 80px 0 40px;
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    z-index: 99999
}

.sidebar__container::-webkit-scrollbar {
    display: none;
}

.sidebar__container:after,
.sidebar__cart>div:after,
.collection__filters>div:after {
    height: 100%;
    position: absolute;
    width: 100%;
    display: block;
    content: "";
    background: inherit;
    left: 0px;
    z-index: 1;
    margin-top: 0
}

.sidebar__container>*,
.sidebar__cart>div>*,
.collection__filters>div>* {
    z-index: 9
}

.sidebar__container ul,
.sidebar__cart>div ul,
.collection__filters>div ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.sidebar__container ul li,
.sidebar__cart>div ul li,
.collection__filters>div ul li {
    margin: 0;
    padding: 0
}

.logo {
    margin: 10px 0 60px;
    padding: 0 14%
}

.logo a {
    display: inline-block;
    position: relative;
    border: none;
    color: #fff !important
}

.logo .logo__text {
    margin: 0
}

@media screen and (min-width: 1920px) {
    .logo .logo__text {
        font-size: 50.66667px;
        line-height: 1
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
    .logo .logo__text {
        font-size: 46.66667px;
        line-height: 1
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {
    .logo .logo__text {
        font-size: 42.66667px;
        line-height: 1
    }
}

@media screen and (max-width: 1023px) {
    .logo .logo__text {
        font-size: 37.33333px;
        line-height: 1
    }
}

.primary-menu .sidebar__menu {
    font-weight: 500
}

@media screen and (min-width: 1920px) {
    .primary-menu .sidebar__menu {
        font-size: 15.64706px;
        line-height: 1
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
    .primary-menu .sidebar__menu {
        font-size: 14.82353px;
        line-height: 1
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {
    .primary-menu .sidebar__menu {
        font-size: 14px;
        line-height: 1
    }
}

@media screen and (max-width: 1023px) {
    .primary-menu .sidebar__menu {
        font-size: 13.17647px;
        line-height: 1
    }
}

.primary-menu .sidebar__menu a {
    padding-top: 8px;
    padding-bottom: 8px
}

.primary-menu .sidebar__menu a .underline-animation {
    background-size: 0 1px
}

.primary-menu .sidebar__menu a:hover .underline-animation,
.primary-menu .sidebar__menu a.selected .underline-animation {
    background-size: 100% 1px
}

.secondary-menu .sidebar__menu {
    margin-top: 40px
}

@media screen and (min-width: 1920px) {
    .secondary-menu .sidebar__menu {
        font-size: 17.14286px;
        line-height: 1
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
    .secondary-menu .sidebar__menu {
        font-size: 16px;
        line-height: 1
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {
    .secondary-menu .sidebar__menu {
        font-size: 14.85714px;
        line-height: 1
    }
}

@media screen and (max-width: 1023px) {
    .secondary-menu .sidebar__menu {
        font-size: 13.71429px;
        line-height: 1
    }
}

.secondary-menu .sidebar__menu a {
    padding-top: 8px;
    font-weight: 500;
    font-size: 14.5px;
    padding-bottom: 8px
}

.sidebar__menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #3BB6B4;
    padding-left: 14%;
    padding-right: 14%;
    transition: none
}

.sidebar__menu a:hover,
.sidebar__menu a.selected {
    color: #3BB6B4
}

.sidebar__menu a:hover span+.symbol--arrow,
.sidebar__menu a.selected span+.symbol--arrow {
    left: 5px
}

.sidebar__menu a:hover span+.symbol--arrow path,
.sidebar__menu a.selected span+.symbol--arrow path {
    fill: #3BB6B4
}

.sidebar__menu a .underline-animation {
    background-position: 0 calc(1em + 4px);
    background-image: linear-gradient(to right, #3BB6B4, #3BB6B4)
}

.sidebar__menu .symbol--arrow {
    position: relative;
    transition: left .1s linear;
    transform: rotate(-90deg);
    left: 0
}

.sidebar__menu .symbol--arrow path {
    fill: #fff;
    transition: fill .15s linear
}

.sidebar__menu .has-submenu:hover>.sidebar__submenu,
.sidebar__menu .has-submenu:hover>.sidebar__cart,
.sidebar__menu .has-submenu:hover>.collection__filters,
.sidebar__menu .has-submenu.open-submenu>.sidebar__submenu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__cart,
.sidebar__menu .has-submenu.open-submenu>.collection__filters {
    visibility: visible
}

.sidebar__menu .has-submenu:hover>.sidebar__submenu>.sidebar__container:after,
.sidebar__menu .has-submenu:hover>.sidebar__cart>.sidebar__container:after,
.sidebar__menu .has-submenu:hover>.collection__filters>.sidebar__container:after,
.sidebar__menu .has-submenu:hover>.sidebar__cart>div:after,
.sidebar__menu .has-submenu:hover>.collection__filters>div:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__submenu>.sidebar__container:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__cart>.sidebar__container:after,
.sidebar__menu .has-submenu.open-submenu>.collection__filters>.sidebar__container:after,
.sidebar__menu .has-submenu.open-submenu>.sidebar__cart>div:after,
.sidebar__menu .has-submenu.open-submenu>.collection__filters>div:after {
    width: 100%;
    visibility: visible
}

.sidebar__menu .has-submenu:hover>.sidebar__submenu>.sidebar__container>.sub-menu,
.sidebar__menu .has-submenu:hover>.sidebar__cart>.sidebar__container>.sub-menu,
.sidebar__menu .has-submenu:hover>.collection__filters>.sidebar__container>.sub-menu,
.sidebar__menu .has-submenu:hover>.sidebar__cart>div>.sub-menu,
.sidebar__menu .has-submenu:hover>.collection__filters>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__submenu>.sidebar__container>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__cart>.sidebar__container>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.collection__filters>.sidebar__container>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.sidebar__cart>div>.sub-menu,
.sidebar__menu .has-submenu.open-submenu>.collection__filters>div>.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(0)
}

@media screen and (max-width: 948px) {
    .has-submenu.open-submenu>a {
        opacity: 0
    }

    .has-submenu.open-submenu .sidebar__submenu,
    .has-submenu.open-submenu .sidebar__cart,
    .has-submenu.open-submenu .collection__filters {
        right: 0;
        left: auto
    }

    .opened-submenu>li:not(.open-submenu),
    .opened-other-submenu {
        opacity: 0;
        visibility: hidden
    }

    .sub-menu {
        padding-top: 80px !important;
        transform: none !important
    }

    .sidebar__menus-back {
        display: block;
        position: absolute;
        top: 35px;
        left: 30px;
        opacity: 0;
        visibility: hidden
    }

    .opened-submenus .sidebar__menus-back {
        opacity: 1;
        visibility: visible
    }

    .sidebar__menus-back path {
        fill: #fff
    }

    .sidebar__menus li,
    .sidebar__menus a,
    .sidebar__menus nav {
        transition: all .1s linear
    }
}

.sidebar__submenu,
.sidebar__cart,
.collection__filters {
    position: fixed;
    top: 0;
    width: 100%;
    left: 100%;
    visibility: hidden
}

.sidebar__submenu .sidebar__container,
.sidebar__cart .sidebar__container,
.collection__filters .sidebar__container,
.sidebar__cart>div,
.collection__filters>div {
    padding-top: 0;
    background: transparent;
    border-right: none;
    margin-left: 0
}

.sidebar__submenu .sidebar__container:after,
.sidebar__cart .sidebar__container:after,
.collection__filters .sidebar__container:after,
.sidebar__cart>div:after,
.collection__filters>div:after {
    width: 0;
    background: #c2c4c4;
    border-right: 1px solid #c2c4c4;
    transition: all .1s cubic-bezier(.4, 0, 1, 1)
}

.sidebar__submenu .sub-menu,
.sidebar__cart .sub-menu,
.collection__filters .sub-menu {
    opacity: 0;
    visibility: hidden;
    transform: translate(-10px);
    transition: all .1s cubic-bezier(.4, 0, 1, 1)
}

.sidebar__submenu.sidebar__submenu--second .sidebar__container,
.sidebar__submenu--second.sidebar__cart .sidebar__container,
.sidebar__submenu--second.collection__filters .sidebar__container,
.sidebar__submenu.sidebar__submenu--second .sidebar__cart>div,
.sidebar__submenu--second.sidebar__cart .sidebar__cart>div,
.sidebar__submenu--second.collection__filters .sidebar__cart>div,
.sidebar__submenu.sidebar__submenu--second .collection__filters>div,
.sidebar__submenu--second.sidebar__cart .collection__filters>div,
.sidebar__submenu--second.collection__filters .collection__filters>div {
    margin-left: 1px
}

.sidebar__footer {
    padding: 0 14%
}

.sidebar__footer .search-form input[type=search] {
    color: #fff
}

.sidebar__footer .search-form input[type=search]::placeholder {
    color: #fff
}

.sidebar__footer .search-form path {
    fill: #fff
}

body:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, .36);
    position: fixed;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .1s linear
}

body.show-overlay:after {
    opacity: 1;
    visibility: visible
}

body.show-overlay.hard-overlay:after {
    z-index: 999
}

#content-holder {
    transition: all .2s cubic-bezier(.4, 0, 1, 1)
}

.sidebar__cart-handle,
.sidebar__menu-handle,
.sidebar__search-handle {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 30px;
    right: 30px;
    padding: 5px;
    cursor: pointer
}

.sidebar__cart-handle .icon,
.sidebar__menu-handle .icon,
.sidebar__search-handle .icon {
    display: flex
}

.sidebar__cart-handle .count,
.sidebar__menu-handle .count,
.sidebar__search-handle .count {
    color: #3BB6B4;
    font-weight: 700;
    position: absolute;
    font-size: 11.5px;
    top: 17px;
    left: 5px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 1;
    transition: all .1s linear
}

.sidebar__cart-handle path,
.sidebar__menu-handle path,
.sidebar__search-handle path {
    stroke: #3BB6B4;
    transition: all .1s linear
}

.no-touch .sidebar__cart-handle:hover .count,
.no-touch .sidebar__menu-handle:hover .count,
.no-touch .sidebar__search-handle:hover .count {
    color: #3BB6B4
}

.no-touch .sidebar__cart-handle:hover svg path,
.no-touch .sidebar__menu-handle:hover svg path,
.no-touch .sidebar__search-handle:hover svg path {
    stroke: #3BB6B4
}

.sidebar__cart {
    width: 450px
}

.sidebar__cart>div:after {
    transition: all .15s cubic-bezier(.4, 0, 1, 1) .1s
}

.sidebar__cart .cart {
    opacity: 0;
    visibility: hidden;
    transition: all .15s cubic-bezier(.4, 0, 1, 1);
    padding: 0 42px 120px;
    height: 100vh;
    overflow-y: scroll;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none
}

.sidebar__cart .cart::-webkit-scrollbar {
    width: 0 !important
}

.sidebar__cart.opened {
    visibility: visible
}

.sidebar__cart.opened>div:after {
    width: 100%;
    visibility: visible;
    transition: all .15s cubic-bezier(.4, 0, 1, 1)
}

.sidebar__cart.opened .cart {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
    transition: all .15s cubic-bezier(.4, 0, 1, 1) 50ms
}

.sidebar__cart .cart__title {
    padding-top: 45px;
    padding-bottom: 30px;
    border-bottom: 1px solid #c2c4c4;
    z-index: 999;
    top: 0;
    background: #c2c4c4
}

.sidebar__cart .button--outline,
.sidebar__cart #shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .sidebar__cart .spr-summary-actions-newreview,
.sidebar__cart .delete-address a,
.delete-address .sidebar__cart a {
    color: #fff;
    border-color: #fff
}

.no-touch .sidebar__cart .button--outline:hover,
.no-touch .sidebar__cart #shopify-product-reviews .spr-summary-actions-newreview:hover,
#shopify-product-reviews .no-touch .sidebar__cart .spr-summary-actions-newreview:hover,
.no-touch .sidebar__cart .delete-address a:hover,
.delete-address .no-touch .sidebar__cart a:hover {
    background: white;
    color: #000
}

.sidebar__cart .button--solid,
.sidebar__cart .shopify-challenge__button,
.sidebar__cart .shopify-payment-button__button--unbranded,
.sidebar__cart #spr-form .spr-button-primary,
#spr-form .sidebar__cart .spr-button-primary {
    backround: white;
    color: #000
}

.no-touch .sidebar__cart .button--solid:hover,
.no-touch .sidebar__cart .shopify-challenge__button:hover,
.no-touch .sidebar__cart .shopify-payment-button__button--unbranded:hover,
.no-touch .sidebar__cart #spr-form .spr-button-primary:hover,
#spr-form .no-touch .sidebar__cart .spr-button-primary:hover {
    background: #3BB6B4;
    color: #fff
}

.sidebar__cart textarea {
    border-color: #ffffff29;
    color: #fff;
    width: 100%;
    font-size: 13px
}

.sidebar__cart textarea:hover {
    border-color: #ffffff5c
}

.sidebar__cart textarea:focus {
    border-color: #ffffffa8
}

.sidebar__cart textarea::placeholder {
    color: #fff
}

.sidebar__cart-close,
.sidebar__menus-close,
.sidebar__search-close,
.collection__filters-close {
    position: absolute;
    top: 32px;
    right: 35px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0;
    visibility: hidden
}

.sidebar__cart-close svg,
.sidebar__menus-close svg,
.sidebar__search-close svg,
.collection__filters-close svg {
    position: absolute;
    top: -15px;
    left: -10px;
    width: 50px
}

.sidebar__cart-close svg polygon,
.sidebar__menus-close svg polygon,
.sidebar__search-close svg polygon,
.collection__filters-close svg polygon {
    fill: #fff;
    transition: all .15s linear
}

.no-touch .sidebar__cart-close:hover svg polygon,
.no-touch .sidebar__menus-close:hover svg polygon,
.no-touch .sidebar__search-close:hover svg polygon,
.no-touch .collection__filters-close:hover svg polygon {
    fill: #3BB6B4
}

.sidebar__cart.opened .sidebar__cart-close,
.sidebar__cart.opened .sidebar__menus-close,
.sidebar__cart.opened .sidebar__search-close,
.sidebar__cart.opened .collection__filters-close {
    opacity: 1;
    visibility: visible;
    transition: all 50ms linear 50ms
}

.cart-overlay-background,
.filters-overlay-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .36);
    opacity: 0;
    visibility: hidden;
    transition: all .1s linear;
    z-index: 9
}

.cart-overlay-background.show,
.show.filters-overlay-background {
    visibility: visible;
    opacity: 1
}

.sidebar__menu-handle,
.sidebar__search-handle,
.sidebar__search-close {
    display: none
}

/*!
 *  2.4. Announcement bar
*/
#shopify-section-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all .25s linear
}

#shopify-section-popup.active {
    opacity: 1;
    visibility: visible
}

.popup-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.popup-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    max-width: 620px;
    width: 100%;
    top: 0;
    left: 0;
    background: white;
    color: #3BB6B4;
    transform: translateY(50px);
    opacity: 0;
    transition: all .3s linear 50ms;
    z-index: 9;
    overflow: hidden
}

.shopify-section.active .popup-content {
    opacity: 1;
    transform: translateY(0)
}

.popup-form {
    position: relative;
    margin-top: 25px
}

.popup-form .contact-form {
    margin-top: 0
}

.popup-form input[type=email] {
    border-color: #3BB6B45c !important
}

.popup-form input[type=email]:hover {
    border-color: #3BB6B4a8 !important
}

.popup-form input[type=email]:focus {
    border-color: #3BB6B4f5 !important
}

.popup-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    cursor: pointer
}

.popup-image {
    padding-top: 32.3%;
    width: 100%;
    height: 0;
    position: relative
}

.popup-text {
    padding: 50px
}

.popup-text .rte {
    opacity: .66
}

.popup-title {
    line-height: 1.15
}

.popup-title+.rte {
    margin-top: 25px
}

.popup-content .footer-content {
    margin-top: 35px
}

@media screen and (max-width: 948px) {
    #shopify-section-popup {
        align-items: flex-end
    }

    .popup-content {
        max-width: 100%
    }

    .popup-text {
        padding: 25px;
        width: 100%
    }

    .popup-image {
        display: none
    }
}

/*!
 *  2.5. Text columns with icons
*/
.text-columns-with-icons {
    margin-bottom: 0
}

.text-columns-with-icons>div {
    padding-bottom: 100px
}

@media screen and (max-width: 948px) {
    .text-columns-with-icons>div {
        padding-bottom: 70px
    }
}

@media screen and (max-width: 480px) {
    .text-columns-with-icons>div {
        padding-bottom: 50px
    }
}

.text-w-icon {
    display: flex;
    flex-wrap: wrap;
    padding-left: 5%;
    padding-right: 5%;
    margin: 0 !important
}

.text-w-icon[data-size="2"] .text-w-icon__container {
    width: 50%
}

@media screen and (max-width: 480px) {
    .text-w-icon[data-size="2"] .text-w-icon__container {
        width: 100%;
        margin-bottom: 50px
    }
}

.text-w-icon[data-size="3"] .text-w-icon__container {
    width: 33.33%
}

@media screen and (max-width: 648px) {
    .text-w-icon[data-size="3"] .text-w-icon__container {
        width: 100%;
        margin-bottom: 50px
    }
}

.text-w-icon[data-size="4"] .text-w-icon__container {
    width: 33%
}

@media screen and (max-width: 1280px) {
    .text-w-icon[data-size="4"] .text-w-icon__container {
        width: 50%
    }

    .text-w-icon[data-size="4"] .text-w-icon__container:nth-child(-n+2) {
        margin-bottom: 100px
    }
}

@media screen and (max-width: 480px) {
    .text-w-icon[data-size="4"] .text-w-icon__container {
        width: 100%;
        margin-bottom: 50px
    }
}

.text-w-icon .text-w-icon__container:last-child {
    margin-bottom: 0 !important
}

.text-w-icon svg g {
    stroke-width: 2px
}

.text-w-icon__container {
    padding: 0 3%
}

.text-w-icon__icon {
    margin-bottom: 1.8em
}

.text-w-icon__icon svg * {
    stroke: #3BB6B4a8
}

@media screen and (max-width: 948px) {
    .text-w-icon__container {
        padding: 0 25px
    }

    .text-w-icon:first-child {
        padding-left: 0
    }

    .text-w-icon:last-child {
        padding-right: 0
    }
}

/*!
 *  3.1. Blog item
*/
.cols-2 .blog-item {
    width: 50%;
    padding: 0 25px;
    margin-bottom: 100px
}

@media screen and (max-width: 1280px) {
    .cols-2 .blog-item {
        padding: 0 1.6vw
    }
}

@media screen and (max-width: 948px) {
    .cols-2 .blog-item {
        padding: 0 12.5px;
        margin-bottom: 50px
    }
}

@media screen and (max-width: 648px) {
    .cols-2 .blog-item {
        width: 100%
    }
}

.cols-1 .blog-item {
    width: 100%;
    margin-bottom: 50px;
    display: flex
}

@media screen and (max-width: 648px) {
    .cols-1 .blog-item {
        flex-direction: column
    }
}

.cols-1 .blog-item .blog-item__content {
    flex: 1
}

.cols-1 .blog-item .blog-item__title {
    margin-bottom: .5em
}

.cols-1.blog--images-true .blog-item .blog-item__content {
    padding-right: 10%;
    padding-top: 7%
}

@media screen and (max-width: 1280px) {
    .cols-1.blog--images-true .blog-item .blog-item__content {
        padding-top: 5%
    }
}

@media screen and (max-width: 480px) {
    .cols-1.blog--images-true .blog-item .blog-item__content {
        padding-right: 2%
    }
}

.cols-4 .blog-item {
    margin-right: 25px;
    word-break: break-all
}

@media screen and (min-width: 1920px) {
    .cols-4 .blog-item {
        width: calc(20% - 30px)
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
    .cols-4 .blog-item {
        width: calc(25% - 31px)
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {
    .cols-4 .blog-item {
        width: calc(33.33% - 33px)
    }
}

@media screen and (max-width: 1023px) {
    .cols-4 .blog-item {
        width: calc(50% - 33px)
    }
}

@media screen and (max-width: 948px) {
    .cols-4 .blog-item {
        margin-right: 17px
    }
}

@media screen and (max-width: 768px) {
    .cols-4 .blog-item .blog-item__excerpt {
        display: none
    }
}

.cols-4 .blog-item .blog-item__title-holder {
    margin-top: 2em
}

.cols-4 .blog-item .blog-item__more {
    display: none
}

.cols-4 .blog-item .blog-item__title span {
    background-size: 0% 1px;
    background-position: 0 calc(1em + 3px)
}

.cols-4 .blog-item a:hover .blog-item__title span {
    background-size: 100% 1px
}

@media screen and (min-width: 1920px) {
    .cols-4[data-limit="4"] .blog-item {
        width: calc(25% - 31px)
    }
}

.blog-item__image {
    height: 0;
    position: relative;
    overflow: hidden
}

.blog--slider .blog-item__image {
    padding-top: 100%
}

.blog--grid .blog-item__image {
    padding-top: 66.666%
}

.cols-1 .blog-item__image {
    width: 50%;
    margin-right: 7%
}

@media screen and (max-width: 648px) {
    .cols-1 .blog-item__image {
        width: 100%;
        margin-right: 0
    }
}

.blog-item__image a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.blog-item__image a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, .36);
    opacity: 0;
    transition: opacity .2s linear
}

.blog-item__image a:hover:after {
    opacity: 1
}

.blog-item__image .placeholder {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(102, 51, 102, .036)
}

.blog--grid.cols-2 .blog-item__title-holder {
    padding-top: 2.5em
}

.blog-item__content {
    display: flex;
    flex-direction: column
}

.blog-item__title span {
    background-position: 0 calc(1em + 6px);
    background-image: linear-gradient(to right, #3BB6B4, #3BB6B4);
    background-size: 0% 2px;
    background-repeat: no-repeat;
    display: inline;
    padding-bottom: 3px;
    transition: all .15s linear
}

a:hover .blog-item__title span,
a.selected .blog-item__title span {
    background-size: 100% 2px
}

.blog-item__meta,
.article-meta {
    margin-top: .5em;
    margin-bottom: 2.5em;
    opacity: .36;
    font-style: italic
}

@media screen and (min-width: 1920px) {

    .blog-item__meta,
    .article-meta {
        font-size: 17.14286px;
        line-height: 1
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {

    .blog-item__meta,
    .article-meta {
        font-size: 16px;
        line-height: 1
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {

    .blog-item__meta,
    .article-meta {
        font-size: 14.85714px;
        line-height: 1
    }
}

@media screen and (max-width: 1023px) {

    .blog-item__meta,
    .article-meta {
        font-size: 13.71429px;
        line-height: 1
    }
}

.blog-item__meta>span:not(:last-child),
.article-meta>span:not(:last-child) {
    margin-right: 25px
}

.blog-item__more {
    border-bottom: 1px solid;
    display: inline
}

.blog-item__more:hover {
    color: #c2c4c4
}

/*!
 *  3.2. Breadcrumb
*/
.breadcrumb {
    padding-top: 2px;
    display: block;
    margin-top: -60px;
    z-index: 9
}

.breadcrumb span {
    line-height: 1.5;
    word-break: break-word
}

.breadcrumb span:not(:last-child) {
    margin-right: 11px
}

@media screen and (max-width: 480px) {
    .breadcrumb span:not(:last-child) {
        margin-right: 5px
    }
}

@media screen and (max-width: 948px) {
    .breadcrumb {
        margin-top: -25px
    }
}

@media screen and (max-width: 648px) {
    .breadcrumb {
        margin-top: -15px
    }
}

.breadcrumb__link {
    opacity: 1
}

.breadcrumb__link a {
    border-bottom: none !important
}

.breadcrumb__separator {
    opacity: .36
}

.breadcrumb__current {
    opacity: .66
}

/*!
 *  3.3. Cart fpr,
*/
.cart-item {
    display: flex;
    padding: 30px 60px 30px 0;
    align-items: center;
    position: relative
}

.cart-item:not(:last-child) {
    border-bottom: 1px solid rgba(102, 51, 102, .036)
}

.sidebar__cart .cart-item:not(:last-child) {
    border-bottom-color: #ffffff09
}

.cart-item .thumbnail {
    display: block;
    width: 84px;
    height: 100px
}

.cart-item .thumbnail img {
    vertical-align: middle
}

.cart-item .content {
    margin-left: 20px
}

.cart-item .content .title {
    display: block;
    margin-bottom: .725em;
    font-weight: 500
}

.sidebar__cart .cart-item .content .title {
    color: #fff
}

.cart-item .content .price {
    display: block;
    font-size: .935em
}

.cart-item .content .price .conditional-qty+div {
    margin-top: .425em
}

.cart-item .content .price strong {
    font-weight: 400
}

.cart-item .content .price span {
    opacity: .36
}

.cart-item .content small {
    font-size: .875em;
    font-style: italic;
    opacity: .66;
    display: block;
    margin-top: 5px
}

.cart-item .qty {
    width: 35px;
    height: 35px !important;
    text-align: center;
    opacity: .92;
    display: inline-block;
    font-size: 13px;
    transition: border-color .15s linear;
    padding: 0;
    color: #3BB6B4;
    border: 1px solid rgba(102, 51, 102, .096)
}

.sidebar__cart .cart-item .qty {
    color: #fff
}

.sidebar__cart .cart-item .qty {
    border: 1px solid rgba(255, 255, 255, .096)
}

.cart-item .qty:hover {
    border: 1px solid rgba(102, 51, 102, .16)
}

.sidebar__cart .cart-item .qty:hover {
    border: 1px solid rgba(255, 255, 255, .16)
}

.cart-item .qty:focus {
    border: 1px solid rgba(102, 51, 102, .36)
}

.sidebar__cart .cart-item .qty:focus {
    border: 1px solid rgba(255, 255, 255, .36)
}

.cart-item .qty::-webkit-inner-spin-button,
.cart-item .qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.cart-item .no-qty {
    position: absolute;
    right: 0;
    opacity: .66
}

.cart-item .actions {
    display: flex;
    position: absolute;
    right: -7px;
    align-items: center
}

.cart-item .remove {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 5px;
    cursor: pointer
}

.cart-item .remove span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.cart-item .remove svg {
    position: absolute;
    top: -16px;
    left: -6px;
    width: 36px;
    pointer-events: none
}

.cart-item .remove svg polygon {
    fill: #3BB6B4;
    transition: fill .15s linear
}

.sidebar__cart .cart-item .remove svg polygon {
    fill: #fff
}

.no-touch .cart-item .remove:hover svg polygon {
    fill: #c2c4c4
}

.sidebar__cart .no-touch .cart-item .remove:hover svg polygon {
    fill: #3BB6B4
}

.cart-item.remove-process {
    opacity: .3;
    pointer-events: none
}

.cart-actions {
    display: flex;
    margin-top: 60px
}

.cart-actions button,
.cart-actions input {
    flex: 1
}

.cart-details {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 50px
}

.cart-details>div {
    flex: 1
}

.template-cart .cart-details>div {
    padding-right: 50px
}

.template-cart .cart-details #CheckOut {
    min-width: 200px
}

.cart-details div+#CartTotal {
    margin-top: 1.4em
}

.sidebar__cart .cart-details {
    display: block
}

.sidebar__cart .cart-details>div {
    margin-bottom: 40px
}

#CartSubTotal {
    margin-bottom: .4em
}

#CartDiscounts {
    opacity: .66
}

#CartTotal {
    margin-bottom: .4em
}

.template-cart #ViewCart {
    display: none
}

.cart-buttons {
    display: flex
}

.cart-buttons>* {
    flex: 1
}

@media screen and (max-width: 768px) {
    .cart-details {
        display: block
    }

    .cart-details>div {
        margin-bottom: 40px
    }
}

.cart__form {
    position: relative
}

.cart__form.processing>*:not(.cart__preloader) {
    opacity: .16;
    pointer-events: none
}

.cart__form .alert,
.cart__form #shopify-product-reviews .spr-form-message,
#shopify-product-reviews .cart__form .spr-form-message {
    margin: 30px 0 0
}

.cart__items {
    margin-bottom: 30px
}

.cart-continue {
    margin-top: 30px;
    display: none
}

.cart-continue .button,
.cart-continue .shopify-challenge__button,
.cart-continue .shopify-payment-button__button--unbranded,
.cart-continue #shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .cart-continue .spr-summary-actions-newreview,
.cart-continue #spr-form .spr-button-primary,
#spr-form .cart-continue .spr-button-primary,
.cart-continue .delete-address a,
.delete-address .cart-continue a {
    display: block;
    text-align: center
}

.cart__preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 20px;
    height: 20px;
    transform: translate3d(-50%, -50%, 0);
    visibility: hidden
}

.cart__preloader:before {
    border-color: #fff;
    border-top-color: #3BB6B4
}

.cart__form.processing .cart__preloader {
    visibility: visible
}

.cart--empty .cart__details {
    display: none
}

.cart--empty .cart-continue {
    display: block
}

.cart__details textarea {
    width: 100%
}

.template-cart .cart-continue .button,
.template-cart .cart-continue .shopify-challenge__button,
.template-cart .cart-continue .shopify-payment-button__button--unbranded,
.template-cart .cart-continue #shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .template-cart .cart-continue .spr-summary-actions-newreview,
.template-cart .cart-continue #spr-form .spr-button-primary,
#spr-form .template-cart .cart-continue .spr-button-primary,
.template-cart .cart-continue .delete-address a,
.delete-address .template-cart .cart-continue a,
.template-cart .cart-actions .button,
.template-cart .cart-actions .shopify-challenge__button,
.template-cart .cart-actions .shopify-payment-button__button--unbranded,
.template-cart .cart-actions #shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .template-cart .cart-actions .spr-summary-actions-newreview,
.template-cart .cart-actions #spr-form .spr-button-primary,
#spr-form .template-cart .cart-actions .spr-button-primary,
.template-cart .cart-actions .delete-address a,
.delete-address .template-cart .cart-actions a {
    max-width: 320px
}

/*!
 *  3.4. Collection item
*/
.collection-item {
    position: relative;
    padding: 0 12.5px;
    margin-bottom: 25px
}

.collection-item:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 1920px) {
    .collection-item {
        width: 33.33%
    }
}

@media screen and (min-width: 768px) and (max-width: 1920px) {
    .collection-item {
        width: 50%
    }
}

@media screen and (max-width: 768px) {
    .collection-item {
        width: 100% !important
    }

    .collection-item .collection-item__link {
        padding-top: 36% !important
    }
}

@media screen and (max-width: 480px) {
    .collection-item .collection-item__link {
        padding-top: 56% !important
    }
}

.collection-item:first-child:last-child,
.collection-list:not(.layout-thirds) .collection-item:nth-child(2n+1):last-child,
.layout-fulls .collection-item {
    width: 100%;
    margin-bottom: 50px
}

.collection-item:first-child:last-child .collection-item__link,
.collection-list:not(.layout-thirds) .collection-item:nth-child(2n+1):last-child .collection-item__link,
.layout-fulls .collection-item .collection-item__link {
    padding-top: 36%
}

.layout-halves .collection-item {
    width: 50%
}

.layout-thirds .collection-item {
    width: 33.333%
}

.collection-item__link {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 72%;
    display: block
}

.collection-item__header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 50px;
    display: flex
}

@media screen and (max-width: 1280px) {
    .collection-item__header {
        padding: 3.2vw
    }
}

@media screen and (max-width: 948px) {
    .collection-item__header {
        padding: 25px
    }
}

.collection-item__header.horizontal-left {
    justify-content: flex-start;
    text-align: left
}

.collection-item__header.horizontal-center {
    justify-content: center;
    text-align: center
}

.collection-item__header.horizontal-right {
    justify-content: flex-end;
    text-align: right
}

.collection-item__header.vertical-top {
    align-items: flex-start
}

.collection-item__header.vertical-middle {
    align-items: center
}

.collection-item__header.vertical-bottom {
    align-items: flex-end
}

.collection-item__title {
    margin-bottom: .5em;
    display: inline-block
}

.collection-item__title span {
    background-position: 0 calc(1em + 6px);
    background-image: linear-gradient(to right, #3BB6B4, #3BB6B4);
    background-size: 0% 2px;
    background-repeat: no-repeat;
    display: inline;
    padding-bottom: 3px;
    transition: all .15s linear
}

a:hover .collection-item__title span,
a.selected .collection-item__title span {
    background-size: 100% 2px
}

.touch a .collection-item__title span {
    background-size: 100% 2px;
    position: relative;
    bottom: 2px
}

.collection-item__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.collection-item__background:after {
    content: "";
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/*!
 *  3.5. Lazy image
*/
.lazy-image,
.product-item__thumbnail {
    transition: background .2s linear;
    position: relative;
    background: rgba(102, 51, 102, .036)
}

.lazy-image img,
.product-item__thumbnail img {
    height: 100%;
    width: 100%;
    object-fit: fill !important;
    font-family: "object-fit: cover";
    transition: opacity .15s linear;
    vertical-align: bottom;
    opacity: 0;
	transform: scale(1) !important;
    transform: translateZ(0)
}

.lazy-image img.lazyloaded,
.product-item__thumbnail img.lazyloaded {
    opacity: 1
}

.lazy-image.lazy-image--background,
.lazy-image--background.product-item__thumbnail {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    z-index: 0;
    padding-top: 0 !important;
    transition: background .2s linear
}

.lazy-image.lazy-image--background img,
.lazy-image--background.product-item__thumbnail img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: "object-fit: cover";
/*     transition: opacity .15s linear */
}

.lazy-image[data-ratio],
[data-ratio].product-item__thumbnail {
    height: 0
}

.lazy-image[data-ratio] img,
[data-ratio].product-item__thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.lazy-image--hover,
.blog-item__header,
.no-touch .collection-item__link,
.no-touch .product-item a,
.touch .product-item a.hover,
.image-text__container>a,
.video-text__container>a,
.video-popup__link {
    overflow: hidden
}

.lazy-image--hover .lazy-image--background,
.blog-item__header .lazy-image--background,
.no-touch .collection-item__link .lazy-image--background,
.no-touch .product-item a .lazy-image--background,
.touch .product-item a.hover .lazy-image--background,
.image-text__container>a .lazy-image--background,
.video-text__container>a .lazy-image--background,
.video-popup__link .lazy-image--background {
    -webkit-backface-visibility: hidden;
    will-change: transform;
    transform: scale(1) translateZ(0);
    overflow: hidden;
    transition: background .2s linear, transform .3s linear
}

.lazy-image--hover:hover .lazy-image--background,
.blog-item__header:hover .lazy-image--background,
.no-touch .collection-item__link:hover .lazy-image--background,
.no-touch .product-item a:hover .lazy-image--background,
.touch .product-item a.hover:hover .lazy-image--background,
.image-text__container>a:hover .lazy-image--background,
.video-text__container>a:hover .lazy-image--background,
.video-popup__link:hover .lazy-image--background {
    transform: scale(1.1) translateZ(0)
}

.lazy-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(0deg, rgba(51, 51, 51, .3) 0%, rgba(51, 51, 51, .25) 20%, rgba(51, 51, 51, .2) 40%, rgba(51, 51, 51, .15) 60%, rgba(51, 51, 51, .1) 80%, rgba(51, 51, 51, .05) 90%, rgba(51, 51, 51, .02) 96%, rgba(51, 51, 51, 0) 100%);
    color: #fff;
    padding: 35px 15px 15px;
    line-height: 1
}

.lazy-preloader:before,
.cart__preloader:before,
.product__add-to-cart .preloader:before,
#zoom:before,
.mfp-preloader:before {
    width: 20px;
    height: 20px;
    content: "";
    border: 1px solid #f8f1f8;
    border-top: 1px solid #c2c4c4;
    border-radius: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    animation: lazy-spin 1s infinite linear
}

.lazyloaded+.lazy-preloader,
.lazyloaded+.cart__preloader,
.product__add-to-cart .lazyloaded+.preloader,
.lazyloaded+#zoom,
.lazyloaded+.mfp-preloader {
    display: none
}

@keyframes lazy-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.horizontal-center.vertical-middle+.image-text__background .lazy-preloader,
.horizontal-center.vertical-middle+.collection-header__background .lazy-preloader,
.horizontal-center.vertical-middle+.blog-header__background .lazy-preloader,
.horizontal-center.vertical-middle+.video-text__background .lazy-preloader,
.horizontal-center.vertical-middle+.image-text__background .cart__preloader,
.horizontal-center.vertical-middle+.collection-header__background .cart__preloader,
.horizontal-center.vertical-middle+.blog-header__background .cart__preloader,
.horizontal-center.vertical-middle+.video-text__background .cart__preloader,
.horizontal-center.vertical-middle+.image-text__background .product__add-to-cart .preloader,
.product__add-to-cart .horizontal-center.vertical-middle+.image-text__background .preloader,
.horizontal-center.vertical-middle+.collection-header__background .product__add-to-cart .preloader,
.product__add-to-cart .horizontal-center.vertical-middle+.collection-header__background .preloader,
.horizontal-center.vertical-middle+.blog-header__background .product__add-to-cart .preloader,
.product__add-to-cart .horizontal-center.vertical-middle+.blog-header__background .preloader,
.horizontal-center.vertical-middle+.video-text__background .product__add-to-cart .preloader,
.product__add-to-cart .horizontal-center.vertical-middle+.video-text__background .preloader,
.horizontal-center.vertical-middle+.image-text__background #zoom,
.horizontal-center.vertical-middle+.collection-header__background #zoom,
.horizontal-center.vertical-middle+.blog-header__background #zoom,
.horizontal-center.vertical-middle+.video-text__background #zoom,
.horizontal-center.vertical-middle+.image-text__background .mfp-preloader,
.horizontal-center.vertical-middle+.collection-header__background .mfp-preloader,
.horizontal-center.vertical-middle+.blog-header__background .mfp-preloader,
.horizontal-center.vertical-middle+.video-text__background .mfp-preloader,
.horizontal-center.vertical-middle+.slide__image .lazy-preloader,
.horizontal-center.vertical-middle+.slide__image .cart__preloader,
.horizontal-center.vertical-middle+.slide__image .product__add-to-cart .preloader,
.product__add-to-cart .horizontal-center.vertical-middle+.slide__image .preloader,
.horizontal-center.vertical-middle+.slide__image #zoom,
.horizontal-center.vertical-middle+.slide__image .mfp-preloader,
.horizontal-center.vertical-middle+.collection-item__background .lazy-preloader,
.horizontal-center.vertical-middle+.collection-item__background .cart__preloader,
.horizontal-center.vertical-middle+.collection-item__background .product__add-to-cart .preloader,
.product__add-to-cart .horizontal-center.vertical-middle+.collection-item__background .preloader,
.horizontal-center.vertical-middle+.collection-item__background #zoom,
.horizontal-center.vertical-middle+.collection-item__background .mfp-preloader {
    display: none
}

/*!
 *  3.6. Pagination
*/
.pagination {
    list-style: none;
    display: flex;
    margin: 50px 0 0;
    justify-content: center
}

.pagination li {
    cursor: default
}

.pagination li>a,
.pagination li>span {
    display: block;
    width: 36px;
    height: 36px;
    border-bottom: 1px solid transparent;
    text-align: center;
    margin: 0 7px;
    transition: all .1s linear;
    position: relative
}

.pagination li a:hover {
    border-color: #c2c4c4;
    color: #c2c4c4
}

.pagination li.active>span {
    border-color: #3BB6B4
}

.pagination li.arrow {
    height: 0
}

.pagination li.arrow>a {
    height: 0;
    border-color: transparent !important
}

.pagination li.arrow:first-child {
    margin-right: 20px
}

.pagination li.arrow:last-child {
    margin-left: 20px
}

.pagination li.arrow .prev {
    left: 12px
}

.pagination li.arrow.disabled {
    opacity: .12;
    pointer-events: none
}

.pagination path {
    fill: #3BB6B4;
    transition: all .1s linear
}

/*!
 *  3.7. Product item
*/
.product-item {
    position: relative;
    overflow: hidden
}

.product-item a {
    display: block;
    position: relative
}

.touch .product-item a.hover figure {
    transition: all .1s linear !important
}

.product-item .onboarding-svg {
    position: relative !important
}

.product-item__thumbnail {
    overflow: hidden
}

.product-item__thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7
}

.product-item__secondary-image {
    opacity: 0 !important;
    z-index: 8;
    transition: opacity .3s linear
}

.no-touch .product-item a:hover .product-item__secondary-image {
    opacity: 1 !important
}

.product-item__title {
    margin-bottom: 0;
   color:rgb(97, 97, 97);
}

.touch a.hover .product-item__title {
    background-size: 100% 1px !important;
    transition: none !important
}

.product-item__badge {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 8;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    padding: 15px 15px 14px;
    background: rgba(255, 255, 255, .5);
    color: #3BB6B4
}

.product-item__badge.product-item__badge--sale {
    color: #c2c4c4
}

.product-item__badge.product-item__badge--preorder,
.product-item__badge.product-item__badge--sold {
    color: #3BB6B480
}

@media screen and (max-width: 648px) {
    .product-item__badge {
        font-size: 11px;
        padding: 12px 11px 10px
    }
}

.product-item__price--compare {
    margin-left: 10px;
    opacity: .66
}

.product-item__caption {
    padding-top: 1.2em;
    min-height: 7em
}

@media screen and (max-width: 480px) {
    .product-item__caption {
        line-height: 1.5;
        min-height: 6em
    }

    .product-item__caption .product-item__price {
        margin-top: .2em
    }
}

@media screen and (min-width: 949px) {
    .collection--overlay .product-item__caption {
        margin-top: 0;
        color: #fff;
        padding: 12%;
        z-index: 9;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .collection--overlay .product-item__caption .product-item__title,
    .collection--overlay .product-item__caption .product-item__price {
        transform: translateY(20px);
        opacity: 0;
        transition: all 125ms ease-in-out 0ms
    }

    .collection--overlay .product-item__caption .product-item__title {
        transition-delay: 25ms
    }

    .collection--overlay .product-item__caption:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: -1;
        background: rgba(0, 0, 0, .3);
        transition: all 125ms ease-in-out .1s
    }

    .no-touch .collection--overlay .product-item a:hover .product-item__caption .product-item__title {
        transition-delay: .1s
    }

    .no-touch .collection--overlay .product-item a:hover .product-item__caption .product-item__price {
        transition-delay: 125ms
    }

    .no-touch .collection--overlay .product-item a:hover .product-item__caption .product-item__title,
    .no-touch .collection--overlay .product-item a:hover .product-item__caption .product-item__price {
        opacity: 1;
        transform: translateY(0)
    }

    .no-touch .collection--overlay .product-item a:hover .product-item__caption:before {
        transition-delay: 0ms;
        opacity: 1
    }
}

.collection--grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-gap: 25px;
    grid-gap: 25px;
    width: 100%
}

.collection--grid .product-item {
    width: 100%;
    margin: 0;
    padding: 0
}

.collection--grid .product-item.featured {
    -ms-grid-column: span 2;
    grid-column: span 2;
    -ms-grid-row: span 2;
    grid-row: span 2
}

.collection--grid .product-item.featured a {
    height: 100%
}

.collection--grid .product-item.featured .product-item__thumbnail {
    min-height: calc(100% - 7em)
}

@media screen and (min-width: 1920px) {
    .collection--grid {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media screen and (max-width: 1920px) {
    .collection--grid {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media screen and (max-width: 1174px) {
    .collection--grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width: 948px) {
    .collection--grid {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-gap: 17px;
        grid-gap: 17px
    }
}

@media screen and (max-width: 768px) {
    .collection--grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

.collection--slider,
#shopify-product-reviews .spr-reviews {
    display: flex;
    flex-wrap: wrap
}

.collection--slider.is-draggable,
#shopify-product-reviews .is-draggable.spr-reviews {
    padding-bottom: 60px
}

@media screen and (max-width: 948px) {

    .collection--slider.is-draggable,
    #shopify-product-reviews .is-draggable.spr-reviews {
        padding-bottom: 40px
    }
}

.gutter--on .collection--slider,
.gutter--on #shopify-product-reviews .spr-reviews,
#shopify-product-reviews .gutter--on .spr-reviews {
    width: calc(100% + 50px)
}

.gutter--on .collection--slider .product-item,
.gutter--on #shopify-product-reviews .spr-reviews .product-item,
#shopify-product-reviews .gutter--on .spr-reviews .product-item {
    margin-right: 25px
}

@media screen and (max-width: 948px) {

    .gutter--on .collection--slider .product-item,
    .gutter--on #shopify-product-reviews .spr-reviews .product-item,
    #shopify-product-reviews .gutter--on .spr-reviews .product-item {
        margin-right: 17px
    }
}

@media screen and (min-width: 1920px) {

    .gutter--on .collection--slider .product-item,
    .gutter--on #shopify-product-reviews .spr-reviews .product-item,
    #shopify-product-reviews .gutter--on .spr-reviews .product-item {
        width: calc(20% - 30px)
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {

    .gutter--on .collection--slider .product-item,
    .gutter--on #shopify-product-reviews .spr-reviews .product-item,
    #shopify-product-reviews .gutter--on .spr-reviews .product-item {
        width: calc(25% - 31px)
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {

    .gutter--on .collection--slider .product-item,
    .gutter--on #shopify-product-reviews .spr-reviews .product-item,
    #shopify-product-reviews .gutter--on .spr-reviews .product-item {
        width: calc(33.33% - 33px)
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

    .gutter--on .collection--slider .product-item,
    .gutter--on #shopify-product-reviews .spr-reviews .product-item,
    #shopify-product-reviews .gutter--on .spr-reviews .product-item {
        width: calc(50% - 33px)
    }
}

@media screen and (min-width: 480px) and (max-width: 768px) {

    .gutter--on .collection--slider .product-item,
    .gutter--on #shopify-product-reviews .spr-reviews .product-item,
    #shopify-product-reviews .gutter--on .spr-reviews .product-item {
        width: calc(33.33% - 28px)
    }
}

@media screen and (max-width: 480px) {

    .gutter--on .collection--slider .product-item,
    .gutter--on #shopify-product-reviews .spr-reviews .product-item,
    #shopify-product-reviews .gutter--on .spr-reviews .product-item {
        width: calc(50% - 33px)
    }
}

.collection--slider .flickity-viewport,
#shopify-product-reviews .spr-reviews .flickity-viewport {
    width: 100%
}

.collection--slider .flickity-page-dots,
#shopify-product-reviews .spr-reviews .flickity-page-dots,
.collection--slider .slider__dots,
#shopify-product-reviews .spr-reviews .slider__dots {
    bottom: 5px;
    height: 13px;
    background: transparent;
    padding: 0;
    margin-left: -25px
}

.collection--slider .flickity-page-dots .dot,
#shopify-product-reviews .spr-reviews .flickity-page-dots .dot,
.collection--slider .slider__dots .dot,
#shopify-product-reviews .spr-reviews .slider__dots .dot {
    background-color: #3BB6B429 !important
}

.collection--slider .flickity-page-dots .dot:last-child,
#shopify-product-reviews .spr-reviews .flickity-page-dots .dot:last-child,
.collection--slider .slider__dots .dot:last-child,
#shopify-product-reviews .spr-reviews .slider__dots .dot:last-child {
    margin-right: 0
}

.collection--slider .flickity-page-dots .dot.is-selected,
#shopify-product-reviews .spr-reviews .flickity-page-dots .dot.is-selected,
.collection--slider .slider__dots .dot.is-selected,
#shopify-product-reviews .spr-reviews .slider__dots .dot.is-selected {
    background-color: #3BB6B4 !important
}

.gutter--on .collection[data-limit] {
    width: calc(100% + 25px) !important;
    margin-left: -12.5px !important
}

.gutter--off .collection[data-limit] {
    width: 100% !important;
    margin-left: 0 !important
}

.collection[data-limit] .product-item {
    margin-right: 0 !important
}

.gutter--on .collection[data-limit] .product-item {
    padding-left: 12.5px !important;
    padding-right: 12.5px !important
}

.collection[data-limit="4"] .product-item {
    width: 25% !important
}

@media screen and (max-width: 480px) {
    .collection[data-limit="4"] .product-item {
        width: 50% !important
    }
}

.collection[data-limit="3"] .product-item {
    width: 33.33% !important
}

.collection[data-limit="2"] .product-item {
    width: 50% !important
}

.product-item__caption.reviews-visible {
    position: relative;
    padding-right: 60px
}

.product-item__reviews {
    position: absolute;
    top: calc(1.2em + 5px);
    right: 0
}

.product-item__reviews .spr-starrating {
    width: 55px !important
}

.product-item__reviews .spr-starrating:before {
    right: 0;
    left: auto !important
}

.product-item__reviews .spr-icon-star:after,
.product-item__reviews .spr-icon-star-half-alt:after {
    width: 32px !important;
    text-align: right !important
}

.product-item__reviews .spr-badge[data-rating="0.0"] {
    display: none !important
}

.product-item__reviews .spr-badge-caption {
    display: none
}

@media screen and (max-width: 479px) {
    .product-item__reviews {
        display: none
    }
}

/*!
 *  3.8. Search form
*/
.search-form {
    position: relative
}

.search-form input[type=search] {
    font-family: Maven Pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #3BB6B4;
    opacity: .66;
    transition: all .1s linear;
    padding-left: 0;
    border: none;
    border-bottom: 2px solid;
    width: 100%;
    height: 55px;
    padding-right: 28px
}

@media screen and (min-width: 1920px) {
    .search-form input[type=search] {
        font-size: 17.14286px;
        line-height: 1
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
    .search-form input[type=search] {
        font-size: 16px;
        line-height: 1
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {
    .search-form input[type=search] {
        font-size: 14.85714px;
        line-height: 1
    }
}

@media screen and (max-width: 1023px) {
    .search-form input[type=search] {
        font-size: 13.71429px;
        line-height: 1
    }
}

.search-form input[type=search]::placeholder {
    color: #3BB6B4;
    opacity: 1
}

.search-form input[type=search]+button {
    opacity: .66;
    transition: all .1s linear
}

.search-form input[type=search]:hover {
    opacity: .86
}

.search-form input[type=search]:hover+button {
    opacity: .86
}

.search-form input[type=search]:focus,
.search-form input[type=search].filled {
    opacity: 1 !important
}

.search-form input[type=search]:focus+button,
.search-form input[type=search].filled+button {
    opacity: 1 !important
}

.search-form button[type=submit] {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 18px;
    right: 0;
    cursor: pointer
}

.search-form button[type=submit] svg {
    width: 100%;
    height: 100%
}

.search-form path {
    fill: #3BB6B4
}

/*!
 *  3.9. Share popup
*/
.share-link,
.article__navigation a {
    margin-top: 55px;
    margin-bottom: -5px;
    display: block;
    cursor: pointer;
    border: none !important;
    transition: all .1s linear
}

.share-link .text,
.article__navigation a .text {
    position: relative;
    top: -5px;
    margin-left: 10px
}

.no-touch .share-link:hover,
.no-touch .article__navigation a:hover,
.article__navigation .no-touch a:hover {
    color: #c2c4c4
}

.no-touch .share-link:hover svg path,
.no-touch .article__navigation a:hover svg path,
.article__navigation .no-touch a:hover svg path {
    fill: #c2c4c4
}

.share-popup {
    text-align: center;
    display: flex;
    width: 30%;
    max-width: 420px;
    min-width: 320px;
    margin: auto;
    background: #fff;
    padding: 70px 50px;
    flex-direction: column;
    position: relative
}

.share-popup span {
    margin-bottom: 1.2em
}

.share-popup a {
    margin-top: .9em
}

.share-popup .mfp-close {
    color: #3BB6B4;
    opacity: 1;
    top: 5px;
    right: 5px;
    transition: all .1s linear
}

.no-touch .share-popup .mfp-close:hover {
    color: #c2c4c4
}

/*!
 *  4.1. Article
*/
.article {
    display: flex;
    flex-direction: column-reverse
}

.article svg path {
    fill: #3BB6B4;
    transition: all .1s linear
}

.article__image {
    position: relative;
    height: 50vh
}

@media screen and (max-width: 768px) {
    .article__image {
        height: 40vh
    }
}

.article__navigation {
    display: flex;
    justify-content: space-between
}

.article__navigation .next-article .text {
    margin-left: 0;
    margin-right: 10px
}

.article__navigation a {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.article__navigation a .text {
    top: -7px
}

@media screen and (max-width: 480px) {
    .article__navigation a .text {
        display: none
    }
}

.article__comments,
.comments__form {
    margin-top: 100px
}

.comments__form small {
    margin-top: 1em;
    display: block
}

.comments {
    list-style: none;
    margin-top: 30px
}

.comment:not(:last-child) {
    margin-bottom: 40px
}

.comment>span {
    display: block
}

.comment__author {
    font-weight: 700;
    margin-bottom: .3em
}

.comment__content {
    margin-top: 1em
}

/*!
 *  4.2. Blog
*/
.template-blog .blog--grid.cols-1 {
    margin: 0 50px
}

.template-blog .blog--grid.cols-2 {
    width: calc(100% - 50px);
    margin-left: 25px
}

.blog-tags {
    margin-bottom: -20px !important
}

.blog-tags a {
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 20px
}

@media screen and (max-width: 1280px) {

    .template-blog .blog--grid.cols-1,
    .template-index .blog--grid.cols-1 {
        margin: 0 3.2vw
    }
}

@media screen and (max-width: 948px) {

    .template-blog .blog--grid.cols-1,
    .template-index .blog--grid.cols-1 {
        margin: 0 25px
    }
}

@media screen and (max-width: 1280px) {

    .template-blog .blog--grid.cols-2,
    .template-index .blog--grid.cols-2 {
        width: calc(100% - 3.2vw);
        margin-left: 1.6vw
    }
}

@media screen and (max-width: 948px) {

    .template-blog .blog--grid.cols-2,
    .template-index .blog--grid.cols-2 {
        width: calc(100% - 25px);
        margin-left: 12.5px
    }
}

@media screen and (max-width: 1280px) {
    .template-index .blog--grid.cols-2 {
        margin-left: -1.6vw;
        width: calc(100% + 3.2vw)
    }
}

@media screen and (max-width: 948px) {
    .template-index .blog--grid.cols-2 {
        width: calc(100% + 25px)
    }
}

/*!
 *  4.3. Collection
*/
.template-collection .breadcrumb,
.template-search .breadcrumb {
    margin-bottom: 1.8em
}

.template-collection .gutter--on,
.template-search .gutter--on {
    margin-left: 50px;
    margin-right: 50px
}

@media screen and (max-width: 1280px) {

    .template-collection .gutter--on,
    .template-search .gutter--on {
        margin-left: 3.2vw;
        margin-right: 3.2vw
    }
}

@media screen and (max-width: 948px) {

    .template-collection .gutter--on,
    .template-search .gutter--on {
        margin-left: 25px;
        margin-right: 25px
    }
}

.collection-header,
.blog-header,
.list-collections-header,
.search-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    z-index: 9;
    margin: 0px 60px 60px;
}

@media screen and (max-width: 1280px) {

    .collection-header,
    .blog-header,
    .list-collections-header,
    .search-header {
        margin: 100px 3.2vw 50px
    }
}

@media screen and (max-width: 948px) {

    .collection-header,
    .blog-header,
    .list-collections-header,
    .search-header {
        margin: 70px 25px 50px
    }
}

@media screen and (max-width: 648px) {

    .collection-header,
    .blog-header,
    .list-collections-header,
    .search-header {
        margin-top: 50px;
        margin-bottom: 30px
    }
}

.collection-header.has-image,
.has-image.blog-header,
.has-image.list-collections-header,
.has-image.search-header {
    min-height: 420px;
    margin: 0;
    padding: 50px
}

@media screen and (max-width: 1280px) {

    .collection-header.has-image,
    .has-image.blog-header,
    .has-image.list-collections-header,
    .has-image.search-header {
        padding: 3.2vw
    }
}

@media screen and (max-width: 948px) {

    .collection-header.has-image,
    .has-image.blog-header,
    .has-image.list-collections-header,
    .has-image.search-header {
        padding: 25px
    }
}

@media screen and (max-height: 768px) {

    .collection-header.has-image,
    .has-image.blog-header,
    .has-image.list-collections-header,
    .has-image.search-header {
        min-height: 320px
    }
}

.collection-header.has-image+.gutter--on,
.has-image.blog-header+.gutter--on,
.has-image.list-collections-header+.gutter--on,
.has-image.search-header+.gutter--on {
    margin-top: 50px
}

@media screen and (max-width: 948px) {

    .collection-header.has-image+.gutter--on,
    .has-image.blog-header+.gutter--on,
    .has-image.list-collections-header+.gutter--on,
    .has-image.search-header+.gutter--on {
        margin-top: 25px
    }
}

.collection-header.has-image+.gutter--off .collection--classic,
.has-image.blog-header+.gutter--off .collection--classic,
.has-image.list-collections-header+.gutter--off .collection--classic,
.has-image.search-header+.gutter--off .collection--classic {
    margin-top: 25px
}

.collection-header .button .symbol,
.blog-header .button .symbol,
.list-collections-header .button .symbol,
.search-header .button .symbol,
.collection-header .shopify-challenge__button .symbol,
.blog-header .shopify-challenge__button .symbol,
.list-collections-header .shopify-challenge__button .symbol,
.search-header .shopify-challenge__button .symbol,
.collection-header .shopify-payment-button__button--unbranded .symbol,
.blog-header .shopify-payment-button__button--unbranded .symbol,
.list-collections-header .shopify-payment-button__button--unbranded .symbol,
.search-header .shopify-payment-button__button--unbranded .symbol,
.collection-header #shopify-product-reviews .spr-summary-actions-newreview .symbol,
#shopify-product-reviews .collection-header .spr-summary-actions-newreview .symbol,
.blog-header #shopify-product-reviews .spr-summary-actions-newreview .symbol,
#shopify-product-reviews .blog-header .spr-summary-actions-newreview .symbol,
.list-collections-header #shopify-product-reviews .spr-summary-actions-newreview .symbol,
#shopify-product-reviews .list-collections-header .spr-summary-actions-newreview .symbol,
.search-header #shopify-product-reviews .spr-summary-actions-newreview .symbol,
#shopify-product-reviews .search-header .spr-summary-actions-newreview .symbol,
.collection-header #spr-form .spr-button-primary .symbol,
#spr-form .collection-header .spr-button-primary .symbol,
.blog-header #spr-form .spr-button-primary .symbol,
#spr-form .blog-header .spr-button-primary .symbol,
.list-collections-header #spr-form .spr-button-primary .symbol,
#spr-form .list-collections-header .spr-button-primary .symbol,
.search-header #spr-form .spr-button-primary .symbol,
#spr-form .search-header .spr-button-primary .symbol,
.collection-header .delete-address a .symbol,
.delete-address .collection-header a .symbol,
.blog-header .delete-address a .symbol,
.delete-address .blog-header a .symbol,
.list-collections-header .delete-address a .symbol,
.delete-address .list-collections-header a .symbol,
.search-header .delete-address a .symbol,
.delete-address .search-header a .symbol {
    position: relative;
    top: 5px;
    margin-left: 20px
}

.collection-header__container,
.blog-header__container,
.list-collections-header__container,
.search-header__container {
    width: 70%;
    max-width: 100%;
    min-width: 360px;
    margin-top: 50px;
    flex: 1
}

.collection-header__container>.h1,
.blog-header__container>.h1,
.list-collections-header__container>.h1,
.search-header__container>.h1,
#shopify-product-reviews .collection-header__container>.spr-header-title,
#shopify-product-reviews .blog-header__container>.spr-header-title,
#shopify-product-reviews .list-collections-header__container>.spr-header-title,
#shopify-product-reviews .search-header__container>.spr-header-title {
    padding-right: 50px
}

.collection-body__description {
    margin-bottom: 50px
}

@media screen and (max-width: 948px) {
    .collection-body__description {
        margin-bottom: 25px
    }
}

.collection-header__background,
.blog-header__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.no-content-message {
    grid-column: span 4
}

.collection-filters-handle-holder {
    height: 0;
    top: -55px;
    position: relative
}

.collection__filters {
    width: 450px;
    right: 0;
    left: auto;
    z-index: 9991
}

.collection__filters>div {
    padding: 100px 50px;
    color: #3BB6B4
}

.collection__filters>div:after {
    top: 0;
    right: 0;
    left: auto;
    background: white;
    border-color: #fff;
    transition: all .15s cubic-bezier(.4, 0, 1, 1) .1s
}

.collection__filters .filters {
    opacity: 0;
    visibility: hidden;
    transition: all .15s cubic-bezier(.4, 0, 1, 1);
    height: 100vh;
    overflow-y: scroll;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none
}

.collection__filters .filters::-webkit-scrollbar {
    width: 0 !important
}

.collection__filters.opened>div:after {
    width: 100%;
    visibility: visible;
    transition: all .15s cubic-bezier(.4, 0, 1, 1)
}

.collection__filters.opened .filters {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
    transition: all .15s cubic-bezier(.4, 0, 1, 1) 50ms
}

.collection__filters .option {
    width: 100%;
    margin-bottom: 50px
}

.collection__filters .option label {
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    margin-bottom: 1em
}

.collection__filters .option select:not(.styled) {
    opacity: 0
}

.collection__filters .actions {
    display: flex
}

.collection__filters .actions button {
    width: 50%
}

@media screen and (max-width: 948px) {
    .collection__filters {
        background: white;
        width: 360px;
        visibility: visible;
        transform: translate(100%);
        transition: all .12s linear
    }

    .collection__filters.opened {
        transform: translate(0)
    }

    .collection__filters>div {
        padding: 100px 30px
    }
}

@media screen and (max-width: 360px) {
    .collection__filters {
        width: 100%
    }

    .collection__filters>div {
        padding: 100px 20px
    }
}

.collection__filters-close {
    top: 35px;
    right: 55px
}

@media screen and (max-width: 948px) {
    .collection__filters-close {
        right: 35px
    }
}

.collection__filters-close svg polygon {
    fill: #3BB6B4 !important
}

.collection__filters.opened .collection__filters-close {
    opacity: 1;
    visibility: visible;
    transition: all 50ms linear 50ms
}

.filters-overlay-background {
    z-index: 999
}

@media screen and (max-width: 648px) {

    .collection-header.has-filters,
    .has-filters.blog-header,
    .has-filters.list-collections-header,
    .has-filters.search-header {
        margin-bottom: 95px
    }

    .collection-header.has-filters .collection-filters-handle-holder,
    .has-filters.blog-header .collection-filters-handle-holder,
    .has-filters.list-collections-header .collection-filters-handle-holder,
    .has-filters.search-header .collection-filters-handle-holder {
        width: 100%;
        position: absolute;
        bottom: -22px;
        top: auto;
        opacity: .66
    }

    .collection-header.has-filters .collection-filters-handle-holder .button,
    .has-filters.blog-header .collection-filters-handle-holder .button,
    .has-filters.list-collections-header .collection-filters-handle-holder .button,
    .has-filters.search-header .collection-filters-handle-holder .button,
    .collection-header.has-filters .collection-filters-handle-holder .shopify-challenge__button,
    .has-filters.blog-header .collection-filters-handle-holder .shopify-challenge__button,
    .has-filters.list-collections-header .collection-filters-handle-holder .shopify-challenge__button,
    .has-filters.search-header .collection-filters-handle-holder .shopify-challenge__button,
    .collection-header.has-filters .collection-filters-handle-holder .shopify-payment-button__button--unbranded,
    .has-filters.blog-header .collection-filters-handle-holder .shopify-payment-button__button--unbranded,
    .has-filters.list-collections-header .collection-filters-handle-holder .shopify-payment-button__button--unbranded,
    .has-filters.search-header .collection-filters-handle-holder .shopify-payment-button__button--unbranded,
    .collection-header.has-filters .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview,
    #shopify-product-reviews .collection-header.has-filters .collection-filters-handle-holder .spr-summary-actions-newreview,
    .has-filters.blog-header .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview,
    #shopify-product-reviews .has-filters.blog-header .collection-filters-handle-holder .spr-summary-actions-newreview,
    .has-filters.list-collections-header .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview,
    #shopify-product-reviews .has-filters.list-collections-header .collection-filters-handle-holder .spr-summary-actions-newreview,
    .has-filters.search-header .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview,
    #shopify-product-reviews .has-filters.search-header .collection-filters-handle-holder .spr-summary-actions-newreview,
    .collection-header.has-filters .collection-filters-handle-holder #spr-form .spr-button-primary,
    #spr-form .collection-header.has-filters .collection-filters-handle-holder .spr-button-primary,
    .has-filters.blog-header .collection-filters-handle-holder #spr-form .spr-button-primary,
    #spr-form .has-filters.blog-header .collection-filters-handle-holder .spr-button-primary,
    .has-filters.list-collections-header .collection-filters-handle-holder #spr-form .spr-button-primary,
    #spr-form .has-filters.list-collections-header .collection-filters-handle-holder .spr-button-primary,
    .has-filters.search-header .collection-filters-handle-holder #spr-form .spr-button-primary,
    #spr-form .has-filters.search-header .collection-filters-handle-holder .spr-button-primary,
    .collection-header.has-filters .collection-filters-handle-holder .delete-address a,
    .delete-address .collection-header.has-filters .collection-filters-handle-holder a,
    .has-filters.blog-header .collection-filters-handle-holder .delete-address a,
    .delete-address .has-filters.blog-header .collection-filters-handle-holder a,
    .has-filters.list-collections-header .collection-filters-handle-holder .delete-address a,
    .delete-address .has-filters.list-collections-header .collection-filters-handle-holder a,
    .has-filters.search-header .collection-filters-handle-holder .delete-address a,
    .delete-address .has-filters.search-header .collection-filters-handle-holder a {
        width: 100%;
        text-align: left
    }

    .collection-header.has-filters .collection-filters-handle-holder .button>span,
    .has-filters.blog-header .collection-filters-handle-holder .button>span,
    .has-filters.list-collections-header .collection-filters-handle-holder .button>span,
    .has-filters.search-header .collection-filters-handle-holder .button>span,
    .collection-header.has-filters .collection-filters-handle-holder .shopify-challenge__button>span,
    .has-filters.blog-header .collection-filters-handle-holder .shopify-challenge__button>span,
    .has-filters.list-collections-header .collection-filters-handle-holder .shopify-challenge__button>span,
    .has-filters.search-header .collection-filters-handle-holder .shopify-challenge__button>span,
    .collection-header.has-filters .collection-filters-handle-holder .shopify-payment-button__button--unbranded>span,
    .has-filters.blog-header .collection-filters-handle-holder .shopify-payment-button__button--unbranded>span,
    .has-filters.list-collections-header .collection-filters-handle-holder .shopify-payment-button__button--unbranded>span,
    .has-filters.search-header .collection-filters-handle-holder .shopify-payment-button__button--unbranded>span,
    .collection-header.has-filters .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview>span,
    #shopify-product-reviews .collection-header.has-filters .collection-filters-handle-holder .spr-summary-actions-newreview>span,
    .has-filters.blog-header .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview>span,
    #shopify-product-reviews .has-filters.blog-header .collection-filters-handle-holder .spr-summary-actions-newreview>span,
    .has-filters.list-collections-header .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview>span,
    #shopify-product-reviews .has-filters.list-collections-header .collection-filters-handle-holder .spr-summary-actions-newreview>span,
    .has-filters.search-header .collection-filters-handle-holder #shopify-product-reviews .spr-summary-actions-newreview>span,
    #shopify-product-reviews .has-filters.search-header .collection-filters-handle-holder .spr-summary-actions-newreview>span,
    .collection-header.has-filters .collection-filters-handle-holder #spr-form .spr-button-primary>span,
    #spr-form .collection-header.has-filters .collection-filters-handle-holder .spr-button-primary>span,
    .has-filters.blog-header .collection-filters-handle-holder #spr-form .spr-button-primary>span,
    #spr-form .has-filters.blog-header .collection-filters-handle-holder .spr-button-primary>span,
    .has-filters.list-collections-header .collection-filters-handle-holder #spr-form .spr-button-primary>span,
    #spr-form .has-filters.list-collections-header .collection-filters-handle-holder .spr-button-primary>span,
    .has-filters.search-header .collection-filters-handle-holder #spr-form .spr-button-primary>span,
    #spr-form .has-filters.search-header .collection-filters-handle-holder .spr-button-primary>span,
    .collection-header.has-filters .collection-filters-handle-holder .delete-address a>span,
    .delete-address .collection-header.has-filters .collection-filters-handle-holder a>span,
    .has-filters.blog-header .collection-filters-handle-holder .delete-address a>span,
    .delete-address .has-filters.blog-header .collection-filters-handle-holder a>span,
    .has-filters.list-collections-header .collection-filters-handle-holder .delete-address a>span,
    .delete-address .has-filters.list-collections-header .collection-filters-handle-holder a>span,
    .has-filters.search-header .collection-filters-handle-holder .delete-address a>span,
    .delete-address .has-filters.search-header .collection-filters-handle-holder a>span {
        position: absolute;
        right: 20px
    }

    .collection-header.has-filters.has-image,
    .has-filters.has-image.blog-header,
    .has-filters.has-image.list-collections-header,
    .has-filters.has-image.search-header {
        min-height: 275px
    }

    .collection-header.has-filters.has-image .collection-filters-handle-holder,
    .has-filters.has-image.blog-header .collection-filters-handle-holder,
    .has-filters.has-image.list-collections-header .collection-filters-handle-holder,
    .has-filters.has-image.search-header .collection-filters-handle-holder {
        width: calc(100% - 50px)
    }
}

/*!
 *  4.4. Gift card
*/
.template-gift-card {
    height: 100vh;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.gift-card {
    width: 100%;
    max-width: 620px
}

.gift-card-logo {
    display: inline-block;
    margin-bottom: 20px
}

.gift-card-content {
    border: 1px solid rgba(102, 51, 102, .16);
    padding: 50px;
    position: relative
}

.gift-card__icon {
    position: absolute;
    width: 64px;
    height: 64px;
    top: -55px;
    right: 20px;
    background: white
}

.gift-card__code {
    margin-top: 20px
}

.gift-card-qr {
    display: block;
    background: #fff;
    margin: 20px 0 0
}

.gift-card-qr #QrCode {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .16);
    width: 142px
}

.add-to-apple-wallet {
    height: 55px;
    vertical-align: bottom
}

@media screen and (max-width: 480px) {
    .gift-card-content {
        padding: 25px
    }

    .gift-card__actions a {
        width: 100%
    }

    .gift-card__actions a:first-child {
        margin-bottom: 10px
    }
}

/*!
 *  4.5. List collections
*/
.list-collections-header .breadcrumb {
    margin-bottom: 1.8em
}

.list-collections-container {
    margin-bottom: 75px
}

@media screen and (max-width: 948px) {
    .list-collections-container {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 480px) {
    .list-collections-container {
        margin-bottom: 25px
    }
}

/*!
 *  4.6. Password
*/
.password {
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

.password-content-wrapper {
    max-width: 600px;
    margin: auto;
    text-align: center;
    flex: 1 0 auto
}

.password-content-wrapper h1 {
    margin: 6em 0 4em
}

.password-content {
    padding: 0 30px
}

.password-login {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 15px;
    font-weight: 600;
    margin: 40px 60px 0 0;
    padding-right: 40px
}

.password-login .symbol {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0px
}

.password-login .symbol * {
    stroke: #3BB6B4
}

.template-password .mfp-close {
    color: #3BB6B4;
    opacity: 1;
    top: 40px !important;
    right: 40px !important
}

.template-password a:not(.logo__image):not(.logo__text):not(.js-toggle-login-modal) {
    border-bottom: 1px solid
}

.password-input-group {
    max-width: 425px;
    margin: 70px auto 35px
}

.password-input-group>input {
    width: 100%
}

.password-input-group .button,
.password-input-group .shopify-challenge__button,
.password-input-group .shopify-payment-button__button--unbranded,
.password-input-group #shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .password-input-group .spr-summary-actions-newreview,
.password-input-group #spr-form .spr-button-primary,
#spr-form .password-input-group .spr-button-primary,
.password-input-group .delete-address a,
.delete-address .password-input-group a {
    margin-top: 20px
}

#login-modal {
    text-align: center
}

.password-footer {
    text-align: center;
    padding-bottom: 40px;
    opacity: .36
}

@media all and (max-width: 480px) {
    .password-input-group {
        width: 300px;
        margin: 30px auto 35px
    }

    .password-input-group input[type=text],
    .password-input-group input[type=password] {
        width: calc(100% - 100px)
    }

    .password-input-group input[type=submit] {
        width: 100px;
        font-size: 12px
    }
}

.template-password .mfp-bg {
    background: white;
    opacity: 1
}

/*!
 *  4.7. Product
*/
.product {
    position: relative;
    display: flex;
    align-items: flex-start
}

.desktop-breadcrumb {
    display: block
}

@media screen and (max-width: 1023px) {
    .desktop-breadcrumb {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    .desktop-breadcrumb+.product__header {
        margin-top: -20px
    }
}

.desktop-breadcrumb .breadcrumb {
    margin: 0 !important;
    position: relative;
    top: -60px
}

.mobile-breadcrumb {
    display: none
}

@media screen and (max-width: 1023px) {
    .mobile-breadcrumb {
        display: block;
        order: 9
    }

    .mobile-breadcrumb~.product__gallery .product-gallery--gutter {
        padding-top: 0
    }
}

.mobile-breadcrumb .breadcrumb {
    margin: 0 !important
}

@media screen and (max-width: 1280px) {
    .mobile-breadcrumb .breadcrumb {
        padding-left: 3.2vw;
        padding-right: 3.2vw
    }
}

@media screen and (max-width: 948px) {
    .mobile-breadcrumb .breadcrumb {
        padding-left: 25px;
        padding-right: 25px
    }
}

.product__text {
    /* width: 35%; */
    width: 40%;
    /* max-width: unset!important; */
    /* min-width: 300px; */
    /* max-width: 400px; */
    min-height: 100vh;
    padding: 100px 50px;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 1280px) {
    .product__text {
        padding: 100px 3.2vw
    }
}

@media screen and (max-width: 948px) {
    .product__text {
        padding: 100px 25px
    }
}

.product__text .share-link svg *,
.product__text .article__navigation a svg *,
.article__navigation .product__text a svg * {
    fill: #3BB6B4;
    transition: all .1s linear
}

.product__text .share-link:hover svg *,
.product__text .article__navigation a:hover svg *,
.article__navigation .product__text a:hover svg * {
    fill: #c2c4c4
}

.product__header {
    display: flex;
    flex-direction: column
}

.product__title {
    order: 1;
    color: rgb(97, 97, 97);
}

@media screen and (min-width: 648px) and (max-width: 948px) {
    .product__title {
        font-size: 37.33333px;
        line-height: 1.2
    }
}

.product__vendor {
    order: 0
}

.product__price {
    order: 2;
    font-weight: 500;
    line-height: 1;
    margin-top: 20px;
}

.product__price--compare {
    opacity: .66;
    margin-left: 10px
}

.product__sku {
    order: 3;
    opacity: .66;
    margin-top: 6px
}

.product__content {
    margin-top: 35px;
    flex: auto
}

@media screen and (max-width: 1280px) {
    .product__content {
        margin-top: 14%
    }
}

.product__offers {
    margin-bottom: 60px
}

@media screen and (max-width: 1280px) {
    .product__offers {
        margin-bottom: 23%
    }
}

.product__quantity {
    width: 85px;
    height: 55px;
    position: relative;
    transition: all .1s linear;
    border: 1px solid rgba(102, 51, 102, .08);
    display: inline-block
}

.product__quantity:hover {
    border-color: #3BB6B429
}

.product__quantity input {
    color: #3BB6B4;
    line-height: 55px;
    text-align: center;
    width: 100%;
    top: 0px;
    position: absolute;
    border: none;
    padding: 0 26px
}

.product__quantity button {
    position: absolute;
    top: 21px;
    width: 12px;
    height: 12px;
    left: 12px;
    cursor: pointer;
    z-index: 9;
    transition: all .1s linear;
    opacity: .36
}

.product__quantity button svg {
    position: absolute;
    top: -6px;
    left: -6px
}

.product__quantity button.quantity__plus {
    right: 12px;
    left: auto
}

.product__quantity button:hover {
    opacity: .66
}

.product__quantity button.disabled {
    opacity: .6
}

.product__quantity path {
    fill: #3BB6B4
}

.product__cart-functions {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.product__add-to-cart {
    width: 100%;
    position: relative;
    overflow: hidden;
    border: none;
    background: #3BB6B4
}

.product__add-to-cart.disabled {
    width: 100% !important;
    margin-left: 0 !important;
    opacity: .16;
    cursor: normal;
    pointer-events: none
}

.product__add-to-cart.disabled+.shopify-payment-button {
    display: none
}

.product__add-to-cart .preloader {
    opacity: 1;
    top: 31px;
    margin-left: -7px
}

.product__add-to-cart .preloader:before {
    width: 12px;
    height: 12px
}

.product__add-to-cart:after {
    content: "";
    background: #c2c4c4;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    transition: .15s height cubic-bezier(.4, 0, .2, 1) 50ms
}

.product__add-to-cart>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9
}

.product__add-to-cart>span.add-to-cart__text {
    color: #fff;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1)
}

.product__add-to-cart>span.add-to-cart__symbol {
    transform: translateY(100%);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1)
}

.product__add-to-cart>span.add-to-cart__symbol svg {
    margin-left: 0;
    position: relative;
    top: 9px
}

.product__add-to-cart>span.add-to-cart__symbol path {
    stroke: #fff;
    fill: none !important
}

.product__add-to-cart:hover:after,
.product__add-to-cart.working:after {
    height: 100%
}

.product__add-to-cart:hover .add-to-cart__text,
.product__add-to-cart.working .add-to-cart__text {
    transform: translateY(-100%)
}

.product__add-to-cart:hover .add-to-cart__symbol,
.product__add-to-cart.working .add-to-cart__symbol {
    transform: translateY(0);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1) .1s
}

.product__add-to-cart.working {
    pointer-events: none
}

.product__add-to-cart.working:after {
    bottom: auto;
    top: 0
}

.product__add-to-cart.working .add-to-cart__text {
    transform: translateY(100%);
    transition: none
}

.product__add-to-cart.done {
    pointer-events: none
}

.product__add-to-cart.done:after {
    height: 0
}

.product__add-to-cart.done .add-to-cart__symbol {
    transform: translateY(-100%);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1)
}

.product__add-to-cart.done .add-to-cart__text {
    transform: translateY(0);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1)
}

.product__add-to-cart.clear {
    pointer-events: none
}

.product__add-to-cart.clear>span {
    transition: none
}

.product__quantity+.product__add-to-cart {
    width: calc(100% - 110px);
    margin-left: 25px
}

.product__variants {
    width: 100%;
    position: relative;
    z-index: 99
}

.product__variant-holder {
    width: 100%;
    margin-bottom: 24px
}

.product__variant:not(.styled) {
    display: none
}

.product__availability {
    margin-top: 24px;
    display: block;
    font-style: italic
}

.variant-quantity {
    display: block;
    font-style: italic;
    opacity: .66;
    margin-top: 24px;
    line-height: 1.3
}

.shopify-payment-button {
    width: 100%;
    margin-top: 24px
}

.shopify-payment-button__button {
    min-height: 55px !important;
    border-radius: 0 !important
}

.shopify-payment-button__more-options {
    color: #3BB6B4;
    font-size: 11px !important;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none !important;
    width: auto !important;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid transparent;
    transition: all .15s linear
}

.shopify-payment-button__more-options:hover {
    border-bottom-color: inherit
}

.shopify-payment-button__button--hidden {
    display: none
}

.product__description>div>*:last-child {
    margin-bottom: 0
}

.truncated {
    overflow: hidden;
    position: relative;
    transition: max-height .2s ease-in-out
}

.truncated:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    visibility: visible;
    transition: all .1s linear;
    background: white;
    background: linear-gradient(0deg, white 0%, white 10%, rgba(255, 255, 255, 0) 100%)
}

.truncated.truncated--show:after {
    opacity: 0;
    visibility: hidden
}

.truncated--small {
    max-height: 100px
}

.truncated--medium {
    max-height: 150px
}

.truncated--large {
    max-height: 200px
}

.truncated__trigger {
    cursor: pointer;
    font-style: italic;
    margin-top: 5px;
    display: inline-block
}

.truncated--show+.truncated__trigger {
    opacity: .16
}

.product__text .toggles {
    margin-top: 60px
}

@media screen and (max-width: 1280px) {
    .product__text .toggles {
        margin-top: 23%
    }
}

.product__gallery {
    display: flex;
    flex: 1;
    width: 100%
}

.product__gallery .product-gallery {
    width: 100%
}

.product-gallery__item {
    position: relative;
    margin-bottom: -10px;
    overflow: hidden
}

@media screen and (min-width: 769px) {
    .product-gallery.flickity-enabled:not(.product-gallery--fill) .product-gallery__item {
        opacity: .16;
        transition: opacity .3s cubic-bezier(.39, .575, .565, 1)
    }

    .product-gallery.flickity-enabled:not(.product-gallery--fill) .product-gallery__item.is-selected {
        opacity: 1 !important
    }

    .product-gallery.flickity-enabled:not(.product-gallery--fill) .product-gallery__item img {
        transform: none !important
    }

    .product-gallery--gutter.flickity-enabled:not(.product-gallery--fill) .product-gallery__item {
        opacity: .36
    }
}

.product-gallery--fill .product-gallery__item {
    height: 100vh;
    width: 100%
}

.product-gallery--fill .lazy-image,
.product-gallery--fill .product-item__thumbnail {
    height: 100%;
    padding-top: 0 !important
}

.product-gallery--fill.flickity-enabled,
.product-gallery--slider {
    height: 100vh
}

.product-gallery--gutter {
    padding-bottom: 25px;
    padding-top: 25px
}

.product-gallery--gutter .product-gallery__item,
.product-gallery--gutter.flickity-enabled .product-gallery__item {
    margin-right: 25px
}

.product-gallery--gutter.product-gallery--fill .product-gallery__item {
    width: calc(100% - 25px)
}

.product-gallery--gutter.product-gallery--scroll.product-gallery--fill .product-gallery__item {
    height: calc(100vh - 50px)
}

.product-gallery--gutter.product-gallery--scroll.product-gallery--fill .product-gallery__item:not(:last-child) {
    margin-bottom: 25px
}

.product-gallery--gutter.product-gallery--fit:not(.flickity-enabled) .product-gallery__item {
    margin-bottom: 25px
}

.product-gallery--thumbnails+.product-gallery__navigation,
.product-gallery--thumbnails .flickity-page-dots,
.product-gallery--thumbnails .slider__dots {
    background: transparent;
    height: auto;
    border-radius: 0;
    z-index: 99;
    width: 100%;
    height: 35px;
    overflow: hidden;
    padding: 0
}

.product-gallery--thumbnails+.product-gallery__navigation .product-gallery__navigation-item,
.product-gallery--thumbnails+.product-gallery__navigation .dot,
.product-gallery--thumbnails .flickity-page-dots .product-gallery__navigation-item,
.product-gallery--thumbnails .slider__dots .product-gallery__navigation-item,
.product-gallery--thumbnails .flickity-page-dots .dot,
.product-gallery--thumbnails .slider__dots .dot {
    background-color: transparent !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 35px;
    height: 35px;
    top: 0 !important;
    border-radius: 0;
    transition: opacity .1s linear;
    opacity: .36 !important
}

.product-gallery--thumbnails+.product-gallery__navigation .product-gallery__navigation-item:hover,
.product-gallery--thumbnails+.product-gallery__navigation .dot:hover,
.product-gallery--thumbnails .flickity-page-dots .product-gallery__navigation-item:hover,
.product-gallery--thumbnails .slider__dots .product-gallery__navigation-item:hover,
.product-gallery--thumbnails .flickity-page-dots .dot:hover,
.product-gallery--thumbnails .slider__dots .dot:hover {
    opacity: .66 !important
}

.product-gallery--thumbnails+.product-gallery__navigation .product-gallery__navigation-item.active,
.product-gallery--thumbnails+.product-gallery__navigation .product-gallery__navigation-item.is-selected,
.product-gallery--thumbnails+.product-gallery__navigation .dot.active,
.product-gallery--thumbnails+.product-gallery__navigation .dot.is-selected,
.product-gallery--thumbnails .flickity-page-dots .product-gallery__navigation-item.active,
.product-gallery--thumbnails .slider__dots .product-gallery__navigation-item.active,
.product-gallery--thumbnails .flickity-page-dots .product-gallery__navigation-item.is-selected,
.product-gallery--thumbnails .slider__dots .product-gallery__navigation-item.is-selected,
.product-gallery--thumbnails .flickity-page-dots .dot.active,
.product-gallery--thumbnails .slider__dots .dot.active,
.product-gallery--thumbnails .flickity-page-dots .dot.is-selected,
.product-gallery--thumbnails .slider__dots .dot.is-selected {
    opacity: 1 !important
}

.product-gallery--thumbnails+.product-gallery__navigation .product-gallery__navigation-item:last-child,
.product-gallery--thumbnails+.product-gallery__navigation .dot:last-child,
.product-gallery--thumbnails .flickity-page-dots .product-gallery__navigation-item:last-child,
.product-gallery--thumbnails .slider__dots .product-gallery__navigation-item:last-child,
.product-gallery--thumbnails .flickity-page-dots .dot:last-child,
.product-gallery--thumbnails .slider__dots .dot:last-child {
    margin-right: 0
}

.product-gallery--thumbnails+.product-gallery__navigation {
    width: auto;
    height: auto
}

.product-gallery--thumbnails.product-gallery--fill.product-gallery--gutter .flickity-page-dots,
.product-gallery--thumbnails.product-gallery--fill.product-gallery--gutter .slider__dots {
    margin-bottom: 25px
}

.product-gallery--fit {
    padding-right: 0
}

.product-gallery--fit.flickity-enabled .flickity-viewport {
    height: 100% !important
}

.product-gallery--fit.flickity-enabled .product-gallery__item {
    width: auto;
    height: 100%
}

.product-gallery--fit.flickity-enabled .lazy-image,
.product-gallery--fit.flickity-enabled .product-item__thumbnail {
    height: 100%;
    width: 100%;
    display: inline-block;
    padding-top: 0 !important
}

.product-gallery--fit.flickity-enabled .lazy-image img,
.product-gallery--fit.flickity-enabled .product-item__thumbnail img {
    position: static;
    height: 100%;
    width: auto;
    display: block;
    object-fit: contain;
    font-family: "object-fit: contain"
}

.product-gallery--fit.flickity-enabled .flickity-page-dots,
.product-gallery--fit.flickity-enabled .slider__dots {
    bottom: 50px
}

.product-gallery__navigation {
    position: fixed;
    /* bottom: 45vh;
    right: 45px; */
    width: 21px;
    /* background: rgba(102, 51, 102, .1); */
    padding: 4px 6px 10px;
    /* border-radius: 21px */
    top: 50%;
    right: 4%;
    transform: translate(-50%, -50%);
}

.product-gallery--gutter+.product-gallery__navigation {
    right: 50px
}

.product-gallery__navigation.scroll {
    position: absolute;
    top: 75%;
    right: 5%;
}

.product-gallery__navigation-item {
    width: 50px;
    height: 50px;
    display: block;
    margin-top: 6px;
    /* border-radius: 100%; */
    transition: background .1s linear;
    cursor: pointer;
    opacity: .5;
    background: white
}

.product-gallery__navigation-item:hover {
    opacity: 1;
}

.product-gallery__navigation-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.product-gallery__navigation-item.active {
    /* background: #c2c4c4 */
    opacity: 1;
}

@media screen and (min-width: 769px) {
    .product__image-overlay {
        display: none !important
    }
}

.product-gallery--fill .product__image-overlay {
    display: block !important
}

.product__image-zoom {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 24px;
    height: 24px;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
    transition: all .1s linear .1s
}

.lazyloaded~.product__image-zoom {
    opacity: 1
}

.product-gallery--fit .product__image-zoom {
    top: 25px
}

.product__image-zoom svg path {
    fill: #c2c4c4
}

#zoom {
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100vw + 20px);
    height: calc(100vh + 20px);
    z-index: 99999;
    overflow: scroll;
    display: none;
    -webkit-overflow-scrolling: touch;
    background: white
}

#zoom .zoom__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 6
}

#zoom img {
    opacity: 0;
    max-width: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7;
    transition: opacity .1s linear
}

.touch #zoom img {
    top: 0 !important;
    left: 0 !important
}

#zoom:before {
    z-index: 7;
    position: fixed
}

#zoom.loaded:before {
    opacity: 0
}

#zoom .zoom__exit {
    z-index: 9;
    position: fixed;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: white;
    fill: #c2c4c4;
    top: 25px;
    right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

#zoom.loaded img {
    opacity: 1
}

#zoom.loaded:after {
    opacity: 0
}

#shopify-section-product-recommendations {
    display: none;
    /* padding: 100px 0; */
    overflow: hidden
}

@media screen and (max-width: 948px) {
    #shopify-section-product-recommendations {
        padding: 70px 0
    }
}

@media screen and (max-width: 480px) {
    #shopify-section-product-recommendations {
        padding: 50px 0
    }
}

#shopify-section-product-recommendations.with-gutter {
    padding-bottom: 0
}

#shopify-section-product-recommendations .h1,
#shopify-section-product-recommendations #shopify-product-reviews .spr-header-title,
#shopify-product-reviews #shopify-section-product-recommendations .spr-header-title {
    margin-bottom: 1.4em
}

#shopify-section-product+#shopify-section-product-story .with-gutter:first-child {
    padding-top: 100px
}

@media screen and (max-width: 948px) {
    #shopify-section-product+#shopify-section-product-story .with-gutter:first-child {
        padding-top: 70px
    }
}

@media screen and (max-width: 480px) {
    #shopify-section-product+#shopify-section-product-story .with-gutter:first-child {
        padding-top: 50px
    }
}

.template-product .mount-product-page+#shopify-section-product-recommendations,
.template-product .mount-product-page+#shopify-section-product-story .with-gutter:first-child {
    border-top: 1px solid rgba(102, 51, 102, .036)
}

.shopify-payment-button__button--hidden {
    visibility: hidden;
    display: none !important
}

#shopify-product-reviews .spr-container {
    border: 0;
    border-top: 1px solid rgba(102, 51, 102, .036);
    padding: 100px 60px
}

@media screen and (max-width: 948px) {
    #shopify-product-reviews .spr-container {
        padding: 70px 0
    }
}

@media screen and (max-width: 480px) {
    #shopify-product-reviews .spr-container {
        padding: 50px 0
    }
}

@media screen and (max-width: 1280px) {
    #shopify-product-reviews .spr-container {
        padding-left: 3.2vw;
        padding-right: 3.2vw
    }
}

@media screen and (max-width: 948px) {
    #shopify-product-reviews .spr-container {
        padding-left: 25px;
        padding-right: 25px
    }
}

#shopify-product-reviews .spr-header {
    position: relative
}

@media screen and (max-width: 480px) {
    #shopify-product-reviews .spr-summary {
        text-align: left
    }
}

#shopify-product-reviews .spr-summary-actions-newreview {
    text-align: center
}

@media screen and (min-width: 480px) {
    #shopify-product-reviews .spr-summary-actions-newreview {
        position: absolute;
        right: 0;
        bottom: 5px;
    }
}

@media screen and (max-width: 480px) {
    #shopify-product-reviews .spr-summary-actions-newreview {
        margin-top: 30px;
		width: 100%;
    }
	.tooltip:after, [data-tooltip]:after {
	min-width: 150px !important;
	}


}

@media screen and (max-width: 480px) {
    #shopify-product-reviews .spr-header-title {
        text-align: left
    }
}

#shopify-product-reviews .spr-summary-starrating {
    position: relative
}

#shopify-product-reviews .spr-summary-starrating:before {
    content: attr(data-rating);
    display: inline-block
}

#shopify-product-reviews .spr-summary-starrating .spr-icon:before {
    font-size: 22px
}

#shopify-product-reviews .spr-reviews {
    overflow: visible;
    margin-top: 75px;
    width: calc(100% + 25px)
}

@media screen and (max-width: 1280px) {
    #shopify-product-reviews .spr-reviews {
        width: calc(100% + 1.6vw)
    }
}

@media screen and (max-width: 948px) {
    #shopify-product-reviews .spr-reviews {
        width: calc(100% + 12.5px)
    }
}

#shopify-product-reviews .spr-reviews .flickity-viewport {
    margin-left: -25px;
    transition: height .25s linear
}

@media screen and (max-width: 1280px) {
    #shopify-product-reviews .spr-reviews .flickity-viewport {
        margin-left: -1.6vw
    }
}

@media screen and (max-width: 948px) {
    #shopify-product-reviews .spr-reviews .flickity-viewport {
        margin-left: -12.5px
    }
}

#shopify-product-reviews .spr-reviews .spr-pagination {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    height: 100%;
    pointer-events: none
}

#shopify-product-reviews .spr-reviews .spr-pagination-page,
#shopify-product-reviews .spr-reviews .spr-pagination-prev {
    display: none
}

#shopify-product-reviews .spr-reviews .spr-pagination-next {
    position: static
}

#shopify-product-reviews .spr-reviews .spr-pagination-next a {
    font-size: 0
}

#shopify-product-reviews .spr-reviews .spr-pagination-next a:after {
    content: "Load more";
    opacity: .36
}

@media screen and (min-width: 1920px) {
    #shopify-product-reviews .spr-reviews .spr-pagination-next a:after {
        font-size: 18.28571px;
        line-height: 1
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
    #shopify-product-reviews .spr-reviews .spr-pagination-next a:after {
        font-size: 17.14286px;
        line-height: 1
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {
    #shopify-product-reviews .spr-reviews .spr-pagination-next a:after {
        font-size: 16px;
        line-height: 1
    }
}

@media screen and (max-width: 1023px) {
    #shopify-product-reviews .spr-reviews .spr-pagination-next a:after {
        font-size: 14.85714px;
        line-height: 1
    }
}

#shopify-product-reviews .spr-reviews .spr-pagination-next a:hover:after {
    color: #c2c4c4
}

#shopify-product-reviews .spr-reviews .flickity-custom-nav {
    margin: 50px auto -10px
}

#shopify-product-reviews .spr-reviews .flickity-custom-nav .next {
    width: 34px
}

@media screen and (max-width: 648px) {
    #shopify-product-reviews .spr-reviews .flickity-custom-nav {
        margin: 20px 0 -10px
    }
}

#shopify-product-reviews .spr-review,
#shopify-product-reviews .spr-reviews .spr-pagination {
    border: 0;
    margin: 0;
    padding: 0 25px
}

@media screen and (max-width: 1280px) {

    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        padding: 0 1.6vw
    }
}

@media screen and (max-width: 948px) {

    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        padding: 0 12.5px
    }
}

@media screen and (min-width: 1920px) {

    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        width: 20%
    }
}

@media screen and (min-width: 1336px) and (max-width: 1920px) {

    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        width: 25%
    }
}

@media screen and (min-width: 1023px) and (max-width: 1366px) {

    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        width: 33.33%
    }
}

@media screen and (min-width: 948px) and (max-width: 1023px) {

    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        width: 50%
    }
}

@media screen and (min-width: 768px) and (max-width: 948px) {

    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        width: 33.33%
    }
}

@media screen and (min-width: 648px) and (max-width: 768px) {

    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        width: 50%
    }
}

@media screen and (max-width: 648px) {

    #shopify-product-reviews .spr-review,
    #shopify-product-reviews .spr-reviews .spr-pagination {
        width: 100%
    }
}

#shopify-product-reviews .spr-summary-actions-togglereviews {
    opacity: .66
}

#shopify-product-reviews .spr-review-header-starratings {
    margin-bottom: 1em
}

#shopify-product-reviews .spr-review-header-starratings .spr-icon:before {
    font-size: 16px
}

#shopify-product-reviews .spr-review-header-title {
    margin-bottom: .2em
}

#shopify-product-reviews .spr-review-header-byline {
    opacity: .66;
    line-height: 1.3
}

#shopify-product-reviews .spr-review-header-byline strong {
    font-weight: 400
}

#shopify-product-reviews .spr-review-header-byline strong:first-child {
    text-decoration: underline
}

#shopify-product-reviews .spr-review-content {
    margin-top: 1em;
    margin-bottom: 0
}

#shopify-product-reviews .spr-review-content-body {
    word-break: break-word
}

@media screen and (min-width: 1920px) {
    #shopify-product-reviews .spr-review-content-body {
        font-size: 18.28571px;
        line-height: 1.7
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
    #shopify-product-reviews .spr-review-content-body {
        font-size: 17.14286px;
        line-height: 1.7
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {
    #shopify-product-reviews .spr-review-content-body {
        font-size: 16px;
        line-height: 1.7
    }
}

@media screen and (max-width: 1023px) {
    #shopify-product-reviews .spr-review-content-body {
        font-size: 14.85714px;
        line-height: 1.7
    }
}

#shopify-product-reviews .spr-review-reportreview {
    float: left;
    opacity: 0
}

#shopify-product-reviews .spr-review:hover .spr-review-reportreview,
#shopify-product-reviews .spr-reviews .spr-pagination:hover .spr-review-reportreview {
    opacity: .36
}

#shopify-product-reviews .spr-review-reply {
    background: rgba(0, 0, 0, .036);
    margin: 12px 0 0;
    padding: 12px
}

.product-page-reviews {
    display: none
}

#spr-form {
    margin: 50px auto;
    padding: 70px 50px
}

@media screen and (max-width: 768px) {
    #spr-form {
        width: 90%;
        padding: 50px 30px
    }
}

#spr-form .spr-form {
    border: none;
    margin: 0;
    padding: 0
}

#spr-form .spr-form-title,
#spr-form .spr-form-contact-name,
#spr-form .spr-form-contact-email,
#spr-form .spr-form-contact-location,
#spr-form .spr-form-review-rating,
#spr-form .spr-form-review-title,
#spr-form .spr-form-review-body {
    margin-bottom: 28px
}

#spr-form .spr-form-label {
    display: block;
    margin-bottom: 5px
}

#spr-form .spr-form-input::placeholder {
    opacity: .36
}

.product__reviews,
.product-item__reviews {
    border-bottom: 0 !important;
    order: 2;
    margin-bottom: 24px;
    height: 12px
}

.product__reviews .spr-badge-caption,
.product-item__reviews .spr-badge-caption {
    opacity: .66
}

.product__reviews .spr-badge,
.product-item__reviews .spr-badge {
    position: relative
}

@media screen and (max-width: 1023px) {

    .product__reviews .spr-badge,
    .product-item__reviews .spr-badge {
        margin-left: -5px
    }
}

.product__reviews .spr-badge:not([data-rating="0.0"]),
.product-item__reviews .spr-badge:not([data-rating="0.0"]) {
    padding-left: 55px
}

.product__reviews .spr-badge:not([data-rating="0.0"]) .spr-starrating,
.product-item__reviews .spr-badge:not([data-rating="0.0"]) .spr-starrating {
    display: flex;
    overflow: hidden;
    position: absolute;
    clip-path: inset(0 0 calc(100% - 30px) 0);
    -webkit-clip-path: inset(0 0 calc(100% - 30px) 0);
    flex-direction: column-reverse;
    width: 50px;
    pointer-events: none;
    left: 0;
    top: -1px
}

@media screen and (max-width: 1023px) {

    #section-product .product__reviews .spr-badge:not([data-rating="0.0"]) .spr-starrating,
    #section-product .product-item__reviews .spr-badge:not([data-rating="0.0"]) .spr-starrating {
        left: 50%;
        top: -1px;
        transform: translate(-100%);
        margin-left: -10px
    }
}

.product__reviews .spr-badge[data-rating="0.0"],
.product-item__reviews .spr-badge[data-rating="0.0"] {
    padding-left: 30px
}

.product__reviews .spr-badge[data-rating="0.0"] .spr-starrating:before,
.product-item__reviews .spr-badge[data-rating="0.0"] .spr-starrating:before {
    content: "\e801";
    left: 0
}

@media screen and (max-width: 1023px) {

    .product__reviews .spr-badge[data-rating="0.0"],
    .product-item__reviews .spr-badge[data-rating="0.0"] {
        display: inline-block
    }

    .product__reviews .spr-badge[data-rating="0.0"] .spr-starrating:before,
    .product-item__reviews .spr-badge[data-rating="0.0"] .spr-starrating:before {
        top: -3px;
        left: 8px
    }
}

.product__reviews .spr-starrating:before,
.product-item__reviews .spr-starrating:before {
    content: "\e800";
    font-family: font-awesome-stars;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 16px;
    position: absolute;
    top: -1px;
    left: 28px
}

.product__reviews .spr-starrating .spr-icon,
.product-item__reviews .spr-starrating .spr-icon {
    width: 0 !important;
    height: 0 !important
}

.product__reviews .spr-starrating .spr-icon:before,
.product-item__reviews .spr-starrating .spr-icon:before {
    display: none !important
}

.product__reviews .spr-starrating .spr-icon.spr-icon-star,
.product-item__reviews .spr-starrating .spr-icon.spr-icon-star,
.product__reviews .spr-starrating .spr-icon.spr-icon-star-half-alt,
.product-item__reviews .spr-starrating .spr-icon.spr-icon-star-half-alt {
    width: 20px !important;
    height: 30px !important
}

.product__reviews .spr-starrating .spr-icon-star:after,
.product-item__reviews .spr-starrating .spr-icon-star:after,
.product__reviews .spr-starrating .spr-icon-star-half-alt:after,
.product-item__reviews .spr-starrating .spr-icon-star-half-alt:after {
    content: "1.0";
    width: 20px;
    display: block;
    text-align: left
}

.product__reviews .spr-starrating .spr-icon-star+.spr-icon-star-half-alt:after,
.product-item__reviews .spr-starrating .spr-icon-star+.spr-icon-star-half-alt:after {
    content: "1.5"
}

.product__reviews .spr-starrating .spr-icon-star+.spr-icon-star:after,
.product-item__reviews .spr-starrating .spr-icon-star+.spr-icon-star:after {
    content: "2.0"
}

.product__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star-half-alt:after,
.product-item__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star-half-alt:after {
    content: "2.5"
}

.product__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star:after,
.product-item__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star:after {
    content: "3.0"
}

.product__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star-half-alt:after,
.product-item__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star-half-alt:after {
    content: "3.5"
}

.product__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star:after,
.product-item__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star:after {
    content: "4.0"
}

.product__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star-half-alt:after,
.product-item__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star-half-alt:after {
    content: "4.5"
}

.product__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star:after,
.product-item__reviews .spr-starrating .spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star+.spr-icon-star:after {
    content: "5.0"
}

/*!
 *  4.8. Search
*/
@media screen and (min-width: 1280px) {
    .template-search .blog--grid {
        width: 60%
    }
}

.template-search .gutter--on+.search-header {
    margin-top: 100px
}

@media screen and (max-width: 948px) {
    .template-search .gutter--on+.search-header {
        margin-top: 70px
    }
}

@media screen and (max-width: 480px) {
    .template-search .gutter--on+.search-header {
        margin-top: 50px
    }
}

.template-search .search-header+.search-header {
    margin-top: -100px
}

@media screen and (max-width: 948px) {
    .template-search .search-header+.search-header {
        margin-top: -70px
    }
}

@media screen and (max-width: 480px) {
    .template-search .search-header+.search-header {
        margin-top: -50px
    }
}

#shopify-section-search {
    margin-bottom: 100px
}

@media screen and (max-width: 948px) {
    #shopify-section-search {
        margin-bottom: 70px
    }
}

@media screen and (max-width: 480px) {
    #shopify-section-search {
        margin-bottom: 50px
    }
}

/*!
 *  5.1. Blog posts
*/
.blog-posts__header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 30px
}

.blog--grid {
    display: flex;
    flex-wrap: wrap
}

.blog--grid.cols-2 {
    margin-left: -25px;
    width: calc(100% + 50px);
    margin-bottom: -50px
}

.blog--slider {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 50px)
}

.blog--slider.is-draggable {
    padding-bottom: 60px
}

@media screen and (max-width: 948px) {
    .blog--slider.is-draggable {
        padding-bottom: 40px
    }
}

.blog--slider .flickity-page-dots,
.blog--slider .slider__dots {
    bottom: 5px;
    height: 13px;
    background: transparent;
    padding: 0;
    margin-left: -25px
}

.blog--slider .flickity-page-dots .dot,
.blog--slider .slider__dots .dot {
    background-color: #3BB6B429 !important
}

.blog--slider .flickity-page-dots .dot:last-child,
.blog--slider .slider__dots .dot:last-child {
    margin-right: 0
}

.blog--slider .flickity-page-dots .dot.is-selected,
.blog--slider .slider__dots .dot.is-selected {
    background-color: #3BB6B4 !important
}

@media screen and (max-width: 648px) {
    .blog--slider {
        padding-bottom: 0
    }
}

/*!
 *  5.2. Collection list
*/
.collection-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

.collection-list.gutter--on {
    width: calc(100% + 25px);
    margin-left: -12.5px;
    padding-top: 0
}

@media screen and (max-width: 1280px) {
    .collection-list.gutter--on {
        width: calc(100% + 3.2vw);
        margin-left: -1.6vw
    }
}

@media screen and (max-width: 948px) {
    .collection-list.gutter--on {
        width: calc(100% + 25px);
        margin-left: -12.5px
    }
}

.collection-list.gutter--off .collection-item {
    margin: 0 !important;
    padding: 0
}

/*!
 *  5.3. FAQ
*/
.faq {
    margin-top: 50px
}

.faq .toggle__title {
    text-transform: none;
    padding-left: 40px
}

.faq .toggle__title .symbol {
    right: auto;
    left: 0;
    transform: scale(1.5)
}

/*!
 *  5.4. Featured collection
*/
.featured-collection__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    margin-bottom: 50px
}

@media screen and (max-width: 948px) {
    .featured-collection__header {
        margin-bottom: 35px
    }
}

@media screen and (max-width: 480px) {
    .featured-collection__header {
        margin-bottom: 25px
    }
}

.gutter--off .featured-collection__header {
    padding-left: 50px;
    padding-right: 50px
}

@media screen and (max-width: 1280px) {
    .gutter--off .featured-collection__header {
        padding-left: 3.2vw;
        padding-right: 3.2vw
    }
}

@media screen and (max-width: 948px) {
    .gutter--off .featured-collection__header {
        padding-left: 25px;
        padding-right: 3.2vw
    }
}

/*!
 *  5.5. Featured product
*/
.featured-product {
    flex-direction: row-reverse
}

.featured-product.gutter--on {
    padding-left: 50px;
    padding-right: 50px
}

@media screen and (max-width: 1280px) {
    .featured-product.gutter--on {
        padding-left: 3.2vw;
        padding-right: 3.2vw
    }
}

@media screen and (max-width: 948px) {
    .featured-product.gutter--on {
        padding-left: 25px;
        padding-right: 25px
    }
}

.featured-product .product__text {
    padding: 100px 0 0;
    margin-top: -100px;
    min-height: 0
}

.featured-product .product__gallery {
    margin-right: 50px
}

.featured-product .gallery--slider,
.featured-product .gallery__item {
    height: calc(100vh - 200px) !important
}

.featured-product .product-gallery--fill .product-gallery__item {
    height: calc(100vh - 100px)
}

.featured-product .flickity-page-dots,
.featured-product .slider__dots {
    bottom: 50px;
    background: transparent
}

.featured-product .flickity-page-dots .dot,
.featured-product .slider__dots .dot {
    background-color: #3BB6B429 !important
}

.featured-product .flickity-page-dots .dot.is-selected,
.featured-product .slider__dots .dot.is-selected {
    background-color: #3BB6B4 !important
}

@media screen and (max-width: 1023px) {
    .featured-product .product__text {
        margin-top: 50px;
        padding-top: 0;
        padding-left: 12%;
        padding-right: 12%
    }

    .featured-product .product__gallery {
        margin-left: 0
    }

    .featured-product .product-gallery--fill .product-gallery__item {
        height: 100%
    }

    .featured-product .product-gallery--fill.flickity-enabled {
        height: 55vh
    }

    .featured-product .product-title-helper {
        font-weight: 400;
        display: block;
        width: 100%;
        margin-bottom: 35px
    }
}

@media screen and (max-width: 948px) {
    .featured-product .product__text {
        padding-left: calc(20% - 25px);
        padding-right: calc(20% - 25px)
    }
}

@media screen and (max-width: 648px) {
    .featured-product .product__text {
        padding-left: 0;
        padding-right: 0;
        margin-top: 30px
    }

    .featured-product .product__text .toggles {
        margin-top: 30px
    }
}

/*!
 *  5.6. Gallery
*/
.gallery {
    padding: 0
}

.gallery__image {
    position: relative
}

.gallery__image .onboarding-svg {
    position: relative !important
}

.gallery--grid .gallery__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-gap: 25px;
    grid-gap: 25px;
    width: 100%
}

@media screen and (min-width: 1920px) {
    .gallery--grid .gallery__content {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media screen and (max-width: 1920px) {
    .gallery--grid .gallery__content {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media screen and (max-width: 1174px) {
    .gallery--grid .gallery__content {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width: 948px) {
    .gallery--grid .gallery__content {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-gap: 17px;
        grid-gap: 17px
    }
}

@media screen and (max-width: 768px) {
    .gallery--grid .gallery__content {
        grid-template-columns: 1fr 1fr;
        -ms-grid-columns: 1fr 1fr
    }
}

.gallery--grid.gutter--off .gallery__content {
    -ms-grid-gap: 0;
    grid-gap: 0
}

.gallery--grid .gallery__item {
    width: 100%;
    margin: 0;
    padding: 0
}

.gallery--grid .gallery__item.featured {
    -ms-grid-column: span 2;
    grid-column: span 2;
    -ms-grid-row: span 2;
    grid-row: span 2
}

@media screen and (max-width: 948px) {
    .gallery--grid.gallery--mobile-slider-true[data-slider-height="100vh"] {
        height: 100vh
    }

    .gallery--grid.gallery--mobile-slider-true[data-slider-height="75vh"] {
        height: 75vh
    }

    .gallery--grid.gallery--mobile-slider-true[data-slider-height="50vh"] {
        height: 50vh
    }

    .gallery--grid.gallery--mobile-slider-true[data-slider-height="25vh"] {
        height: 25vh
    }

    .gallery--grid.gallery--mobile-slider-true .gallery__content {
        display: block
    }

    .gallery--grid.gallery--mobile-slider-true .gallery__content:after {
        content: "flickity";
        display: none
    }

    .gallery--grid.gallery--mobile-slider-true .gallery__content,
    .gallery--grid.gallery--mobile-slider-true .flickity-viewport {
        height: 100% !important
    }

    .gallery--grid.gallery--mobile-slider-true.gutter--on {
        padding: 25px 0 25px 25px
    }

    .gallery--grid.gallery--mobile-slider-true.gutter--on .gallery__item .lazy-image,
    .gallery--grid.gallery--mobile-slider-true.gutter--on .gallery__item .product-item__thumbnail {
        width: calc(100% - 25px)
    }

    .gallery--grid.gallery--mobile-slider-true .gallery__image {
        position: static
    }

    .gallery--grid.gallery--mobile-slider-true .gallery__item {
        width: 100%;
        height: 100%;
        top: 0 !important
    }

    .gallery--grid.gallery--mobile-slider-true .gallery__item .lazy-image,
    .gallery--grid.gallery--mobile-slider-true .gallery__item .product-item__thumbnail {
        position: absolute;
        width: 100%;
        height: 100% !important;
        padding-top: 0 !important
    }
}

.gallery__content:not(.flickity-enabled) .gallery__zoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: zoom-in
}

.gallery__content:not(.flickity-enabled) .gallery__zoom svg {
    display: none
}

.gallery__content.flickity-enabled .gallery__zoom {
    position: absolute;
    top: 30px;
    right: 35px;
    cursor: pointer;
    height: 24px
}

.mfp-arrow:before,
.mfp-arrow:after {
    display: none
}

.mfp-arrow svg path {
    fill: #fff
}

.mfp-arrow.mfp-arrow-left svg {
    transform: rotate(180deg)
}

.mfp-counter {
    color: #fff;
    width: 100%;
    top: 5px;
    text-align: center
}

.mfp-close svg {
    height: 44px;
    position: relative;
    right: -24px
}

.mfp-close svg polygon {
    fill: #fff
}

.mfp-preloader {
    text-indent: -9999px;
    font-size: 0
}

.mfp-preloader:before {
    border: 1px solid #585858;
    border-top: 1px solid #fff
}

/*!
 *  5.7. Heading
*/
.heading {
    display: flex;
    justify-content: space-between
}

.heading__title {
    margin-bottom: .6em;
    padding-right: 50px
}

.heading__content {
    flex: 1
}

.heading--alignment-left {
    align-items: center
}

.heading--alignment-center {
    text-align: center;
    flex-direction: column
}

.heading--alignment-center .heading__title {
    padding-right: 0
}

.heading--alignment-center .heading__content {
    padding-right: 10%;
    padding-left: 10%
}

.heading--alignment-center .heading__button {
    text-align: center;
    margin-top: 2em
}

@media screen and (max-width: 648px) {
    .heading--alignment-left {
        flex-direction: column;
        text-align: center
    }

    .heading--alignment-left .heading__title {
        padding-right: 0
    }

    .heading--alignment-left .heading__button {
        margin-top: 2em
    }
}

/*!
 *  5.8. Image with text
*/
.image-text {
    display: flex;
    overflow: hidden
}

.image-text__container {
    position: relative;
    overflow: hidden
}

.image-text__content,
.video-text__content {
    display: flex;
    height: 100%;
    position: relative;
    z-index: 99
}

.image-text__content.horizontal-left,
.horizontal-left.video-text__content {
    justify-content: flex-start;
    text-align: left
}

.image-text__content.horizontal-center,
.horizontal-center.video-text__content {
    justify-content: center;
    text-align: center
}

.image-text__content.horizontal-right,
.horizontal-right.video-text__content {
    justify-content: flex-end;
    text-align: right
}

.image-text__content.vertical-top,
.vertical-top.video-text__content {
    align-items: flex-start
}

.image-text__content.vertical-middle,
.vertical-middle.video-text__content {
    align-items: center
}

.image-text__content.vertical-bottom,
.vertical-bottom.video-text__content {
    align-items: flex-end
}

a .image-text__content,
a .video-text__content {
    pointer-events: none
}

.image-text__title:first-child:last-child,
.video-text__title:first-child:last-child {
    margin-bottom: 0
}

.image-text__title span,
.video-text__title span {
    background-position: 0 calc(1em + 6px);
    background-image: linear-gradient(to right, #3BB6B4, #3BB6B4);
    background-size: 0% 2px;
    background-repeat: no-repeat;
    display: inline;
    padding-bottom: 3px;
    transition: all .15s linear
}

a:hover .image-text__title span,
a:hover .video-text__title span,
a.selected .image-text__title span,
a.selected .video-text__title span {
    background-size: 100% 2px
}

.touch a .image-text__title span,
.touch a .video-text__title span {
    background-size: 100% 2px;
    position: relative;
    bottom: 2px
}

.image-text__body.h2,
#shopify-product-reviews .image-text__body.spr-review-header-title,
#shopify-product-reviews .spr-review-header-title.video-text__body,
.template-search .blog--grid .image-text__body.blog-item__title,
.template-search .blog--grid .blog-item__title.video-text__body,
.faq .image-text__body.toggle__title,
.faq .toggle__title.video-text__body,
.h2.video-text__body,
.image-text__body.h1,
#shopify-product-reviews .image-text__body.spr-header-title,
#shopify-product-reviews .spr-header-title.video-text__body,
.h1.video-text__body {
    line-height: 1.8
}

.image-text__body+.button,
.video-text__body+.button,
.image-text__body+.shopify-challenge__button,
.video-text__body+.shopify-challenge__button,
.image-text__body+.shopify-payment-button__button--unbranded,
.video-text__body+.shopify-payment-button__button--unbranded,
#shopify-product-reviews .image-text__body+.spr-summary-actions-newreview,
#shopify-product-reviews .video-text__body+.spr-summary-actions-newreview,
#spr-form .image-text__body+.spr-button-primary,
#spr-form .video-text__body+.spr-button-primary,
.delete-address .image-text__body+a,
.delete-address .video-text__body+a {
    margin-top: 1.5em
}

.image-text__background,
.collection-header__background,
.blog-header__background,
.video-text__background {
    z-index: -1
}

.image-text__background:before,
.collection-header__background:before,
.blog-header__background:before,
.video-text__background:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: .36;
    z-index: 9
}

.image-text--size-1 .image-text__container {
    width: 100%;
    padding: 100px
}

.image-text--size-2 .image-text__container {
    width: 50%;
    padding: 50px
}

.image-text--size-2.gutter--on .image-text__container:nth-child(1) {
    margin-right: 25px
}

.image-text--size-2.gutter--on .image-text__container:nth-child(2) {
    margin-left: 25px
}

.image-text--size-3 .image-text__container {
    width: 33.333%;
    padding: 50px
}

.image-text--size-3.gutter--on .image-text__container:nth-child(1) {
    margin-right: 25px
}

.image-text--size-3.gutter--on .image-text__container:nth-child(2) {
    margin-left: 25px
}

.image-text--size-3.gutter--on .image-text__container:nth-child(3) {
    margin-left: 25px
}

@media screen and (max-width: 948px) {
    .image-text__container {
        padding: 25px !important
    }
}

@media screen and (max-width: 768px) {
    .image-text__container {
        width: 100% !important;
        margin: 0 !important
    }

    .image-text--size-2,
    .image-text--size-3 {
        flex-direction: column;
        height: auto !important
    }

    .image-text--size-2 .image-text__container,
    .image-text--size-3 .image-text__container {
        height: 50vh
    }

    .image-text--size-3 .image-text__container {
        height: 35vh
    }
}

@media screen and (max-width: 648px) {
    .image-text {
        height: 50vh !important
    }

    .image-text__content>div,
    .video-text__content>div {
        max-width: 100% !important
    }
}

/*!
 *  5.9. Newsletter
*/
.newsletter__title {
    margin-bottom: 2em
}

.newsletter__form {
    width: 100%
}

.newsletter__form .contact-form {
    margin-top: 0
}

.newsletter__form div {
    position: relative
}

.newsletter__form div:hover .newsletter__input,
.newsletter__form div:hover .newsletter__submit {
    opacity: .66
}

.newsletter__input {
    width: 100%;
    color: #3BB6B4;
    padding-left: 0;
    padding-bottom: 15px;
    border: none;
    border-bottom: 2px solid #3BB6B4;
    opacity: .36;
    transition: all .1s linear
}

.newsletter__input::placeholder {
    opacity: 1;
    color: #3BB6B4
}

.newsletter__input+.newsletter__submit {
    opacity: .36;
    transition: all .1s linear
}

.newsletter__input:focus,
.newsletter__input.filled {
    opacity: 1 !important
}

.newsletter__input:focus+.newsletter__submit,
.newsletter__input.filled+.newsletter__submit {
    opacity: 1 !important
}

.newsletter__submit {
    position: absolute;
    top: 9px;
    right: 0;
    cursor: pointer
}

.newsletter__submit path {
    transition: all .1s linear;
    fill: #3BB6B4
}

.newsletter__submit:hover {
    opacity: 1 !important
}

.newsletter__submit:hover path {
    fill: #c2c4c4
}

.newsletter__text {
    margin-top: 3em;
    line-height: 1.7;
    opacity: .66
}

/*!
 *  5.10. Rich text
*/
.rich-text {
    display: flex
}

.rich-text__title:first-child:last-child {
    margin-bottom: 0
}

.rich-text__content {
    width: 50%
}

.gutter--off.rich-text--media-off .rich-text__content {
    padding-bottom: 100px;
    padding-left: 0 !important;
    width: 60%
}

.rich-text--media-off .rich-text__content {
    width: 71%
}

@media screen and (max-width: 480px) {
    .rich-text--media-off .rich-text__content {
        width: 100%
    }
}

.rich-text__media {
    width: 50%;
    max-height: 100vh;
    position: relative
}

.rich-text--media-on .rich-text__content {
    padding-right: 100px
}

@media screen and (max-width: 1280px) {
    .rich-text--media-on .rich-text__content {
        padding-right: 70px
    }
}

@media screen and (max-width: 948px) {
    .rich-text--media-on .rich-text__content {
        padding-right: 50px
    }
}

.rich-text--media-on.rich-text--align-right .rich-text__content {
    order: 2;
    padding-left: 100px;
    padding-right: 0
}

@media screen and (max-width: 1280px) {
    .rich-text--media-on.rich-text--align-right .rich-text__content {
        padding-left: 70px
    }
}

@media screen and (max-width: 948px) {
    .rich-text--media-on.rich-text--align-right .rich-text__content {
        padding-left: 50px
    }
}

.rich-text--media-on .rich-text__body {
    padding-bottom: 100px
}

.rich-text--media-off {
    justify-content: center
}

.rich-text--media-off .rich-text__content {
    padding-right: 0;
}

.rich-text--media-off.gutter--on {
    padding-left: 0;
    padding-right: 0
}

.rich-text.gutter--off {
    padding-top: 0;
    padding-bottom: 0
}

.rich-text.gutter--off .rich-text__content {
    padding-top: 100px
}

.rich-text.gutter--off.rich-text--align-left .rich-text__content {
    padding-left: 100px
}

@media screen and (max-width: 1280px) {
    .rich-text.gutter--off.rich-text--align-left .rich-text__content {
        padding-left: 70px
    }
}

@media screen and (max-width: 948px) {
    .rich-text.gutter--off.rich-text--align-left .rich-text__content {
        padding-left: 50px
    }
}

.rich-text.gutter--off.rich-text--align-right .rich-text__content {
    padding-right: 100px
}

@media screen and (max-width: 1280px) {
    .rich-text.gutter--off.rich-text--align-right .rich-text__content {
        padding-right: 70px
    }
}

@media screen and (max-width: 948px) {
    .rich-text.gutter--off.rich-text--align-right .rich-text__content {
        padding-right: 50px
    }
}

.rich-text.gutter--on.rich-text--media-on.rich-text--align-right .rich-text__content {
    padding-right: 50px
}

@media screen and (max-width: 1280px) {
    .rich-text.gutter--on.rich-text--media-on.rich-text--align-right .rich-text__content {
        padding-right: 3.2vw
    }
}

@media screen and (max-width: 948px) {
    .rich-text.gutter--on.rich-text--media-on.rich-text--align-right .rich-text__content {
        padding-right: 25px
    }
}

.rich-text.gutter--on.rich-text--media-on.rich-text--align-left .rich-text__content {
    padding-left: 50px
}

@media screen and (max-width: 1280px) {
    .rich-text.gutter--on.rich-text--media-on.rich-text--align-left .rich-text__content {
        padding-left: 3.2vw
    }
}

@media screen and (max-width: 948px) {
    .rich-text.gutter--on.rich-text--media-on.rich-text--align-left .rich-text__content {
        padding-left: 25px
    }
}

@media screen and (max-width: 648px) {
    .rich-text {
        flex-direction: column
    }

    .rich-text .rich-text__content {
        width: 100%;
        text-align: center !important;
        order: 1
    }

    .rich-text .rich-text__media {
        width: 100%;
        height: 50vh !important;
        position: relative;
        order: 2
    }

    .rich-text--media-off .rich-text__content {
        padding-left: 50px;
        padding-right: 50px;
    }
}

/*!
 *  5.11. Shop the look
*/
.shop-the-look {
    display: flex
}

.shop-the-look__header {
    width: 50%;
    margin-right: 25px;
    padding: 50px;
    min-height: 50vh;
    position: relative
}

.shop-the-look__title {
    margin-bottom: .5em;
    display: inline-block
}

.shop-the-look__content {
    width: 50%
}

.shop-the-look__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.shop-the-look__background:after {
    content: "";
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 1920px) {

    .shop-the-look .collection--slider .product-item,
    .shop-the-look #shopify-product-reviews .spr-reviews .product-item,
    #shopify-product-reviews .shop-the-look .spr-reviews .product-item {
        width: calc(33% - 31px) !important
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {

    .shop-the-look .collection--slider .product-item,
    .shop-the-look #shopify-product-reviews .spr-reviews .product-item,
    #shopify-product-reviews .shop-the-look .spr-reviews .product-item {
        width: calc(50% - 35px) !important
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {

    .shop-the-look .collection--slider .product-item,
    .shop-the-look #shopify-product-reviews .spr-reviews .product-item,
    #shopify-product-reviews .shop-the-look .spr-reviews .product-item {
        width: calc(66.66% - 33px) !important
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

    .shop-the-look .collection--slider .product-item,
    .shop-the-look #shopify-product-reviews .spr-reviews .product-item,
    #shopify-product-reviews .shop-the-look .spr-reviews .product-item {
        width: calc(50% - 37px) !important
    }
}

@media screen and (min-width: 480px) and (max-width: 768px) {

    .shop-the-look .collection--slider .product-item,
    .shop-the-look #shopify-product-reviews .spr-reviews .product-item,
    #shopify-product-reviews .shop-the-look .spr-reviews .product-item {
        width: calc(33.33% - 33px) !important
    }
}

@media screen and (max-width: 480px) {

    .shop-the-look .collection--slider .product-item,
    .shop-the-look #shopify-product-reviews .spr-reviews .product-item,
    #shopify-product-reviews .shop-the-look .spr-reviews .product-item {
        width: calc(50% - 33px) !important
    }
}

@media screen and (min-width: 1920px) {
    .shop-the-look .shop-the-look__header {
        width: calc(40% - 15px)
    }

    .shop-the-look .shop-the-look__content {
        width: calc(60% - 10px)
    }
}

@media screen and (max-width: 768px) {
    .shop-the-look {
        flex-direction: column
    }

    .shop-the-look .shop-the-look__header {
        width: 100%;
        margin-bottom: 25px;
        padding: 25px
    }

    .shop-the-look .shop-the-look__content {
        width: calc(100% + 17px)
    }
}

@media screen and (max-width: 480px) {
    .shop-the-look .shop-the-look__content {
        width: 100%
    }
}

/*!
 *  5.12. Slider
*/
.slider {
    position: relative
}

.slider.slider--horizontal {
    height: 100vh
}

.slider .flickity-viewport {
    height: 100% !important
}

.slide {
    width: 100%;
    position: relative;
    overflow: hidden
}

.slider--vertical .slide {
    height: 100vh
}

.slider--horizontal .slide {
    height: 100%
}

.slider--slide:after {
    content: "flickity";
    display: none
}

@media screen and (max-width: 948px) {
    .slider--scroll .slider__dots {
        display: none
    }

    .slider--scroll.slider--horizontal-mobile-true:after {
        content: "flickity";
        display: none
    }

    .slider--scroll.slider--horizontal-mobile-true .slide {
        height: 100% !important
    }
}

.slide__image {
    position: relative;
    height: 100%;
    will-change: transform
}

.slide__image .lazy-image,
.slide__image .product-item__thumbnail {
    overflow: hidden
}

.slide__overlay,
.product__image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .36);
    opacity: 0;
    will-change: opacity
}

.slide__text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 9;
    padding: 100px;
    will-change: transform
}

@media screen and (max-width: 1280px) {
    .slide__text {
        padding: 6.4vw
    }
}

.slide__text.horizontal-left {
    justify-content: flex-start;
    text-align: left
}

.slide__text.horizontal-center {
    justify-content: center;
    text-align: center
}

.slide__text.horizontal-right {
    justify-content: flex-end;
    text-align: right
}

.slide__text.vertical-top {
    align-items: flex-end
}

.slide__text.vertical-middle {
    align-items: center
}

.slide__text.vertical-bottom {
    align-items: flex-end
}

.slide__text:before {
    content: "";
    opacity: .36;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slide__text>div {
    position: relative;
    z-index: 9
}

.slide__text>a {
    position: relative;
    z-index: 99
}

.slide__caption {
    display: block;
    margin-bottom: .4em
}

.slide__title {
    display: inline-block;
    margin-bottom: 2em
}

.slide__title span {
    background-position: 0 calc(1em + 6px);
    background-image: linear-gradient(to right, #3BB6B4, #3BB6B4);
    background-size: 0% 2px;
    background-repeat: no-repeat;
    display: inline;
    padding-bottom: 3px;
    transition: all .15s linear
}

a:hover .slide__title span,
a.selected .slide__title span,
.touch a .slide__title span {
    background-size: 100% 2px
}

.touch a .slide__title .h1,
.touch a .slide__title #shopify-product-reviews .spr-header-title,
#shopify-product-reviews .touch a .slide__title .spr-header-title {
    position: relative;
    bottom: 2px
}

.slide__title .hh {
    margin-top: 0;
    margin-bottom: -.2em
}

.slide__title .h1,
.slide__title #shopify-product-reviews .spr-header-title,
#shopify-product-reviews .slide__title .spr-header-title {
    margin-bottom: -.6em;
    margin-top: -.2em
}

@media screen and (min-width: 1920px) {

    .slide__title .h1,
    .slide__title #shopify-product-reviews .spr-header-title,
    #shopify-product-reviews .slide__title .spr-header-title {
        font-size: 37.33333px;
        line-height: 1.3
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {

    .slide__title .h1,
    .slide__title #shopify-product-reviews .spr-header-title,
    #shopify-product-reviews .slide__title .spr-header-title {
        font-size: 36px;
        line-height: 1.3
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {

    .slide__title .h1,
    .slide__title #shopify-product-reviews .spr-header-title,
    #shopify-product-reviews .slide__title .spr-header-title {
        font-size: 34.66667px;
        line-height: 1.3
    }
}

@media screen and (max-width: 1023px) {

    .slide__title .h1,
    .slide__title #shopify-product-reviews .spr-header-title,
    #shopify-product-reviews .slide__title .spr-header-title,
    .slide__title .featured-product .product-title-helper,
    .featured-product .slide__title .product-title-helper {
        font-size: 32px;
        line-height: 1.3
    }
}

.slide__title .h0,
.slide__title .template- #content>div:first-child h1,
.template- #content>div:first-child .slide__title h1,
.slide__title .footer-text.footer-text--large .rte,
.footer-text.footer-text--large .slide__title .rte {
    margin-bottom: 0
}

@media screen and (min-width: 1920px) {

    .slide__title .h0,
    .slide__title .template- #content>div:first-child h1,
    .template- #content>div:first-child .slide__title h1,
    .slide__title .footer-text.footer-text--large .rte,
    .footer-text.footer-text--large .slide__title .rte {
        font-size: 42px;
        line-height: 1.2
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {

    .slide__title .h0,
    .slide__title .template- #content>div:first-child h1,
    .template- #content>div:first-child .slide__title h1,
    .slide__title .footer-text.footer-text--large .rte,
    .footer-text.footer-text--large .slide__title .rte {
        font-size: 39px;
        line-height: 1.2
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {

    .slide__title .h0,
    .slide__title .template- #content>div:first-child h1,
    .template- #content>div:first-child .slide__title h1,
    .slide__title .footer-text.footer-text--large .rte,
    .footer-text.footer-text--large .slide__title .rte {
        font-size: 36px;
        line-height: 1.2
    }
}

@media screen and (max-width: 1023px) {

    .slide__title .h0,
    .slide__title .template- #content>div:first-child h1,
    .template- #content>div:first-child .slide__title h1,
    .slide__title .footer-text.footer-text--large .rte,
    .footer-text.footer-text--large .slide__title .rte {
        font-size: 32px;
        line-height: 1.2
    }
}

@media screen and (max-width: 480px) {

    .slide__title .h0,
    .slide__title .template- #content>div:first-child h1,
    .template- #content>div:first-child .slide__title h1,
    .slide__title .footer-text.footer-text--large .rte,
    .footer-text.footer-text--large .slide__title .rte {
        font-size: 28px;
        line-height: 1.2
    }
}

@media screen and (max-width: 648px) {

    .slide__title .h0,
    .slide__title .template- #content>div:first-child h1,
    .template- #content>div:first-child .slide__title h1,
    .slide__title .footer-text.footer-text--large .rte,
    .footer-text.footer-text--large .slide__title .rte {
        margin-bottom: -.4em
    }
}

.slide__subheading>span {
    display: block
}

.slide__subheading:not(:last-child) {
    margin-bottom: 3em
}

.slide__button {
    margin-top: 25px
}

.slider__dots {
    position: absolute;
    transform: rotate(90deg);
    left: auto;
    right: 0;
    bottom: auto;
    top: 50vh;
    z-index: 999;
    font-size: 14px !important
}

.slider__dots.in-view {
    position: fixed;
    top: 50vh;
    bottom: auto
}

.slider__dots.in-bottom {
    top: auto;
    bottom: 50vh
}

.slider .slider__dots .dot {
    top: 3px !important
}

@media screen and (max-width: 948px) {
/* .announcement {
    background: #808080 !important;
} */
    .mount-slider .flickity-page-dots,
    .mount-slider .slider__dots {
        bottom: -40px;
        background: transparent
    }

    .mount-slider .flickity-page-dots .dot,
    .mount-slider .slider__dots .dot {
        background-color: #3BB6B429 !important
    }

    .mount-slider .flickity-page-dots .dot.is-selected,
    .mount-slider .slider__dots .dot.is-selected {
        background-color: #3BB6B4 !important
    }

    .mount-slider+.with-gutter {
        margin-top: 35px
    }
}

@media screen and (max-width: 480px) {
    .mount-slider+.with-gutter {
        margin-top: 20px
    }
}

/*!
 *  5.13. Testimonials
*/
.testimonials__container {
    margin: auto;
    width: 100%
}

.testimonials__container .flickity-viewport {
    transition: height .3s linear
}

.testimonials.gutter--on {
    padding-left: 0;
    padding-right: 0
}

.testimonial__header {
    display: flex;
    margin-bottom: 3em
}

.testimonial__header span {
    display: block
}

.testimonial__author-avatar {
    width: 66px;
    height: 66px;
    border-radius: 66px;
    overflow: hidden;
    margin-right: 25px
}

@media screen and (max-width: 948px) {
    .testimonial__author-avatar {
        width: 336px;
        height: 54px;
        border-radius: 66px;
        overflow: hidden;
        margin-right: 25px;
    }
}
.testimonial__author-avatar img {
    border-radius: 66px
}

.testimonial__author-name {
    margin-bottom: .3em
}

.testimonial__content {
    font-family: Times New Roman, Times, serif;
    font-weight: 400;
    width: 80%;
    font-style: italic
}

@media screen and (min-width: 1920px) {
    .testimonial__content {
        font-size: 30px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1920px) {
    .testimonial__content {
        font-size: 28px
    }
}

@media screen and (min-width: 1023px) and (max-width: 1280px) {
    .testimonial__content {
        font-size: 26px
    }
}

@media screen and (max-width: 1023px) {
    .testimonial__content {
        font-size: 24px
    }
}

@media screen and (max-width: 768px) {
    .testimonial__content {
        font-size: 22px
    }
}

@media screen and (max-width: 480px) {
    .testimonial__content {
        font-size: 20px
    }
}

/*!
 *  5.14. Text with images
*/
.text-w-image {
    display: flex;
    flex-wrap: wrap;
    padding-left: 3%;
    padding-right: 3%
}

.text-w-image[data-size="2"] .text-w-image__container {
    width: 50%
}

@media screen and (max-width: 480px) {
    .text-w-image[data-size="2"] .text-w-image__container {
        width: 100%;
        margin-bottom: 50px
    }
}

.text-w-image[data-size="3"] .text-w-image__container {
    width: 33.33%
}

@media screen and (max-width: 648px) {
    .text-w-image[data-size="3"] .text-w-image__container {
        width: 100%;
        margin-bottom: 50px
    }
}

.text-w-image[data-size="4"] .text-w-image__container {
    width: 25%
}

@media screen and (max-width: 1280px) {
    .text-w-image[data-size="4"] .text-w-image__container {
        width: 50%
    }

    .text-w-image[data-size="4"] .text-w-image__container:nth-child(-n+2) {
        margin-bottom: 100px
    }
}

@media screen and (max-width: 480px) {
    .text-w-image[data-size="4"] .text-w-image__container {
        width: 100%;
        margin-bottom: 50px
    }
}

.text-w-image .text-w-image__container:last-child {
    margin-bottom: 0 !important
}

.text-w-image__container {
    padding: 0 5%
}

.text-w-image__image {
    margin-bottom: 1.8em
}

@media screen and (max-width: 948px) {
    .text-w-image__container {
        padding: 0 25px
    }

    .text-w-image:first-child {
        padding-left: 0
    }

    .text-w-image:last-child {
        padding-right: 0
    }
}

/*!
 *  5.15. Video background
*/
.video-text {
    position: relative
}

.video-text__container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    height: 0
}

.video-text__container>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-text__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 50px
}

@media screen and (max-width: 1280px) {
    .video-text__content {
        padding: 3.2vw
    }
}

@media screen and (max-width: 948px) {
    .video-text__content {
        padding: 25px
    }
}

.video-text__title {
    margin-bottom: .6em
}

@media screen and (max-width: 648px) {
    .video-text__title {
        margin-bottom: 0
    }
}

.video-text__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.video-text__background video {
    position: absolute;
    min-width: calc(100% + 2px);
    min-height: calc(100% + 2px);
    opacity: 0;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .1s linear, background .2s linear
}

.video-text__background video+.video-text__image {
    display: none
}

@media screen and (max-width: 768px) {
    .video-text__background[data-height="70vh"] {
        height: 55vh
    }
}

/*!
 *  5.16. Video popup
*/
.video-popup__container {
    height: 0;
    padding-top: 56.25%;
    position: relative
}

.video-popup__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    cursor: pointer;
    overflow: hidden;
    color: #3BB6B4;
    padding: 50px
}

.video-popup__link svg path {
    fill: #3BB6B4
}

.video-popup__link svg {
    transition: all .1s linear
}

.video-popup__link:hover svg {
    transform: scale(1.05)
}

@media screen and (max-width: 1280px) {
    .video-popup__link {
        padding: 3.2vw
    }
}

@media screen and (max-width: 948px) {
    .video-popup__link {
        padding: 25px
    }
}

.video-popup__title {
    margin-bottom: .6em
}

@media screen and (max-width: 648px) {
    .video-popup__title {
        margin-bottom: 0
    }
}

.video-popup__play {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    transform: translate3d(-50%, -50%, 0)
}

.video-popup__play svg {
    width: 100% !important;
    height: 100% !important
}

.video-popup__background {
    z-index: -1
}

.video-popup__background:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: .36;
    z-index: 9
}

.video-popup__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.video-popup__blackout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .1s linear;
    pointer-events: none;
    opacity: 0;
    background: #000;
    z-index: 90
}

/*!
 *  6.1. Customer pages
*/
.login-actions {
    clear: both;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px
}

.login-actions a:hover {
    color: #c2c4c4
}

@media screen and (max-width: 648px) {
    .login-actions {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 0
    }

    .login-actions>div {
        width: 100%;
        text-align: center !important;
        margin-top: 1em
    }

    .login-actions .button--wide {
        width: 100%
    }
}

.page-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 50px
}

.page-title .h0,
.page-title .template- #content>div:first-child h1,
.template- #content>div:first-child .page-title h1,
.page-title .footer-text.footer-text--large .rte,
.footer-text.footer-text--large .page-title .rte {
    margin-bottom: 10px
}

.page-title .button,
.page-title .shopify-challenge__button,
.page-title .shopify-payment-button__button--unbranded,
.page-title #shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .page-title .spr-summary-actions-newreview,
.page-title #spr-form .spr-button-primary,
#spr-form .page-title .spr-button-primary,
.page-title .delete-address a,
.delete-address .page-title a {
    margin-bottom: 5px
}

.order-table {
    width: 100%;
    border: none
}

.order-table thead,
.order-table tr {
    border: none
}

.order-table td,
.order-table th {
    text-align: left;
    border: none;
    opacity: .66;
    min-height: 20px;
    margin-bottom: 8px
}

.order-table td:first-child,
.order-table th:first-child {
    padding-left: 0
}

.order-table th {
    text-transform: uppercase;
    padding-bottom: 15px;
    font-weight: 700;
    opacity: .66;
    max-width: 120px
}

.order-table tbody td:first-child,
.order-table tbody th:first-child {
    opacity: 1;
    font-weight: 700
}

.order-table tfoot tr:first-child td,
.order-table tfoot tr:first-child th,
.order-table tfoot tr:last-child td,
.order-table tfoot tr:last-child th {
    padding-top: 10px
}

.order-table.o-order tfoot tr:first-child td,
.order-table.o-order tfoot tr:first-child th {
    padding-top: 40px
}

.order-table tbody tr {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 30px;
    width: 100%
}

.order-table tbody tr:last-child {
    margin-bottom: 0
}

.order-table tbody td,
.order-table tbody th {
    position: relative;
    width: 100%;
    display: block;
    padding: 0 0 0 40% !important;
    text-align: right !important
}

.order-table tbody td span.label,
.order-table tbody th span.label {
    position: absolute;
    top: 7px;
    left: 0;
    width: 45%;
    white-space: nowrap;
    display: block;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left
}

.template-customers-order .order-table tfoot .text-right {
    width: 50%;
    text-align: right;
    padding-right: 0
}

.order-table.o-order tfoot {
    display: inline-table;
    width: 100%;
    margin-top: 20px
}

.address-title {
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px
}

.simple-address {
    opacity: .66
}

.address-popup {
    width: 80%;
    max-width: 780px;
    margin: 50px auto;
    background: white;
    padding: 70px 50px;
    flex-direction: column;
    position: relative
}

.address-popup span {
    margin-bottom: 1.2em
}

.address-popup a {
    margin-top: .9em
}

.address-popup .mfp-close {
    color: #3BB6B4;
    opacity: 1;
    top: 5px;
    right: 5px;
    transition: all .1s linear
}

.address-popup .mfp-close:hover {
    color: #c2c4c4
}

@media screen and (max-width: 768px) {
    .address-popup {
        width: 90%;
        padding: 50px 30px
    }
}

.customer-addresses {
    display: flex
}

.customer-address {
    width: 50%
}

.customer-address:nth-child(odd) {
    padding-right: 25px
}

.customer-address:nth-child(even) {
    padding-left: 25px
}

/*!
 *  6.2. Sidebar responsive queries
*/
@media screen and (max-width: 948px) {
    .sidebar {
        width: 100%;
        max-width: none;
        height: 66px;
        border-bottom: 1px solid #c2c4c4
    }

    .sidebar__responsive-container {
        border: none;
        min-height: 0;
        padding: 13px 25px;
        height: 100%;
/* 		background:#3BB6B4; */
    }

/* 	.sidebar__cart-handle path,
.sidebar__menu-handle path,
.sidebar__search-handle path {
    stroke: white;
}
.sidebar__cart-handle .count,
.sidebar__menu-handle .count,
.sidebar__search-handle .count {
    color: white;
}
.sidebar__menu-handle{
	background:transpare !important;
}  */


    .sidebar__container:after,
    .sidebar__cart>div:after,
    .collection__filters>div:after {
        display: none
    }

    .sidebar__container-holder {
        display: flex;
        height: 100%;
        flex: 0;
        justify-content: space-between
    }

    .logo {
        margin: 0;
        padding: 0
    }

    .logo * {
        height: 110%
    }

    .sidebar__menus {
        position: fixed;
        width: 360px;
        top: 0;
        right: 0;
        z-index: 1000;
        background: #3BB6B4;
		opacity:90%;
        height: 100vh;
        padding: 60px 0;
        overflow-y: scroll;
        border-left: 1px solid #c2c4c4
    }

	.sidebar__menus.opened a{
       color: white;
    }
    .sidebar__menu-handle svg {
        height: 28px;
        margin-top: -1px
    }

    .sidebar__cart-handle,
    .sidebar__menu-handle,
    .sidebar__search-handle {
        position: relative;
        top: 0;
        right: 0
    }

    .sidebar__responsive-handles {
        display: flex;
        margin-right: -8px
    }

    .sidebar__responsive-handles>span,
    .sidebar__responsive-handles>a {
        display: block;
        margin: 0 2px
    }

    .sidebar__search-handle,
    .sidebar__menu-handle {
        padding-top: 8px
    }

    .sidebar__search-handle path,
    .sidebar__menu-handle path {
        stroke: transparent !important;
        fill: #fff
    }

    .no-touch .sidebar__search-handle:hover path,
    .no-touch .sidebar__menu-handle:hover path {
        fill: #3BB6B4
    }

    #content-holder:before {
        display: none
    }

    .sidebar__cart-close,
    .sidebar__menus-close,
    .sidebar__search-close,
    .collection__filters-close {
        top: 18px
    }

    .sidebar__cart .cart__title {
        padding-top: 30px;
        padding-bottom: 24px
    }

    .sidebar__cart {
        width: 360px;
        right: 0;
        left: auto;
        background: #c2c4c4;
        visibility: visible;
        transform: translate(100%);
        transition: all .12s linear
    }

    .sidebar__cart.opened {
        transform: translate(0)
    }

    .sidebar__cart-close svg,
    .sidebar__menus-close svg,
    .sidebar__search-close svg,
    .collection__filters-close svg {
        left: -2px
    }

    .sidebar__menus {
        transform: translate(100%);
        transition: all .12s linear
    }

    .sidebar__menus.opened {
        transform: translate(0)
    }

    .sidebar__menus.opened .sidebar__menus-close {
        opacity: 1;
        visibility: visible;
        display: block
    }

    .sidebar__menu a,
    .sidebar__cart .cart {
        padding-left: 30px;
        padding-right: 30px
    }

    .sidebar__footer {
        position: fixed;
        left: 0;
        width: 100%;
        transform: none;
        top: 0;
        padding: 0 25px;
        background: #c2c4c4;
        opacity: 0;
        visibility: hidden;
        transition: all 80ms linear
    }

    .sidebar__footer input[type=search] {
        height: 64px;
        border-bottom: none;
        width: calc(100% - 50px)
    }

    .sidebar__footer.opened {
        opacity: 1;
        visibility: visible
    }

    .sidebar__footer.opened .sidebar__search-close {
        display: block
    }

    .sidebar__footer button {
        display: none
    }

    .sidebar__footer .sidebar__search-close {
        opacity: 1;
        visibility: visible;
        top: 18px;
        right: 4px
    }

    .sidebar__footer .collection__filters-close {
        right: auto
    }

    .cart-overlay-background,
    .filters-overlay-background {
        z-index: 999;
        left: auto;
        right: 360px;
        transition: all 80ms linear
    }

    .cart-overlay-background.show,
    .show.filters-overlay-background {
        transition: all 80ms linear 60ms
    }
}

@media screen and (max-width: 948px) and (max-width: 360px) {
    .sidebar__menus {
        width: 100%
    }
}

@media screen and (max-width: 948px) and (max-width: 360px) {
    .sidebar__cart {
        width: 100%
    }
}

/*!
 *  6.3. Product page responsive queries
*/
@media screen and (max-width: 1023px) {
    .product {
        flex-direction: column-reverse
    }

    .product__text {
        width: 100%;
        padding: 50px 20% 100px;
        max-width: none;
        min-height: 0;
        transform: none !important;
        position: relative !important
    }

    .product__gallery {
        position: relative !important
    }

    .product__gallery .flickity-page-dots,
    .product__gallery .slider__dots {
        bottom: -45px !important;
        background: transparent;
        padding: 0
    }

    .product__gallery .flickity-page-dots .dot,
    .product__gallery .slider__dots .dot {
        background-color: #3BB6B429 !important
    }

    .product__gallery .flickity-page-dots .dot:last-child,
    .product__gallery .slider__dots .dot:last-child {
        margin-right: 0
    }

    .product__gallery .flickity-page-dots .dot.is-selected,
    .product__gallery .slider__dots .dot.is-selected {
        background-color: #3BB6B4 !important
    }

    .product-gallery {
        height: 65vh
    }

    .product-gallery:not([data-size="1"]) {
        margin-bottom: 40px
    }

    .product-gallery.product-gallery--thumbnails:not([data-size="1"]) {
        margin-bottom: 60px
    }

    .product-gallery:after {
        content: "flickity";
        display: none
    }

    .product-gallery--gutter {
        padding-bottom: 0
    }

    .product-gallery__navigation {
        display: none
    }

    .product-gallery--thumbnails .flickity-page-dots,
    .product-gallery--thumbnails .slider__dots {
        bottom: -60px !important
    }

    .product-gallery--gutter {
        padding-left: 25px
    }

    .product-gallery--fill-mobile {
        transition: height .2s linear;
        height: auto !important;
        min-height: 45vh
    }

    .product-gallery--fill-mobile.product-gallery--gutter {
        padding-right: 25px
    }

    .product-gallery--fill-mobile .product-gallery__item {
        width: 100%
    }

    .product-gallery--fill-mobile.product-gallery--mobile-fixed {
        height: 60vh !important;
        min-height: 0
    }

    .product-gallery--fill-mobile.product-gallery--mobile-fixed .product-gallery__item {
        height: 100%
    }

    .product-gallery--fill-mobile.product-gallery--mobile-fixed .product-gallery__item .lazy-image,
    .product-gallery--fill-mobile.product-gallery--mobile-fixed .product-gallery__item .product-item__thumbnail {
        height: 100%;
        padding-top: 0 !important
    }

    .product__header {
        text-align: center
    }

    .product__content {
        margin-top: 50px;
        flex: 0
    }

    .product__offers {
        margin-bottom: 55px
    }

    .product__text .toggles {
        margin-top: 50px
    }
	#shipping-batch .form-check-label a{
		color:#808080 !important;
		text-decoration:none !important;
	}
    .share-link,
    .article__navigation a {
        display: inline-block;
        margin-left: auto;
        margin-right: auto
    }

    #shopify-section-product-recommendations .h1,
    #shopify-section-product-recommendations #shopify-product-reviews .spr-header-title,
    #shopify-product-reviews #shopify-section-product-recommendations .spr-header-title,
    #shopify-section-product-recommendations .featured-product .product-title-helper,
    .featured-product #shopify-section-product-recommendations .product-title-helper {
        text-align: center
    }

    .product .breadcrumb {
        width: 100%;
        max-width: none;
        z-index: 9;
        position: static;
        padding: 22px 25px;
        order: 9
    }

    .product .breadcrumb+.product__text {
        margin-top: 0
    }
}

@media screen and (max-width: 1023px) and (max-width: 648px) {
    .product .breadcrumb {
        padding: 15px 25px
    }
}

@media screen and (max-width: 648px) {
    .product__text {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 30px
    }

    .product__offers {
        margin-bottom: 30px
    }

    .product__content {
        margin-top: 30px
    }
}

@media screen and (max-width: 948px) {
    .product__text {
        padding-bottom: 70px
    }

    .product-gallery--gutter .product-gallery__item {
        margin-right: 17px !important
    }

    #shopify-section-product-recommendations .h1,
    #shopify-section-product-recommendations .footer-text.footer-text--large .rte,
    .footer-text.footer-text--large #shopify-section-product-recommendations .rte,
    #shopify-section-product-recommendations #shopify-product-reviews .spr-header-title,
    #shopify-product-reviews #shopify-section-product-recommendations .spr-header-title {
        text-align: left
    }
}

@media screen and (max-width: 480px) {
    .product__text {
        padding-bottom: 50px
    }

    .product-gallery[data-mobile-style=product-gallery--fit] {
        height: 57vh !important
    }

    .single_tabs_container .tab {
        display: block !important;
    }
}

.powered-by-shopify {
    display: none
}

.product-item__price {
    display: none !important
}

.product-page-reviews {
    display: block !important;
	overflow: visible !important;
}

.sidebar .underline-animation {
    background-image: none !important
}

.rte img {
    vertical-align: middle
}

.krown-tabs .titles h5.opened {
    background: #3BB6B4 !important;
    color: #fff
}

.krown-tabs .contents {
    border: 1px solid #3BB6B4
}

.krown-tabs .titles h5:nth-child(1) {
    border: 1px solid #3BB6B4
}

.krown-tabs .titles h5:nth-child(2) {
    border: 1px solid #3BB6B4
}

.collection-header__container,
.blog-header__container,
.list-collections-header__container,
.search-header__container,
.blog-header__container,
.list-collections-header__container,
.search-header__container {
    min-width: 300px
}

.ie11 .sidebar__search {
    display: none
}

.ie11 .collection--grid {
    display: block !important;
    width: calc(100% + 20px);
    margin-left: -10px
}

.ie11 .collection--grid .product-item {
    float: left;
    width: 25%;
    padding: 0 10px
}

@media all and (max-width: 1024px) {
    .ie11 .collection--grid .product-item {
        width: 50%
    }
}

.ie11 .sidebar__submenu.opened,
.ie11 .opened.sidebar__cart,
.ie11 .opened.collection__filters,
.ie11 .sidebar__cart.opened,
.ie11 .sidebar__search.opened,
.ie11 .collection__filters.opened {
    visibility: visible;
    overflow-y: scroll;
    background: #c2c4c4;
    max-height: 100vh
}

.ie11 .sidebar__submenu.opened>div,
.ie11 .opened.sidebar__cart>div,
.ie11 .opened.collection__filters>div,
.ie11 .sidebar__cart.opened>div,
.ie11 .sidebar__search.opened>div,
.ie11 .collection__filters.opened>div {
    height: auto
}

.ie11 .sidebar__submenu.opened>div:after,
.ie11 .opened.sidebar__cart>div:after,
.ie11 .opened.collection__filters>div:after,
.ie11 .sidebar__cart.opened>div:after,
.ie11 .sidebar__search.opened>div:after,
.ie11 .collection__filters.opened>div:after {
    display: none
}

.ie11 .collection__filters .filters,
.ie11 .sidebar__cart .cart {
    overflow: visible;
    height: auto
}

.ie11 .sidebar__cart {
    background: #c2c4c4;
    left: 240px
}

.ie11 #content-holder #content {
    display: block
}

.ie11 .page-content,
.ie11 .article__content,
.ie11 .article__content {
    flex: auto
}

.ie11 .footer {
    width: 100%
}

.ie11 .collection-header.has-image .collection-header__container,
.ie11 .has-image.blog-header .collection-header__container,
.ie11 .has-image.list-collections-header .collection-header__container,
.ie11 .has-image.search-header .collection-header__container,
.ie11 .collection-header.has-image .blog-header__container,
.ie11 .has-image.blog-header .blog-header__container,
.ie11 .has-image.list-collections-header .blog-header__container,
.ie11 .has-image.search-header .blog-header__container,
.ie11 .collection-header.has-image .list-collections-header__container,
.ie11 .has-image.blog-header .list-collections-header__container,
.ie11 .has-image.list-collections-header .list-collections-header__container,
.ie11 .has-image.search-header .list-collections-header__container,
.ie11 .collection-header.has-image .search-header__container,
.ie11 .has-image.blog-header .search-header__container,
.ie11 .has-image.list-collections-header .search-header__container,
.ie11 .has-image.search-header .search-header__container {
    position: absolute;
    bottom: 40px
}

.ie11 .collection-header.has-image .collection-filters-handle-holder,
.ie11 .has-image.blog-header .collection-filters-handle-holder,
.ie11 .has-image.list-collections-header .collection-filters-handle-holder,
.ie11 .has-image.search-header .collection-filters-handle-holder {
    position: absolute;
    right: 30px;
    top: auto;
    bottom: 80px
}

.ie11 .product__add-to-cart .add-to-cart__symbol {
    height: 53px
}

.ie11 .product__add-to-cart .add-to-cart__symbol svg {
    top: 0
}

.sidebar__search {
    height: 100vh;
    bottom: 0
}

/*# sourceMappingURL=/s/files/1/0279/8908/2187/t/18/assets/theme.scss.css.map?v=131646303846571215061605175901 */


/* .gutter--on {
    margin-left: 50px;
    margin-right: 50px;
}


 .product {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 50px;
} */

#shipping-batch ul {
    font-size: 14px;
    line-height: 1.5;
}

form .single_select {
    display: flex;
    flex-direction: column;
}

form .single_select label {
    font-weight: bold;
    font-size: 17px;
    margin-top: 10px;
    line-height: 2;
    font-family: inherit;
}

form .single_select select {
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOSA1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHN0cm9rZT0iIzM1MzUzNSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIj48cGF0aCBkPSJNNC41IDQuMDRMOC4wNC41TTQuNSA0LjA0TC45Ni41Ij48L3BhdGg+PC9nPjwvc3ZnPg==) right 8px center / 9px no-repeat, linear-gradient(to left, transparent 25px, #dfdfdf 12px, #dfdfdf 0px, transparent 1px, transparent);
}

.product__add-to-cart.disabled {
    opacity: 1 !important;
    pointer-events: all !important;
}

.product__add-to-cart {
    margin: 20px 0 0 0 !important;
}

.product__description .inner_text {
    line-height: 1.4;
}

.all_product_page {
    margin-right: 60px;
    margin-left: 60px;
}

.form_tooltip {
    /* margin-left: 2.5px; */
}

.order_now_btn {
    width: 100%;
    position: relative;
    overflow: hidden;
    border: none;
    background: #3BB6B4;
    font-family: Maven Pro, sans-serif;
    font-size: 17.14286px;
    line-height: 1;
    height: 55px;
    line-height: 53px;
    font-weight: 700;
    padding: 0 25px;
    margin-top: 15px;
    color: #ffffff;
    transition: 0.3s;
    cursor: pointer;
}

.order_now_btn:hover {
    background-color: #c2c4c4;
}

.logo_input p {
    margin: 0 !important;
    text-align: center !important;
}

.logo_input .file_heading {
    font-weight: 400 !important;
    line-height: 1.5 !important;
    font-size: 16px;
}

.logo_input .file_text {
    font-size: 12px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    margin-top: 12px !important;
}

.logo_input {
    background: #E0E0E0;
    padding: 2px 5px;
}


/*Tooltip css*/



/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
    position: relative;
    cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
    position: absolute;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: transparent;
    content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
    z-index: 1;
    padding: 8px;
    max-width: fit-content;
    min-width: 260px;
    height: auto;
    font-weight: 400;
    background-color: #fff;
    color: #000;
    content: attr(data-tooltip);
    font-size: 12px;
    line-height: 1.5;
    border: 1px solid rgb(193 191 191);
    border-radius: 6px;
    box-shadow: rgb(0 0 0 / 0%) 0px 3px 6px, rgb(0 0 0 / 15%) 0px 4px 9px;
    font-size: 14px;
    font-family: 'Maven Pro';
}


/* Right */
.tooltip-right:after {
    left: 100%;
    top: 100%;
    transform: translate(3.4%, -55%) !important;
}

.tooltip-right:before {
    left: 160%;
    top: 100% !important;
    transform: translate(0%, -100%) !important;
}

.tooltip-right:before {
    margin-bottom: 0;
    margin-left: -12px;
    border-top-color: transparent;
    border-right-color: #000;
    border-right-color: hsl(185deg 100% 33%);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
    -webkit-transform: translateX(12px);
    -moz-transform: translateX(12px);
    transform: translateX(12px);
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
    top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
    margin-left: 0;
    margin-bottom: -16px;
}


/*single-product-gallery*/

.check-boxes-div {
    display: flex;
    margin-top: 5px;
}

.mx-10 {
    margin: 0 10px;
}

.contact-form-heading {
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 5px;
}

/* popup */

/* The actual popup (appears on top) */
.popuptext {
    /* visibility: hidden; */
    /* background-color: #c2c4c4; */
    /* color: #fff; */
    text-align: center;
    border-radius: 6px;
    padding: 50px;
    /* position: absolute;
    z-index: 1;
    bottom: 0;
    top: 05%;
    left: 0;
    right: 0; */
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    height: max-content;
}

.popuptext p {
    display: block;
    width: max-content;
    margin-left: auto;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.singleinput {
    display: none;
}

/* .adrightly_cart_items{
    display: flex;
    margin-top: 20px;
} */
.cartdelteitem {
    margin-left: auto;
}

.cartdelteitem a {
    color: white;
}

.cat_item_container {
    display: flex;
    margin-bottom: 20px;
	flex-direction:column;
}

.cat_item_container img {
    height: 175px;
    width: auto;
    margin-right: 20px;
	object-fit:contain;
}

.cat_item_container div {
	margin-top:20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.cartbuttons,
.cartbuttons2 {
    width: 100%;
    text-align: center;
}

.cartbuttons2 {
    margin: 20px 0px;
	border: 2px solid #fff !important;
}

.wc-backward {
    display: none !important;
}

#productquantity,
#qtybrainssingle,#colorbrainssingle {
    width: 100%;
}

.adrightly_sho_pagination {
    display: block;
}

/* single new css
 */

/*!
 *  Content tabs
*/
.single_tabs_container .warpper {
    display: flex;
    flex-direction: column;
    align-items: left;
    margin-top: 50px;
}

.single_tabs_container .tab {
    cursor: pointer;
    padding: 10px 20px;
    margin: 10px 2px 0px 0px;
    background: #3BB6B4;
    display: inline-block;
    color: #fff;
    border-radius: 0;
    box-shadow: 0 .5rem .8rem #00000080;
}
@media (max-width: 767px) {
    .single_tabs_container .tab {
        margin: 0px 0px; /* Set margin to 0 for mobile screens */
    }
}

.single_tabs_container .panels {
    background: #fffffff6;
    box-shadow: 0 .5rem .8rem #00000080;
    min-height: 200px;
    width: 100%;
    max-width: 1500px;
    border-radius: 0;
    overflow: hidden;
    padding: 20px;
}

.panel {
    display: none;
    animation: fadein .8s;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.single_tabs_container .panel-title {
    font-size: 17px;
    font-weight: 700;
}

.single_tabs_container .radio {
    display: none;
}

#one:checked~.panels #one-panel,
#two:checked~.panels #two-panel,
#three:checked~.panels #three-panel,
#four:checked~.panels #four-panel,
#five:checked~.panels #five-panel,
#six:checked~.panels #six-panel,
#seven:checked~.panels #seven-panel{
    display: block;
}

#one:checked~.tabs #one-tab,
#two:checked~.tabs #two-tab,
#three:checked~.tabs #three-tab,
#four:checked~.tabs #four-tab,
#five:checked~.tabs #five-tab,
#six:checked~.tabs #six-tab,
#seven:checked~.tabs #seven-tab{
    background: #fffffff6;
    color: #616161;
    border-top: 2px solid #3BB6B4;
}

/* .single_tabs_container{
    padding: 0 60px;
} */







/*
@media (min-width: 1025px){
.template-product .product__text {
    width: 40%;
    max-width: unset;
}

} */





/* Gallery Css */
/* .css-slider {
    width: 100%;
    position: relative;
}
.product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnails-holder {
    display: flex;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.product-gallery--scroll~.product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnails {
    margin: auto 0;
    display: flex;
    flex-direction: column;
}
.product-gallery__thumbnails.product-gallery__thumbnails-thumbnails .thumbnail {
    width: 60px!important;
    height: 60px;
}
.lazy-image[data-ratio] img, [data-ratio].product-item__thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 1;
} */
/* html {
    scroll-behavior: smooth !important;
} */

.product_details_section {
    padding: 60px;
}

.custom_gutter {
    padding: 0 60px;
}

.strike_sign {
    margin-left: 3px;
    color: red;
}

/* product detail page media query */

@media only screen and (max-width: 576px) {
    .custom_gutter {
        padding: 0 20px;
    }

    .product_details_section {
        padding: 20px;
    }

/*     form .single_select { */
/*         overflow: hidden; */
/*     } */
}



.tab_gallery_brains {
    display: none;
}


.py_100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pt_100 {
    padding-top: 100px;
}

.font_29 {
    font-size: 29px;
}

.font_35 {
    font-size: 35px;
}

#shopify-section-1587473733744 {
    background: #F2F2F2;
}

#shopify-section-1588239460216 .gutter--on {
    padding: 0 !important;
}

.text_color {
    color: #3BB6B4 !important;
}

/* .slider-single-gallery-brains img {
    width: 800px;
    height: auto;
} */

/* .slider-nav-gallery-brains {
    display: flex;
    justify-content: center;
}

.slider-nav-gallery-brains img {
    height: 70px;
    width: 70px !important;
    object-fit: cover;
    margin: 5px 3px;
}
.slider-nav-gallery-brains .slick-track{
    width:100% !important;
    display: flex;
    justify-content: center;
} */

.product_bottom_track {
    margin: 10px;
    width: 58px !important;
    height: 50px !important;
}

@media screen and (max-width: 1024px) {
    .tab_gallery_brains {
        display: block;
    }

    .product__gallery {
        display: none !important;
    }
}



/* responsive css  */

@media only screen and (max-width: 576px) {
    .centered-section-content-margin,
.testimonials__container .flickity-custom-nav {
    padding: 0 20px;
}
.centered-section-content-margin,
    .testimonials__container .flickity-custom-nav {
        margin-left: 0px !important;
    }
    h3, .h3, .cols-4 .blog-item .blog-item__title, .cols-4 .blog-item .blog-item__title-holder, #spr-form .spr-form-title {
        font-size: 14.66667px !important;
    }
    .product-item__caption.reviews-visible {
        padding-right: 0 !important;
    }
    .collection-header.has-filters, .has-filters.blog-header, .has-filters.list-collections-header, .has-filters.search-header {
        margin-bottom: 20px !important;
    }
    .collection-header__container, .blog-header__container, .list-collections-header__container, .search-header__container {
        margin-top: 0px !important;
    }
    .all_product_page {
        margin-right: 20px;
        margin-left: 20px;
    }
    .pt_100 {
        padding-top: 50px !important;
    }
    .adrightly_sho_pagination {
        margin-top: 20px;
    }
    .popuptext {
        padding: 25px;
        width: 100%;
    }
    .popuptext h1{
        margin: 0;

    }
    .rich-text--media-off .rich-text__content {
        padding-left: 20px;
        padding-right: 20px !important;
    }
}

.adrightly_sho_pagination .sw-pagination span{
    padding: 10px;
}
.adrightly_sho_pagination .sw-pagination a{
    padding: 10px;
}
.woocommerce-form__input-checkbox{
    padding: 0px 8px !important;
    border: 1px solid black;
    font-size: 12px !important;
}

.form-check-input {
    content: " ";
    display: inline-block;
    visibility: visible;
}
/* .form-check-input:checked {
    background-color: #3BB6B4 !important;
} */
.form-check-input:checked:after {
    content: "\2714";
    display: block;
    text-align: center;
    font-size: 18px !important;
    color: white;
	position: absolute;
    top: 0;
}
.woocommerce form .form-row .input-checkbox {
    padding: 0px 3px !important;
    display: inline-block !important;
}
.woocommerce-checkout-review-order button,.wc-proceed-to-checkout a,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	background:#3BB6B4 !important;
}
.woocommerce form .form-row .input-checkbox:checked::after {
    content: "\2714";
    text-align: center;
    font-size: 16px !important;
    color: white;
}
/* input[type=radio]:checked::after {
    content: "\2714";
    display: block;
    text-align: center;
    font-size: 18px !important;
    color: white;
} */


@media screen and (min-width: 1440px) {
    .sidebar__container,
.sidebar__cart>div,
.collection__filters>div {
    overflow: hidden;
}
}
.woocommerce table.my_account_orders .button {
    line-height: 10px !important;
    height: 30px !important;
	margin-top:5px;
	margin-right:5px;
	background:linear-gradient(to right, #42E596, #3BB6B4) !important;
	color:white;
	
}
button{
	background:linear-gradient(to right, #42E596, #3BB6B4) !important;
}
#formatlabel{
    background: rgb(191, 67, 67);
    color: white;
}
.kofa_sku_single{
  margin-top: 20px;
  margin-bottom: -20px;
}
#shopify-product-reviews .spr-summary-actions-newreview {
    border: 2px solid #3BB6B4 !important;
}

#rememberme:checked:after {
    content: "\2714" !important;
    text-align: center;
    font-size: 16px !important;
    color: white;
	position: relative;
    right: 5px;
}
@media only screen and (max-width: 480px) {
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    margin-top: 10px;
    width: 100%;
}
.woocommerce-form-register__submit {
    width: 100%;
}
}
/* tooltip media query in mobile  */
@media only screen and (max-width: 480px) {
	.tooltip-right:hover:before, .tooltip-right:hover:after, .tooltip-right:focus:before, .tooltip-right:focus:after {
		visibility: visible;
    margin: 0px;
    position: absolute;
    inset: 0px auto auto 16px;
	}
	.tooltip-right:before {
    left: 160%;
    top: 100% !important;
    transform: translate(-100%, -10%) rotate(90deg) !important;
    z-index: 1 !important;
}
	.tooltip-right:after {
    transform: translate(-50%, 30px) !important;
}
}
.product_layout_page .collection--grid {
	grid-template-columns: 1fr 1fr 1fr;
	margin-bottom: 60px;
}
.product_layout_page .collection--grid {
	grid-gap: 0 !important;
	border: 1px solid rgba(97, 97, 97, 0.08);
	border-right: 0;
	border-bottom: 0;
}
.product_layout_page .collection--grid .product-item {
	border-right: 1px solid rgba(97, 97, 97, 0.08);
	border-bottom: 1px solid rgba(97, 97, 97, 0.08);
    padding: 14px;
    margin-bottom: 0px;
}
.product_layout_page .product-item__caption {
	min-height: 4em !important;
}
@media only screen and (max-width: 576px) {
	.product_layout_page .collection--grid {
	grid-template-columns: 1fr 1fr;
}
}
#logo {
	display: none;
}
@media only screen and (max-width: 768px) {
.flickity-slider {
    width: 100%!important;
	height: 50%!important;}
#shopify-section-1596091451863{
	height: 400px!important;}
}


.slide__image .lazy-image {
	    height: 100%;
}
.slide__image .lazy-image img{
	       height: auto !important;
    width: auto !important;
    min-width: 100%!important;
    min-height: 100%!important;
    max-width: initial;
}
.mt20{
	margin-top:20px;
}
.mb50{
	margin-bottom:50px!important;
}

.no-touch .product-item a:hover .lazy-image--background{
	    transform: scale(1.05) translateZ(0);
}
@media screen and (max-width: 948px){
.sidebar__responsive-container{
	    position: static!important;
}
}



/* custom stayle starts */

/* General styles for input and select elements */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="submit"],
input[type="password"],
textarea,
select {
    border: 2px solid black; /* Use border instead of outline for better control */
    color: black; /* Font color */
    background: linear-gradient(to right, #42E596, #3BB6B4); /* Change background color when an option is selected */
    padding: 8px;
    border-radius: 4px;
    box-sizing: border-box; /* Ensure padding doesn't affect width */
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="submit"],
input[type="password"],
textarea,
select{
	background:#fff !important;
}

#product-search-input{
	background: linear-gradient(to right, #42E596, #3BB6B4) !important;
}
/* Placeholder text color */
input::placeholder {
    color: black;
}

/* Focus state for input and select */
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="submit"]:focus,
input[type="password"],
textarea,
select:focus {
    border: 2px solid black; /* Ensure border stays black on focus */
    background: linear-gradient(to right, #42E596, #3BB6B4); /* Change background color when an option is selected */
    outline: none; /* Remove the default outline */
}

/* Prevent hover state from changing the select color */
select:hover,
select:active,
select:focus {
    background: linear-gradient(to right, #42E596, #3BB6B4); /* Change background color when an option is selected */
    color: black; /* Ensure text color stays black */
    border-color: black; /* Ensure border color stays black */
    outline: none; /* Remove any outline that might appear */
}

/* Additional styling for select to ensure consistency */
select {
    -webkit-appearance: none; /* Remove default styling in WebKit browsers */
    -moz-appearance: none; /* Remove default styling in Firefox */
    appearance: none; /* Remove default styling in modern browsers */
    padding-right: 24px; /* Add some padding for the dropdown arrow */
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black"><path d="M7 10l5-5-1.41-1.42L7 7.17 3.41 3.58 2 5l5 5z"/></svg>'); /* Custom arrow */
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
}

/* Style for when an option is selected */
/*select.selected {*/
/*    background-color: #3BB6B4; !* Change background color when an option is selected *!*/
/*}*/

form .single_select select {
    background: linear-gradient(to right, #42E596, #3BB6B4); /* Change background color when an option is selected */
}

.formatlabel{
	background: rgb(191, 67, 67);
    color: white;
}
.product-gallery__navigation-item{
	opacity: 1 !important;	
}

/* .step-custom::before {
	content: attr(data-step); /* Get the step number from the data attribute */
	position: absolute;
	top: -14px;
	left: 10px;
	background: linear-gradient(to right, #42E596, #3BB6B4);
	color: #000;
	padding: 1px 10px;
	border-radius: 50px;
	font-weight: bold;
	font-size: 15px;
} */

#search-results{
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); 
	border:1px solid;
}


.product-item__title {
    min-height: 45px; /* Optional: Adjust minimum height to avoid too much shrinkage for shorter titles */
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit title to two lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease-in-out; /* Smooth transition */
}

/* On hover, show full text */
.product-item:hover .product-item__title {
    -webkit-line-clamp: unset; /* Remove the line limit */
    white-space: normal; /* Allow text to wrap normally */
    overflow: visible; /* Display the complete text */
    text-overflow: initial; /* Reset ellipsis behavior */
}
.adrightly_sho_pagination .sw-pagination {
    display: flex;
    justify-content: center;
    gap: 10px; /* Space between the boxes */
	height: 35px;
    line-height: 9px;
}

.adrightly_sho_pagination .page-numbers {
    display: inline-block;
    padding: 10px 15px; /* Padding around the numbers */
/*     border: 2px solid #ccc;  */
	/* Border around the numbers */
    background-color: #f9f9f9; /* Background color for the pagination boxes */
    color: #333; /* Text color */
    text-decoration: none;
    border-radius: 4px; /* Rounded corners */
    transition: background-color 0.3s, color 0.3s; /* Smooth transitions */
}

.adrightly_sho_pagination .page-numbers.current {
    background: linear-gradient(to right, #42E596, #3BB6B4); /* Fill color for the current page */
    color: #fff; /* White text for the current page */
    
}

.adrightly_sho_pagination .page-numbers:hover {
    background: linear-gradient(to right, #42E596, #3BB6B4); /* Darker background on hover */
    color: #fff; /* White text on hover */
}

.adrightly_sho_pagination .page-numbers.dots {
    background-color: transparent;
    border: none;
    color: #777; /* Dots should stay simple */
}

.adrightly_sho_pagination .next.page-numbers {
    background: linear-gradient(to right, #42E596, #3BB6B4); /* Different color for next/prev links */
    color: white;
/*     border-color: #007bff; */
}

.adrightly_sho_pagination .next.page-numbers:hover {
    background: linear-gradient(to right, #42E596, #3BB6B4); /* Darker blue on hover */
/*     border-color: #0056b3; */
}
.sidebar__menus .secondary-menu{
/* 	background:#3bb6b4; */
	position: relative;
    z-index: 11111;
	min-height:100% !important;
}
.sidebar__menus.opened a{
/* 	color:#000; */
	
}
.product__gallery {
	position:relative;
}
.product-gallery__navigation{
	position:sticky !important;
/* 	right:unset; */
	right:44% !important;
	top: 50% !important;
	height: 230px;
}
.form-check {
	display: flex !important;
    gap: 10px;
	align-items:center;
}
.form-check-input{
	position:unset !important;
}
input[type=checkbox] {
    width: 27px;
	padding:10px !important;
	
}
input[type=checkbox]:checked{
	height: 29px;	
	padding:0 !important;
}

.page-item .page-link{	
	background: #f9f9f9;
    color: #333;
}
.page-item.active .page-link{	
	background: linear-gradient(to right, #42E596, #3BB6B4);
    color: #fff;
}
.check-boxes-div{
	margin-top:15px;
}
.btn,button{
	cursor: pointer;
    background: linear-gradient(to right, #42E596, #3BB6B4) !important;
    color: #000 !important;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 30px;
/*     display: inline-block; */
/*     font-weight: 400; */
/*     text-align: center; */
/*     white-space: nowrap; */
/*     vertical-align: middle; */
/*     -webkit-user-select: none; */
/*     -moz-user-select: none; */
/*     -ms-user-select: none; */
/*     user-select: none; */
/*     border: 1px solid transparent; */
/*     padding: .375rem .75rem; */
/*     font-size: 1rem; */
/*     line-height: 1.5; */
/*     border-radius: .25rem; */
/*     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; */

}
.btn-danger{
	color:red;
	background:#fff!important;
	border:2px solid black;
}



table {
  width: 100%;
  border-collapse: collapse;
}

table tr:nth-child(odd) {
  background-color: #3cc0ad3b; /* Stripe color for even rows */
}
table th{
	font-weight:bold;
	color:#000;
}
table th, table td {
  border: 1px solid #ddd;
  padding: 8px;
	text-transform: capitalize;
}

table td:first-child {
  font-weight: bold; /* Bold first column */
}
table thead tr:first-child {
  background: linear-gradient(to right, #42E596, #3BB6B4);
}
thead{
	border-bottom:unset!important;
}

.product-gallery__navigation-item{
	    border: 1px solid #000;
    border-radius: 5px;
    overflow: hidden;
}
.underline-animation{
	padding-bottom:unset !important;
}
select{
	background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black"><path d="M7 10l5-5-1.41-1.42L7 7.17 3.41 3.58 2 5l5 5z"/></svg>') !important;
	background-repeat: no-repeat !important;
    background-position-x: 99% !important;
    background-position-y: 50% !important;
}
#exampleRadiosterms:after{
	top:-5px
}


@media (min-width: 320px) and (max-width: 768px) {
	.single_tabs_container .tab{
		width:100%;
	}
	#gallery-1{
		display: grid;
    grid-template-columns: 1fr 1fr;
	}
	#gallery-1 .gallery-item {
		width:auto !important;
	}
}