/** Shopify CDN: Minification failed

Line 617:38 Unexpected ".5-col-tablet-down"
Line 651:12 Unexpected ".5-col-tablet-down"

**/
.global-media-settings:after,.rte img {
    box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))
}

.content-container--full-width:after {
    left: 0;
    right: 0;
    border-radius: 0
}
.global-media-settings {
    position: relative;
    border: var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));
    border-radius: var(--media-radius);
    overflow: visible!important;
    background-color: rgb(var(--color-background))
}

.global-media-settings:after {
    content: "";
    position: absolute;
    top: calc(var(--media-border-width) * -1);
    right: calc(var(--media-border-width) * -1);
    bottom: calc(var(--media-border-width) * -1);
    left: calc(var(--media-border-width) * -1);
    border-radius: var(--media-radius);
    z-index: -1;
    pointer-events: none
}

.global-media-settings--no-shadow {
    overflow: hidden!important
}

.global-media-settings--no-shadow:after {
    content: none
}

.global-media-settings .placeholder-svg,.global-media-settings iframe,.global-media-settings img,.global-media-settings model-viewer,.global-media-settings video {
    border-radius: calc(var(--media-radius) - var(--media-border-width))
}

.content-container--full-width,.global-media-settings--full-width,.global-media-settings--full-width .placeholder-svg,.global-media-settings--full-width iframe,.global-media-settings--full-width img,.global-media-settings--full-width video {
    border-radius: 0;
    border-left: none;
    border-right: none
}

@supports not (inset: 10px) {
    .grid {
        margin-left:calc(-1 * var(--grid-mobile-horizontal-spacing))
    }

    .grid__item {
        padding-left: var(--grid-mobile-horizontal-spacing);
        padding-bottom: var(--grid-mobile-vertical-spacing)
    }

    .grid--gapless .grid__item {
        padding-left: 0;
        padding-bottom: 0
    }

    @media screen and (min-width: 749px) {
        .grid--peek .grid__item {
            padding-left:var(--grid-mobile-horizontal-spacing)
        }
    }

    .product-grid .grid__item {
        padding-bottom: var(--grid-mobile-vertical-spacing)
    }

    @media screen and (min-width: 750px) {
        .grid {
            margin-left:calc(-1 * var(--grid-desktop-horizontal-spacing))
        }

        .grid__item {
            padding-left: var(--grid-desktop-horizontal-spacing);
            padding-bottom: var(--grid-desktop-vertical-spacing)
        }

        .product-grid .grid__item {
            padding-bottom: var(--grid-desktop-vertical-spacing)
        }
    }
}

@media screen and (min-width: 990px) {
    .header--middle-left .header__heading-link,.header--top-left .header__heading-link {
        margin-left:-.75rem
    }

    .header__heading,.header__heading-link {
        justify-self: start
    }

    .header--middle-center .header__heading,.header--middle-center .header__heading-link,.header--top-center .header__heading,.header--top-center .header__heading-link {
        justify-self: center;
        text-align: center
    }

    .header--top-center>.header__search,.header:not(.header--top-center) *>.header__search {
        display: inline-flex
    }

    .header--top-center *>.header__search,.header:not(.header--top-center)>.header__search {
        display: none
    }

    .search-modal__form {
        max-width: 74.2rem
    }

    .search-modal__close-button {
        position: initial;
        margin-left: .5rem
    }
}

.header--top-center .header__heading-link,.header--top-center .header__inline-menu {
    margin-left: 0
}

.header__menu {
    padding: 0 1rem
}

.header__menu-item {
    padding: 1.2rem;
    text-decoration: none;
    color: rgba(var(--color-foreground),.75)
}

.header__active-menu-item,details[open]>.header__menu-item {
    text-decoration: underline
}

.header__active-menu-item,.header__menu-item:hover {
    color: rgb(var(--color-foreground))
}

.header__menu-item span {
    transition: text-decoration var(--duration-short) ease
}

.header__active-menu-item,.rte a {
    text-underline-offset: 0.3rem;
    transition: text-decoration-thickness var(--duration-short) ease
}

.header__menu-item:hover span {
    text-decoration: underline;
    text-underline-offset: 0.3rem
}



.header__submenu {
    transition: opacity var(--duration-default) ease,transform var(--duration-default) ease
}

@media screen and (min-width: 990px) {
    .header__inline-menu {
        display:block
    }

    .header--top-center .header__inline-menu {
        justify-self: center
    }

    .header--top-center .header__inline-menu>.list-menu--inline {
        justify-content: center
    }

    .header--middle-left .header__inline-menu {
        margin-left: 0
    }

    .overflow-hidden-tablet {
        overflow: auto
    }
}
.header__icons .shopify-app-block {
    max-width: 4.4rem;
    max-height: 4.4rem;
    overflow: hidden
}
@media screen and (max-width: 989px) {
  

    .header--mobile-left .header__heading,.header--mobile-left .header__heading-link {
        text-align: left;
        justify-self: start
    }

    .header--mobile-left {
        grid-template-columns: auto 2fr 1fr
    }
}

.header__heading-link .h2 {
    line-height: 1
}
@media screen and (max-width: 749px) {
    .header--has-app {
        grid-template-columns:auto 1fr auto
    }
}

@media screen and (min-width: 990px) {
    .media--cropped {
        padding-bottom:63%
    }

   

    .header {
        grid-template-columns: 1fr auto 1fr
    }

    .header--middle-left:not(.header--has-menu),.header--top-left {
        grid-template-areas: "heading icons" "navigation navigation";
        grid-template-columns: 1fr auto
    }

    .header--middle-left.drawer-menu,.header--top-left.drawer-menu {
        grid-template-areas: "navigation heading icons";
        grid-template-columns: auto 1fr auto;
        column-gap: 1rem
    }

    .header--middle-left {
        grid-template-areas: "heading navigation icons";
        grid-template-columns: auto auto 1fr;
        column-gap: 2rem
    }

    .header--middle-center:not(.drawer-menu) {
        grid-template-areas: "navigation heading icons";
        grid-template-columns: 1fr auto 1fr;
        column-gap: 2rem
    }

    .header--middle-center a.header__heading-link {
        text-align: center
    }

    .header--top-center {
        grid-template-areas: "left-icons heading icons" "navigation navigation navigation"
    }

    .header--top-center.drawer-menu {
        grid-template-areas: "left-icons heading icons";
        grid-template-columns: 1fr auto 1fr
    }

    .header:not(.header--middle-left,.header--middle-center) .header__inline-menu {
        margin-top: 1.05rem
    }
}

.header [tabindex="-1"]:focus {
    outline: 0
}
.section-header~.shopify-section-group-header-group {
    z-index: initial
}

.shopify-section-header-hidden.menu-open {
    top: 0
}
.utility-bar{
    display:none;
}

.button--small {
    padding: 1.2rem 2.6rem
}

shopify-accelerated-checkout,shopify-accelerated-checkout-cart {
    --shopify-accelerated-checkout-button-border-radius: var(--buttons-radius-outset);
    --shopify-accelerated-checkout-button-box-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity))
}

.button.disabled,.button:disabled,.button[aria-disabled=true],.customer button.disabled,.customer button:disabled,.customer button[aria-disabled=true],.quantity__button.disabled {
    cursor: not-allowed;
    opacity: .5
}



.button.loading {
    color: transparent;
    position: relative
}

.button.loading>.loading__spinner {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center
}

.header__icon:hover .icon,.modal__close-button:hover .icon,.share-button__fallback button:hover .svg-wrapper {
    transform: scale(1.07)
}

.button.loading>.loading__spinner .spinner,.share-button details {
    width: fit-content
}

.button.loading>.loading__spinner .path {
    stroke: rgb(var(--color-button-text))
}


:focus {
    outline: 0;
    box-shadow: none
}

:focus-visible {
    outline: var(--focused-base-outline);
    outline-offset: var(--focused-base-outline-offset);
    box-shadow: var(--focused-base-box-shadow)
}

.focused {
    outline: var(--focused-base-outline);
    outline-offset: var(--focused-base-outline-offset);
    box-shadow: var(--focused-base-box-shadow)
}

.focus-inset:focus-visible {
    outline: .2rem solid rgba(var(--color-foreground),.5);
    outline-offset: -0.2rem;
    box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground),.3)
}

.focused.focus-inset {
    outline: .2rem solid rgba(var(--color-foreground),.5);
    outline-offset: -0.2rem;
    box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground),.3)
}

.focus-offset:focus-visible {
    outline: .2rem solid rgba(var(--color-foreground),.5);
    outline-offset: 1rem;
    box-shadow: 0 0 0 1rem rgb(var(--color-background)),0 0 .2rem 1.2rem rgba(var(--color-foreground),.3)
}

.focus-offset.focused {
    outline: .2rem solid rgba(var(--color-foreground),.5);
    outline-offset: 1rem;
    box-shadow: 0 0 0 1rem rgb(var(--color-background)),0 0 .2rem 1.2rem rgba(var(--color-foreground),.3)
}

.title-wrapper-with-link .title {
    margin: 0
}

.title .link {
    font-size: inherit
}



.title--primary {
    margin: 4rem 0
}



.title-wrapper-with-link .link-with-icon {
    margin: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center
}

.title-wrapper-with-link a {
    margin-top: 0;
    flex-shrink: 0
}



.subtitle {
    font-size: 1.8rem;
    line-height: calc(1 + .8 / var(--font-body-scale));
    letter-spacing: normal;
    color: rgba(var(--color-foreground),.7)
}

.subtitle--medium {
    font-size: 1.6rem;
    letter-spacing: normal
}

@media(max-width: 750px) {
    

   

    .grida>* {
        box-sizing: border-box
    }
}



.grid--3-col .grid__item {
    width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3)
}

@media screen and (min-width: 750px) {
    .section+.section {
        margin-top:var(--spacing-sections-desktop)
    }

    .element-margin {
        margin-top: calc(5rem + var(--page-width-margin))
    }

    blockquote {
        padding-left: 1.5rem
    }

    .caption {
        font-size: 1.2rem
    }

    hr {
        margin: 7rem 0
    }

    .disclosure-has-popup[open]>summary+* {
        z-index: 4
    }

    .facets .disclosure-has-popup[open]>summary+* {
        z-index: 2
    }

    .title-wrapper--self-padded-mobile {
        padding-left: 0;
        padding-right: 0
    }

    .grid {
        column-gap: .8rem;
        row-gap: .8rem
    }

    .grid__item {
        width: calc(20% - .4rem);
        max-width: calc(20% - .4rem)
    }

    .grid--3-col .grid__item {
        width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)
    }
}

.grid--2-col .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing)/ 2)
}

@media screen and (min-width: 750px) {
    .grid--2-col .grid__item {
        width:calc(50% - var(--grid-desktop-horizontal-spacing)/ 2)
    }

    .grid--4-col-tablet .grid__item {
        width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)
    }

    .grid--3-col-tablet .grid__item {
        width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)
    }

    .grid--2-col-tablet .grid__item {
        width: calc(50% - var(--grid-desktop-horizontal-spacing)/ 2)
    }
}

@media screen and (max-width: 989px) {
    .grid--1-col-tablet-down .grid__item {
        width:100%;
        max-width: 100%
    }

}



@media screen and (min-width: 990px) {
    .header:not(.drawer-menu).page-width {
        padding-left:5rem;
        padding-right: 5rem
    }

    .page-width--narrow {
        max-width: 72.6rem;
        padding: 0
    }

    .page-width-desktop {
        max-width: var(--page-width);
        padding: 0 5rem
    }

    .large-up-hide {
        display: none!important
    }

    .title {
        margin: 5rem 0 3rem
    }

    .title-wrapper-with-link {
        margin: 0;
        align-items: center
    }

    .title--primary {
        margin: 2rem 0
    }

    .title-wrapper-with-link .title {
        margin-bottom: 0
    }

    .title-wrapper--self-padded-tablet-down {
        padding-left: 0;
        padding-right: 0
    }

    .grid--6-col-desktop .grid__item {
        width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
        max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6)
    }

    .grid--5-col-desktop .grid__item {
        width: calc(20% - .8rem);
        max-width: calc(20% - .8rem)
    }

    .grid--4-col-desktop .grid__item {
        width: calc(25% - .8rem);
        max-width: calc(25% - .8rem)
    }

    .grid--3-col-desktop .grid__item {
        width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
        max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)
    }

    .grid--2-col-desktop .grid__item {
        width: calc(50% - var(--grid-desktop-horizontal-spacing)/ 2);
        max-width: calc(50% - var(--grid-desktop-horizontal-spacing)/ 2)
    }

    .slider.slider--desktop .scroll-trigger.animate--slide-in {
        animation: none;
        opacity: 1;
        transform: inherit
    }



    .grid--1-col-desktop {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid--1-col-desktop .grid__item {
        width: 100%;
        max-width: 100%
    }
}

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

    .grid__item.slider__slide--full-width {
        width: 100%;
        max-width: none
    }

    .grid--peek.slider--mobile {
        margin: 0;
        width: 100%
    }

    .grid--peek.slider--mobile .grid__item {
        box-sizing: content-box;
        margin: 0
    }

   

    .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item,.slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item {
        width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem)
    }

    .slider--mobile.grid--peek.grid--1.5-col-tablet-down .grid__item,.slider--tablet.grid--peek.grid--1.5-col-tablet-down .grid__item {
        width: calc(70% - (var(--grid-mobile-horizontal-spacing)/ 1.5))
    }
}

@media screen and (min-width: 750px) and (max-width:989px) {
    .medium-hide {
        display:none!important
    }

    .slider--tablet.grid--peek .grid__item {
        width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem)
    }

    .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
        width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem)
    }

    .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,.slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
        width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem)
    }

    .slider--tablet.grid--peek .grid__item:first-of-type {
        margin-left: 1.5rem
    }

    .grid--2-col-tablet-down .grid__item {
        width: calc(50% - var(--grid-desktop-horizontal-spacing)/ 2)
    }

    .grid--1-col-tablet-down.grid--peek .grid__item {
        width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem)
    }

    .grid--1.5-col-tablet-down.grid--peek .grid__item {
        width: calc(70% - (var(--grid-mobile-horizontal-spacing)/ 1.5))
    }
}
.animate-arrow:hover .icon-arrow path {
    transform: translateX(-.05rem)
}
.customer a:hover,.inline-richtext a:hover,.rte a:hover,.underlined-link:hover {
    color: rgb(var(--color-link));
    text-decoration-thickness: 0.2rem
}
.customer a,.underlined-link {
    color: rgba(var(--color-link),var(--alpha-link))
}
.placeholder {
    background-color: rgba(var(--color-foreground),.04);
    color: rgba(var(--color-foreground),.55);
    fill: rgba(var(--color-foreground),0.55)
}
.link-with-icon {
    display: inline-flex;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: normal;
    text-decoration: none;
    margin-bottom: 4.5rem;
    white-space: nowrap
}

.link-with-icon .icon {
    width: 1.5rem;
    margin-left: 1rem
}

a:not([href]) {
    cursor: not-allowed
}

.circle-divider::after {
    content: "\2022";
    margin: 0 1.3rem 0 1.5rem
}

hr {
    border: none;
    height: .1rem;
    background-color: rgba(var(--color-foreground),.2);
    display: block;
    margin: 5rem 0
}
.uppercase {
    text-transform: uppercase
}

.light {
    opacity: .7
}
table:not([class]) {
    border-collapse: collapse;
    font-size: 1.4rem;
    border-style: hidden;
    box-shadow: 0 0 0 .1rem rgba(var(--color-foreground),.2)
}

table:not([class]) td,table:not([class]) th {
    padding: 1em;
    border: .1rem solid rgba(var(--color-foreground),.2)
}

.left {
    text-align: left
}

.caption-with-letter-spacing {
    font-size: 1rem;
    letter-spacing: normal;
    line-height: calc(1 + .2 / var(--font-body-scale));
    text-transform: uppercase
}

.caption-with-letter-spacing--medium {
    font-size: 1.2rem;
    letter-spacing: normal
}

.caption-with-letter-spacing--large,.subtitle--small {
    font-size: 1.4rem;
    letter-spacing: normal
}
.skip-to-content-link:focus {
    z-index: 9999;
    position: inherit;
    overflow: auto;
    width: auto;
    height: auto;
    clip: auto
}


.full-width-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}



.text-body {
    font-size: 1.5rem;
    letter-spacing: normal;
    line-height: calc(1 + .8 / var(--font-body-scale));
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight)
}



.h6,.link--text:hover,blockquote,h6 {
    color: rgba(var(--color-foreground),.75)
}



.hxl {
    font-size: calc(var(--font-heading-scale) * 5rem);
    line-height: calc(1 + .3 / max(1, var(--font-heading-scale)))
}

.h0 {
    font-size: calc(var(--font-heading-scale) * 4rem)
}



@media only screen and (min-width: 750px) {
    .hxl {
        font-size:calc(var(--font-heading-scale) * 6.2rem)
    }

    .h0 {
        font-size: calc(var(--font-heading-scale) * 5.2rem)
    }

    .h1,h1 {
        font-size: calc(var(--font-heading-scale) * 4rem)
    }

    .h2,h2 {
        font-size: calc(var(--font-heading-scale) * 2.4rem)
    }

    .h3,h3 {
        font-size: calc(var(--font-heading-scale) * 1.8rem)
    }

    .h5,h5 {
        font-size: calc(var(--font-heading-scale) * 1.3rem)
    }
}

.h6,h6 {
    margin-block-start:1.67em;margin-block-end:1.67em}

blockquote {
    font-style: italic;
    border-left: .2rem solid rgba(var(--color-foreground),.2);
    padding-left: 1rem
}
.element-margin-top {
    margin-top: 5rem
}

.background-secondary {
    background-color: rgba(var(--color-foreground),.04)
}

.grid-auto-flow {
    display: grid;
    grid-auto-flow: column
}

.page-margin,.shopify-challenge__container {
    margin: 7rem auto
}

.rte-width {
    max-width: 82rem;
    margin: 0 auto 2rem
}
body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
    max-width: 100%
}

.page-width.drawer-menu {
    max-width: 100%
}

.page-width-desktop {
    padding: 0;
    margin: 0 auto
}



@media screen and (min-width: 750px) {
    .page-width {
        padding:0 5rem
    }

    .header.page-width,.utility-bar__grid.page-width {
        padding-left: 3.2rem;
        padding-right: 3.2rem
    }

    .page-width--narrow {
        padding: 0 9rem
    }

    .page-width-desktop {
        padding: 0
    }

    .page-width-tablet {
        padding: 0 5rem
    }
}

.contains-media,.global-media-settings {
    --border-radius: var(--media-radius);
    --border-width: var(--media-border-width);
    --border-opacity: var(--media-border-opacity);
    --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--media-shadow-vertical-offset);
    --shadow-blur-radius: var(--media-shadow-blur-radius);
    --shadow-opacity: var(--media-shadow-opacity);
    --shadow-visible: var(--media-shadow-visible)
}

.article-card-wrapper .card,.contains-card--article {
    --border-radius: var(--blog-card-corner-radius);
    --border-width: var(--blog-card-border-width);
    --border-opacity: var(--blog-card-border-opacity);
    --shadow-horizontal-offset: var(--blog-card-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--blog-card-shadow-vertical-offset);
    --shadow-blur-radius: var(--blog-card-shadow-blur-radius);
    --shadow-opacity: var(--blog-card-shadow-opacity);
    --shadow-visible: var(--blog-card-shadow-visible);
    --image-padding: var(--blog-card-image-padding);
    --text-alignment: var(--blog-card-text-alignment)
}
.btn-animate:hover {
    color: #000!important
}

.read_more-text_block01,.read_more-text_block01:hover {
    background-color: #000;
    color: #fff
}

.btn-animate:hover::before {
    width: 100%
}

@media (max-width: 750px) {
    .text-text_block01 {
        font-size:20px;
        width: 80%
    }

    
}

@media (min-width: 750px) {
    .text-text_block01 {
        font-size:25px;
        width: 60%
    }
}

.text-text_block01 {
    font-family: "ITC Novarese",serif;
    text-align: center
}

.text_block01 {
    display: flex;
    flex-direction: Column;
    align-items: Center;
    justify-content: center
}

.text_block01 img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    margin-bottom: 20px
}

.read_more-text_block01 {
    cursor: pointer;
    margin-top: 25px;
    padding: 15px 35px;
    border-radius: 0;
    border: 1px solid #000
}


.grid-item-fb01 {
    background-color: #f3f3f3;
    height: 100px
}

.grid-item-fb02 {
    background-color: #fffaef;
    height: 100px
}



.grid-item-fb01,.grid-item-fb02 {
    display: flex
}

@media (min-width: 751px) {
    .grid-item-fb01,.grid-item-fb02 {
        justify-content:center;
        align-items: center;
        gap: 20px;
        padding: 20px
    }

    .grid-item-fb01 img,.grid-item-fb02 img {
        width: 40px
    }

    .heading-tgifb01 {
        font-weight: 500;
        font-size: 14px
    }
}

.js details[open]:not(.menu-opening)>.header__icon--menu .icon-close,.product__info-container .loading__spinner:not(.hidden)~*,.quantity__rules-cart .loading__spinner:not(.hidden)~*,.visibility-hidden {
    visibility: hidden
}

.header__menu-item:hover .header__active-menu-item,details[open]:hover>.header__menu-item {
    text-decoration-thickness: 0.2rem
}



.rte table,table:not([class]) {
    table-layout: fixed
}

