/** Shopify CDN: Minification failed

Line 370:0 Unexpected "#4a447b20_1669672429"
Line 3895:4 Expected identifier but found "*"
Line 4600:4 Expected identifier but found "*"
Line 14207:14 Unexpected ".1_column"
Line 14211:14 Unexpected ".2_columns"
Line 14215:14 Unexpected ".3_columns"
Line 19160:4 Unexpected "#16232264344d609eda"
Line 19264:0 Unexpected "}"

**/
#shopify-section-static-announcement-bar {
  border-top: 1px solid var(--color-header-border);
    border-bottom: 1px solid var(--color-header-border);
      border-color: var(--color-header-border);

}
#shopify-section-static-article > section > div > div.article__heading-content > header > h1 > center , #shopify-section-static-article > section > div > div.article__heading-content > header > h1 {
  color: white;
}
#shopify-section-static-footer > footer > div > div.footer__bottom {
  background: url(/cdn/shop/files/Untitled_design_32.png?v=1678460779);
}
#shopify-section-product div.shopify-payment-button {
  display: none;
}
#dropahint .v-image {
  display: none !important;
}
.swym-btn-container .swym-add-to-wishlist.swym-heart:after {
  content:'' !important;
}
.boost-pfs-filter-product-item {
  text-align:center !important;
}
#dropahint {
  display: inline-block !important;
    margin-top: 0px;
    width: 48%;
    padding: 10px;
}
.boost-pfs-filter-product-item-image{
    border: 1px solid #f6f6f6;
    padding: 10px;
}
#shopify-section-collection-template-boost-pfs-filter > div.container.boost-pfs-filter-wrapper > div.boost-pfs-filter-tree-h-wrapper > div.boost-pfs-filter-option.boost-pfs-filter-option-list.boost-pfs-filter-option-stone.boost-pfs-filter-has-scrollbar.boost-pfs-filter-option-column-1.boost-pfs-filter-option-collapsed.dekstop_new > div.boost-pfs-filter-toolbar-item.boost-pfs-filter-toolbar-type.boost-pfs-filter-view_as_type_grid_list{
display:none;
}
.uni {
  font-size: 13px !important;
}
#header > div.header__content.header__content--centered.header__content--has-customer-accounts > div.cwm-100.flex.justify-between.items-center > div.header__icon-wrapper > ul > li.header__icon.header__icon--cart > div > a > svg {
  display: none;
}

#header > div.header__content.header__content--centered.header__content--has-customer-accounts > div.cwm-100.flex.justify-between.items-center > div.header__icon-wrapper > ul > li.header__icon.header__icon--cart > div > a > div {
  border-radius: 10px;
}
#header > div.header__content.header__content--centered.header__content--has-customer-accounts > div.cwm-100.flex.justify-between.items-center > div.header__icon-wrapper > ul > li.header__icon.header__icon--account > a > div, #header > div.header__content.header__content--centered.header__content--has-customer-accounts > div.cwm-100.flex.justify-between.items-center > div.header__icon-wrapper > ul > li.header__icon.header__icon--wishlist > a > svg {
  display: none;
}  
 div.swym-button-bar.swym-wishlist-button-bar.swym-inject {
      margin-left: 10px;
    width: 45%;
    display: inline-block;
}
  .swym-btn-container[data-position=default] .swym-button {
    font-size:15px !important;
  }

    form> div.swym-button-bar.swym-wishlist-button-bar.swym-inject>div {
        vertical-align: middle;
/*         margin-top: 5px; */
    }

  .swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-icon:not(.swym-add-to-watchlist)>span:not(.swym-tooltip) {
    display: block !important;
    color: black !important;
      font: 300 15px 'Lato',Arial,sans-serif;

  }
    .swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-icon {
             display: block !important;
    line-height: unset !important;
    width: 100% !important;
    text-indent: unset !important;
    border: 1px solid lightgray !important;
    margin-top: -22px;
    border-radius: 5px;
    height: auto !important;
    margin-left: 10px !important;
    }
div.swym-button-bar.swym-wishlist-button-bar.swym-inject > div > button > span.swym-wishlist-cta {
  padding: 5px;
}
#dropahint > div.hvr-fade{
  height: 30px; 
      border-width: 1px !important;
  font: 300 15px 'Lato',Arial,sans-serif;
  padding:13px !important;
  border-color: lightgray !important;
}
#dropahint > div.hvr-fade > span {
  vertical-align: middle;
    text-transform: uppercase;

}

@media (max-width: 600px) {
  #shopify-section-collection-template-boost-pfs-filter > div.boost-pfs-filter-toolbar-top-mobile.boost-pfs-filter-toolbar-sticky-mobile > div > div.boost-pfs-filter-option.boost-pfs-filter-option-list.boost-pfs-filter-option-stone.boost-pfs-filter-has-scrollbar.boost-pfs-filter-option-column-1.boost-pfs-filter-option-collapsed > div.filters-toolbar__item-child.boost-pfs-filter-top-sorting > button.boost-pfs-filter-top-sorting-wrapper-mobyle {
        border: none;
    background: none;
    color: inherit;
    text-transform: uppercase !important;
    margin: 0;
    width: 100%;
    padding: 12px 15px;
    position: relative;
    font-size: 15px;
    -webkit-box-sizing: border-box;
  }
#header > div.header__content.header__content--centered.header__content--has-customer-accounts > div.cwm-100.flex.justify-between.items-center > div.header__icon-wrapper > ul > li.header__icon.header__icon--account > a > p, #header > div.header__content.header__content--centered.header__content--has-customer-accounts > div.cwm-100.flex.justify-between.items-center > div.header__icon-wrapper > ul > li.header__icon.header__icon--wishlist > a > p {
  display: none;
}
  #header > div.header__content.header__content--centered.header__content--has-customer-accounts > div.cwm-100.flex.justify-between.items-center > div.header__icon-wrapper > ul > li.header__icon.header__icon--account > a > div, #header > div.header__content.header__content--centered.header__content--has-customer-accounts > div.cwm-100.flex.justify-between.items-center > div.header__icon-wrapper > ul > li.header__icon.header__icon--wishlist > a > svg {
  display: block;
} 
  #appView .powrModal .popupPowrMarkContainer {
    height: auto !important;
  }
  #appView > div.powrModal.popupApp.animate-entrance.flex-column.justify-content-center > div.popupPowrMarkContainer.centerPositioning > div.contentWrapper.none > div > div.overlay.leftImageLayout {
    height: 300px;
  }
  #shopify-section-162322466443fafc1f > section > div > p {
  font-size:14px !important;
}

  .boost-pfs-filter-product-item-title,.boost-pfs-filter-product-item-price{
/*     font-size: 13px !important;
/*     text-align: left; */
/*     text-transform: uppercase !important; */
   /* font-weight: unset !important; */
        font: 300 15px 'Lato',Arial,sans-serif !important;
    letter-spacing: 0.13rem;
  }
  #shopify-section-collection-template-boost-pfs-filter > div.container.boost-pfs-filter-wrapper > div > div.boost-pfs-filter-products.boost-pfs-filter-product-item-equal-height-auto.boost-pfs-filter-product-item-show-swatch-tooltip.boost-pfs-filter-product-item-label-type-rectangle.boost-pfs-filter-product-item-label-has-border.boost-pfs-filter-product-item-show-details-false.boost-pfs-filter-product-item-layout-no-border.boost-pfs-filter-product-item-label-top_left.boost-pfs-filter-product-item-swatch_color_display_type_image_product.boost-pfs-filter-swatch-shape-circle.boost-pfs-filter-product-item-text-alignment-left.bc-al-style4 > div > div > div.boost-pfs-filter-product-bottom > div > p > s {
    display:block;
    margin-left: unset;

    
  }
  .custom-field__inspiration {
/*     margin-top:75px !important; */
  }
}

@media (min-width: 600px) {
  #shopify-section-collection-template-boost-pfs-filter > div.container.boost-pfs-filter-wrapper > div.boost-pfs-filter-tree-h-wrapper > div.boost-pfs-filter-option.boost-pfs-filter-option-list.boost-pfs-filter-option-stone.boost-pfs-filter-has-scrollbar.boost-pfs-filter-option-column-1.boost-pfs-filter-option-collapsed.dekstop_new > div.boost-pfs-filter-toolbar-item.boost-pfs-filter-custom-sorting.boost-pfs-filter-top-sorting > button.boost-pfs-filter-top-sorting-wrapper-mobyle {
  display:none;
  }
/* Product PAge */
  #shopify-section-collection-template-boost-pfs-filter > header > div > div.collection__details > div > h6 {
    
  }
#shopify-section-static-add-top > section > div > div.product-recommendations__side > h2, #shopify-section-static-features > section > div > div > div:nth-child(1) > h3, #shopify-section-static-recently-viewed > section > div > div.recently-viewed__side > h2, #shopify-section-static-product-recommendations > section > div > div.product-recommendations__side > h2 {
  font-size:24px !important;
}
  
.boost-pfs-filter-product-item-title, .boost-pfs-filter-product-item-price{
  font: 300 15px 'Lato',Arial,sans-serif !important;
    letter-spacing: 0.13rem;
}
#shopify-section-162322586956a48767 > section > div > div > div:nth-child(1) > p {
      font: 300 15px 'Lato',Arial,sans-serif;
    letter-spacing: 0.13rem;
}
   .boost-pfs-filter-product-item-title,
.boost-pfs-filter-product-item-price {
/*     font-weight: 400 !important;
    font-family:'Lato', georgia !important;
    font-size: 15px !important;
  text-align:center !important; */
      text-align: center !important;
    font: 300 15px 'Lato',Arial,sans-serif !important;
    letter-spacing: 0.13rem;
}
  .boost-pfs-filter-product-bottom-inner {
    text-align: center !important;
}

  #shopify-section-static-product-recommendations .product-recommendations__product a {
/*      font-weight: 400 !important;
    font-family:'Lato', georgia !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
  text-align:center !important; */
    text-align: center !important;
    font: 300 15px 'Lato',Arial,sans-serif !important;
    letter-spacing: 0.13rem;
  }
  #header > div.header__content.header__content--centered.header__content--has-customer-accounts > div.cwm-100.flex.justify-between.items-center {
    width:75%;
  }
}
#header > div.header__content.header__content--centered.header__content--has-customer-accounts > div.cwm-100.flex.justify-between.items-center > div.header__icon-wrapper > ul > li.header__icon.header__icon--cart {
  margin-top: 5px;
}

@media only screen and (max-width: 600px) {
  #shopify-section-static-add-top,#shopify-section-static-add-drop,#shopify-section-static-add-charmext {
    display:none;
  }
#shopify-section-collection-template-boost-pfs-filter > div.boost-pfs-filter-toolbar-top-mobile.boost-pfs-filter-toolbar-sticky-mobile > div > div.boost-pfs-filter-option.boost-pfs-filter-option-list.boost-pfs-filter-option-stone.boost-pfs-filter-has-scrollbar.boost-pfs-filter-option-column-1.boost-pfs-filter-option-collapsed > div.boost-pfs-filter-toolbar-item.boost-pfs-filter-toolbar-type.boost-pfs-filter-view_as_type_grid_list {
  display:none;

}
   form > div.swym-button-bar.swym-wishlist-button-bar.swym-inject {
/*         padding-left: 10px;
        border: 2px solid black;
        border-radius: 5px;
        padding: 4px !important;
        display: inline-block;
        position: absolute;
        width: 45%;
        height: 30px;
        text-align: center;
        margin-left: 20px !important;
        margin-top: unset !important; */

    }
    form > div.swym-button-bar.swym-wishlist-button-bar.swym-inject:after {
/*         content: "Add To Wishlist"; */
    }

  .swym-btn-container[data-position=default] .swym-button {
    font-size:15px !important;
  }

    form> div.swym-button-bar.swym-wishlist-button-bar.swym-inject>div {
        vertical-align: middle;
        margin-top: 5px;
    }
  .swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-icon:not(.swym-add-to-watchlist)>span:not(.swym-tooltip) {
    display: block !important;
    color: black !important;
  }
    .swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-icon {
          display: block !important;
    line-height: unset !important;
    width: 100% !important;
    text-indent: unset !important;
    border: 1px solid black !important;
    margin-top: -27px;
    border-radius: 5px;
    margin-left: 10px !important;
    }
/*     .swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-icon:not(.swym-add-to-watchlist)>span:not(.swym-tooltip) {
      display: block !important;     }
   div.swym-button-bar.swym-wishlist-button-bar.swym-inject > div > button > span {
           display: block !important; 

   } */
    #dropahint {
        display: inline-block !important;
        margin-top: 0px;
        width: 48%;
        height: 50px !important;
    }

    #dropahint > div.custom-hover {
        display: none;
        width: unset !important;
        height: unset !important;
    }

    #dropahint > div.hvr-fade > span > div > div.v-image__image.v-image__image--cover {
        display: none;
        width: unset !important;
        height: unset !important;
    }

    #dropahint > div.hvr-fade {
        padding: 13px !important;

    }

    #dropahint > div.hvr-fade > span > div {
        vertical-align: middle;
        display: block;
        position: absolute !important;
        height: 30px !important;
        top: 0;
        text-align: center;

    }

    #shopify-section-162322466443fafc1f > section > div > p {
        font-size: 15px !important;
    }

    .type-body-large {
        font-size: 15px !important;
    }

    #shopify-section-162322586956a48767 .type-body-regular {
        font-weight: unset !important;

    }

    .product__title.type-heading-1 {
        font-size: 1.6rem !important;
    }

    .custom-field--value.type-body-regular.option-content.is-hidden.Description,
    .custom-field--value.type-body-regular.option-content-1.is-hidden.Inspiration {
        font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
        font-size: 14px;
    }

    #insp-toggle {
        font-size: 15px !important;
    }

    #shopify-section-static-features>section>div>div>div:nth-child(1)>a {
        width: 60% !important;
    }

    #shopify-section-static-features>section>div>div>div:nth-child(1)>p {
        font-size: 14px;
    }

    #shopify-section-static-features>section>div>div>div:nth-child(1)>h3,
    #shopify-section-static-recently-viewed>section>div>div.recently-viewed__side>h2,
    #shopify-section-static-product-recommendations>section>div>div.product-recommendations__side>h2 {
        font-size: 26px;
    }

    #shopify-section-static-product-recommendations .product-recommendations__product a {
/*         font-size: 19px !important; */
          font: 300 15px 'Lato',Arial,sans-serif !important;
    }
}
@media only screen and (max-width: 500px) {
.swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-icon {
          display: block !important;
    line-height: unset !important;
    width: 100% !important;
    text-indent: unset !important;
    border: 1px solid lightgray !important;
    margin-top: -5px;
    border-radius: 5px;
    margin-left: 10px !important;
    }

  #header > div.header__content.header__content--centered.header__content--has-customer-accounts > div.cwm-100.flex.justify-between.items-center > div.header__icon-wrapper > ul > li.header__icon.header__icon--cart {
  margin-top: 7px;
}
}

/* Containers */
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#4a447b20_1669672429 {
    display: none;
}

#appView .powrModal .powrMark {
    display: none !important;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
  
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/* Cols, orders, oddsets */
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}


.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}

.shopify-cleanslate .DnvZqPMEvBFbBre5UuP9 {
    background-color: black !important;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.3333333333%;
}

.offset-2 {
    margin-left: 16.6666666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.3333333333%;
}

.offset-5 {
    margin-left: 41.6666666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.3333333333%;
}

.offset-8 {
    margin-left: 66.6666666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.3333333333%;
}

.offset-11 {
    margin-left: 91.6666666667%;
}


@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%;
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%;
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%;
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%;
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.3333333333%;
    }

    .offset-md-2 {
        margin-left: 16.6666666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.3333333333%;
    }

    .offset-md-5 {
        margin-left: 41.6666666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.3333333333%;
    }

    .offset-md-8 {
        margin-left: 66.6666666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.3333333333%;
    }

    .offset-md-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%;
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%;
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%;
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%;
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%;
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%;
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%;
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%;
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%;
    }
}

/* d-block, d-none, d-flex, d-inline-flex*/
.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}


@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

/* flex-wrap, flex-nowrap flex-column */
.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

/* justify-content, align-items */


.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

}

/* !!!BOOTSTRAP4 Grid!!! */
@font-face {
    font-family: 'Lato', sans-serif;
    src: url('copperplate_gothic_font-webfont.woff2') format('woff2'),
        url('copperplate_gothic_font-webfont.woff') format('woff'),
        url('copperplate_gothic_font.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /* font-family: 'eras-itc'; */
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Document
 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box;
    /* 1 */
    height: 1px;
    /* 1 */
    overflow: visible;
    /* 2 */
    border: none;
    background-color: #d8d8d8 !important;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: 'Lato', sans-serif;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

p {
    letter-spacing: 2px;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: 'Lato', sans-serif;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
    letter-spacing: 2px;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: 'Lato', sans-serif;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 * `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

.chocolat-zoomable.chocolat-zoomed {
    cursor: zoom-out;
}

.chocolat-open {
    overflow: hidden;
}

.chocolat-overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: var(--color-bg);
    display: none;
    opacity: 0.8;
}

.chocolat-wrapper {
    height: 100%;
    width: 100%;
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    z-index: 1000;
    color: var(--color-bg);
}

.chocolat-zoomable:not(.chocolat-zoomed) .chocolat-img {
    cursor: zoom-in;
}

.chocolat-zoomed .chocolat-img {
    cursor: zoom-out;
}

.chocolat-loader {
    height: 32px;
    width: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px;
    z-index: 11;
    display: none;
}

.chocolat-content {
    position: fixed;
    width: 0px;
    height: 0px;
    left: 50%;
    top: 50%;
    z-index: 14;
    text-align: left;
}

.chocolat-content .chocolat-img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.chocolat-wrapper .chocolat-left {
    position: absolute;
    left: 0;
    width: 50px;
    height: 100px;
    top: 50%;
    margin-top: -50px;
    cursor: pointer;
    z-index: 17;
    display: none;
}

.chocolat-wrapper .chocolat-right {
    position: absolute;
    right: 0;
    width: 50px;
    height: 100px;
    top: 50%;
    margin-top: -50px;
    cursor: pointer;
    z-index: 17;
    display: none;
}

.chocolat-wrapper .chocolat-right.active {
    display: block;
}

.chocolat-wrapper .chocolat-left.active {
    display: block;
}

.chocolat-wrapper .chocolat-top {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    z-index: 17;
    margin-bottom: 10px;
}

.chocolat-wrapper .chocolat-close {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.chocolat-wrapper .chocolat-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 40px;
    height: 40px;
    font-size: var(--font-size-body-small);
    z-index: 17;
    padding-left: 15px;
    padding-right: 15px;
    background: var(--color-bg);
    color: var(--color-text);
    text-align: right;
    margin-top: 10px;
}

.chocolat-wrapper .chocolat-set-title {
    display: inline-block;
    padding-right: 15px;
    line-height: 1;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.chocolat-wrapper .chocolat-pagination {
    float: right;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 15px;
}

.chocolat-wrapper .chocolat-fullscreen {
    width: 16px;
    height: 40px;
    display: block;
    margin: auto;
    cursor: pointer;
    float: right;
}

.chocolat-wrapper .chocolat-description {
    display: inline-block;
    float: left;
}

/* no container mode*/

body.chocolat-open>.chocolat-overlay {
    z-index: 15;
}

body.chocolat-open>.chocolat-loader {
    z-index: 15;
}

body.chocolat-open>.chocolat-content {
    z-index: 17;
}

/* container mode*/

.chocolat-in-container .chocolat-wrapper,
.chocolat-in-container .chocolat-content,
.chocolat-in-container .chocolat-overlay {
    position: absolute;
}

.chocolat-in-container {
    position: relative;
}

/* uncomment to hide controls when zoomed-in*/

/*
 .chocolat-zoomable .chocolat-top,
 .chocolat-zoomable .chocolat-bottom,
 .chocolat-zoomable .chocolat-right,
 .chocolat-zoomable .chocolat-left {
 transition: opacity .3s ease, visibility 0s .3s;
 opacity: 1;
 }
 
 .chocolat-zoomable.chocolat-zoomed .chocolat-top,
 .chocolat-zoomable.chocolat-zoomed .chocolat-bottom,
 .chocolat-zoomable.chocolat-zoomed .chocolat-right,
 .chocolat-zoomable.chocolat-zoomed .chocolat-left {
 visibility: hidden;
 opacity: 0;
 }
 */

/*! 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%;
}

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

/* draggable */

.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 ---- */

.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, 0.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: 0.6;
}

.flickity-button:disabled {
    opacity: 0.3;
    cursor: auto;
    /* prevent disabled button from capturing pointer up event. #716 */
    pointer-events: none;
}

.flickity-button-icon {
    fill: currentColor;
}

/* ---- previous/next buttons ---- */

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

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

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

/* right to left */

.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%;
}

/* ---- page dots ---- */

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-rtl .flickity-page-dots {
    direction: rtl;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 0px;
    background: #333;
/*     border-radius: 50%; */
    opacity: 0.25;
    cursor: pointer;
  height:5px;
  width:50px;
}

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

/* flickity-fade */

.flickity-enabled.is-fade .flickity-slider>* {
    pointer-events: none;
    z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider>.is-selected {
    pointer-events: auto;
    z-index: 1;
}

/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    content: '';
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;

    display: none;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-dots {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    bottom: 20px;
    bottom: var(--spacing-medium);
    text-align: center;
}

.slick-dots li {
    position: relative;
    list-style: none;
    margin: 0 20px;  
    padding: 0;
    display: inline-block;

/*     margin: 0 3px; */
}

.slick-dots button {
    width: 10px;
    height: 10px;
    background: transparent;
    font-size: 0px;
    outline: none;
    border: 0;
}

.slick-dots button:before {
    content: ' ';
    width: 30px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 0;
    left: 0;
/*     border-radius: 100%; */
}
/* content: ' ';
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%; */

.slick-dots .slick-active button:before {
    opacity: 1 !important;
}

:root {
    --line-height-body: 1.5em;
    --line-height-heading: 1.3em;

    --spacing-none: 0px;
    --spacing-extra-small: 5px;
    --spacing-small: 10px;
    --spacing-medium: 20px;
    --spacing-large: 40px;
    --spacing-extra-large: 4rem;
    --spacing-extra-extra-large: 8rem;
    --spacing-extra-extra-extra-large: 16rem;

    --ease: ease-in-out;
    --cubic: cubic-bezier(0.12, 0.67, 0.53, 1);

    --header-icon-width: 24px;
    --size-close-icon: 24px;
    --height-button: 44px;
    --max-width: 1260px;
    --max-width-small: 860px;
    --max-width-centered-copy: 600px;

    --z-index-header: 300;
    --z-index-flyouts: 400;
    --z-index-exit-intent: 200;
    --z-index-announcement-bar: 100;

    --radius-2: 2px;
    --shadow-1: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    --shadow-2: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    --shadow-3: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);

    --grid-medium: 46.85em;
    --grid-large: 61.85em;
    --grid-widescreen: 87.5em;
    --grid-max-width: 73.75em;
    --grid-gutter: 30px;
}

html {
    font-size: 62.5%;
}

body {
    color: var(--color-text);
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-body-weight);
    font-size: var(--font-size-body-base);
    font-style: var(--font-body-style);
    -webkit-font-smoothing: antialiased;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lato', sans-serif;
    font-size: var(--font-size-body-base);
    font-weight: var(--font-body-weight);
    font-style: var(--font-body-style);
    letter-spacing: 2px;
}

body,
input,
textarea,
button,
select {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

a:focus {
    color: inherit;
}

.type-heading-display {
    font-size: var(--font-size-heading-display);
    line-height: 1.3em;
    line-height: var(--line-height-heading);
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-heading-weight);
    font-style: var(--font-heading-style);
    letter-spacing: 2px;
}

.type-heading-1 {
    overflow: hidden;
    font-size: 36px;
    line-height: 1.28;
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-heading-weight);
    font-style: var(--font-heading-style);
    letter-spacing: 2px;
}

#shopify-section-162322466443fafc1f .type-heading-1 {
    font-weight: 400;
    font-size: 36px !important;
    line-height: 1.28;
    letter-spacing: 2px;
    text-align: center;
    font-family: 'Lato', sans-serif;
}

@media(max-width: 576px) {
    #shopify-section-162322466443fafc1f .type-heading-1 {
        font-size: 32px !important;
        line-height: 36px;
    }
}

.type-heading-24 {
    font-size: 24px;
    line-height: 34px;
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-heading-weight);
    font-style: var(--font-heading-style);
}

.type-heading-2 {
    font-size: var(--font-size-heading-2);
    line-height: 1.3em;
    line-height: var(--line-height-heading);
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-heading-weight);
    font-style: var(--font-heading-style);
}

.type-heading-2>a {
    color: inherit;
  font-size: medium;
}

.type-heading-3 {
    font-size: var(--font-size-heading-3);
    line-height: 1.3em;
    line-height: var(--line-height-heading);
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-heading-weight);
    font-style: var(--font-heading-style);
}

.g-uppercase .type-heading-display,
.g-uppercase .type-heading-1,
.g-uppercase .type-heading-2,
.g-uppercase .type-heading-3 {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.type-heading-meta {
    font-size: var(--font-size-body-extra-small);
    text-transform: uppercase;
    letter-spacing: 0.125em;
}

.type-body-small {
    font-size: var(--font-size-body-small);
    line-height: 1.5em;
    line-height: var(--line-height-body);
    font-family: 'Lato', sans-serif;
}

.type-body-regular {
/*     font-size: var(--font-size-body-base);
    line-height: 1.5em;
    line-height: var(--line-height-body);
    font-family: 'Lato', georgia;
    letter-spacing: 2px; */
font: 300 15px 'Lato',Arial,sans-serif;
  letter-spacing: 0.13rem;
    /* text-transform: uppercase; */
    margin-bottom: 5px;
}

.accent-link.type-body-regular {
    text-decoration: none;
}

.type-body-large {
/*     font-size: var(--font-size-body-large);
    line-height: 1.5em;
    line-height: var(--line-height-body);
    font-family: 'Lato', georgia;
    letter-spacing: 2px; */
      font: 300 15px 'Lato',Arial,sans-serif;
    letter-spacing: 0.13rem;
}


.type-body-extra-large {
    font-size: var(--font-size-body-extra-large);
    line-height: 1.5em;
    line-height: var(--line-height-body);
    font-family: 'Lato', georgia;
}

html {
    background-color: var(--color-bg);
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body,
html {
    height: 100%;
}

body.preload * {
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
}

#root {
    transition: opacity 200ms cubic-bezier(0.12, 0.67, 0.53, 1);
    transition: opacity 200ms var(--cubic);
}

.is-transitioning #root {
    opacity: 0;
}

figure {
    margin: 0;
}

img,
picture {
    margin: 0;
    max-width: 100%;
}

.mobile-slider-paging {
    width: 100vw;
    list-style: none;
    padding: 0 calc(40px + 20px);
    padding: 0 calc(var(--spacing-large) + var(--spacing-medium));
    display: flex;
}

.mobile-slider-paging li {
    display: block;
    flex-grow: 1;
}

.mobile-slider-paging div {
    background-color: var(--color-text-meta);
    height: 2px;
    opacity: 0.25;
    transition: opacity 0.125s;
}

.mobile-slider-paging .slick-active div {
    opacity: 1;
    transition: opacity 0.125s;
}

form {
    margin: 0;
}

a,
area,
button,
[role='button'],
input,
label,
select,
summary,
textarea {
    touch-action: manipulation;
}

input,
textarea,
select {
    font-size: var(--font-size-body-base);
    max-width: 100%;
    /* border: 1px solid $color-border; */
    border-radius: 0;
}

input[disabled],
textarea[disabled],
select[disabled] {
    border-color: var(--color-disabled-border);
    background-color: var(--color-disabled);
    cursor: default;
}

button,
input[type='submit'],
label[for] {
    cursor: pointer;
}

textarea {
    min-height: 100px;
}

select::-ms-expand {
    display: none;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Force option color (affects IE only) */

option {
    background-color: var(--color-bg);
    color: var(--color-text);
}

.input-error {
    border-color: var(--color-error-message);
    color: var(--color-error-message);
}

.input {
    background-color: var(--color-input);
    color: var(--color-input-text);
    width: 100%;
    height: 48px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    border: none;
    border-radius: 3px;
    padding: 10px 10px;
    padding: var(--spacing-small) var(--spacing-small);
    font-family: var(--font-body);
    font-weight: var(--font-body-weight);
    font-style: var(--font-body-style);
    line-height: 1.5em;
}

.input::-moz-placeholder {
    color: inherit;
}

.input:-ms-input-placeholder {
    color: inherit;
}

.input::-ms-input-placeholder {
    color: inherit;
}

.input::placeholder {
    color: inherit;
}

.select-wrapper {
    position: relative;
}

.select-wrapper:after {
    content: ' ';
    pointer-events: none;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--color-input-text);
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 15px;
}

.errors {
    color: var(--color-error-message);
    text-align: left;
    line-height: 1.5em;
    line-height: var(--line-height-body);
}

.errors ul {
    padding: 0 0 0 20px;
    padding: 0 0 0 var(--spacing-medium);
}

.section {
    max-width: 1260px;
    max-width: var(--max-width);
    margin: 20px auto;
    margin: var(--spacing-medium) auto;
    padding-left: 20px;
    padding-left: var(--spacing-medium);
    padding-right: 20px;
    padding-right: var(--spacing-medium);
    overflow-x: hidden;
}

@media (min-width: 38em) {

    .section {
        margin: 4rem auto;
        margin: var(--spacing-extra-large) auto;
        padding-left: 40px;
        padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large)
    }
}

.section--standard {
    background-color: var(--color-contrast-bg);
    color: var(--color-contrast-text);
    border: 1px solid transparent;
}

.section--standard .meta {
    color: var(--color-contrast-text-meta);
    letter-spacing: 2px;
}

.section--standard .input {
    background: var(--color-contrast-input);
    color: var(--color-contrast-input-text);
    letter-spacing: 2px;
}

.section--standard .select-wrapper:after {
    border-top-color: var(--color-contrast-input-text);
}

.section--standard .dot {
    background-color: var(--color-contrast-text);
}

.section--outline {
    border: 1px solid var(--color-border);
}

.section--outline .dot {
    background-color: var(--color-text);
}

.accent-link {
    color: var(--color-accent);
    text-decoration: underline;
    transition: opacity 0.25s;
}

.accent-link:hover {
    opacity: 0.5;
    transition: opacity 0.25s;
}

.accent-link.learn-more {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-size: var(--font-size-body-small);
    letter-spacing: 0.05em;
    text-align: center;
    height: 42px;
    height: var(--height-button);
    padding: 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5em;
    border-radius: 1px;
    background-color: var(--color-accent);
    color: #fff;
    position: relative;
    box-sizing: border-box;
    opacity: 1;
    z-index: 1;
    transition: all 400ms ease;
}

.accent-link.learn-more:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0px;
    width: 0px;
    height: 44px;
    background: #111111;
    transition: all 400ms ease;
    color: #fff;
    z-index: -1;
}

.accent-link.learn-more:hover:before {
    width: 100% !important;
}

.accent-link.learn-more:hover {
    color: #fff !important;
    border-radius: 1px;
}

.centered-content {
    width: 100%;
    max-width: 600px;
    max-width: 923px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 38em) {
    .centered-content img {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
}

.rte {
    margin-top: 0;
    margin-bottom: 0;
}

.rte h1 {
    font-size: 1.8em;
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-heading-weight);
    font-style: var(--font-heading-style);
}

.rte h2 {
    font-size: 1.8em;
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-heading-weight);
    font-style: var(--font-heading-style);
}

.rte h3 {
    font-size: 1.4em;
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-heading-weight);
    font-style: var(--font-heading-style);
}

.rte h4 {
    font-size: 1.2em;
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-heading-weight);
    font-style: var(--font-heading-style);
}

.rte h5 {
    font-size: 1em;
    font-weight: var(--font-body-bold-weight);
}

.rte h6 {
    font-size: 0.8em;
    font-weight: var(--font-body-bold-weight);
    text-transform: uppercase;
}

.rte blockquote {
    font-size: var(--font-size-heading-2);
    line-height: 1.5em;
    line-height: var(--line-height-body);
    margin-top: 40px;
    margin-top: var(--spacing-large);
    margin-bottom: 40px;
    margin-bottom: var(--spacing-large);
    margin-left: 20px;
    margin-left: var(--spacing-medium);
    border-left: 1px solid var(--color-border);
    padding-left: 20px;
    padding-left: var(--spacing-medium);
}

.rte a {
    text-decoration: underline;
    color: var(--color-accent);
}

.rte a:hover {
    color: var(--color-text);
}

.rte img {
    height: auto;
}

.rte table {
    table-layout: fixed;
    border-collapse: collapse;
}

.rte table,
.rte th,
.rte td {
    border: 1px solid var(--color-border);
}

.rte td {
    padding: 10px;
    padding: var(--spacing-small);
    border-style: hidden;

}

.rte ul,
.rte ol {
    margin: 0 0 calc(30px / 2) 0;
    margin: 0 0 calc(var(--grid-gutter) / 2) 0;
}

.rte strong {
    font-weight: var(--font-body-bold-weight);
}

/* Allow table to scroll for tables in the RTE since we don't know
 how many columns they will contain. Class added by JS. */

.rte-table {
    overflow: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
}

/* This class is wrapped around YouTube/Vimeo embeds in the RTE
 to make them responsive and prevent layout breaking */

.rte__video-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: 0;
    height: auto;
    padding-bottom: 56.25%;
}

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

/* This class is wrapped around tables in the RTE
 to prevent layout breaking with a scrollable parent */

.rte__table-wrapper {
    overflow: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
}

.g-uppercase .rte h1,
.g-uppercase .rte h2,
.g-uppercase .rte h3,
.g-uppercase .rte h4 {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.rte__link {
    display: inline-flex;
    margin-top: 5px;
    margin-top: var(--spacing-extra-small);
}

.icon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    fill: currentColor;
}

.no-svg .icon {
    display: none;
}

.icon--wide {
    width: 40px;
}

svg.icon:not(.icon--full-color) circle,
svg.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g,
svg.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path,
svg.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline,
svg.icon:not(.icon--full-color) img,
symbol.icon:not(.icon--full-color) circle,
symbol.icon:not(.icon--full-color) ellipse,
symbol.icon:not(.icon--full-color) g,
symbol.icon:not(.icon--full-color) line,
symbol.icon:not(.icon--full-color) path,
symbol.icon:not(.icon--full-color) polygon,
symbol.icon:not(.icon--full-color) polyline,
symbol.icon:not(.icon--full-color) img {
    max-width: 100%;
}

svg.icon:not(.icon--full-color) rect,
symbol.icon:not(.icon--full-color) rect {
    fill: inherit;
    stroke: inherit;
}

/* A generic way to visually hide content while
 remaining accessible to screen readers (h5bp.com) */

.icon-fallback-text {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    /* visually hidden mixin */
    display: none;
}

/* Payment icons */

.payment-icons {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.clearfix {

    *zoom: 1;
    /* clearfix mixin above */
}

.clearfix::after {
    content: '';
    display: table;
    clear: both;
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    /* visually hidden mixin above */
}

.js-focus-hidden:focus {
    outline: none;
}

.label-hidden {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    /* visually hidden mixin above */
}

/* No placeholders, so force show labels */

.no-placeholder .label-hidden {
    position: inherit !important;
    overflow: auto;
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    /* visually-shown mixin above */
}

.visually-shown {
    position: inherit !important;
    overflow: auto;
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    /* visually-shown mixin above */
}

/* Only show when JS is not supported */

.no-js:not(html) {
    display: none;
}

.no-js .no-js:not(html) {
    display: block;
}

/* Only show when JS is supported */

.no-js .js {
    display: none;
}

/* Only show when browser cookies are not supported */

.supports-no-cookies:not(html) {
    display: none;
}

html.supports-no-cookies .supports-no-cookies:not(html) {
    display: block;
}

/* Only show when browser cookies are supported */

html.supports-no-cookies .supports-cookies {
    display: none;
}

/* Skip to content button
 Overrides .visually-hidden when focused */

.skip-link:focus {
    position: absolute !important;
    overflow: auto;
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    /* visually-shown mixin above */

    z-index: 10000;
    padding: calc(30px / 2);
    padding: calc(var(--grid-gutter) / 2);
    background-color: var(--color-bg);
    color: var(--color-text);
    transition: none;
}

.hide {
    /* stylelint-disable declaration-no-important */
    display: none !important;
}

.shopify-product-reviews-wrapper {
    width: 100%;
}

#shopify-product-reviews {
    width: 100%;
    margin-top: calc(40px + 20px) !important;
    margin-top: calc(var(--spacing-large) + var(--spacing-medium)) !important;
    overflow: visible !important;
}

@media (min-width: 38em) {

    #shopify-product-reviews {
        padding: 0;
        padding-right: 20px;
        padding-right: var(--spacing-medium)
    }
}

#shopify-product-reviews .spr-container {
    width: 100%;
    border: none;
    padding: 0 0 0 0;
}

#shopify-product-reviews .spr-header {
    border-bottom: 1px solid var(--color-border);
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
    padding-bottom: 20px;
    padding-bottom: var(--spacing-medium);
}

#shopify-product-reviews .spr-header-title {
    font-size: var(--font-size-heading-1);
    line-height: 1.3em;
    line-height: var(--line-height-heading);
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-heading-weight);
    font-style: var(--font-heading-style);
}

#shopify-product-reviews .spr-header-title>a {
    color: inherit;
}

#shopify-product-reviews .spr-summary {
    display: flex;
    flex-direction: column;
}

@media (min-width: 38em) {

    #shopify-product-reviews .spr-summary {
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }
}

#shopify-product-reviews .spr-summary-caption {
    margin-top: 10px;
    margin-top: var(--spacing-small);
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
}

@media (min-width: 38em) {

    #shopify-product-reviews .spr-summary-caption {
        margin-right: auto
    }
}

#shopify-product-reviews .spr-summary-actions a {
    margin-top: 0;
}

#shopify-product-reviews .spr-summary-actions-newreview {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-body-weight);
    font-size: var(--font-size-body-small);
    letter-spacing: 0.05em;
    text-align: center;
    height: 44px;
    height: var(--height-button);
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5em;
    border-radius: 1px;
    background-color: var(--color-secondary-button);
    color: var(--color-secondary-button-text);
    border: none;
    /* button mixin above */

    width: 100%;
    margin-top: 20px;
    margin-top: var(--spacing-medium);
    opacity: 1;
    transition: opacity 0.25s ease;
}

#shopify-product-reviews .spr-summary-actions-newreview:hover {
    opacity: 0.7;
    transition: opacity 0.25s ease;
}

#shopify-product-reviews .spr-button-primary {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-body-weight);
    font-size: var(--font-size-body-small);
    letter-spacing: 0.05em;
    text-align: center;
    height: 44px;
    height: var(--height-button);
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5em;
    border-radius: 1px;
    background-color: var(--color-accent);
    color: var(--color-button-text);
    border: none;
    /* button mixin above */

    width: 100%;
    opacity: 1;
    transition: opacity 0.25s ease;
}

#shopify-product-reviews .spr-button-primary:hover {
    opacity: 0.7;
    transition: opacity 0.25s ease;
}

#shopify-product-reviews .spr-form {
    width: 100%;
    border: none;
    padding-top: 0;
    margin: 0 auto 20px auto;
    margin: 0 auto var(--spacing-medium) auto;
}

@media (min-width: 38em) and (max-width: 60em) {

    #shopify-product-reviews .spr-form {
        margin-bottom: 40px;
        margin-bottom: var(--spacing-large)
    }
}

@media (min-width: 60em) {

    #shopify-product-reviews .spr-form {
        margin-bottom: 40px;
        margin-bottom: var(--spacing-large)
    }
}

#shopify-product-reviews .spr-form-title {
    display: none;
}

#shopify-product-reviews fieldset>div {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
}

#shopify-product-reviews .spr-form-label {
    display: inline-block;
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
    font-size: var(--font-size-body-base);
}

#shopify-product-reviews .spr-form-input {
    /* reset */
    -webkit-appearance: none;
    -moz-appearance: none;
    /* input */
    background-color: var(--color-input);
    color: var(--color-input-text);
    width: 100%;
    height: 48px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    border: none;
    border-radius: 3px;
    padding: 10px 10px;
    padding: var(--spacing-small) var(--spacing-small);
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-body-weight);
    font-style: var(--font-body-style);
    line-height: 1.5em;
}

#shopify-product-reviews .spr-form-input::-moz-placeholder {
    color: var(--color-text-meta);
}

#shopify-product-reviews .spr-form-input:-ms-input-placeholder {
    color: var(--color-text-meta);
}

#shopify-product-reviews .spr-form-input::-ms-input-placeholder {
    color: var(--color-text-meta);
}

#shopify-product-reviews .spr-form-input::placeholder {
    color: var(--color-text-meta);
}

#shopify-product-reviews .spr-form-review-body>.spr-form-input {
    background-color: none;
    box-shadow: none;
    height: auto;
    padding: 0;
    line-height: 0;
}

#shopify-product-reviews .spr-form-review-body>.spr-form-input .spr-form-input-textarea {
    line-height: 1.5em;
    line-height: var(--line-height-body);
}

#shopify-product-reviews .spr-form-review-rating .spr-form-input {
    box-shadow: none;
    padding-left: 0;
    background: none;
}

#shopify-product-reviews .spr-icon {
    font-size: 100%;
    margin-right: 2px;
}

#shopify-product-reviews .spr-icon-star,
#shopify-product-reviews .spr-icon-star-half-alt,
#shopify-product-reviews .spr-icon-star-empty {
    color: var(--color-accent);
}

#shopify-product-reviews .spr-review {
    width: 100%;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);

    border: none;
}

#shopify-product-reviews .spr-review:first-child {
    margin-top: 0;
}

#shopify-product-reviews .spr-review-header-byline {
    font-style: none;
}

#shopify-product-reviews .spr-review-header-byline strong {
    font-weight: normal;
}

#shopify-product-reviews .spr-review-content-body {
    color: var(--color-text);
    font-size: var(--font-size-body-base);
    line-height: 1.5em;
    line-height: var(--line-height-body);
}

#shopify-product-reviews .spr-form-message-error {
    color: var(--color-error-message);
    background: none;
    padding-left: 0;
}

#shopify-product-reviews .spr-review-reportreview {
    float: left;
}

.spr-pagination {
    width: 100%;
    text-align: left;
    padding-top: 20px !important;
    padding-top: var(--spacing-medium) !important;
}

.spr-pagination div {
    text-align: left;
}

.spr-pagination-page,
.spr-pagination-prev,
.spr-pagination-next {
    position: static !important;
    display: inline-block;
    padding: 8px 15px;
    border-radius: 2px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    margin-right: 8px;
}

.spr-pagination-page.is-active,
.spr-pagination-prev.is-active,
.spr-pagination-next.is-active {
    background-color: var(--color-contrast-bg);
    border: 1px solid var(--color-contrast-border);
    border-radius: 2px;
    color: var(--color-contrast-text-meta);
    box-shadow: none;
    font-weight: var(--font-body-weight) !important;
}

.bg-center {
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-top {
    background-repeat: no-repeat;
    background-position: top center;
}

.bg-right {
    background-repeat: no-repeat;
    background-position: center right;
}

.bg-bottom {
    background-repeat: no-repeat;
    background-position: bottom center;
}

.bg-left {
    background-repeat: no-repeat;
    background-position: center left;
}

@media (min-width: 38em) {
    .bg-center-ns {
        background-repeat: no-repeat;
        background-position: center center;
    }

    .bg-top-ns {
        background-repeat: no-repeat;
        background-position: top center;
    }

    .bg-right-ns {
        background-repeat: no-repeat;
        background-position: center right;
    }

    .bg-bottom-ns {
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .bg-left-ns {
        background-repeat: no-repeat;
        background-position: center left;
    }
}

@media (min-width: 38em) and (max-width: 60em) {
    .bg-center-m {
        background-repeat: no-repeat;
        background-position: center center;
    }

    .bg-top-m {
        background-repeat: no-repeat;
        background-position: top center;
    }

    .bg-right-m {
        background-repeat: no-repeat;
        background-position: center right;
    }

    .bg-bottom-m {
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .bg-left-m {
        background-repeat: no-repeat;
        background-position: center left;
    }
}

@media (min-width: 60em) {
    .bg-center-l {
        background-repeat: no-repeat;
        background-position: center center;
    }

    .bg-top-l {
        background-repeat: no-repeat;
        background-position: top center;
    }

    .bg-right-l {
        background-repeat: no-repeat;
        background-position: center right;
    }

    .bg-bottom-l {
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .bg-left-l {
        background-repeat: no-repeat;
        background-position: center left;
    }
}

.cover {
    background-size: cover !important;
}

.contain {
    background-size: contain !important;
}

@media (min-width: 38em) {
    .cover-ns {
        background-size: cover !important;
    }

    .contain-ns {
        background-size: contain !important;
    }
}

@media (min-width: 38em) and (max-width: 60em) {
    .cover-m {
        background-size: cover !important;
    }

    .contain-m {
        background-size: contain !important;
    }
}

@media (min-width: 60em) {
    .cover-l {
        background-size: cover !important;
    }

    .contain-l {
        background-size: contain !important;
    }
}

.b--default {
    border-color: var(--color-border);
}

.b--white {
    border-color: #ffffff;
}

.b--t {
    border-color: transparent;
}

.br0 {
    border-radius: 0;
}

.br1 {
    border-radius: 0.125rem;
}

.br2 {
    border-radius: 0.25rem;
}

.br3 {
    border-radius: 0.5rem;
}

.br4 {
    border-radius: 1rem;
}

.br-100 {
    border-radius: 100%;
}

.br-pill {
    border-radius: 9999px;
}

.br--bottom {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.br--top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.br--right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.br--left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.b--dotted {
    border-style: dotted;
}

.b--dashed {
    border-style: dashed;
}

.b--solid {
    border-style: solid;
}

.b--none {
    border-style: none;
}

.ba {
    border-style: solid;
    border-width: 1px;
}

.bt {
    border-top-style: solid;
    border-top-width: 1px;
}

.br {
    border-right-style: solid;
    border-right-width: 1px;
}

.bb {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.bl {
    border-left-style: solid;
    border-left-width: 1px;
}

.bn {
    border-style: none;
    border-width: 0;
}

.shadow-1 {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

.shadow-2 {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
}

.cf:before,
.cf:after {
    content: ' ';
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.cl {
    clear: left;
}

.cr {
    clear: right;
}

.cb {
    clear: both;
}

.cn {
    clear: none;
}

@media (min-width: 38em) {
    .cl-ns {
        clear: left;
    }

    .cr-ns {
        clear: right;
    }

    .cb-ns {
        clear: both;
    }

    .cn-ns {
        clear: none;
    }
}

@media (min-width: 38em) and (max-width: 60em) {
    .cl-m {
        clear: left;
    }

    .cr-m {
        clear: right;
    }

    .cb-m {
        clear: both;
    }

    .cn-m {
        clear: none;
    }
}

@media (min-width: 60em) {
    .cl-l {
        clear: left;
    }

    .cr-l {
        clear: right;
    }

    .cb-l {
        clear: both;
    }

    .cn-l {
        clear: none;
    }
}

.color-inherit {
    color: inherit;
}

.white {
    color: #ffffff;
}

.default {
    color: var(--color-text);
}

.meta {
    color: var(--color-text-meta);
    letter-spacing: 2px;
}

.sale {
    color: var(--color-sale-badge);
}

.bg-base {
    background-color: var(--color-bg);
}

.bg-white {
    background-color: var(--color-bg);
}

.bg-sale {
    background-color: var(--color-sale-badge);
}

.bg-accent {
    background-color: var(--color-accent);
}

.bg-container {
    background-color: var(--color-contrast-bg);
}

.top-0 {
    top: 0;
}

.right-0 {
    right: 0;
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}

.top-1 {
    top: 1rem;
}

.right-1 {
    right: 1rem;
}

.bottom-1 {
    bottom: 1rem;
}

.left-1 {
    left: 1rem;
}

.top-2 {
    top: 2rem;
}

.right-2 {
    right: 2rem;
}

.bottom-2 {
    bottom: 2rem;
}

.left-2 {
    left: 2rem;
}

.top--1 {
    top: -1rem;
}

.right--1 {
    right: -1rem;
}

.bottom--1 {
    bottom: -1rem;
}

.left--1 {
    left: -1rem;
}

.top--2 {
    top: -2rem;
}

.right--2 {
    right: -2rem;
}

.bottom--2 {
    bottom: -2rem;
}

.left--2 {
    left: -2rem;
}

.absolute--fill {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* @import 'debug.css'; */

.dn {
    display: none;
}

.di {
    display: inline;
}

.db {
    display: block;
}

.dib {
    display: inline-block;
}

.dit {
    display: inline-table;
}

.dt {
    display: table;
}

.dtc {
    display: table-cell;
}

.dt-row {
    display: table-row;
}

.dt-row-group {
    display: table-row-group;
}

.dt-column {
    display: table-column;
}

.dt-column-group {
    display: table-column-group;
}

/*
 This will set table to full width and then
 all cells will be equal width
 */

.dt--fixed {
    table-layout: fixed;
    width: 100%;
}

@media (min-width: 38em) {
    .dn-ns {
        display: none;
    }

    .di-ns {
        display: inline;
    }

    .db-ns {
        display: block;
    }

    .dib-ns {
        display: inline-block;
    }

    .dit-ns {
        display: inline-table;
    }

    .dt-ns {
        display: table;
    }

    .dtc-ns {
        display: table-cell;
    }

    .dt-row-ns {
        display: table-row;
    }

    .dt-row-group-ns {
        display: table-row-group;
    }

    .dt-column-ns {
        display: table-column;
    }

    .dt-column-group-ns {
        display: table-column-group;
    }

    .dt--fixed-ns {
        table-layout: fixed;
        width: 100%;
    }
}

@media (min-width: 38em) and (max-width: 60em) {
    .dn-m {
        display: none;
    }

    .di-m {
        display: inline;
    }

    .db-m {
        display: block;
    }

    .dib-m {
        display: inline-block;
    }

    .dit-m {
        display: inline-table;
    }

    .dt-m {
        display: table;
    }

    .dtc-m {
        display: table-cell;
    }

    .dt-row-m {
        display: table-row;
    }

    .dt-row-group-m {
        display: table-row-group;
    }

    .dt-column-m {
        display: table-column;
    }

    .dt-column-group-m {
        display: table-column-group;
    }

    .dt--fixed-m {
        table-layout: fixed;
        width: 100%;
    }
}

@media (min-width: 60em) {
    .dn-l {
        display: none;
    }

    .di-l {
        display: inline;
    }

    .db-l {
        display: block;
    }

    .dib-l {
        display: inline-block;
    }

    .dit-l {
        display: inline-table;
    }

    .dt-l {
        display: table;
    }

    .dtc-l {
        display: table-cell;
    }

    .dt-row-l {
        display: table-row;
    }

    .dt-row-group-l {
        display: table-row-group;
    }

    .dt-column-l {
        display: table-column;
    }

    .dt-column-group-l {
        display: table-column-group;
    }

    .dt--fixed-l {
        table-layout: fixed;
        width: 100%;
    }
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

/* 1. Fix for Chrome 44 bug.
 * https://code.google.com/p/chromium/issues/detail?id=506893 */

.flex-auto {
    flex: 1 1 auto;
    min-width: 0;
    /* 1 */
    min-height: 0;
    /* 1 */
}

.flex-none {
    flex: none;
}

.flex-column {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.flex-column-reverse {
    flex-direction: column-reverse;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.items-stretch {
    align-items: stretch;
}

.self-start {
    align-self: flex-start;
}

.self-end {
    align-self: flex-end;
}

.self-center {
    align-self: center;
}

.self-baseline {
    align-self: baseline;
}

.self-stretch {
    align-self: stretch;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.content-start {
    align-content: flex-start;
}

.content-end {
    align-content: flex-end;
}

.content-center {
    align-content: center;
}

.content-between {
    align-content: space-between;
}

.content-around {
    align-content: space-around;
}

.content-stretch {
    align-content: stretch;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-last {
    order: 99999;
}

.flex-grow-0 {
    flex-grow: 0;
}

.flex-grow-1 {
    flex-grow: 1;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.flex-shrink-1 {
    flex-shrink: 1;
}

@media (min-width: 38em) {
    .flex-ns {
        display: flex;
    }

    .inline-flex-ns {
        display: inline-flex;
    }

    .flex-auto-ns {
        flex: 1 1 auto;
        min-width: 0;
        /* 1 */
        min-height: 0;
        /* 1 */
    }

    .flex-none-ns {
        flex: none;
    }

    .flex-column-ns {
        flex-direction: column;
    }

    .flex-row-ns {
        flex-direction: row;
    }

    .flex-wrap-ns {
        flex-wrap: wrap;
    }

    .flex-nowrap-ns {
        flex-wrap: nowrap;
    }

    .flex-wrap-reverse-ns {
        flex-wrap: wrap-reverse;
    }

    .flex-column-reverse-ns {
        flex-direction: column-reverse;
    }

    .flex-row-reverse-ns {
        flex-direction: row-reverse;
    }

    .items-start-ns {
        align-items: flex-start;
    }

    .items-end-ns {
        align-items: flex-end;
    }

    .items-center-ns {
        align-items: center;
    }

    .items-baseline-ns {
        align-items: baseline;
    }

    .items-stretch-ns {
        align-items: stretch;
    }

    .self-start-ns {
        align-self: flex-start;
    }

    .self-end-ns {
        align-self: flex-end;
    }

    .self-center-ns {
        align-self: center;
    }

    .self-baseline-ns {
        align-self: baseline;
    }

    .self-stretch-ns {
        align-self: stretch;
    }

    .justify-start-ns {
        justify-content: flex-start;
    }

    .justify-end-ns {
        justify-content: flex-end;
    }

    .justify-center-ns {
        justify-content: center;
    }

    .justify-between-ns {
        justify-content: space-between;
    }

    .justify-around-ns {
        justify-content: space-around;
    }

    .content-start-ns {
        align-content: flex-start;
    }

    .content-end-ns {
        align-content: flex-end;
    }

    .content-center-ns {
        align-content: center;
    }

    .content-between-ns {
        align-content: space-between;
    }

    .content-around-ns {
        align-content: space-around;
    }

    .content-stretch-ns {
        align-content: stretch;
    }

    .order-0-ns {
        order: 0;
    }

    .order-1-ns {
        order: 1;
    }

    .order-2-ns {
        order: 2;
    }

    .order-3-ns {
        order: 3;
    }

    .order-4-ns {
        order: 4;
    }

    .order-5-ns {
        order: 5;
    }

    .order-6-ns {
        order: 6;
    }

    .order-7-ns {
        order: 7;
    }

    .order-8-ns {
        order: 8;
    }

    .order-last-ns {
        order: 99999;
    }

    .flex-grow-0-ns {
        flex-grow: 0;
    }

    .flex-grow-1-ns {
        flex-grow: 1;
    }

    .flex-shrink-0-ns {
        flex-shrink: 0;
    }

    .flex-shrink-1-ns {
        flex-shrink: 1;
    }
}

@media (min-width: 38em) and (max-width: 60em) {
    .flex-m {
        display: flex;
    }

    .inline-flex-m {
        display: inline-flex;
    }

    .flex-auto-m {
        flex: 1 1 auto;
        min-width: 0;
        /* 1 */
        min-height: 0;
        /* 1 */
    }

    .flex-none-m {
        flex: none;
    }

    .flex-column-m {
        flex-direction: column;
    }

    .flex-row-m {
        flex-direction: row;
    }

    .flex-wrap-m {
        flex-wrap: wrap;
    }

    .flex-nowrap-m {
        flex-wrap: nowrap;
    }

    .flex-wrap-reverse-m {
        flex-wrap: wrap-reverse;
    }

    .flex-column-reverse-m {
        flex-direction: column-reverse;
    }

    .flex-row-reverse-m {
        flex-direction: row-reverse;
    }

    .items-start-m {
        align-items: flex-start;
    }

    .items-end-m {
        align-items: flex-end;
    }

    .items-center-m {
        align-items: center;
    }

    .items-baseline-m {
        align-items: baseline;
    }

    .items-stretch-m {
        align-items: stretch;
    }

    .self-start-m {
        align-self: flex-start;
    }

    .self-end-m {
        align-self: flex-end;
    }

    .self-center-m {
        align-self: center;
    }

    .self-baseline-m {
        align-self: baseline;
    }

    .self-stretch-m {
        align-self: stretch;
    }

    .justify-start-m {
        justify-content: flex-start;
    }

    .justify-end-m {
        justify-content: flex-end;
    }

    .justify-center-m {
        justify-content: center;
    }

    .justify-between-m {
        justify-content: space-between;
    }

    .justify-around-m {
        justify-content: space-around;
    }

    .content-start-m {
        align-content: flex-start;
    }

    .content-end-m {
        align-content: flex-end;
    }

    .content-center-m {
        align-content: center;
    }

    .content-between-m {
        align-content: space-between;
    }

    .content-around-m {
        align-content: space-around;
    }

    .content-stretch-m {
        align-content: stretch;
    }

    .order-0-m {
        order: 0;
    }

    .order-1-m {
        order: 1;
    }

    .order-2-m {
        order: 2;
    }

    .order-3-m {
        order: 3;
    }

    .order-4-m {
        order: 4;
    }

    .order-5-m {
        order: 5;
    }

    .order-6-m {
        order: 6;
    }

    .order-7-m {
        order: 7;
    }

    .order-8-m {
        order: 8;
    }

    .order-last-m {
        order: 99999;
    }

    .flex-grow-0-m {
        flex-grow: 0;
    }

    .flex-grow-1-m {
        flex-grow: 1;
    }

    .flex-shrink-0-m {
        flex-shrink: 0;
    }

    .flex-shrink-1-m {
        flex-shrink: 1;
    }
}

@media (min-width: 60em) {
    .flex-l {
        display: flex;
    }

    .inline-flex-l {
        display: inline-flex;
    }

    .flex-auto-l {
        flex: 1 1 auto;
        min-width: 0;
        /* 1 */
        min-height: 0;
        /* 1 */
    }

    .flex-none-l {
        flex: none;
    }

    .flex-column-l {
        flex-direction: column;
    }

    .flex-row-l {
        flex-direction: row;
    }

    .flex-wrap-l {
        flex-wrap: wrap;
    }

    .flex-nowrap-l {
        flex-wrap: nowrap;
    }

    .flex-wrap-reverse-l {
        flex-wrap: wrap-reverse;
    }

    .flex-column-reverse-l {
        flex-direction: column-reverse;
    }

    .flex-row-reverse-l {
        flex-direction: row-reverse;
    }

    .items-start-l {
        align-items: flex-start;
    }

    .items-end-l {
        align-items: flex-end;
    }

    .items-center-l {
        align-items: center;
    }

    .items-baseline-l {
        align-items: baseline;
    }

    .items-stretch-l {
        align-items: stretch;
    }

    .self-start-l {
        align-self: flex-start;
    }

    .self-end-l {
        align-self: flex-end;
    }

    .self-center-l {
        align-self: center;
    }

    .self-baseline-l {
        align-self: baseline;
    }

    .self-stretch-l {
        align-self: stretch;
    }

    .justify-start-l {
        justify-content: flex-start;
    }

    .justify-end-l {
        justify-content: flex-end;
    }

    .justify-center-l {
        justify-content: center;
    }

    .justify-between-l {
        justify-content: space-between;
    }

    .justify-around-l {
        justify-content: space-around;
    }

    .content-start-l {
        align-content: flex-start;
    }

    .content-end-l {
        align-content: flex-end;
    }

    .content-center-l {
        align-content: center;
    }

    .content-between-l {
        align-content: space-between;
    }

    .content-around-l {
        align-content: space-around;
    }

    .content-stretch-l {
        align-content: stretch;
    }

    .order-0-l {
        order: 0;
    }

    .order-1-l {
        order: 1;
    }

    .order-2-l {
        order: 2;
    }

    .order-3-l {
        order: 3;
    }

    .order-4-l {
        order: 4;
    }

    .order-5-l {
        order: 5;
    }

    .order-6-l {
        order: 6;
    }

    .order-7-l {
        order: 7;
    }

    .order-8-l {
        order: 8;
    }

    .order-last-l {
        order: 99999;
    }

    .flex-grow-0-l {
        flex-grow: 0;
    }

    .flex-grow-1-l {
        flex-grow: 1;
    }

    .flex-shrink-0-l {
        flex-shrink: 0;
    }

    .flex-shrink-1-l {
        flex-shrink: 1;
    }
}

.fl {
    float: left;
    _display: inline;
}

.fr {
    float: right;
    _display: inline;
}

.fn {
    float: none;
}

@media (min-width: 38em) {
    .fl-ns {
        float: left;
        _display: inline;
    }

    .fr-ns {
        float: right;
        _display: inline;
    }

    .fn-ns {
        float: none;
    }
}

@media (min-width: 38em) and (max-width: 60em) {
    .fl-m {
        float: left;
        _display: inline;
    }

    .fr-m {
        float: right;
        _display: inline;
    }

    .fn-m {
        float: none;
    }
}

@media (min-width: 60em) {
    .fl-l {
        float: left;
        _display: inline;
    }

    .fr-l {
        float: right;
        _display: inline;
    }

    .fn-l {
        float: none;
    }
}

.ff-1 {
    font-family: 'Lato', sans-serif;
}

.ff-2 {
    font-family: 'Lato', sans-serif;
}

.normal {
    font-weight: normal;
}

.b {
    font-weight: bold;
}

.fw1 {
    font-weight: 100;
}

.fw2 {
    font-weight: 200;
}

.fw3 {
    font-weight: 300;
}

.fw4 {
    font-weight: 400;
}

.fw5 {
    font-weight: 500;
}

.fw6 {
    font-weight: 600;
}

.fw7 {
    font-weight: 700;
}

.fw8 {
    font-weight: 800;
}

.fw9 {
    font-weight: 900;
}

@media (min-width: 38em) {
    .normal-ns {
        font-weight: normal;
    }

    .b-ns {
        font-weight: bold;
    }

    .fw1-ns {
        font-weight: 100;
    }

    .fw2-ns {
        font-weight: 200;
    }

    .fw3-ns {
        font-weight: 300;
    }

    .fw4-ns {
        font-weight: 400;
    }

    .fw5-ns {
        font-weight: 500;
    }

    .fw6-ns {
        font-weight: 600;
    }

    .fw7-ns {
        font-weight: 700;
    }

    .fw8-ns {
        font-weight: 800;
    }

    .fw9-ns {
        font-weight: 900;
    }
}

@media (min-width: 38em) and (max-width: 60em) {
    .normal-m {
        font-weight: normal;
    }

    .b-m {
        font-weight: bold;
    }

    .fw1-m {
        font-weight: 100;
    }

    .fw2-m {
        font-weight: 200;
    }

    .fw3-m {
        font-weight: 300;
    }

    .fw4-m {
        font-weight: 400;
    }

    .fw5-m {
        font-weight: 500;
    }

    .fw6-m {
        font-weight: 600;
    }

    .fw7-m {
        font-weight: 700;
    }

    .fw8-m {
        font-weight: 800;
    }

    .fw9-m {
        font-weight: 900;
    }
}

@media (min-width: 60em) {
    .normal-l {
        font-weight: normal;
    }

    .b-l {
        font-weight: bold;
    }

    .fw1-l {
        font-weight: 100;
    }

    .fw2-l {
        font-weight: 200;
    }

    .fw3-l {
        font-weight: 300;
    }

    .fw4-l {
        font-weight: 400;
    }

    .fw5-l {
        font-weight: 500;
    }

    .fw6-l {
        font-weight: 600;
    }

    .fw7-l {
        font-weight: 700;
    }

    .fw8-l {
        font-weight: 800;
    }

    .fw9-l {
        font-weight: 900;
    }
}

.input-reset {
    -webkit-appearance: none;
    -moz-appearance: none;
    letter-spacing: 2px;
}

.button-reset::-moz-focus-inner,
.input-reset::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.tracked {
    letter-spacing: 0.1em;
}

.tracked-tight {
    letter-spacing: -0.05em;
}

.tracked-mega {
    letter-spacing: 0.25em;
}

@media (min-width: 38em) {
    .tracked-ns {
        letter-spacing: 0.1em;
    }

    .tracked-tight-ns {
        letter-spacing: -0.05em;
    }

    .tracked-mega-ns {
        letter-spacing: 0.25em;
    }
}

@media (min-width: 38em) and (max-width: 60em) {
    .tracked-m {
        letter-spacing: 0.1em;
    }

    .tracked-tight-m {
        letter-spacing: -0.05em;
    }

    .tracked-mega-m {
        letter-spacing: 0.25em;
    }
}

@media (min-width: 60em) {
    .tracked-l {
        letter-spacing: 0.1em;
    }

    .tracked-tight-l {
        letter-spacing: -0.05em;
    }

    .tracked-mega-l {
        letter-spacing: 0.25em;
    }
}

.lh-solid {
    line-height: 1;
}

.lh-title {
    line-height: 1.25;
}

.lh-copy {
    line-height: 1.5;
}

.list {
    list-style-type: none;
}

.mw-c {
    max-width: 1260px;
    max-width: var(--max-width);
}

/* Max Width Percentages */

.mw-50 {
    max-width: 50%;
}

.mw-75 {
    max-width: 75%;
}

.mw-100 {
    max-width: 100%;
}

/* Max Width Scale */

.mw1 {
    max-width: 1rem;
}

.mw2 {
    max-width: 2rem;
}

.mw3 {
    max-width: 4rem;
}

.mw4 {
    max-width: 8rem;
}

.mw5 {
    max-width: 16rem;
}

.mw6 {
    max-width: 32rem;
}

.mw7 {
    max-width: 48rem;
}

.mw8 {
    max-width: 64rem;
}

.mw9 {
    max-width: 96rem;
}

/* Max Width String Properties */

.mw-none {
    max-width: none;
}

@media (min-width: 38em) {
    .mw-100-ns {
        max-width: 100%;
    }

    .mw1-ns {
        max-width: 1rem;
    }

    .mw2-ns {
        max-width: 2rem;
    }

    .mw3-ns {
        max-width: 4rem;
    }

    .mw4-ns {
        max-width: 8rem;
    }

    .mw5-ns {
        max-width: 16rem;
    }

    .mw6-ns {
        max-width: 32rem;
    }

    .mw7-ns {
        max-width: 48rem;
    }

    .mw8-ns {
        max-width: 64rem;
    }

    .mw9-ns {
        max-width: 96rem;
    }

    .mw-none-ns {
        max-width: none;
    }
}

@media (min-width: 38em) and (max-width: 60em) {
    .mw-100-m {
        max-width: 100%;
    }

    .mw1-m {
        max-width: 1rem;
    }

    .mw2-m {
        max-width: 2rem;
    }

    .mw3-m {
        max-width: 4rem;
    }

    .mw4-m {
        max-width: 8rem;
    }

    .mw5-m {
        max-width: 16rem;
    }

    .mw6-m {
        max-width: 32rem;
    }

    .mw7-m {
        max-width: 48rem;
    }

    .mw8-m {
        max-width: 64rem;
    }

    .mw9-m {
        max-width: 96rem;
    }

    .mw-none-m {
        max-width: none;
    }
}

@media (min-width: 60em) {
    .mw-100-l {
        max-width: 100%;
    }

    .mw1-l {
        max-width: 1rem;
    }

    .mw2-l {
        max-width: 2rem;
    }

    .mw3-l {
        max-width: 4rem;
    }

    .mw4-l {
        max-width: 8rem;
    }

    .mw5-l {
        max-width: 16rem;
    }

    .mw6-l {
        max-width: 32rem;
    }

    .mw7-l {
        max-width: 48rem;
    }

    .mw8-l {
        max-width: 64rem;
    }

    .mw9-l {
        max-width: 96rem;
    }

    .mw-none-l {
        max-width: none;
    }
}

.na1 {
    margin: calc(-1 * 5px);
    margin: calc(-1 * var(--spacing-extra-small));
}

.na2 {
    margin: calc(-1 * 10px);
    margin: calc(-1 * var(--spacing-small));
}

.na3 {
    margin: calc(-1 * 20px);
    margin: calc(-1 * var(--spacing-medium));
}

.na4 {
    margin: calc(-1 * 40px);
    margin: calc(-1 * var(--spacing-large));
}

.na5 {
    margin: calc(-1 * 4rem);
    margin: calc(-1 * var(--spacing-extra-large));
}

.na6 {
    margin: calc(-1 * 8rem);
    margin: calc(-1 * var(--spacing-extra-extra-large));
}

.na7 {
    margin: calc(-1 * 16rem);
    margin: calc(-1 * var(--spacing-extra-extra-extra-large));
}

.nl1 {
    margin-left: calc(-1 * 5px);
    margin-left: calc(-1 * var(--spacing-extra-small));
}

.nl2 {
    margin-left: calc(-1 * 10px);
    margin-left: calc(-1 * var(--spacing-small));
}

.nl3 {
    margin-left: calc(-1 * 20px);
    margin-left: calc(-1 * var(--spacing-medium));
}

.nl4 {
    margin-left: calc(-1 * 40px);
    margin-left: calc(-1 * var(--spacing-large));
}

.nl5 {
    margin-left: calc(-1 * 4rem);
    margin-left: calc(-1 * var(--spacing-extra-large));
}

.nl6 {
    margin-left: calc(-1 * 8rem);
    margin-left: calc(-1 * var(--spacing-extra-extra-large));
}

.nl7 {
    margin-left: calc(-1 * 16rem);
    margin-left: calc(-1 * var(--spacing-extra-extra-extra-large));
}

.nr1 {
    margin-right: calc(-1 * 5px);
    margin-right: calc(-1 * var(--spacing-extra-small));
}

.nr2 {
    margin-right: calc(-1 * 10px);
    margin-right: calc(-1 * var(--spacing-small));
}

.nr3 {
    margin-right: calc(-1 * 20px);
    margin-right: calc(-1 * var(--spacing-medium));
}

.nr4 {
    margin-right: calc(-1 * 40px);
    margin-right: calc(-1 * var(--spacing-large));
}

.nr5 {
    margin-right: calc(-1 * 4rem);
    margin-right: calc(-1 * var(--spacing-extra-large));
}

.nr6 {
    margin-right: calc(-1 * 8rem);
    margin-right: calc(-1 * var(--spacing-extra-extra-large));
}

.nr7 {
    margin-right: calc(-1 * 16rem);
    margin-right: calc(-1 * var(--spacing-extra-extra-extra-large));
}

.nb1 {
    margin-bottom: calc(-1 * 5px);
    margin-bottom: calc(-1 * var(--spacing-extra-small));
}

.nb2 {
    margin-bottom: calc(-1 * 10px);
    margin-bottom: calc(-1 * var(--spacing-small));
}

.nb3 {
    margin-bottom: calc(-1 * 20px);
    margin-bottom: calc(-1 * var(--spacing-medium));
}

.nb4 {
    margin-bottom: calc(-1 * 40px);
    margin-bottom: calc(-1 * var(--spacing-large));
}

.nb5 {
    margin-bottom: calc(-1 * 4rem);
    margin-bottom: calc(-1 * var(--spacing-extra-large));
}

.nb6 {
    margin-bottom: calc(-1 * 8rem);
    margin-bottom: calc(-1 * var(--spacing-extra-extra-large));
}

.nb7 {
    margin-bottom: calc(-1 * 16rem);
    margin-bottom: calc(-1 * var(--spacing-extra-extra-extra-large));
}

.nt1 {
    margin-top: calc(-1 * 5px);
    margin-top: calc(-1 * var(--spacing-extra-small));
}

.nt2 {
    margin-top: calc(-1 * 10px);
    margin-top: calc(-1 * var(--spacing-small));
}

.nt3 {
    margin-top: calc(-1 * 20px);
    margin-top: calc(-1 * var(--spacing-medium));
}

.nt4 {
    margin-top: calc(-1 * 40px);
    margin-top: calc(-1 * var(--spacing-large));
}

.nt5 {
    margin-top: calc(-1 * 4rem);
    margin-top: calc(-1 * var(--spacing-extra-large));
}

.nt6 {
    margin-top: calc(-1 * 8rem);
    margin-top: calc(-1 * var(--spacing-extra-extra-large));
}

.nt7 {
    margin-top: calc(-1 * 16rem);
    margin-top: calc(-1 * var(--spacing-extra-extra-extra-large));
}

@media (min-width: 38em) {
    .na1-ns {
        margin: calc(-1 * 5px);
        margin: calc(-1 * var(--spacing-extra-small));
    }

    .na2-ns {
        margin: calc(-1 * 10px);
        margin: calc(-1 * var(--spacing-small));
    }

    .na3-ns {
        margin: calc(-1 * 20px);
        margin: calc(-1 * var(--spacing-medium));
    }

    .na4-ns {
        margin: calc(-1 * 40px);
        margin: calc(-1 * var(--spacing-large));
    }

    .na5-ns {
        margin: calc(-1 * 4rem);
        margin: calc(-1 * var(--spacing-extra-large));
    }

    .na6-ns {
        margin: calc(-1 * 8rem);
        margin: calc(-1 * var(--spacing-extra-extra-large));
    }

    .na7-ns {
        margin: calc(-1 * 16rem);
        margin: calc(-1 * var(--spacing-extra-extra-extra-large));
    }

    .nl1-ns {
        margin-left: calc(-1 * 5px);
        margin-left: calc(-1 * var(--spacing-extra-small));
    }

    .nl2-ns {
        margin-left: calc(-1 * 10px);
        margin-left: calc(-1 * var(--spacing-small));
    }

    .nl3-ns {
        margin-left: calc(-1 * 20px);
        margin-left: calc(-1 * var(--spacing-medium));
    }

    .nl4-ns {
        margin-left: calc(-1 * 40px);
        margin-left: calc(-1 * var(--spacing-large));
    }

    .nl5-ns {
        margin-left: calc(-1 * 4rem);
        margin-left: calc(-1 * var(--spacing-extra-large));
    }

    .nl6-ns {
        margin-left: calc(-1 * 8rem);
        margin-left: calc(-1 * var(--spacing-extra-extra-large));
    }

    .nl7-ns {
        margin-left: calc(-1 * 16rem);
        margin-left: calc(-1 * var(--spacing-extra-extra-extra-large));
    }

    .nr1-ns {
        margin-right: calc(-1 * 5px);
        margin-right: calc(-1 * var(--spacing-extra-small));
    }

    .nr2-ns {
        margin-right: calc(-1 * 10px);
        margin-right: calc(-1 * var(--spacing-small));
    }

    .nr3-ns {
        margin-right: calc(-1 * 20px);
        margin-right: calc(-1 * var(--spacing-medium));
    }

    .nr4-ns {
        margin-right: calc(-1 * 40px);
        margin-right: calc(-1 * var(--spacing-large));
    }

    .nr5-ns {
        margin-right: calc(-1 * 4rem);
        margin-right: calc(-1 * var(--spacing-extra-large));
    }

    .nr6-ns {
        margin-right: calc(-1 * 8rem);
        margin-right: calc(-1 * var(--spacing-extra-extra-large));
    }

    .nr7-ns {
        margin-right: calc(-1 * 16rem);
        margin-right: calc(-1 * var(--spacing-extra-extra-extra-large));
    }

    .nb1-ns {
        margin-bottom: calc(-1 * 5px);
        margin-bottom: calc(-1 * var(--spacing-extra-small));
    }

    .nb2-ns {
        margin-bottom: calc(-1 * 10px);
        margin-bottom: calc(-1 * var(--spacing-small));
    }

    .nb3-ns {
        margin-bottom: calc(-1 * 20px);
        margin-bottom: calc(-1 * var(--spacing-medium));
    }

    .nb4-ns {
        margin-bottom: calc(-1 * 40px);
        margin-bottom: calc(-1 * var(--spacing-large));
    }

    .nb5-ns {
        margin-bottom: calc(-1 * 4rem);
        margin-bottom: calc(-1 * var(--spacing-extra-large));
    }

    .nb6-ns {
        margin-bottom: calc(-1 * 8rem);
        margin-bottom: calc(-1 * var(--spacing-extra-extra-large));
    }

    .nb7-ns {
        margin-bottom: calc(-1 * 16rem);
        margin-bottom: calc(-1 * var(--spacing-extra-extra-extra-large));
    }

    .nt1-ns {
        margin-top: calc(-1 * 5px);
        margin-top: calc(-1 * var(--spacing-extra-small));
    }

    .nt2-ns {
        margin-top: calc(-1 * 10px);
        margin-top: calc(-1 * var(--spacing-small));
    }

    .nt3-ns {
        margin-top: calc(-1 * 20px);
        margin-top: calc(-1 * var(--spacing-medium));
    }

    .nt4-ns {
        margin-top: calc(-1 * 40px);
        margin-top: calc(-1 * var(--spacing-large));
    }

    .nt5-ns {
        margin-top: calc(-1 * 4rem);
        margin-top: calc(-1 * var(--spacing-extra-large));
    }

    .nt6-ns {
        margin-top: calc(-1 * 8rem);
        margin-top: calc(-1 * var(--spacing-extra-extra-large));
    }

    .nt7-ns {
        margin-top: calc(-1 * 16rem);
        margin-top: calc(-1 * var(--spacing-extra-extra-extra-large));
    }
}

@media (min-width: 38em) and (max-width: 60em) {
    .na1-m {
        margin: calc(-1 * 5px);
        margin: calc(-1 * var(--spacing-extra-small));
    }

    .na2-m {
        margin: calc(-1 * 10px);
        margin: calc(-1 * var(--spacing-small));
    }

    .na3-m {
        margin: calc(-1 * 20px);
        margin: calc(-1 * var(--spacing-medium));
    }

    .na4-m {
        margin: calc(-1 * 40px);
        margin: calc(-1 * var(--spacing-large));
    }

    .na5-m {
        margin: calc(-1 * 4rem);
        margin: calc(-1 * var(--spacing-extra-large));
    }

    .na6-m {
        margin: calc(-1 * 8rem);
        margin: calc(-1 * var(--spacing-extra-extra-large));
    }

    .na7-m {
        margin: calc(-1 * 16rem);
        margin: calc(-1 * var(--spacing-extra-extra-extra-large));
    }

    .nl1-m {
        margin-left: calc(-1 * 5px);
        margin-left: calc(-1 * var(--spacing-extra-small));
    }

    .nl2-m {
        margin-left: calc(-1 * 10px);
        margin-left: calc(-1 * var(--spacing-small));
    }

    .nl3-m {
        margin-left: calc(-1 * 20px);
        margin-left: calc(-1 * var(--spacing-medium));
    }

    .nl4-m {
        margin-left: calc(-1 * 40px);
        margin-left: calc(-1 * var(--spacing-large));
    }

    .nl5-m {
        margin-left: calc(-1 * 4rem);
        margin-left: calc(-1 * var(--spacing-extra-large));
    }

    .nl6-m {
        margin-left: calc(-1 * 8rem);
        margin-left: calc(-1 * var(--spacing-extra-extra-large));
    }

    .nl7-m {
        margin-left: calc(-1 * 16rem);
        margin-left: calc(-1 * var(--spacing-extra-extra-extra-large));
    }

    .nr1-m {
        margin-right: calc(-1 * 5px);
        margin-right: calc(-1 * var(--spacing-extra-small));
    }

    .nr2-m {
        margin-right: calc(-1 * 10px);
        margin-right: calc(-1 * var(--spacing-small));
    }

    .nr3-m {
        margin-right: calc(-1 * 20px);
        margin-right: calc(-1 * var(--spacing-medium));
    }

    .nr4-m {
        margin-right: calc(-1 * 40px);
        margin-right: calc(-1 * var(--spacing-large));
    }

    .nr5-m {
        margin-right: calc(-1 * 4rem);
        margin-right: calc(-1 * var(--spacing-extra-large));
    }

    .nr6-m {
        margin-right: calc(-1 * 8rem);
        margin-right: calc(-1 * var(--spacing-extra-extra-large));
    }

    .nr7-m {
        margin-right: calc(-1 * 16rem);
        margin-right: calc(-1 * var(--spacing-extra-extra-extra-large));
    }

    .nb1-m {
        margin-bottom: calc(-1 * 5px);
        margin-bottom: calc(-1 * var(--spacing-extra-small));
    }

    .nb2-m {
        margin-bottom: calc(-1 * 10px);
        margin-bottom: calc(-1 * var(--spacing-small));
    }

    .nb3-m {
        margin-bottom: calc(-1 * 20px);
        margin-bottom: calc(-1 * var(--spacing-medium));
    }

    .nb4-m {
        margin-bottom: calc(-1 * 40px);
        margin-bottom: calc(-1 * var(--spacing-large));
    }

    .nb5-m {
        margin-bottom: calc(-1 * 4rem);
        margin-bottom: calc(-1 * var(--spacing-extra-large));
    }

    .nb6-m {
        margin-bottom: calc(-1 * 8rem);
        margin-bottom: calc(-1 * var(--spacing-extra-extra-large));
    }

    .nb7-m {
        margin-bottom: calc(-1 * 16rem);
        margin-bottom: calc(-1 * var(--spacing-extra-extra-extra-large));
    }

    .nt1-m {
        margin-top: calc(-1 * 5px);
        margin-top: calc(-1 * var(--spacing-extra-small));
    }

    .nt2-m {
        margin-top: calc(-1 * 10px);
        margin-top: calc(-1 * var(--spacing-small));
    }

    .nt3-m {
        margin-top: calc(-1 * 20px);
        margin-top: calc(-1 * var(--spacing-medium));
    }

    .nt4-m {
        margin-top: calc(-1 * 40px);
        margin-top: calc(-1 * var(--spacing-large));
    }

    .nt5-m {
        margin-top: calc(-1 * 4rem);
        margin-top: calc(-1 * var(--spacing-extra-large));
    }

    .nt6-m {
        margin-top: calc(-1 * 8rem);
        margin-top: calc(-1 * var(--spacing-extra-extra-large));
    }

    .nt7-m {
        margin-top: calc(-1 * 16rem);
        margin-top: calc(-1 * var(--spacing-extra-extra-extra-large));
    }
}

@media (min-width: 60em) {
    .na1-l {
        margin: calc(-1 * 5px);
        margin: calc(-1 * var(--spacing-extra-small));
    }

    .na2-l {
        margin: calc(-1 * 10px);
        margin: calc(-1 * var(--spacing-small));
    }

    .na3-l {
        margin: calc(-1 * 20px);
        margin: calc(-1 * var(--spacing-medium));
    }

    .na4-l {
        margin: calc(-1 * 40px);
        margin: calc(-1 * var(--spacing-large));
    }

    .na5-l {
        margin: calc(-1 * 4rem);
        margin: calc(-1 * var(--spacing-extra-large));
    }

    .na6-l {
        margin: calc(-1 * 8rem);
        margin: calc(-1 * var(--spacing-extra-extra-large));
    }

    .na7-l {
        margin: calc(-1 * 16rem);
        margin: calc(-1 * var(--spacing-extra-extra-extra-large));
    }

    .nl1-l {
        margin-left: calc(-1 * 5px);
        margin-left: calc(-1 * var(--spacing-extra-small));
    }

    .nl2-l {
        margin-left: calc(-1 * 10px);
        margin-left: calc(-1 * var(--spacing-small));
    }

    .nl3-l {
        margin-left: calc(-1 * 20px);
        margin-left: calc(-1 * var(--spacing-medium));
    }

    .nl4-l {
        margin-left: calc(-1 * 40px);
        margin-left: calc(-1 * var(--spacing-large));
    }

    .nl5-l {
        margin-left: calc(-1 * 4rem);
        margin-left: calc(-1 * var(--spacing-extra-large));
    }

    .nl6-l {
        margin-left: calc(-1 * 8rem);
        margin-left: calc(-1 * var(--spacing-extra-extra-large));
    }

    .nl7-l {
        margin-left: calc(-1 * 16rem);
        margin-left: calc(-1 * var(--spacing-extra-extra-extra-large));
    }

    .nr1-l {
        margin-right: calc(-1 * 5px);
        margin-right: calc(-1 * var(--spacing-extra-small));
    }

    .nr2-l {
        margin-right: calc(-1 * 10px);
        margin-right: calc(-1 * var(--spacing-small));
    }

    .nr3-l {
        margin-right: calc(-1 * 20px);
        margin-right: calc(-1 * var(--spacing-medium));
    }

    .nr4-l {
        margin-right: calc(-1 * 40px);
        margin-right: calc(-1 * var(--spacing-large));
    }

    .nr5-l {
        margin-right: calc(-1 * 4rem);
        margin-right: calc(-1 * var(--spacing-extra-large));
    }

    .nr6-l {
        margin-right: calc(-1 * 8rem);
        margin-right: calc(-1 * var(--spacing-extra-extra-large));
    }

    .nr7-l {
        margin-right: calc(-1 * 16rem);
        margin-right: calc(-1 * var(--spacing-extra-extra-extra-large));
    }

    .nb1-l {
        margin-bottom: calc(-1 * 5px);
        margin-bottom: calc(-1 * var(--spacing-extra-small));
    }

    .nb2-l {
        margin-bottom: calc(-1 * 10px);
        margin-bottom: calc(-1 * var(--spacing-small));
    }

    .nb3-l {
        margin-bottom: calc(-1 * 20px);
        margin-bottom: calc(-1 * var(--spacing-medium));
    }

    .nb4-l {
        margin-bottom: calc(-1 * 40px);
        margin-bottom: calc(-1 * var(--spacing-large));
    }

    .nb5-l {
        margin-bottom: calc(-1 * 4rem);
        margin-bottom: calc(-1 * var(--spacing-extra-large));
    }

    .nb6-l {
        margin-bottom: calc(-1 * 8rem);
        margin-bottom: calc(-1 * var(--spacing-extra-extra-large));
    }

    .nb7-l {
        margin-bottom: calc(-1 * 16rem);
        margin-bottom: calc(-1 * var(--spacing-extra-extra-extra-large));
    }

    .nt1-l {
        margin-top: calc(-1 * 5px);
        margin-top: calc(-1 * var(--spacing-extra-small));
    }

    .nt2-l {
        margin-top: calc(-1 * 10px);
        margin-top: calc(-1 * var(--spacing-small));
    }

    .nt3-l {
        margin-top: calc(-1 * 20px);
        margin-top: calc(-1 * var(--spacing-medium));
    }

    .nt4-l {
        margin-top: calc(-1 * 40px);
        margin-top: calc(-1 * var(--spacing-large));
    }

    .nt5-l {
        margin-top: calc(-1 * 4rem);
        margin-top: calc(-1 * var(--spacing-extra-large));
    }

    .nt6-l {
        margin-top: calc(-1 * 8rem);
        margin-top: calc(-1 * var(--spacing-extra-extra-large));
    }

    .nt7-l {
        margin-top: calc(-1 * 16rem);
        margin-top: calc(-1 * var(--spacing-extra-extra-extra-large));
    }
}

.o-100 {
    opacity: 1;
}

.o-90 {
    opacity: 0.9;
}

.o-80 {
    opacity: 0.8;
}

.o-70 {
    opacity: 0.7;
}

.o-60 {
    opacity: 0.6;
}

.o-50 {
    opacity: 0.5;
}

.o-40 {
    opacity: 0.4;
}

.o-30 {
    opacity: 0.3;
}

.o-20 {
    opacity: 0.2;
}

.o-10 {
    opacity: 0.1;
}

.o-05 {
    opacity: 0.05;
}

.o-025 {
    opacity: 0.025;
}

.o-0 {
    opacity: 0;
}

.static {
    position: static;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.pa0 {
    padding: 0px !important;
    padding: var(--spacing-none);
}

.pa1 {
    padding: 5px;
    padding: var(--spacing-extra-small);
}

.pa2 {
    padding: 10px;
    padding: var(--spacing-small);
}

.pa3 {
    padding: 20px;
    padding: var(--spacing-medium);
}

.pa4 {
    padding: 40px;
    padding: var(--spacing-large);
}

.pa5 {
    padding: 4rem;
    padding: var(--spacing-extra-large);
}

.pa6 {
    padding: 8rem;
    padding: var(--spacing-extra-extra-large);
}

.pa7 {
    padding: 16rem;
    padding: var(--spacing-extra-extra-extra-large);
}

.pl0 {
    padding-left: 0px;
    padding-left: var(--spacing-none);
}

.pl1 {
    padding-left: 5px;
    padding-left: var(--spacing-extra-small);
}

.pl2 {
    padding-left: 10px;
    padding-left: var(--spacing-small);
}

.pl3 {
    padding-left: 20px;
    padding-left: var(--spacing-medium);
}

.pl4 {
    padding-left: 40px;
    padding-left: var(--spacing-large);
}

.pl5 {
    padding-left: 4rem;
    padding-left: var(--spacing-extra-large);
}

.pl6 {
    padding-left: 8rem;
    padding-left: var(--spacing-extra-extra-large);
}

.pl7 {
    padding-left: 16rem;
    padding-left: var(--spacing-extra-extra-extra-large);
}

.pr0 {
    padding-right: 0px;
    padding-right: var(--spacing-none);
}

.pr1 {
    padding-right: 5px;
    padding-right: var(--spacing-extra-small);
}

.pr2 {
    padding-right: 10px;
    padding-right: var(--spacing-small);
}

.pr3 {
    padding-right: 20px;
    padding-right: var(--spacing-medium);
}

.pr4 {
    padding-right: 40px;
    padding-right: var(--spacing-large);
}

.pr5 {
    padding-right: 4rem;
    padding-right: var(--spacing-extra-large);
}

.pr6 {
    padding-right: 8rem;
    padding-right: var(--spacing-extra-extra-large);
}

.pr7 {
    padding-right: 16rem;
    padding-right: var(--spacing-extra-extra-extra-large);
}

.pb0 {
    padding-bottom: 0px;
    padding-bottom: var(--spacing-none);
}

.pb1 {
    padding-bottom: 5px;
    padding-bottom: var(--spacing-extra-small);
}

.pb2 {
    padding-bottom: 10px;
    padding-bottom: var(--spacing-small);
}

.pb3 {
    padding-bottom: 20px;
    padding-bottom: var(--spacing-medium);
}

.pb4 {
    padding-bottom: 40px;
    padding-bottom: var(--spacing-large);
}

.pb5 {
    padding-bottom: 4rem;
    padding-bottom: var(--spacing-extra-large);
}

.pb6 {
    padding-bottom: 8rem;
    padding-bottom: var(--spacing-extra-extra-large);
}

.pb7 {
    padding-bottom: 16rem;
    padding-bottom: var(--spacing-extra-extra-extra-large);
}

.pt0 {
    padding-top: 0px;
    padding-top: var(--spacing-none);
}

.pt1 {
    padding-top: 5px;
    padding-top: var(--spacing-extra-small);
}

.pt2 {
    padding-top: 10px;
    padding-top: var(--spacing-small);
}

.pt3 {
    padding-top: 20px;
    padding-top: var(--spacing-medium);
}

.pt4 {
    padding-top: 40px;
    padding-top: var(--spacing-large);
}

.pt5 {
    padding-top: 4rem;
    padding-top: var(--spacing-extra-large);
}

.pt6 {
    padding-top: 8rem;
    padding-top: var(--spacing-extra-extra-large);
}

.pt7 {
    padding-top: 16rem;
    padding-top: var(--spacing-extra-extra-extra-large);
}

.pv0 {
    padding-top: 0px;
    padding-top: var(--spacing-none);
    padding-bottom: 0px;
    padding-bottom: var(--spacing-none);
}

.pv1 {
    padding-top: 5px;
    padding-top: var(--spacing-extra-small);
    padding-bottom: 5px;
    padding-bottom: var(--spacing-extra-small);
}

.pv2 {
    padding-top: 10px;
    padding-top: var(--spacing-small);
    padding-bottom: 10px;
    padding-bottom: var(--spacing-small);
}

.pv3 {
    padding-top: 20px;
    padding-top: var(--spacing-medium);
    padding-bottom: 20px;
    padding-bottom: var(--spacing-medium);
}

.pv4 {
    padding-top: 40px;
    padding-top: var(--spacing-large);
    padding-bottom: 40px;
    padding-bottom: var(--spacing-large);
}

.pv5 {
    padding-top: 4rem;
    padding-top: var(--spacing-extra-large);
    padding-bottom: 4rem;
    padding-bottom: var(--spacing-extra-large);
}

.pv6 {
    padding-top: 8rem;
    padding-top: var(--spacing-extra-extra-large);
    padding-bottom: 8rem;
    padding-bottom: var(--spacing-extra-extra-large);
}

.pv7 {
    padding-top: 16rem;
    padding-top: var(--spacing-extra-extra-extra-large);
    padding-bottom: 16rem;
    padding-bottom: var(--spacing-extra-extra-extra-large);
}

.ph0 {
    padding-left: 0px;
    padding-left: var(--spacing-none);
    padding-right: 0px;
    padding-right: var(--spacing-none);
}

.ph1 {
    padding-left: 5px;
    padding-left: var(--spacing-extra-small);
    padding-right: 5px;
    padding-right: var(--spacing-extra-small);
}

.ph2 {
    padding-left: 10px;
    padding-left: var(--spacing-small);
    padding-right: 10px;
    padding-right: var(--spacing-small);
}

.ph3 {
    padding-left: 20px;
    padding-left: var(--spacing-medium);
    padding-right: 20px;
    padding-right: var(--spacing-medium);
}

.ph4 {
    padding-left: 40px;
    padding-left: var(--spacing-large);
    padding-right: 40px;
    padding-right: var(--spacing-large);
}

.ph5 {
    padding-left: 4rem;
    padding-left: var(--spacing-extra-large);
    padding-right: 4rem;
    padding-right: var(--spacing-extra-large);
}

.ph6 {
    padding-left: 8rem;
    padding-left: var(--spacing-extra-extra-large);
    padding-right: 8rem;
    padding-right: var(--spacing-extra-extra-large);
}

.ph7 {
    padding-left: 16rem;
    padding-left: var(--spacing-extra-extra-extra-large);
    padding-right: 16rem;
    padding-right: var(--spacing-extra-extra-extra-large);
}

.ma0 {
    margin: 0px;
    margin: var(--spacing-none);
}

.ma1 {
    margin: 5px;
    margin: var(--spacing-extra-small);
}

.ma2 {
    margin: 10px;
    margin: var(--spacing-small);
}

.ma3 {
    margin: 20px;
    margin: var(--spacing-medium);
}

.ma4 {
    margin: 40px;
    margin: var(--spacing-large);
}

.ma5 {
    margin: 4rem;
    margin: var(--spacing-extra-large);
}

.ma6 {
    margin: 8rem;
    margin: var(--spacing-extra-extra-large);
}

.ma7 {
    margin: 16rem;
    margin: var(--spacing-extra-extra-extra-large);
}

.ml0 {
    margin-left: 0px;
    margin-left: var(--spacing-none);
}

.ml1 {
    margin-left: 5px;
    margin-left: var(--spacing-extra-small);
}

.ml2 {
    margin-left: 10px;
    margin-left: var(--spacing-small);
}

.ml3 {
    margin-left: 20px;
    margin-left: var(--spacing-medium);
}

.ml4 {
    margin-left: 40px;
    margin-left: var(--spacing-large);
}

.ml5 {
    margin-left: 4rem;
    margin-left: var(--spacing-extra-large);
}

.ml6 {
    margin-left: 8rem;
    margin-left: var(--spacing-extra-extra-large);
}

.ml7 {
    margin-left: 16rem;
    margin-left: var(--spacing-extra-extra-extra-large);
}

.mr0 {
    margin-right: 0px;
    margin-right: var(--spacing-none);
}

.mr1 {
    margin-right: 5px;
    margin-right: var(--spacing-extra-small);
}

.mr2 {
    margin-right: 10px;
    margin-right: var(--spacing-small);
}

.mr3 {
    margin-right: 20px;
    margin-right: var(--spacing-medium);
}

.mr4 {
    margin-right: 40px;
    margin-right: var(--spacing-large);
}

.mr5 {
    margin-right: 4rem;
    margin-right: var(--spacing-extra-large);
}

.mr6 {
    margin-right: 8rem;
    margin-right: var(--spacing-extra-extra-large);
}

.mr7 {
    margin-right: 16rem;
    margin-right: var(--spacing-extra-extra-extra-large);
}

.mb0 {
    margin-bottom: 0px;
    margin-bottom: var(--spacing-none);
}

.mb1 {
    margin-bottom: 5px;
    margin-bottom: var(--spacing-extra-small);
}

.mb2 {
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
}

.mb3 {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
}

.mb4 {
    margin-bottom: 40px;
    margin-bottom: var(--spacing-large);
}

.mb5 {
    margin-bottom: 4rem;
    margin-bottom: var(--spacing-extra-large);
}

.mb6 {
    margin-bottom: 8rem;
    margin-bottom: var(--spacing-extra-extra-large);
}

.mb7 {
/*     margin-bottom: 16rem;
    margin-bottom: var(--spacing-extra-extra-extra-large); */
}

.mt0 {
    margin-top: 0px;
    margin-top: var(--spacing-none);
}

.mt1 {
    margin-top: 5px;
    margin-top: var(--spacing-extra-small);
}

.mt2 {
    margin-top: 10px;
    margin-top: var(--spacing-small);
}

.mt3 {
    margin-top: 20px;
    margin-top: var(--spacing-medium);
}

.mt4 {
    margin-top: 40px;
    margin-top: var(--spacing-large);
}

.mt5 {
    margin-top: 4rem;
    margin-top: var(--spacing-extra-large);
}

.mt6 {
    margin-top: 8rem;
    margin-top: var(--spacing-extra-extra-large);
}

.mt7 {
    margin-top: 16rem;
    margin-top: var(--spacing-extra-extra-extra-large);
}

.mv0 {
    margin-top: 0px;
    margin-top: var(--spacing-none);
    margin-bottom: 0px;
    margin-bottom: var(--spacing-none);
}

.mv1 {
    margin-top: 5px;
    margin-top: var(--spacing-extra-small);
    margin-bottom: 5px;
    margin-bottom: var(--spacing-extra-small);
}

.mv2 {
    margin-top: 10px;
    margin-top: var(--spacing-small);
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
}

.mv3 {
    margin-top: 20px;
    margin-top: var(--spacing-medium);
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
}

.mv4 {
    margin-top: 40px;
    margin-top: var(--spacing-large);
    margin-bottom: 40px;
    margin-bottom: var(--spacing-large);
}

.mv5 {
    margin-top: 4rem;
    margin-top: var(--spacing-extra-large);
    margin-bottom: 4rem;
    margin-bottom: var(--spacing-extra-large);
}

.mv65 {
    margin-top: 65px;
    margin-bottom: 110px;
}

.mv6 {
    margin-top: 8rem;
    margin-top: var(--spacing-extra-extra-large);
    margin-bottom: 8rem;
    margin-bottom: var(--spacing-extra-extra-large);
}

.mv7 {
    margin-top: 16rem;
    margin-top: var(--spacing-extra-extra-extra-large);
    margin-bottom: 16rem;
    margin-bottom: var(--spacing-extra-extra-extra-large);
}

.mh0 {
    margin-left: 0px;
    margin-left: var(--spacing-none);
    margin-right: 0px;
    margin-right: var(--spacing-none);
}

.mh1 {
    margin-left: 5px;
    margin-left: var(--spacing-extra-small);
    margin-right: 5px;
    margin-right: var(--spacing-extra-small);
}

.mh2 {
    margin-left: 10px;
    margin-left: var(--spacing-small);
    margin-right: 10px;
    margin-right: var(--spacing-small);
}

.mh3 {
    margin-left: 20px;
    margin-left: var(--spacing-medium);
    margin-right: 20px;
    margin-right: var(--spacing-medium);
}

.mh4 {
    margin-left: 40px;
    margin-left: var(--spacing-large);
    margin-right: 40px;
    margin-right: var(--spacing-large);
}

.mh5 {
    margin-left: 4rem;
    margin-left: var(--spacing-extra-large);
    margin-right: 4rem;
    margin-right: var(--spacing-extra-large);
}

.mh6 {
    margin-left: 8rem;
    margin-left: var(--spacing-extra-extra-large);
    margin-right: 8rem;
    margin-right: var(--spacing-extra-extra-large);
}

.mh7 {
    margin-left: 16rem;
    margin-left: var(--spacing-extra-extra-extra-large);
    margin-right: 16rem;
    margin-right: var(--spacing-extra-extra-extra-large);
}

.mcenter {
    margin: 0 auto;
}

@media (min-width: 38em) {
    .pa0-ns {
        padding: 0px;
        padding: var(--spacing-none);
    }

    .pa1-ns {
        padding: 5px;
        padding: var(--spacing-extra-small);
    }

    .pa2-ns {
        padding: 10px;
        padding: var(--spacing-small);
    }

    .pa3-ns {
        padding: 20px;
        padding: var(--spacing-medium);
    }

    .pa4-ns {
        padding: 40px;
        padding: var(--spacing-large);
    }

    .pa5-ns {
        padding: 4rem;
        padding: var(--spacing-extra-large);
    }

    .pa6-ns {
        padding: 8rem;
        padding: var(--spacing-extra-extra-large);
    }

    .pa7-ns {
        padding: 16rem;
        padding: var(--spacing-extra-extra-extra-large);
    }

    .pl0-ns {
        padding-left: 0px;
        padding-left: var(--spacing-none);
    }

    .pl1-ns {
        padding-left: 5px;
        padding-left: var(--spacing-extra-small);
    }

    .pl2-ns {
        padding-left: 10px;
        padding-left: var(--spacing-small);
    }

    .pl3-ns {
        padding-left: 20px;
        padding-left: var(--spacing-medium);
    }

    .pl4-ns {
        padding-left: 40px;
        padding-left: var(--spacing-large);
    }

    .pl5-ns {
        padding-left: 4rem;
        padding-left: var(--spacing-extra-large);
    }

    .pl6-ns {
        padding-left: 8rem;
        padding-left: var(--spacing-extra-extra-large);
    }

    .pl7-ns {
        padding-left: 16rem;
        padding-left: var(--spacing-extra-extra-extra-large);
    }

    .pr0-ns {
        padding-right: 0px;
        padding-right: var(--spacing-none);
    }

    .pr1-ns {
        padding-right: 5px;
        padding-right: var(--spacing-extra-small);
    }

    .pr2-ns {
        padding-right: 10px;
        padding-right: var(--spacing-small);
    }

    .pr3-ns {
        padding-right: 20px;
        padding-right: var(--spacing-medium);
    }

    .pr4-ns {
        padding-right: 40px;
        padding-right: var(--spacing-large);
    }

    .pr5-ns {
        padding-right: 4rem;
        padding-right: var(--spacing-extra-large);
    }

    .pr6-ns {
        padding-right: 8rem;
        padding-right: var(--spacing-extra-extra-large);
    }

    .pr7-ns {
        padding-right: 16rem;
        padding-right: var(--spacing-extra-extra-extra-large);
    }

    .pb0-ns {
        padding-bottom: 0px;
        padding-bottom: var(--spacing-none);
    }

    .pb1-ns {
        padding-bottom: 5px;
        padding-bottom: var(--spacing-extra-small);
    }

    .pb2-ns {
        padding-bottom: 10px;
        padding-bottom: var(--spacing-small);
    }

    .pb3-ns {
        padding-bottom: 20px;
        padding-bottom: var(--spacing-medium);
    }

    .pb4-ns {
        padding-bottom: 40px;
        padding-bottom: var(--spacing-large);
    }

    .pb5-ns {
        padding-bottom: 4rem;
        padding-bottom: var(--spacing-extra-large);
    }

    .pb6-ns {
        padding-bottom: 8rem;
        padding-bottom: var(--spacing-extra-extra-large);
    }

    .pb7-ns {
        padding-bottom: 16rem;
        padding-bottom: var(--spacing-extra-extra-extra-large);
    }

    .pt0-ns {
        padding-top: 0px;
        padding-top: var(--spacing-none);
    }

    .pt1-ns {
        padding-top: 5px;
        padding-top: var(--spacing-extra-small);
    }

    .pt2-ns {
        padding-top: 10px;
        padding-top: var(--spacing-small);
    }

    .pt3-ns {
        padding-top: 20px;
        padding-top: var(--spacing-medium);
    }

    .pt4-ns {
        padding-top: 40px;
        padding-top: var(--spacing-large);
    }

    .pt5-ns {
        padding-top: 4rem;
        padding-top: var(--spacing-extra-large);
    }

    .pt6-ns {
        padding-top: 8rem;
        padding-top: var(--spacing-extra-extra-large);
    }

    .pt7-ns {
        padding-top: 16rem;
        padding-top: var(--spacing-extra-extra-extra-large);
    }

    .pv0-ns {
        padding-top: 0px;
        padding-top: var(--spacing-none);
        padding-bottom: 0px;
        padding-bottom: var(--spacing-none);
    }

    .pv1-ns {
        padding-top: 5px;
        padding-top: var(--spacing-extra-small);
        padding-bottom: 5px;
        padding-bottom: var(--spacing-extra-small);
    }

    .pv2-ns {
        padding-top: 10px;
        padding-top: var(--spacing-small);
        padding-bottom: 10px;
        padding-bottom: var(--spacing-small);
    }

    .pv3-ns {
        padding-top: 20px;
        padding-top: var(--spacing-medium);
        padding-bottom: 20px;
        padding-bottom: var(--spacing-medium);
    }

    .pv4-ns {
        padding-top: 40px;
        padding-top: var(--spacing-large);
        padding-bottom: 40px;
        padding-bottom: var(--spacing-large);
    }

    .pv5-ns {
        padding-top: 4rem;
        padding-top: var(--spacing-extra-large);
        padding-bottom: 4rem;
        padding-bottom: var(--spacing-extra-large);
    }

    .pv6-ns {
        padding-top: 8rem;
        padding-top: var(--spacing-extra-extra-large);
        padding-bottom: 8rem;
        padding-bottom: var(--spacing-extra-extra-large);
    }

    .pv7-ns {
        padding-top: 16rem;
        padding-top: var(--spacing-extra-extra-extra-large);
        padding-bottom: 16rem;
        padding-bottom: var(--spacing-extra-extra-extra-large);
    }

    .ph0-ns {
        padding-left: 0px;
        padding-left: var(--spacing-none);
        padding-right: 0px;
        padding-right: var(--spacing-none);
    }

    .ph1-ns {
        padding-left: 5px;
        padding-left: var(--spacing-extra-small);
        padding-right: 5px;
        padding-right: var(--spacing-extra-small);
    }

    .ph2-ns {
        padding-left: 10px;
        padding-left: var(--spacing-small);
        padding-right: 10px;
        padding-right: var(--spacing-small);
    }

    .ph3-ns {
        padding-left: 20px;
        padding-left: var(--spacing-medium);
        padding-right: 20px;
        padding-right: var(--spacing-medium);
    }

    .ph4-ns {
        padding-left: 40px;
        padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large);
    }

    .ph5-ns {
        padding-left: 4rem;
        padding-left: var(--spacing-extra-large);
        padding-right: 4rem;
        padding-right: var(--spacing-extra-large);
    }

    .ph6-ns {
        padding-left: 8rem;
        padding-left: var(--spacing-extra-extra-large);
        padding-right: 8rem;
        padding-right: var(--spacing-extra-extra-large);
    }

    .ph7-ns {
        padding-left: 16rem;
        padding-left: var(--spacing-extra-extra-extra-large);
        padding-right: 16rem;
        padding-right: var(--spacing-extra-extra-extra-large);
    }

    .ma0-ns {
        margin: 0px;
        margin: var(--spacing-none);
    }

    .ma1-ns {
        margin: 5px;
        margin: var(--spacing-extra-small);
    }

    .ma2-ns {
        margin: 10px;
        margin: var(--spacing-small);
    }

    .ma3-ns {
        margin: 20px;
        margin: var(--spacing-medium);
    }

    .ma4-ns {
        margin: 40px;
        margin: var(--spacing-large);
    }

    .ma5-ns {
        margin: 4rem;
        margin: var(--spacing-extra-large);
    }

    .ma6-ns {
        margin: 8rem;
        margin: var(--spacing-extra-extra-large);
    }

    .ma7-ns {
        margin: 16rem;
        margin: var(--spacing-extra-extra-extra-large);
    }

    .ml0-ns {
        margin-left: 0px;
        margin-left: var(--spacing-none);
    }

    .ml1-ns {
        margin-left: 5px;
        margin-left: var(--spacing-extra-small);
    }

    .ml2-ns {
        margin-left: 10px;
        margin-left: var(--spacing-small);
    }

    .ml3-ns {
        margin-left: 20px;
        margin-left: var(--spacing-medium);
    }

    .ml4-ns {
        margin-left: 40px;
        margin-left: var(--spacing-large);
    }

    .ml5-ns {
        margin-left: 4rem;
        margin-left: var(--spacing-extra-large);
    }

    .ml6-ns {
        margin-left: 8rem;
        margin-left: var(--spacing-extra-extra-large);
    }

    .ml7-ns {
        margin-left: 16rem;
        margin-left: var(--spacing-extra-extra-extra-large);
    }

    .mr0-ns {
        margin-right: 0px;
        margin-right: var(--spacing-none);
    }

    .mr1-ns {
        margin-right: 5px;
        margin-right: var(--spacing-extra-small);
    }

    .mr2-ns {
        margin-right: 10px;
        margin-right: var(--spacing-small);
    }

    .mr3-ns {
        margin-right: 20px;
        margin-right: var(--spacing-medium);
    }

    .mr4-ns {
        margin-right: 40px;
        margin-right: var(--spacing-large);
    }

    .mr5-ns {
        margin-right: 4rem;
        margin-right: var(--spacing-extra-large);
    }

    .mr6-ns {
        margin-right: 8rem;
        margin-right: var(--spacing-extra-extra-large);
    }

    .mr7-ns {
        margin-right: 16rem;
        margin-right: var(--spacing-extra-extra-extra-large);
    }

    .mb0-ns {
        margin-bottom: 0px;
        margin-bottom: var(--spacing-none);
    }

    .mb1-ns {
        margin-bottom: 5px;
        margin-bottom: var(--spacing-extra-small);
    }

    .mb2-ns {
        margin-bottom: 10px;
        margin-bottom: var(--spacing-small);
    }

    .mb3-ns {
        margin-bottom: 20px;
        margin-bottom: var(--spacing-medium);
    }

    .mb4-ns {
        margin-bottom: 40px;
        margin-bottom: var(--spacing-large);
    }

    .mb5-ns {
        margin-bottom: 4rem;
        margin-bottom: var(--spacing-extra-large);
    }

    .mb6-ns {
        margin-bottom: 8rem;
        margin-bottom: var(--spacing-extra-extra-large);
    }

    .mb7-ns {
        margin-bottom: 16rem;
        margin-bottom: var(--spacing-extra-extra-extra-large);
    }

    .mt0-ns {
        margin-top: 0px;
        margin-top: var(--spacing-none);
    }

    .mt1-ns {
        margin-top: 5px;
        margin-top: var(--spacing-extra-small);
    }

    .mt2-ns {
        margin-top: 10px;
        margin-top: var(--spacing-small);
    }

    .mt3-ns {
        margin-top: 20px;
        margin-top: var(--spacing-medium);
    }

    .mt4-ns {
        margin-top: 40px;
        margin-top: var(--spacing-large);
    }

    .mt5-ns {
        margin-top: 4rem;
        margin-top: var(--spacing-extra-large);
    }

    .mt6-ns {
        margin-top: 8rem;
        margin-top: var(--spacing-extra-extra-large);
    }

    .mt7-ns {
        margin-top: 16rem;
        margin-top: var(--spacing-extra-extra-extra-large);
    }

    .mv0-ns {
        margin-top: 0px;
        margin-top: var(--spacing-none);
        margin-bottom: 0px;
        margin-bottom: var(--spacing-none);
    }

    .mv1-ns {
        margin-top: 5px;
        margin-top: var(--spacing-extra-small);
        margin-bottom: 5px;
        margin-bottom: var(--spacing-extra-small);
    }

    .mv2-ns {
        margin-top: 10px;
        margin-top: var(--spacing-small);
        margin-bottom: 10px;
        margin-bottom: var(--spacing-small);
    }

    .mv3-ns {
        margin-top: 20px;
        margin-top: var(--spacing-medium);
        margin-bottom: 20px;
        margin-bottom: var(--spacing-medium);
    }

    .mv4-ns {
        margin-top: 40px;
        margin-top: var(--spacing-large);
        margin-bottom: 40px;
        margin-bottom: var(--spacing-large);
    }

    .mv5-ns {
        margin-top: 4rem;
        margin-top: var(--spacing-extra-large);
        margin-bottom: 4rem;
        margin-bottom: var(--spacing-extra-large);
    }

    .mv6-ns {
        margin-top: 8rem;
        margin-top: var(--spacing-extra-extra-large);
        margin-bottom: 8rem;
        margin-bottom: var(--spacing-extra-extra-large);
    }

    .mv7-ns {
        margin-top: 16rem;
        margin-top: var(--spacing-extra-extra-extra-large);
        margin-bottom: 16rem;
        margin-bottom: var(--spacing-extra-extra-extra-large);
    }

    .mh0-ns {
        margin-left: 0px;
        margin-left: var(--spacing-none);
        margin-right: 0px;
        margin-right: var(--spacing-none);
    }

    .mh1-ns {
        margin-left: 5px;
        margin-left: var(--spacing-extra-small);
        margin-right: 5px;
        margin-right: var(--spacing-extra-small);
    }

    .mh2-ns {
        margin-left: 10px;
        margin-left: var(--spacing-small);
        margin-right: 10px;
        margin-right: var(--spacing-small);
    }

    .mh3-ns {
        margin-left: 20px;
        margin-left: var(--spacing-medium);
        margin-right: 20px;
        margin-right: var(--spacing-medium);
    }

    .mh4-ns {
        margin-left: 40px;
        margin-left: var(--spacing-large);
        margin-right: 40px;
        margin-right: var(--spacing-large);
    }

    .mh5-ns {
        margin-left: 4rem;
        margin-left: var(--spacing-extra-large);
        margin-right: 4rem;
        margin-right: var(--spacing-extra-large);
    }

    .mh6-ns {
        margin-left: 8rem;
        margin-left: var(--spacing-extra-extra-large);
        margin-right: 8rem;
        margin-right: var(--spacing-extra-extra-large);
    }

    .mh7-ns {
        margin-left: 16rem;
        margin-left: var(--spacing-extra-extra-extra-large);
        margin-right: 16rem;
        margin-right: var(--spacing-extra-extra-extra-large);
    }
}

@media (min-width: 38em) and (max-width: 60em) {
    .pa0-m {
        padding: 0px;
        padding: var(--spacing-none);
    }

    .pa1-m {
        padding: 5px;
        padding: var(--spacing-extra-small);
    }

    .pa2-m {
        padding: 10px;
        padding: var(--spacing-small);
    }

    .pa3-m {
        padding: 20px;
        padding: var(--spacing-medium);
    }

    .pa4-m {
        padding: 40px;
        padding: var(--spacing-large);
    }

    .pa5-m {
        padding: 4rem;
        padding: var(--spacing-extra-large);
    }

    .pa6-m {
        padding: 8rem;
        padding: var(--spacing-extra-extra-large);
    }

    .pa7-m {
        padding: 16rem;
        padding: var(--spacing-extra-extra-extra-large);
    }

    .pl0-m {
        padding-left: 0px;
        padding-left: var(--spacing-none);
    }

    .pl1-m {
        padding-left: 5px;
        padding-left: var(--spacing-extra-small);
    }

    .pl2-m {
        padding-left: 10px;
        padding-left: var(--spacing-small);
    }

    .pl3-m {
        padding-left: 20px;
        padding-left: var(--spacing-medium);
    }

    .pl4-m {
        padding-left: 40px;
        padding-left: var(--spacing-large);
    }

    .pl5-m {
        padding-left: 4rem;
        padding-left: var(--spacing-extra-large);
    }

    .pl6-m {
        padding-left: 8rem;
        padding-left: var(--spacing-extra-extra-large);
    }

    .pl7-m {
        padding-left: 16rem;
        padding-left: var(--spacing-extra-extra-extra-large);
    }

    .pr0-m {
        padding-right: 0px;
        padding-right: var(--spacing-none);
    }

    .pr1-m {
        padding-right: 5px;
        padding-right: var(--spacing-extra-small);
    }

    .pr2-m {
        padding-right: 10px;
        padding-right: var(--spacing-small);
    }

    .pr3-m {
        padding-right: 20px;
        padding-right: var(--spacing-medium);
    }

    .pr4-m {
        padding-right: 40px;
        padding-right: var(--spacing-large);
    }

    .pr5-m {
        padding-right: 4rem;
        padding-right: var(--spacing-extra-large);
    }

    .pr6-m {
        padding-right: 8rem;
        padding-right: var(--spacing-extra-extra-large);
    }

    .pr7-m {
        padding-right: 16rem;
        padding-right: var(--spacing-extra-extra-extra-large);
    }

    .pb0-m {
        padding-bottom: 0px;
        padding-bottom: var(--spacing-none);
    }

    .pb1-m {
        padding-bottom: 5px;
        padding-bottom: var(--spacing-extra-small);
    }

    .pb2-m {
        padding-bottom: 10px;
        padding-bottom: var(--spacing-small);
    }

    .pb3-m {
        padding-bottom: 20px;
        padding-bottom: var(--spacing-medium);
    }

    .pb4-m {
        padding-bottom: 40px;
        padding-bottom: var(--spacing-large);
    }

    .pb5-m {
        padding-bottom: 4rem;
        padding-bottom: var(--spacing-extra-large);
    }

    .pb6-m {
        padding-bottom: 8rem;
        padding-bottom: var(--spacing-extra-extra-large);
    }

    .pb7-m {
        padding-bottom: 16rem;
        padding-bottom: var(--spacing-extra-extra-extra-large);
    }

    .pt0-m {
        padding-top: 0px;
        padding-top: var(--spacing-none);
    }

    .pt1-m {
        padding-top: 5px;
        padding-top: var(--spacing-extra-small);
    }

    .pt2-m {
        padding-top: 10px;
        padding-top: var(--spacing-small);
    }

    .pt3-m {
        padding-top: 20px;
        padding-top: var(--spacing-medium);
    }

    .pt4-m {
        padding-top: 40px;
        padding-top: var(--spacing-large);
    }

    .pt5-m {
        padding-top: 4rem;
        padding-top: var(--spacing-extra-large);
    }

    .pt6-m {
        padding-top: 8rem;
        padding-top: var(--spacing-extra-extra-large);
    }

    .pt7-m {
        padding-top: 16rem;
        padding-top: var(--spacing-extra-extra-extra-large);
    }

    .pv0-m {
        padding-top: 0px;
        padding-top: var(--spacing-none);
        padding-bottom: 0px;
        padding-bottom: var(--spacing-none);
    }

    .pv1-m {
        padding-top: 5px;
        padding-top: var(--spacing-extra-small);
        padding-bottom: 5px;
        padding-bottom: var(--spacing-extra-small);
    }

    .pv2-m {
        padding-top: 10px;
        padding-top: var(--spacing-small);
        padding-bottom: 10px;
        padding-bottom: var(--spacing-small);
    }

    .pv3-m {
        padding-top: 20px;
        padding-top: var(--spacing-medium);
        padding-bottom: 20px;
        padding-bottom: var(--spacing-medium);
    }

    .pv4-m {
        padding-top: 40px;
        padding-top: var(--spacing-large);
        padding-bottom: 40px;
        padding-bottom: var(--spacing-large);
    }

    .pv5-m {
        padding-top: 4rem;
        padding-top: var(--spacing-extra-large);
        padding-bottom: 4rem;
        padding-bottom: var(--spacing-extra-large);
    }

    .pv6-m {
        padding-top: 8rem;
        padding-top: var(--spacing-extra-extra-large);
        padding-bottom: 8rem;
        padding-bottom: var(--spacing-extra-extra-large);
    }

    .pv7-m {
        padding-top: 16rem;
        padding-top: var(--spacing-extra-extra-extra-large);
        padding-bottom: 16rem;
        padding-bottom: var(--spacing-extra-extra-extra-large);
    }

    .ph0-m {
        padding-left: 0px;
        padding-left: var(--spacing-none);
        padding-right: 0px;
        padding-right: var(--spacing-none);
    }

    .ph1-m {
        padding-left: 5px;
        padding-left: var(--spacing-extra-small);
        padding-right: 5px;
        padding-right: var(--spacing-extra-small);
    }

    .ph2-m {
        padding-left: 10px;
        padding-left: var(--spacing-small);
        padding-right: 10px;
        padding-right: var(--spacing-small);
    }

    .ph3-m {
        padding-left: 20px;
        padding-left: var(--spacing-medium);
        padding-right: 20px;
        padding-right: var(--spacing-medium);
    }

    .ph4-m {
        padding-left: 40px;
        padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large);
    }

    .ph5-m {
        padding-left: 4rem;
        padding-left: var(--spacing-extra-large);
        padding-right: 4rem;
        padding-right: var(--spacing-extra-large);
    }

    .ph6-m {
        padding-left: 8rem;
        padding-left: var(--spacing-extra-extra-large);
        padding-right: 8rem;
        padding-right: var(--spacing-extra-extra-large);
    }

    .ph7-m {
        padding-left: 16rem;
        padding-left: var(--spacing-extra-extra-extra-large);
        padding-right: 16rem;
        padding-right: var(--spacing-extra-extra-extra-large);
    }

    .ma0-m {
        margin: 0px;
        margin: var(--spacing-none);
    }

    .ma1-m {
        margin: 5px;
        margin: var(--spacing-extra-small);
    }

    .ma2-m {
        margin: 10px;
        margin: var(--spacing-small);
    }

    .ma3-m {
        margin: 20px;
        margin: var(--spacing-medium);
    }

    .ma4-m {
        margin: 40px;
        margin: var(--spacing-large);
    }

    .ma5-m {
        margin: 4rem;
        margin: var(--spacing-extra-large);
    }

    .ma6-m {
        margin: 8rem;
        margin: var(--spacing-extra-extra-large);
    }

    .ma7-m {
        margin: 16rem;
        margin: var(--spacing-extra-extra-extra-large);
    }

    .ml0-m {
        margin-left: 0px;
        margin-left: var(--spacing-none);
    }

    .ml1-m {
        margin-left: 5px;
        margin-left: var(--spacing-extra-small);
    }

    .ml2-m {
        margin-left: 10px;
        margin-left: var(--spacing-small);
    }

    .ml3-m {
        margin-left: 20px;
        margin-left: var(--spacing-medium);
    }

    .ml4-m {
        margin-left: 40px;
        margin-left: var(--spacing-large);
    }

    .ml5-m {
        margin-left: 4rem;
        margin-left: var(--spacing-extra-large);
    }

    .ml6-m {
        margin-left: 8rem;
        margin-left: var(--spacing-extra-extra-large);
    }

    .ml7-m {
        margin-left: 16rem;
        margin-left: var(--spacing-extra-extra-extra-large);
    }

    .mr0-m {
        margin-right: 0px;
        margin-right: var(--spacing-none);
    }

    .mr1-m {
        margin-right: 5px;
        margin-right: var(--spacing-extra-small);
    }

    .mr2-m {
        margin-right: 10px;
        margin-right: var(--spacing-small);
    }

    .mr3-m {
        margin-right: 20px;
        margin-right: var(--spacing-medium);
    }

    .mr4-m {
        margin-right: 40px;
        margin-right: var(--spacing-large);
    }

    .mr5-m {
        margin-right: 4rem;
        margin-right: var(--spacing-extra-large);
    }

    .mr6-m {
        margin-right: 8rem;
        margin-right: var(--spacing-extra-extra-large);
    }

    .mr7-m {
        margin-right: 16rem;
        margin-right: var(--spacing-extra-extra-extra-large);
    }

    .mb0-m {
        margin-bottom: 0px;
        margin-bottom: var(--spacing-none);
    }

    .mb1-m {
        margin-bottom: 5px;
        margin-bottom: var(--spacing-extra-small);
    }

    .mb2-m {
        margin-bottom: 10px;
        margin-bottom: var(--spacing-small);
    }

    .mb3-m {
        margin-bottom: 20px;
        margin-bottom: var(--spacing-medium);
    }

    .mb4-m {
        margin-bottom: 40px;
        margin-bottom: var(--spacing-large);
    }

    .mb5-m {
        margin-bottom: 4rem;
        margin-bottom: var(--spacing-extra-large);
    }

    .mb6-m {
        margin-bottom: 8rem;
        margin-bottom: var(--spacing-extra-extra-large);
    }

    .mb7-m {
        margin-bottom: 16rem;
        margin-bottom: var(--spacing-extra-extra-extra-large);
    }

    .mt0-m {
        margin-top: 0px;
        margin-top: var(--spacing-none);
    }

    .mt1-m {
        margin-top: 5px;
        margin-top: var(--spacing-extra-small);
    }

    .mt2-m {
        margin-top: 10px;
        margin-top: var(--spacing-small);
    }

    .mt3-m {
        margin-top: 20px;
        margin-top: var(--spacing-medium);
    }

    .mt4-m {
        margin-top: 40px;
        margin-top: var(--spacing-large);
    }

    .mt5-m {
        margin-top: 4rem;
        margin-top: var(--spacing-extra-large);
    }

    .mt6-m {
        margin-top: 8rem;
        margin-top: var(--spacing-extra-extra-large);
    }

    .mt7-m {
        margin-top: 16rem;
        margin-top: var(--spacing-extra-extra-extra-large);
    }

    .mv0-m {
        margin-top: 0px;
        margin-top: var(--spacing-none);
        margin-bottom: 0px;
        margin-bottom: var(--spacing-none);
    }

    .mv1-m {
        margin-top: 5px;
        margin-top: var(--spacing-extra-small);
        margin-bottom: 5px;
        margin-bottom: var(--spacing-extra-small);
    }

    .mv2-m {
        margin-top: 10px;
        margin-top: var(--spacing-small);
        margin-bottom: 10px;
        margin-bottom: var(--spacing-small);
    }

    .mv3-m {
        margin-top: 20px;
        margin-top: var(--spacing-medium);
        margin-bottom: 20px;
        margin-bottom: var(--spacing-medium);
    }

    .mv4-m {
        margin-top: 40px;
        margin-top: var(--spacing-large);
        margin-bottom: 40px;
        margin-bottom: var(--spacing-large);
    }

    .mv5-m {
        margin-top: 4rem;
        margin-top: var(--spacing-extra-large);
        margin-bottom: 4rem;
        margin-bottom: var(--spacing-extra-large);
    }

    .mv6-m {
        margin-top: 8rem;
        margin-top: var(--spacing-extra-extra-large);
        margin-bottom: 8rem;
        margin-bottom: var(--spacing-extra-extra-large);
    }

    .mv7-m {
        margin-top: 16rem;
        margin-top: var(--spacing-extra-extra-extra-large);
        margin-bottom: 16rem;
        margin-bottom: var(--spacing-extra-extra-extra-large);
    }

    .mh0-m {
        margin-left: 0px;
        margin-left: var(--spacing-none);
        margin-right: 0px;
        margin-right: var(--spacing-none);
    }

    .mh1-m {
        margin-left: 5px;
        margin-left: var(--spacing-extra-small);
        margin-right: 5px;
        margin-right: var(--spacing-extra-small);
    }

    .mh2-m {
        margin-left: 10px;
        margin-left: var(--spacing-small);
        margin-right: 10px;
        margin-right: var(--spacing-small);
    }

    .mh3-m {
        margin-left: 20px;
        margin-left: var(--spacing-medium);
        margin-right: 20px;
        margin-right: var(--spacing-medium);
    }

    .mh4-m {
        margin-left: 40px;
        margin-left: var(--spacing-large);
        margin-right: 40px;
        margin-right: var(--spacing-large);
    }

    .mh5-m {
        margin-left: 4rem;
        margin-left: var(--spacing-extra-large);
        margin-right: 4rem;
        margin-right: var(--spacing-extra-large);
    }

    .mh6-m {
        margin-left: 8rem;
        margin-left: var(--spacing-extra-extra-large);
        margin-right: 8rem;
        margin-right: var(--spacing-extra-extra-large);
    }

    .mh7-m {
        margin-left: 16rem;
        margin-left: var(--spacing-extra-extra-extra-large);
        margin-right: 16rem;
        margin-right: var(--spacing-extra-extra-extra-large);
    }
}

@media (min-width: 60em) {
    .pa0-l {
        padding: 0px;
        padding: var(--spacing-none);
    }

    .pa1-l {
        padding: 5px;
        padding: var(--spacing-extra-small);
    }

    .pa2-l {
        padding: 10px;
        padding: var(--spacing-small);
    }

    .pa3-l {
        padding: 20px;
        padding: var(--spacing-medium);
    }

    .pa4-l {
        padding: 40px;
        padding: var(--spacing-large);
    }

    .pa5-l {
        padding: 4rem;
        padding: var(--spacing-extra-large);
    }

    .pa6-l {
        padding: 8rem;
        padding: var(--spacing-extra-extra-large);
    }

    .pa7-l {
        padding: 16rem;
        padding: var(--spacing-extra-extra-extra-large);
    }

    .pl0-l {
        padding-left: 0px;
        padding-left: var(--spacing-none);
    }

    .pl1-l {
        padding-left: 5px;
        padding-left: var(--spacing-extra-small);
    }

    .pl2-l {
        padding-left: 10px;
        padding-left: var(--spacing-small);
    }

    .pl3-l {
        padding-left: 20px;
        padding-left: var(--spacing-medium);
    }

    .pl4-l {
        padding-left: 40px;
        padding-left: var(--spacing-large);
    }

    .pl5-l {
        padding-left: 4rem;
        padding-left: var(--spacing-extra-large);
    }

    .pl6-l {
        padding-left: 8rem;
        padding-left: var(--spacing-extra-extra-large);
    }

    .pl7-l {
        padding-left: 16rem;
        padding-left: var(--spacing-extra-extra-extra-large);
    }

    .pr0-l {
        padding-right: 0px;
        padding-right: var(--spacing-none);
    }

    .pr1-l {
        padding-right: 5px;
        padding-right: var(--spacing-extra-small);
    }

    .pr2-l {
        padding-right: 10px;
        padding-right: var(--spacing-small);
    }

    .pr3-l {
        padding-right: 20px;
        padding-right: var(--spacing-medium);
    }

    .pr4-l {
        padding-right: 40px;
        padding-right: var(--spacing-large);
    }

    .pr5-l {
        padding-right: 4rem;
        padding-right: var(--spacing-extra-large);
    }

    .pr6-l {
        padding-right: 8rem;
        padding-right: var(--spacing-extra-extra-large);
    }

    .pr7-l {
        padding-right: 16rem;
        padding-right: var(--spacing-extra-extra-extra-large);
    }

    .pb0-l {
        padding-bottom: 0px;
        padding-bottom: var(--spacing-none);
    }

    .pb1-l {
        padding-bottom: 5px;
        padding-bottom: var(--spacing-extra-small);
    }

    .pb2-l {
        padding-bottom: 10px;
        padding-bottom: var(--spacing-small);
    }

    .pb3-l {
        padding-bottom: 20px;
        padding-bottom: var(--spacing-medium);
    }

    .pb4-l {
        padding-bottom: 40px;
        padding-bottom: var(--spacing-large);
    }

    .pb5-l {
        padding-bottom: 4rem;
        padding-bottom: var(--spacing-extra-large);
    }

    .pb6-l {
        padding-bottom: 8rem;
        padding-bottom: var(--spacing-extra-extra-large);
    }

    .pb7-l {
        padding-bottom: 16rem;
        padding-bottom: var(--spacing-extra-extra-extra-large);
    }

    .pt0-l {
        padding-top: 0px;
        padding-top: var(--spacing-none);
    }

    .pt1-l {
        padding-top: 5px;
        padding-top: var(--spacing-extra-small);
    }

    .pt2-l {
        padding-top: 10px;
        padding-top: var(--spacing-small);
    }

    .pt3-l {
        padding-top: 20px;
        padding-top: var(--spacing-medium);
    }

    .pt4-l {
        padding-top: 40px;
        padding-top: var(--spacing-large);
    }

    .pt5-l {
        padding-top: 4rem;
        padding-top: var(--spacing-extra-large);
    }

    .pt6-l {
        padding-top: 8rem;
        padding-top: var(--spacing-extra-extra-large);
    }

    .pt7-l {
        padding-top: 16rem;
        padding-top: var(--spacing-extra-extra-extra-large);
    }

    .pv0-l {
        padding-top: 0px;
        padding-top: var(--spacing-none);
        padding-bottom: 0px;
        padding-bottom: var(--spacing-none);
    }

    .pv1-l {
        padding-top: 5px;
        padding-top: var(--spacing-extra-small);
        padding-bottom: 5px;
        padding-bottom: var(--spacing-extra-small);
    }

    .pv2-l {
        padding-top: 10px;
        padding-top: var(--spacing-small);
        padding-bottom: 10px;
        padding-bottom: var(--spacing-small);
    }

    .pv3-l {
        padding-top: 20px;
        padding-top: var(--spacing-medium);
        padding-bottom: 20px;
        padding-bottom: var(--spacing-medium);
    }

    .pv4-l {
        padding-top: 40px;
        padding-top: var(--spacing-large);
        padding-bottom: 40px;
        padding-bottom: var(--spacing-large);
    }

    .pv5-l {
        padding-top: 4rem;
        padding-top: var(--spacing-extra-large);
        padding-bottom: 4rem;
        padding-bottom: var(--spacing-extra-large);
    }

    .pv6-l {
        padding-top: 8rem;
        padding-top: var(--spacing-extra-extra-large);
        padding-bottom: 8rem;
        padding-bottom: var(--spacing-extra-extra-large);
    }

    .pv7-l {
        padding-top: 16rem;
        padding-top: var(--spacing-extra-extra-extra-large);
        padding-bottom: 16rem;
        padding-bottom: var(--spacing-extra-extra-extra-large);
    }

    .ph0-l {
        padding-left: 0px;
        padding-left: var(--spacing-none);
        padding-right: 0px;
        padding-right: var(--spacing-none);
    }

    .ph1-l {
        padding-left: 5px;
        padding-left: var(--spacing-extra-small);
        padding-right: 5px;
        padding-right: var(--spacing-extra-small);
    }

    .ph2-l {
        padding-left: 10px;
        padding-left: var(--spacing-small);
        padding-right: 10px;
        padding-right: var(--spacing-small);
    }

    .ph3-l {
        padding-left: 20px;
        padding-left: var(--spacing-medium);
        padding-right: 20px;
        padding-right: var(--spacing-medium);
    }

    .ph4-l {
        padding-left: 40px;
        padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large);
    }

    .ph5-l {
        padding-left: 4rem;
        padding-left: var(--spacing-extra-large);
        padding-right: 4rem;
        padding-right: var(--spacing-extra-large);
    }

    .ph6-l {
        padding-left: 8rem;
        padding-left: var(--spacing-extra-extra-large);
        padding-right: 8rem;
        padding-right: var(--spacing-extra-extra-large);
    }

    .ph7-l {
        padding-left: 16rem;
        padding-left: var(--spacing-extra-extra-extra-large);
        padding-right: 16rem;
        padding-right: var(--spacing-extra-extra-extra-large);
    }

    .ma0-l {
        margin: 0px;
        margin: var(--spacing-none);
    }

    .ma1-l {
        margin: 5px;
        margin: var(--spacing-extra-small);
    }

    .ma2-l {
        margin: 10px;
        margin: var(--spacing-small);
    }

    .ma3-l {
        margin: 20px;
        margin: var(--spacing-medium);
    }

    .ma4-l {
        margin: 40px;
        margin: var(--spacing-large);
    }

    .ma5-l {
        margin: 4rem;
        margin: var(--spacing-extra-large);
    }

    .ma6-l {
        margin: 8rem;
        margin: var(--spacing-extra-extra-large);
    }

    .ma7-l {
        margin: 16rem;
        margin: var(--spacing-extra-extra-extra-large);
    }

    .ml0-l {
        margin-left: 0px;
        margin-left: var(--spacing-none);
    }

    .ml1-l {
        margin-left: 5px;
        margin-left: var(--spacing-extra-small);
    }

    .ml2-l {
        margin-left: 10px;
        margin-left: var(--spacing-small);
    }

    .ml3-l {
        margin-left: 20px;
        margin-left: var(--spacing-medium);
    }

    .ml4-l {
        margin-left: 40px;
        margin-left: var(--spacing-large);
    }

    .ml5-l {
        margin-left: 4rem;
        margin-left: var(--spacing-extra-large);
    }

    .ml6-l {
        margin-left: 8rem;
        margin-left: var(--spacing-extra-extra-large);
    }

    .ml7-l {
        margin-left: 16rem;
        margin-left: var(--spacing-extra-extra-extra-large);
    }

    .mr0-l {
        margin-right: 0px;
        margin-right: var(--spacing-none);
    }

    .mr1-l {
        margin-right: 5px;
        margin-right: var(--spacing-extra-small);
    }

    .mr2-l {
        margin-right: 10px;
        margin-right: var(--spacing-small);
    }

    .mr3-l {
        margin-right: 20px;
        margin-right: var(--spacing-medium);
    }

    .mr4-l {
        margin-right: 40px;
        margin-right: var(--spacing-large);
    }

    .mr5-l {
        margin-right: 4rem;
        margin-right: var(--spacing-extra-large);
    }

    .mr6-l {
        margin-right: 8rem;
        margin-right: var(--spacing-extra-extra-large);
    }

    .mr7-l {
        margin-right: 16rem;
        margin-right: var(--spacing-extra-extra-extra-large);
    }

    .mb0-l {
        margin-bottom: 0px;
        margin-bottom: var(--spacing-none);
    }

    .mb1-l {
        margin-bottom: 5px;
        margin-bottom: var(--spacing-extra-small);
    }

    .mb2-l {
        margin-bottom: 10px;
        margin-bottom: var(--spacing-small);
    }

    .mb3-l {
        margin-bottom: 20px;
        margin-bottom: var(--spacing-medium);
    }

    .mb4-l {
        margin-bottom: 40px;
        margin-bottom: var(--spacing-large);
    }

    .mb5-l {
        margin-bottom: 4rem;
        margin-bottom: var(--spacing-extra-large);
    }

    .mb6-l {
        margin-bottom: 8rem;
        margin-bottom: var(--spacing-extra-extra-large);
    }

    .mb7-l {
        margin-bottom: 16rem;
        margin-bottom: var(--spacing-extra-extra-extra-large);
    }

    .mt0-l {
        margin-top: 0px;
        margin-top: var(--spacing-none);
    }

    .mt1-l {
        margin-top: 5px;
        margin-top: var(--spacing-extra-small);
    }

    .mt2-l {
        margin-top: 10px;
        margin-top: var(--spacing-small);
    }

    .mt3-l {
        margin-top: 20px;
        margin-top: var(--spacing-medium);
    }

    .mt4-l {
        margin-top: 40px;
        margin-top: var(--spacing-large);
    }

    .mt5-l {
        margin-top: 4rem;
        margin-top: var(--spacing-extra-large);
    }

    .mt6-l {
        margin-top: 8rem;
        margin-top: var(--spacing-extra-extra-large);
    }

    .mt7-l {
        margin-top: 16rem;
        margin-top: var(--spacing-extra-extra-extra-large);
    }

    .mv0-l {
        margin-top: 0px;
        margin-top: var(--spacing-none);
        margin-bottom: 0px;
        margin-bottom: var(--spacing-none);
    }

    .mv1-l {
        margin-top: 5px;
        margin-top: var(--spacing-extra-small);
        margin-bottom: 5px;
        margin-bottom: var(--spacing-extra-small);
    }

    .mv2-l {
        margin-top: 10px;
        margin-top: var(--spacing-small);
        margin-bottom: 10px;
        margin-bottom: var(--spacing-small);
    }

    .mv3-l {
        margin-top: 20px;
        margin-top: var(--spacing-medium);
        margin-bottom: 20px;
        margin-bottom: var(--spacing-medium);
    }

    .mv4-l {
        margin-top: 40px;
        margin-top: var(--spacing-large);
        margin-bottom: 40px;
        margin-bottom: var(--spacing-large);
    }

    .mv5-l {
        margin-top: 4rem;
        margin-top: var(--spacing-extra-large);
        margin-bottom: 4rem;
        margin-bottom: var(--spacing-extra-large);
    }

    .mv6-l {
        margin-top: 8rem;
        margin-top: var(--spacing-extra-extra-large);
        margin-bottom: 8rem;
        margin-bottom: var(--spacing-extra-extra-large);
    }

    .mv7-l {
        margin-top: 16rem;
        margin-top: var(--spacing-extra-extra-extra-large);
        margin-bottom: 16rem;
        margin-bottom: var(--spacing-extra-extra-extra-large);
    }

    .mh0-l {
        margin-left: 0px;
        margin-left: var(--spacing-none);
        margin-right: 0px;
        margin-right: var(--spacing-none);
    }

    .mh1-l {
        margin-left: 5px;
        margin-left: var(--spacing-extra-small);
        margin-right: 5px;
        margin-right: var(--spacing-extra-small);
    }

    .mh2-l {
        margin-left: 10px;
        margin-left: var(--spacing-small);
        margin-right: 10px;
        margin-right: var(--spacing-small);
    }

    .mh3-l {
        margin-left: 20px;
        margin-left: var(--spacing-medium);
        margin-right: 20px;
        margin-right: var(--spacing-medium);
    }

    .mh4-l {
        margin-left: 40px;
        margin-left: var(--spacing-large);
        margin-right: 40px;
        margin-right: var(--spacing-large);
    }

    .mh5-l {
        margin-left: 4rem;
        margin-left: var(--spacing-extra-large);
        margin-right: 4rem;
        margin-right: var(--spacing-extra-large);
    }

    .mh6-l {
        margin-left: 8rem;
        margin-left: var(--spacing-extra-extra-large);
        margin-right: 8rem;
        margin-right: var(--spacing-extra-extra-large);
    }

    .mh7-l {
        margin-left: 16rem;
        margin-left: var(--spacing-extra-extra-extra-large);
        margin-right: 16rem;
        margin-right: var(--spacing-extra-extra-extra-large);
    }
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.tc {
    text-align: center;
}

.tj {
    text-align: justify;
}

@media (min-width: 38em) {
    .tl-ns {
        text-align: left;
    }

    .tr-ns {
        text-align: right;
    }

    .tc-ns {
        text-align: center;
    }

    .tj-ns {
        text-align: justify;
    }
}

@media (min-width: 38em) and (max-width: 60em) {
    .tl-m {
        text-align: left;
    }

    .tr-m {
        text-align: right;
    }

    .tc-m {
        text-align: center;
    }

    .tj-m {
        text-align: justify;
    }
}

@media (min-width: 60em) {
    .tl-l {
        text-align: left;
    }

    .tr-l {
        text-align: right;
    }

    .tc-l {
        text-align: center;
    }

    .tj-l {
        text-align: justify;
    }
}

.strike {
    text-decoration: line-through;
}

.underline {
    text-decoration: underline;
}

.no-underline {
    text-decoration: none;
}

.ttc {
    text-transform: capitalize;
}

.ttl {
    text-transform: lowercase;
}

.ttu {
    text-transform: uppercase;
}

.ttn {
    text-transform: none;
}

/* Measure is limited to ~66 characters */

.measure {
    max-width: 34em;
}

/* Measure is limited to ~80 characters */

.measure-wide {
    max-width: 40em;
}

/* Measure is limited to ~45 characters */

.measure-narrow {
    max-width: 20em;
}

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

.center {
    margin-right: auto;
    margin-left: auto;
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

.w1 {
    width: 1rem;
}

.w2 {
    width: 2rem;
}

.w3 {
    width: 4rem;
}

.w4 {
    width: 8rem;
}

.w5 {
    width: 16rem;
}

.w-10 {
    width: 10%;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-33 {
    width: 33%;
}

.w-34 {
    width: 34%;
}

.w-40 {
    width: 40%;
}

.w-46 {
    width: 46%;
}

.w-50 {
    width: 50%;
}

.w-60 {
    width: 60%;
}

.w-70 {
    width: 70%;
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.w-100 {
    width: 100%;
}

.w-third {
    width: calc(100% / 3);
}

.w-two-thirds {
    width: calc(100% / 1.5);
}

.w-auto {
    width: auto;
}

@media (max-width: 991px) {
    .cwm-100 {
        width: 100%;
        justify-content: center;
    }

    .header-container.is-sticky .header__sticky-logo-image img {
        left: -10px;
        position: relative;
    }
}

@media (max-width: 38em) {
    .wm-100 {
        width: 100%;
    }
}

@media (min-width: 38em) {
    .w1-ns {
        width: 1rem;
    }

    .w2-ns {
        width: 2rem;
    }

    .w3-ns {
        width: 4rem;
    }

    .w4-ns {
        width: 8rem;
    }

    .w5-ns {
        width: 16rem;
    }

    .w-10-ns {
        width: 10%;
    }

    .w-20-ns {
        width: 20%;
    }

    .w-25-ns {
        width: 25%;
    }

    .w-30-ns {
        width: 30%;
    }

    .w-33-ns {
        width: 33%;
    }

    .w-34-ns {
        width: 34%;
    }

    .w-40-ns {
        width: 40%;
    }

    .w-50-ns {
        width: 50%;
    }

    .w-60-ns {
        width: 60%;
    }

    .w-70-ns {
        width: 70%;
    }

    .w-75-ns {
        width: 75%;
    }

    .w-80-ns {
        width: 80%;
    }

    .w-90-ns {
        width: 90%;
    }

    .w-100-ns {
        width: 100%;
    }

    .w-third-ns {
        width: calc(100% / 3);
    }

    .w-two-thirds-ns {
        width: calc(100% / 1.5);
    }

    .w-auto-ns {
        width: auto;
    }
}

@media (min-width: 38em) and (max-width: 60em) {
    .w1-m {
        width: 1rem;
    }

    .w2-m {
        width: 2rem;
    }

    .w3-m {
        width: 4rem;
    }

    .w4-m {
        width: 8rem;
    }

    .w5-m {
        width: 16rem;
    }

    .w-10-m {
        width: 10%;
    }

    .w-20-m {
        width: 20%;
    }

    .w-25-m {
        width: 25%;
    }

    .w-30-m {
        width: 30%;
    }

    .w-33-m {
        width: 33%;
    }

    .w-34-m {
        width: 34%;
    }

    .w-40-m {
        width: 40%;
    }

    .w-50-m {
        width: 50%;
    }

    .w-60-m {
        width: 60%;
    }

    .w-70-m {
        width: 70%;
    }

    .w-75-m {
        width: 75%;
    }

    .w-80-m {
        width: 80%;
    }

    .w-90-m {
        width: 90%;
    }

    .w-100-m {
        width: 100%;
    }

    .w-third-m {
        width: calc(100% / 3);
    }

    .w-two-thirds-m {
        width: calc(100% / 1.5);
    }

    .w-auto-m {
        width: auto;
    }
}

@media (min-width: 60em) {
    .w1-l {
        width: 1rem;
    }

    .w2-l {
        width: 2rem;
    }

    .w3-l {
        width: 4rem;
    }

    .w4-l {
        width: 8rem;
    }

    .w5-l {
        width: 16rem;
    }

    .w-10-l {
        width: 10%;
    }

    .w-20-l {
        width: 20%;
    }

    .w-25-l {
        width: 25%;
    }

    .w-30-l {
        width: 30%;
    }

    .w-33-l {
        width: 33%;
    }

    .w-34-l {
        width: 34%;
    }

    .w-40-l {
        width: 40%;
    }

    .w-50-l {
        width: 50%;
    }

    .w-60-l {
        width: 60%;
    }

    .w-70-l {
        width: 70%;
    }

    .w-75-l {
        width: 75%;
    }

    .w-80-l {
        width: 80%;
    }

    .w-90-l {
        width: 90%;
    }

    .w-100-l {
        width: 100%;
    }

    .w-third-l {
        width: calc(100% / 3);
    }

    .w-two-thirds-l {
        width: calc(100% / 1.5);
    }

    .w-auto-l {
        width: auto;
    }
}

.z-0 {
    z-index: 0;
}

.z-1 {
    z-index: 1;
}

.z-2 {
    z-index: 2;
}

.z-3 {
    z-index: 3;
}

.z-4 {
    z-index: 4;
}

.z-5 {
    z-index: 5;
}

.z-999 {
    z-index: 999;
}

.z-9999 {
    z-index: 9999;
}

.z-max {
    z-index: 2147483647;
}

.z-inherit {
    z-index: inherit;
}

.z-initial {
    z-index: auto;
    z-index: initial;
}

.z-unset {
    z-index: unset;
}

model-viewer {
    width: 100%;
    height: 50vh;
}

.shopify-model-viewer-ui {
    height: 100%;
    transition: all 0.1s ease-in;
    opacity: 0;
    visibility: hidden;
}

.model-active .shopify-model-viewer-ui {
    opacity: 1;
    visibility: visible;
}

.shopify-model-viewer-ui__controls-area {
    position: absolute;
    width: 40px;
    bottom: 10px;
    right: 10px;
}

@media (min-width: 38em) {

    .shopify-model-viewer-ui__controls-area {
        width: 44px;
        bottom: 20px;
        right: 20px
    }
}

.shopify-model-viewer-ui__button {
    display: inline-block;
    margin: 0;
    text-align: center;
    white-space: no-wrap;
    cursor: pointer;
    width: 40px;
    height: 40px;
    padding: 0;
    box-sizing: content-box;
    background: var(--color-bg);
    border-radius: 3px;
    border: 0px;
    color: var(--color-text);
    margin-top: 10px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
}

.shopify-model-viewer-ui__button svg {
    opacity: 0.6;
    transition: opacity 0.25s;
    display: block;
}

@media (min-width: 38em) {

    .shopify-model-viewer-ui__button {
        width: 44px;
        height: 44px
    }

    .shopify-model-viewer-ui__button svg {
        width: 44px;
        height: 44px;
    }
}

.shopify-model-viewer-ui__button:hover svg,
.shopify-model-viewer-ui__button:focus svg {
    opacity: 0.5;
    transition: opacity 0.25s;
}

.shopify-model-viewer-ui__poster-control-icon,
.shopify-model-viewer-ui__control-icon {
    width: 40px;
    height: 40px;
}

@media (min-width: 38em) {

    .shopify-model-viewer-ui__poster-control-icon,
    .shopify-model-viewer-ui__control-icon {
        width: 40px;
        height: 40px
    }
}

.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen {
    display: none !important;
}

.shopify-model-viewer-ui__control-icon--exit-fullscreen {
    display: none !important;
}

.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen {
    display: block !important;
}

.shopify-model-viewer-ui__button--poster {
    position: absolute;
    width: 40px;
    top: 0px;
    right: 10px;
}

@media (min-width: 38em) {

    .shopify-model-viewer-ui__button--poster {
        width: 44px;
        top: 20px;
        right: 20px
    }
}

.shopify-model-viewer-ui__sr-only {
    visibility: hidden;
    position: absolute;
}

.shopify-model-viewer-ui--fullscreen model-viewer {
    height: 100vh;
}

.model-poster {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-in;
}

.model-active .model-poster {
    opacity: 0;
    visibility: hidden;
}

.model-poster .media-badge {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.model-poster:focus {
    outline: auto;
}

.model-poster svg {
    border-radius: 3px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
}

.model-poster svg .bg {
    fill: var(--color-bg);
    stroke: var(--color-bg);
}

.model-poster svg path {
    opacity: 0.6;
    transition: opacity 0.25s;
}

.model-poster svg:hover path {
    opacity: 1;
    transition: opacity 0.25s;
}

.shopify-model-viewer-ui__button--poster {
    display: none !important;
}

#root .shopify-policy__container {
    max-width: 600px;
    max-width: var(--max-width-centered-copy);
    margin-bottom: 8rem;
    margin-bottom: var(--spacing-extra-extra-large);
    font-size: var(--font-size-body-large);
    line-height: 1.5em;
    line-height: var(--line-height-body);
}

@media (min-width: 38em) {

    #root .shopify-policy__container {
        padding: 0;
        margin-bottom: 16rem;
        margin-bottom: var(--spacing-extra-extra-extra-large)
    }
}

#root .shopify-policy__title {
    margin: 40px auto;
    margin: var(--spacing-large) auto;
}

@media (min-width: 38em) {

    #root .shopify-policy__title {
        margin: 8rem auto;
        margin: var(--spacing-extra-extra-large) auto
    }
}

#root .shopify-policy__title h1 {
    font-size: var(--font-size-heading-1);
    line-height: 1.3em;
    line-height: var(--line-height-heading);
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-heading-weight);
    font-style: var(--font-heading-style);
}

@media (min-width: 38em) {

    #root .shopify-policy__title h1 {
        font-size: var(--font-size-heading-display)
    }
}

.account__heading {
    text-align: center;
}

.account__section-heading {
    text-align: center;
}

.account__table {
    margin-bottom: 40px;
    margin-bottom: var(--spacing-large);
}

@media (min-width: 38em) {

    .account__table {
        background-color: var(--color-contrast-bg);
        color: var(--color-contrast-text);
        padding: 20px;
        padding: var(--spacing-medium)
    }
}

.account__order-meta {
    text-align: center;
    line-height: 1.5em;
    line-height: var(--line-height-body);
}

.account__address-list {
    margin-left: calc(20px * -1);
    margin-left: calc(var(--spacing-medium) * -1);
    margin-right: calc(20px * -1);
    margin-right: calc(var(--spacing-medium) * -1);
}

.account__address {
    padding: 20px;
    padding: var(--spacing-medium);
}

@media (min-width: 38em) and (max-width: 60em) {

    .account__address {
        width: 50%
    }
}

@media (min-width: 60em) {

    .account__address {
        width: 25%
    }
}

.account__address-inner {
    background-color: var(--color-contrast-bg);
    color: var(--color-contrast-text);
    width: 100%;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
    padding: 20px;
    padding: var(--spacing-medium);
    line-height: 1.5em;
    line-height: var(--line-height-body);
}

.account__logout {
    margin-top: 4rem;
    margin-top: var(--spacing-extra-large);
    font-style: italic;
    text-align: center;
    color: var(--color-text-meta);
}

.account .responsive-table {
    width: 100%;
}

@media (min-width: 38em) {
    .account .responsive-table th {
        text-align: left;
        padding: 10px 5px;
        padding: var(--spacing-small) var(--spacing-extra-small);
    }

    .account .responsive-table td {
        padding: 10px 5px;
        padding: var(--spacing-small) var(--spacing-extra-small);
    }
}

.account label {
    font-size: var(--font-size-body-small);
    text-align: left;
    display: block;
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
}

.account .input {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
}

.account select {
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
}

.account__auth-wrapper {
    background-color: var(--color-contrast-bg);
    color: var(--color-contrast-text);
    width: 100%;
    max-width: 460px;
    margin: 40px auto;
    margin: var(--spacing-large) auto;
    padding: 20px;
    padding: var(--spacing-medium);
    text-align: center;
}

@media (min-width: 38em) {

    .account__auth-wrapper {
        margin: 8rem auto;
        margin: var(--spacing-extra-extra-large) auto;
        padding: 40px;
        padding: var(--spacing-large)
    }
}

.account__auth-wrapper-heading {
    margin-top: 0;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
}

.shopify-challenge__container {
    background-color: var(--color-contrast-bg);
    color: var(--color-contrast-text);
    width: 100%;
    max-width: 460px;
    margin: 40px auto;
    margin: var(--spacing-large) auto;
    padding: 20px;
    padding: var(--spacing-medium);
    text-align: center;
}

.shopify-challenge__container ul {
    margin: 0;
    padding: 0;
}

.shopify-challenge__container .shopify-challenge__button {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-body-weight);
    font-size: var(--font-size-body-small);
    letter-spacing: 0.05em;
    text-align: center;
    height: 44px;
    height: var(--height-button);
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    line-height: 1.5em;
    border-radius: 1px;
    background-color: var(--color-accent);
    color: var(--color-button-text);
    border: none;
    /* button mixin above */
}

.login {
    background-color: var(--color-contrast-bg);
    color: var(--color-contrast-text);
    width: 100%;
    max-width: 460px;
    margin: 40px auto;
    margin: var(--spacing-large) auto;
    padding: 20px;
    padding: var(--spacing-medium);
    text-align: center;
}

@media (min-width: 38em) {

    .login {
        margin: 8rem auto;
        margin: var(--spacing-extra-extra-large) auto;
        padding: 40px;
        padding: var(--spacing-large)
    }
}

.login__heading {
    margin-top: 0;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
}

.login__meta {
    line-height: 1.5em;
    line-height: var(--line-height-body);
}

.login__links {
    margin-top: 10px;
    margin-top: var(--spacing-small);
}

.login input {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
}

.login__links a {
    text-decoration: underline;
}

.order__item-discount {
    margin: 10px 0 0 0;
    margin: var(--spacing-small) 0 0 0;
    padding: 0;
    text-transform: uppercase;
    font-size: var(--font-size-body-extra-small);
    list-style: none;
    color: var(--color-contrast-text-meta);
}

.order__item-discount li {
    line-height: 1.4em;
}

@media (min-width: 38em) {

    .order__col--price {
        text-align: right !important
    }
}

@media (min-width: 38em) {

    .order__col--quantity {
        text-align: right !important
    }
}

@media (min-width: 38em) {

    .order__col--total {
        text-align: right !important
    }
}

.fof {
    width: 100%;
    max-width: 1260px;
    max-width: var(--max-width);
    margin: 8rem auto;
    margin: var(--spacing-extra-extra-large) auto;
    padding: 0 20px;
    padding: 0 var(--spacing-medium);
    text-align: center;
}

.fof__heading {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
}

.fof__message {
    margin: 0 auto;
}

.article__heading-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: var(--color-text);
    margin-bottom: 4rem;
    margin-bottom: var(--spacing-extra-large);
    min-height: 50vw;
}

@media (min-width: 38em) {

    .article__heading-wrapper {
        margin-bottom: 8rem;
        margin-bottom: var(--spacing-extra-extra-large);
        min-height: 66vw
    }
}

.article__heading-content {
    position: relative;
    z-index: 5;
    padding: 40px 0;
    padding: var(--spacing-large) 0;
}

.article__footer,
.article__pagination,
.comments {
    font-size: var(--font-size-body-base);
}

.comments {
    margin: 8rem auto 4rem auto;
    margin: var(--spacing-extra-extra-large) auto var(--spacing-extra-large) auto;
}

.comments .input {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
}

@media (min-width: 38em) {

    .comments {
        margin-bottom: 8rem;
        margin-bottom: var(--spacing-extra-extra-large)
    }
}

.comments__success-message {
    color: var(--color-success-message);
}

.comments__list {
    margin: 0 !important;
    padding: 0;
    list-style: none;
}

.comments__comment {
    line-height: 1.5em;
    line-height: var(--line-height-body);
    margin-bottom: 40px;
    margin-bottom: var(--spacing-large);
    padding-top: 20px;
    padding-top: var(--spacing-medium);
    border-top: 1px solid var(--color-border);
}

.comments__comment:last-of-type {
    padding-bottom: 20px;
    padding-bottom: var(--spacing-medium);
    border-bottom: 1px solid var(--color-border);
}

.comments__comment-meta {
    color: var(--color-text-meta);
}

.comments__submit {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-body-weight);
    font-size: var(--font-size-body-small);
    letter-spacing: 0.05em;
    text-align: center;
    height: 44px;
    height: var(--height-button);
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    line-height: 1.5em;
    border-radius: 1px;
    background-color: var(--color-accent);
    color: var(--color-button-text);
    border: none;
    /* button mixin above */
}

.comments__moderated-message {
    line-height: 1.5em;
    line-height: var(--line-height-body);
}

.blog__heading {
    max-width: 1260px;
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-left: var(--spacing-medium);
    padding-right: 20px;
    padding-right: var(--spacing-medium);
    /* center-content mixin above */

    padding-bottom: 20px;

    padding-bottom: var(--spacing-medium);
}

@media (min-width: 38em) {

    .blog__heading {
        padding-left: 40px;
        padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large)
    }
}

@media (min-width: 38em) {

    .blog__heading {
        padding-bottom: 40px;
        padding-bottom: var(--spacing-large)
    }
}

.blog__container {
    max-width: 1260px;
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-left: var(--spacing-medium);
    padding-right: 20px;
    padding-right: var(--spacing-medium);
    /* center-content mixin above */
}

@media (min-width: 38em) {

    .blog__container {
        padding-left: 40px;
        padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large)
    }
}

.blog__articles {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: calc((20px + 10px) * -1);
    margin-top: calc((var(--spacing-medium) + var(--spacing-small)) * -1);
    margin-bottom: calc(10px * -1);
    margin-bottom: calc(var(--spacing-small) * -1);
    margin-left: calc(5px * -1);
    margin-left: calc(var(--spacing-extra-small) * -1);
    margin-right: calc(5px * -1);
    margin-right: calc(var(--spacing-extra-small) * -1);
}

@media (min-width: 38em) {

    .blog__articles {
        margin-left: calc(10px * -1);
        margin-left: calc(var(--spacing-small) * -1);
        margin-right: calc(10px * -1);
        margin-right: calc(var(--spacing-small) * -1)
    }
}

.blog__rss {
    font-size: var(--font-size-body-small);
}

.blog__article {
    background-color: var(--color-contrast-bg);
    color: var(--color-contrast-text);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.blog__article-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    padding: 20px;
    padding: var(--spacing-medium);
}

.blog__article-content .meta {
    color: var(--color-contrast-text-meta);
}

.blog__article-heading {
    margin-top: 0;
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
}

.blog__article-heading a:hover {
    color: var(--color-contrast-text-meta);
}

.blog__article-excerpt {
    margin-bottom: 40px;
    margin-bottom: var(--spacing-large);
}

.blog__article-excerpt p {
    margin: 0;
}

.blog__pagination {
    margin-top: 40px;
    margin-top: var(--spacing-large);
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
    border-top: 1px solid var(--color-border);
}

.blog__pagination p {
    margin: 20px 0;
    margin: var(--spacing-medium) 0;
}

.article__footer {
    margin-top: 40px;
    margin-top: var(--spacing-large);
    padding-bottom: 20px;
    padding-bottom: var(--spacing-medium);
    border-bottom: 1px solid var(--color-border);
}

.article__footer p {
    margin-bottom: 0.25em;
}

.article__footer a {
    color: var(--color-text);
    text-decoration: underline;
}

.article__footer ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.article__footer li {
    display: inline-block;
}

.article__footer li:after {
    content: ',';
}

.article__footer li:last-of-type:after {
    content: '';
}

.article__pagination {
    margin-top: 20px;
    margin-top: var(--spacing-medium);
    padding-bottom: 20px;
    padding-bottom: var(--spacing-medium);
}

.article__pagination a {
    color: var(--color-text);
}

.article__pagination-prev {
    float: left;
}

.article__pagination-next {
    float: right;
}

.cart-template__item {
    background-color: var(--color-contrast-bg);
    color: var(--color-contrast-text);
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.cart-template__item .meta {
    color: var(--color-contrast-text-meta);
}

@media (min-width: 38em) {

    .cart-template__item {
        flex-wrap: nowrap
    }
}

.cart-template__image {
    width: 100%;
    flex-shrink: 0;
}

.cart-template__image img {
    display: block;
}

@media (min-width: 38em) {

    .cart-template__image {
        padding: 20px;
        padding: var(--spacing-medium);
        width: 140px
    }
}

.cart-template__text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
    padding: var(--spacing-medium);
}

@media (min-width: 38em) {

    .cart-template__text {
        padding-left: 0
    }
}

.cart-template__details {
    width: 100%;
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
    padding-right: 20px;
    padding-right: var(--spacing-medium);
    line-height: 1.5em;
    line-height: var(--line-height-body);
}

@media (min-width: 38em) {

    .cart-template__details {
        width: 50%
    }
}

@media (min-width: 60em) {

    .cart-template__details {
        margin-bottom: 0
    }
}

.cart-template__quantity {
    width: calc((1 / 3) * 100%);
}

@media (min-width: 38em) {

    .cart-template__quantity {
        width: 25%
    }
}

@media (min-width: 60em) {

    .cart-template__quantity {
        width: calc((1 / 6) * 100%)
    }
}

.cart-template__quantity input {
    width: 100%;
}

.cart-template__line-price {
    width: calc((1 / 3) * 100%);
    text-align: center;
}

@media (min-width: 38em) {

    .cart-template__line-price {
        width: 25%
    }
}

@media (min-width: 60em) {

    .cart-template__line-price {
        width: calc((1 / 6) * 100%)
    }
}

.cart-template__remove {
    width: auto;
    text-align: left;
}

@media (min-width: 38em) {

    .cart-template__remove {
        width: 300px
    }
}

@media (min-width: 60em) {

    .cart-template__remove {
        text-align: center;
        width: calc((1 / 6) * 100%)
    }
}

.cart-template__footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
    margin-top: var(--spacing-medium);
    margin-bottom: 40px;
    margin-bottom: var(--spacing-large);
}

.cart-template__footer-details {
    width: 100%;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
}

@media (min-width: 38em) {

    .cart-template__footer-details {
        width: 50%
    }
}

.cart-template__footer-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    width: 100%;
}

.cart-template__footer-actions .bttn {
    margin-left: 0;
    margin-right: 10px;
    margin-right: var(--spacing-small);
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
}

@media (min-width: 38em) {

    .cart-template__footer-actions {
        width: 50%;
        justify-content: flex-end
    }

    .cart-template__footer-actions .bttn {
        margin-left: 10px;
        margin-left: var(--spacing-small);
        margin-right: 0;
    }
}

.cart__line-item-discounts {
    font-size: var(--font-size-body-extra-small);
    margin: 10px 0 0 0;
    margin: var(--spacing-small) 0 0 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
}

.cart__line-item-discounts li {
    line-height: 1.4em;
}

.cart__discounts {
    font-size: var(--font-size-body-small);
    color: var(--color-text-meta);
    margin: 10px 0 20px 0;
    margin: var(--spacing-small) 0 var(--spacing-medium) 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
}

.cart__discounts li {
    line-height: 1.4em;
}

.gift-card {
    padding: 20px;
    padding: var(--spacing-medium);
    text-align: center;
}

@media (min-width: 38em) {

    .gift-card {
        padding: 40px;
        padding: var(--spacing-large)
    }
}

.gift-card__store-name {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
}

.gift-card__title {
    margin-top: 0;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
}

.gift-card__container {
    max-width: 560px;
    background-color: var(--color-contrast-bg);
    color: var(--color-contrast-text);
    margin: 0 auto;
    padding: 20px;
    padding: var(--spacing-medium);
}

@media (min-width: 38em) {

    .gift-card__container {
        padding: 40px;
        padding: var(--spacing-large)
    }
}

.giftcard-qr img {
    display: block;
    margin: 0 auto;
}

.apple-wallet-image {
    display: block;
    margin: 0 auto;
}

@media print {
    @page {
        margin: 0.5cm;
    }

    p {
        orphans: 3;
        widows: 3;
    }

    .print-giftcard,
    .apple-wallet {
        display: none;
    }
}

.collections__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4rem;
    margin-bottom: var(--spacing-extra-large);
}

@media (min-width: 38em) and (max-width: 60em) {

    .collections__list {
        margin: 0 calc(10px * -1);
        margin: 0 calc(var(--spacing-small) * -1);
        margin-bottom: 4rem;
        margin-bottom: var(--spacing-extra-large)
    }
}

@media (min-width: 60em) {

    .collections__list {
        margin: 0 calc(20px * -1);
        margin: 0 calc(var(--spacing-medium) * -1);
        margin-bottom: 4rem;
        margin-bottom: var(--spacing-extra-large)
    }
}

.collections__collection-wrapper {
    width: 100%;
    padding: 0 0 20px 0;
    padding: 0 0 var(--spacing-medium) 0;
}

@media (min-width: 38em) and (max-width: 60em) {

    .collections__collection-wrapper {
        width: 50%;
        padding: 10px;
        padding: var(--spacing-small)
    }
}

@media (min-width: 60em) {

    .collections__collection-wrapper {
        width: calc((1 / 3) * 100%);
        padding: 20px;
        padding: var(--spacing-medium)
    }
}

.collections__collection {
    width: 100%;
    background-color: var(--color-contrast-bg);
    color: var(--color-contrast-text);
    padding: 0;
}

.collections__collection-meta {
    padding: 20px;
    padding: var(--spacing-medium);
}

.password {
    max-width: 460px;
    margin: 8rem auto;
    margin: var(--spacing-extra-extra-large) auto;
    padding: 0 20px;
    padding: 0 var(--spacing-medium);
    text-align: center;
}

.password label {
    display: none;
}

.password input {
    border-radius: 1px;
    border: none;
    background-color: var(--color-input);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    font-family: 'Lato', sans-serif;
    line-height: 1.5em;
    /* input mixin above */

    width: 100%;
    border-radius: 3px;
    padding: 10px;
    padding: var(--spacing-small);
}

.password input::-moz-placeholder {
    color: var(--color-text-meta);
}

.password input:-ms-input-placeholder {
    color: var(--color-text-meta);
}

.password input::-ms-input-placeholder {
    color: var(--color-text-meta);
}

.password input::placeholder {
    color: var(--color-text-meta);
}

.password .errors ul {
    padding: 0;
    list-style-type: none;
}

.password__sharing {
    margin-bottom: 8rem;
    margin-bottom: var(--spacing-extra-extra-large);
}

.password__sharing a {
    margin: 0 10px;
    margin: 0 var(--spacing-small);
}

.product {
    max-width: 1260px;
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-left: var(--spacing-medium);
    padding-right: 20px;
    padding-right: var(--spacing-medium);
}

@media (min-width: 38em) {

    .product {
        padding-left: 40px;
        padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large)
    }
}

/* center-content mixin above */

@media (min-width: 38em) {

    .product {
        display: grid;
        grid-template-columns: calc((2 / 3) * 100%) calc((1 / 3) * 100%);
        margin-top: 40px;
        margin-top: var(--spacing-large)
    }
}

.product__heading {
    border-bottom: 1px solid var(--color-border);
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
}

.product__title {
    margin: 20px 0;
    margin: var(--spacing-medium) 0;
    font-size: 24px;
    line-height: 34px;
}

.product__vendor {
    margin: 20px 0;
    margin: var(--spacing-medium) 0;
}

.product__expanded-photos {
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(10px * -1);
    margin: 0 calc(var(--spacing-small) * -1);
}

.product select[name='id'] {
    display: none;
}

.product .no-js select[name='id'] {
    display: block;
}

.product__details .share {
    margin-top: 20px;
    margin-top: var(--spacing-medium);
}

.product__image-container {
    width: 100%;
}

@media (min-width: 38em) {

    .product__image-container {
        grid-row-start: 1;
        padding-right: 20px;
        padding-right: var(--spacing-medium)
    }
}

.product__image-container video {
    width: 100%;
    display: block;
}

.product__details-container {
    width: 100%;
    padding-top: 20px;
    padding-top: var(--spacing-medium);
    padding-bottom: 0;
}

@media (min-width: 38em) {

    .product__details-container {
        padding-bottom: 20px;
        padding-bottom: var(--spacing-medium);
        padding-left: 20px;
        padding-left: var(--spacing-medium);
        grid-row-start: 1;
        grid-row-end: 3
    }
}

.product__description {
    margin-top: calc(20px + 10px);
    margin-top: calc(var(--spacing-medium) + var(--spacing-small));
    word-break: break-word;
}

.product__sticky-element {
    display: none;
}

@media (min-width: 38em) {

    .product__sticky-element {
        border-radius: 1px;
        border: none;
        background-color: var(--color-input);
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: var(--shadow-1);
        font-family: 'Lato', sans-serif;
        line-height: 1.5em;
        /* input mixin above */

        background-color: var(--color-contrast-bg);
        color: var(--color-contrast-text);
        display: flex;
        border-radius: 2px;
        height: 50px;
        padding: 0 20px;
        padding: 0 var(--spacing-medium);
        top: 20px;
        top: var(--spacing-medium);
        right: 20px;
        right: var(--spacing-medium);
        left: 20px;
        left: var(--spacing-medium);
        position: fixed;
        z-index: 200;
        justify-content: space-between;
        align-items: center;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.25s
    }

    .product__sticky-element::-moz-placeholder {
        color: var(--color-text-meta);
    }

    .product__sticky-element:-ms-input-placeholder {
        color: var(--color-text-meta);
    }

    .product__sticky-element::-ms-input-placeholder {
        color: var(--color-text-meta);
    }

    .product__sticky-element::placeholder {
        color: var(--color-text-meta);
    }

    .product__sticky-element.visible {
        opacity: 1;
        pointer-events: auto;
        transition: opacity 0.25s;
    }
}

.product__sticky-element-heading {
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-logo-weight);
    font-style: var(--font-logo-style);
}

.product__sticky-right {
    display: flex;
    align-items: center;
}

.product__sticky-image {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    border: 1px solid var(--color-contrast-border);
    border-radius: 2px;
}

.product__sticky-button {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-body-weight);
    font-size: var(--font-size-body-small);
    letter-spacing: 0.05em;
    text-align: center;
    height: 44px;
    height: var(--height-button);
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    line-height: 1.5em;
    border-radius: 1px;
    background-color: var(--color-accent);
    color: var(--color-button-text);
    border: none;
    /* button mixin above */

    font-size: var(--font-size-body-extra-small);
    text-transform: uppercase;
    letter-spacing: 0.125em;
    /* meta-text mixin above */

    height: 30px;
    padding: 0 10px;
    padding: 0 var(--spacing-small);
    display: flex;
    align-items: center;
    border-radius: 2px;
}

.product__sticky-button span.divider {
    margin: 0 10px;
    font-size: 8px;
}

.product__sticky-button span.divider.money {
    margin: 0;
    font-size: var(--font-size-body-extra-small);
}

.product__primary-image-wrapper {
    position: relative;
}

.product__zoom-arrow {
    width: 30px;
    height: 30px;
    background-color: var(--color-bg);
    border-radius: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-around;
    z-index: 5;
    right: 20px;
    right: var(--spacing-medium);
    bottom: 20px;
    bottom: var(--spacing-medium);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    pointer-events: none;
    opacity: 1;
}

@media (max-width: 38em) {

    .product__zoom-arrow {
        display: none
    }
}

.product__zoom-arrow svg {
    width: 16px;
    height: 16px;
}

@media (min-width: 38em) {

    .product__zoom-arrow {
        top: 20px;
        top: var(--spacing-medium);
        right: 20px;
        right: var(--spacing-medium)
    }
}

.product__zoom-arrow.hide {
    opacity: 0;
}

.product_thumbnail-list {
    width: 100%;
    margin-top: 10px;
    margin-top: var(--spacing-small);
    margin-right: calc(20px * -1);
    margin-right: calc(var(--spacing-medium) * -1);
    margin-bottom: 0;
    margin-left: calc(20px * -1);
    margin-left: calc(var(--spacing-medium) * -1);
    padding: 0;
}

.product_thumbnail-list .slick-list.draggable {
    width: 100% !important;
}

/* Enable carousel */

.product_thumbnail-list:after {
    content: 'flickity';
    display: none;
}

@media (min-width: 38em) {

    .product_thumbnail-list {
        padding: 0 10px;
        padding: 0 var(--spacing-small);
        display: flex;
        flex-wrap: wrap
            /* Remove carousel on larger screen */
    }

    .product_thumbnail-list:after {
        content: '';
    }
}

.product_thumbnail {
    list-style: none;
    padding: 10px 0 0 20px;
    padding: var(--spacing-small) 0 0 var(--spacing-medium);
    width: 28%;
    position: relative;
}

@media (min-width: 38em) and (max-width: 60em) {

    .product_thumbnail {
        margin-top: 10px;
        margin-top: var(--spacing-small);
        padding: 0 10px;
        padding: 0 var(--spacing-small);
        width: 25%
    }
}

@media (min-width: 60em) {

    .product_thumbnail {
        margin-top: 10px;
        margin-top: var(--spacing-small);
        padding: 0 10px;
        padding: 0 var(--spacing-small);
        width: 20%
    }
}

.product_thumbnail__link {
    display: block;
    position: relative;
    padding-top: 100%;
}

.product__thumbnail-badge {
    position: absolute;
    top: 10px;
    top: var(--spacing-small);
    right: 10px;
    right: var(--spacing-small);
    z-index: 1;
    width: 24px;
    height: 24px;
    color: var(--color-text);
}

.product__thumbnail-badge svg {
    width: 24px;
    height: 24px;
}

.product__thumbnail-badge .badge-background {
    fill: var(--color-bg);
}

.product-single__thumbnail-image {
    border: 2px solid transparent;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.active-thumbnail .product-single__thumbnail-image {
    border-color: var(--color-border);
}

.product__color-swatches {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(10px * -1);
    margin-top: calc(var(--spacing-small) * -1);
}

.product__color-swatch {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: white;
    margin-top: 10px;
    margin-top: var(--spacing-small);
    margin-right: 10px;
    margin-right: var(--spacing-small);
    box-shadow: 0 0 0 1px var(--color-border);
    border: 6px solid var(--color-bg);
    cursor: pointer;
    background-color: var(--color-bg);
    background-position: center !important;
    background-size: cover !important;
}

.product__color-swatch.selected {
    box-shadow: 0 0 0 1px var(--color-accent);
}

.product__color-swatch:focus {
    outline: none;
    box-shadow: 0 0 0 1px var(--color-accent);
}

.shopify-cleanslate {
    margin-top: 10px;
    margin-top: var(--spacing-small);
}

.section--standard .product__heading {
    border-bottom: 1px solid var(--color-contrast-border);
}

.product__media {
    position: relative;
}

.product__media .responsive-image__wrapper,
.product__media .responsive-image__wrapper img,
.features .features__feature .responsive-image__wrapper,
.features .features__feature .responsive-image__wrapper img {
    max-width: 540px !important;
    max-height: 390px !important;
    object-fit: contain;
    object-position: center;
}

.bttn.product__in-space-bttn {
    display: none;
}

.bttn.product__in-space-bttn.visible {
    display: flex;
}

.bttn.product__in-space-bttn>span {
    display: flex;
    align-items: center;
}

.bttn.product__in-space-bttn svg {
    margin-right: 10px;
    margin-right: var(--spacing-small);
}

.interactive-media {
    height: auto;
    width: 700px;
    display: block !important;
}

@media(max-width: 1120px) {
    .interactive-media {
        width: 100%;
    }
}

.interactive-media iframe {
    width: 100%;
    height: 400px;
    display: block;
    margin: 0 auto;
}

div[data-media-type='external_video'] {
    padding-top: 57.5%;
    position: relative;
}

div[data-media-type='external_video'] iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.plyr__controls {
    /* display: none !important; */
    background-color: var(--color-bg) !important;
}

.plyr__control {
    background-color: var(--color-bg) !important;
}

.plyr__control.plyr__control--overlaid {
    border-radius: 3px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
}

.plyr__control.plyr__control--overlaid svg {
    opacity: 0.6;
    transition: opacity 0.25s;
}

.plyr__control.plyr__control--overlaid:hover svg {
    opacity: 1;
    transition: opacity 0.25s;
}

.plyr__control,
.plyr__progress__buffer,
.plyr__progress input[type='range'] {
    color: var(--color-text) !important;
}

.search-template {
    margin: 0 auto 40px auto;
    margin: 0 auto var(--spacing-large) auto;
    width: 100%;
    max-width: 1260px;
    max-width: var(--max-width);
    padding: 0 20px;
    padding: 0 var(--spacing-medium);
}

.search-template form {
    position: relative;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}

.search-template input {
    border-radius: 1px;
    border: none;
    background-color: var(--color-input);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    font-family: 'Lato', sans-serif;
    line-height: 1.5em;
    /* input mixin above */
    padding: 10px;
    padding: var(--spacing-small);
    border-radius: 3px;
    width: 100%;
    height: 50px;
}

.search-template input::-moz-placeholder {
    color: var(--color-text-meta);
}

.search-template input:-ms-input-placeholder {
    color: var(--color-text-meta);
}

.search-template input::-ms-input-placeholder {
    color: var(--color-text-meta);
}

.search-template input::placeholder {
    color: var(--color-text-meta);
}

.search-template__submit-button {
    position: absolute;
    top: 5px;
    top: var(--spacing-extra-small);
    right: 5px;
    right: var(--spacing-extra-small);
}

.search-template__heading {
    text-align: center;
    margin-top: 40px;
    margin-top: var(--spacing-large);
}

.search-template__item h3.type-heading-2 {
    font-size: 2.6rem;
}

@media (max-width: 38em) {

    .search-template__heading h1 {
        font-size: 24px
    }
}

.search-template__no-results {
    text-align: center;
    margin-top: 40px;
    margin-top: var(--spacing-large);
    margin-bottom: 8rem;
    margin-bottom: var(--spacing-extra-extra-large);
}

.search-template__results {
    margin: 4rem 0 8rem 0;
    margin: var(--spacing-extra-large) 0 var(--spacing-extra-extra-large) 0;
    padding: 0;
    list-style-type: none;
}

.search-template__item {
    background-color: var(--color-contrast-bg);
    color: var(--color-contrast-text);
    width: 100%;
    max-width: 800px;
    margin: 0 auto 20px auto;
    margin: 0 auto var(--spacing-medium) auto;
    display: flex;
}

.search-template__image {
    width: 200px;
    padding-right: 20px;
    padding-right: var(--spacing-medium);
    flex-shrink: 0;
}

.search-template__image img {
    display: block;
}

.search-template__image svg {
    width: calc(200px - 20px);
    width: calc(200px - var(--spacing-medium));
    height: 100%;
}

.search-template__pagination {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
}

.button {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    border: 0;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 1px;
}

.button:disabled {
    opacity: 0.4;
    cursor: default;
}

.bttn {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-body-weight);
    font-size: var(--font-size-body-small);
    letter-spacing: 0.05em;
    text-align: center;
    height: 44px;
    height: var(--height-button);
    padding: 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5em;
    border-radius: 1px;
    background-color: var(--color-accent);
    color: var(--color-button-text);
    border: none;
    opacity: .5;
}

.bttn:hover {
    opacity: 0.7;
    transition: opacity 0.25s ease;
}

.bttn:disabled {
    opacity: 0.4;
    cursor: default;
}

.bttn.bttn_overlay {
    background-color: transparent;
    border: 2px solid #fff;
}

.bttn.bttn-white {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-size: var(--font-size-body-small);
    letter-spacing: 0.05em;
    text-align: center;
    height: 42px;
    height: var(--height-button);
    padding: 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5em;
    border-radius: 1px;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    position: relative;
    box-sizing: border-box;
    opacity: 1;
    z-index: 1;
}

.bttn.bttn-white:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: 0px;
    height: 44px;
    background: #fff;
    transition: all 400ms ease;
    color: #000000;
    z-index: -1;
}

.bttn.bttn-white:hover:before {
    width: 101% !important;

}

.bttn.bttn-white:hover {
    color: #000000 !important;
    box-shadow: inset 0 0 0 1px #fff;
    border-radius: 1px;
}

.bttn.bttn-black {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-size: var(--font-size-body-small);
    letter-spacing: 0.05em;
    text-align: center;
    height: 42px;
    height: var(--height-button);
    padding: 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5em;
    border-radius: 1px;
    background-color: transparent;
    color: grey;
    border: 2px solid #eeeeee;
    position: relative;
    box-sizing: border-box;
    opacity: 1;
    z-index: 1;
}

.bttn.bttn-black:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: 0px;
    height: 44px;
    background: #000;
    transition: all 400ms ease;
    color: #fff;
    z-index: -1;
}

.bttn.bttn-black:hover:before {
    width: 101% !important;

}

.bttn.bttn-black:hover {
    color: #fff !important;
    box-shadow: inset 0 0 0 1px #000;
    border-radius: 1px;
}



.bttn.bttn_white {
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    margin: 0 7px;
}

.bttn--secondary {
    background-color: var(--color-secondary-button);
    color: var(--color-secondary-button-text);
}

.bttn--tertiary {
    background-color: transparent;
    border: 1px solid var(--color-secondary-button);
    color: var(--color-secondary-button-text);
}

.bttn--full {
    width: 100%;
}

.bttn--small {
    height: 40px;
    font-size: var(--font-size-body-extra-small);
}

.bttn__spinner {
    display: none;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-right: var(--spacing-small);
    color: inherit;
}

.bttn--loading .bttn__spinner {
    display: inline-block;
}

.content-overlay__container {
    width: 100%;
    max-width: 1260px;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 20px;
    padding: var(--spacing-medium);
}

@media (min-width: 38em) {

    .content-overlay__container {
        padding: 40px;
        padding: var(--spacing-large)
    }
}

.content-overlay__inner {
    display: flex;
    flex-direction: column;
}

.content-overlay__heading {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
}

.content-overlay *+* {
    margin-top: 20px;
    margin-top: var(--spacing-medium);
}

.content-overlay__subheading {
    margin-top: 0;
    margin-bottom: 0;
}

.disclosure {
    position: relative;
}

.disclosure__toggle {
    white-space: nowrap;
    height: 22px;
    font-size: var(--font-size-body-extra-small);
    padding: 0 6px 0 8px;
    line-height: 1;
}

.disclosure__toggle.input {
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
}

.disclosure__toggle .arrow {
    margin-left: 2px;
    width: 12px;
    height: 12px;
}

.disclosure__toggle .arrow svg {
    width: 100%;
}

.disclosure-list {
    background-color: var(--color-navigation-bg);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    bottom: 115%;
    padding: 20px;
    padding: var(--spacing-medium);
    position: absolute;
    display: none;
    min-width: 100px;
    max-height: 300px;
    overflow-y: auto;
    border-radius: 2px;
}

.disclosure-list--visible {
    display: block;
}

.disclosure-list__item {
    border-bottom: 1px solid transparent;
    white-space: nowrap;
    padding: 0;
    text-align: left;
    list-style: none;
}

.disclosure-list__item+.disclosure-list__item {
    margin-top: 10px;
    margin-top: var(--spacing-small);
}

.disclosure-list__option {
    color: var(--color-navigation-text);
}

.disclosure-list__option:focus {
    color: var(--color-accent);
}

.disclosure-list__option:hover {
    color: var(--color-navigation-text-meta);
}

.disclosure-list__item--current .disclosure-list__option {
    color: var(--color-navigation-text-meta);
}

.disclosure-list__item--current .disclosure-list__option:focus {
    color: var(--color-accent);
}

.drawer {
    background-color: var(--color-drawer-bg);
    color: var(--color-drawer-text);
}

.shopify-payment-button {
    margin-bottom: 10px;
    margin-top: var(--spacing-small);
}

.shopify-payment-button__button {
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-body-weight);
    line-height: 1.5em;
    letter-spacing: 0.025em;
    font-size: var(--font-size-body-small) !important;
    border: none;
    border-radius: 1px !important;
    height: 44px !important;
    height: var(--height-button) !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: opacity 0.25s;
}

.shopify-payment-button__button:hover {
    opacity: 0.7 !important;
    transition: opacity 0.25s;
}

.shopify-payment-button__button--unbranded {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif !important;
    /*font-family: var(--font-body);*/
    font-weight: var(--font-body-weight);
    font-size: var(--font-size-body-small);
    letter-spacing: 0.05em;
    text-align: center;
    height: 44px;
    height: var(--height-button);
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    line-height: 1.5em;
    border-radius: 1px;
    border: none;
    /* button mixin above */

    background-color: var(--color-accent) !important;
    color: var(--color-button-text) !important;
}

#shopify-section-static-product-recommendations .product-recommendations__product a {
    /* font-family: "eras-itc", 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif !important; */
    font-family: 'Lato', sans-serif;
}

.shopify-payment-button__button--unbranded:hover {
    background-color: var(--color-accent) !important;
}

.shopify-payment-button__button--branded {}

.shopify-payment-button__more-options {
    font-family: 'Lato', sans-serif;
}

.shopify-payment-button__button--hidden {
    display: none !important;
}

@-webkit-keyframes intentOutFromBottom {
    from {
        transform: translateY(0px);
        opacity: 1;
    }

    to {
        transform: translateY(20px);
        transform: translateY(var(--spacing-medium));
        opacity: 0;
    }
}

@keyframes intentOutFromBottom {
    from {
        transform: translateY(0px);
        opacity: 1;
    }

    to {
        transform: translateY(20px);
        transform: translateY(var(--spacing-medium));
        opacity: 0;
    }
}

@-webkit-keyframes intentInFromBottom {
    from {
        transform: translateY(20px);
        transform: translateY(var(--spacing-medium));
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes intentInFromBottom {
    from {
        transform: translateY(20px);
        transform: translateY(var(--spacing-medium));
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes intentOutFromTop {
    from {
        transform: translateY(0px);
        opacity: 1;
    }

    to {
        transform: translateY(calc(20px * -1));
        transform: translateY(calc(var(--spacing-medium) * -1));
        opacity: 0;
    }
}

@keyframes intentOutFromTop {
    from {
        transform: translateY(0px);
        opacity: 1;
    }

    to {
        transform: translateY(calc(20px * -1));
        transform: translateY(calc(var(--spacing-medium) * -1));
        opacity: 0;
    }
}

@-webkit-keyframes intentInFromTop {
    from {
        transform: translateY(calc(20px * -1));
        transform: translateY(calc(var(--spacing-medium) * -1));
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes intentInFromTop {
    from {
        transform: translateY(calc(20px * -1));
        transform: translateY(calc(var(--spacing-medium) * -1));
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

#shopify-section-static-exit-intent {
    position: fixed;
    top: 0;
    z-index: 200;
    z-index: var(--z-index-exit-intent);
}

.exit-intent {
    position: fixed;
    top: calc(var(--header-offset-height) - 1px);
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    pointer-events: none;
    z-index: 200;
    z-index: var(--z-index-exit-intent);
    opacity: 0;
    padding: 0;
}

@media (min-width: 38em) {

    .exit-intent {
        padding: 20px;
        padding: var(--spacing-medium)
    }
}

.exit-intent.visible {
    opacity: 1;
    -webkit-animation: 0.25s ease-in-out intentInFromTop;
    animation: 0.25s ease-in-out intentInFromTop;
    -webkit-animation: 0.25s var(--ease) intentInFromTop;
    animation: 0.25s var(--ease) intentInFromTop;
}

.exit-intent.visible .exit-intent__content {
    pointer-events: auto;
}

.exit-intent.hidden {
    -webkit-animation: 0.25s ease-in-out intentOutFromTop;
    animation: 0.25s ease-in-out intentOutFromTop;
    -webkit-animation: 0.25s var(--ease) intentOutFromTop;
    animation: 0.25s var(--ease) intentOutFromTop;
}

@media (min-width: 38em) {

    .exit-intent--top-right,
    .exit-intent--top-left {
        align-items: flex-start
    }
}

@media (min-width: 38em) {

    .exit-intent--bottom-right,
    .exit-intent--bottom-left {
        align-items: flex-end
    }
}

@media (min-width: 38em) {

    .exit-intent--bottom-right.hidden,
    .exit-intent--bottom-left.hidden {
        -webkit-animation: 0.25s ease-in-out intentOutFromBottom;
        animation: 0.25s ease-in-out intentOutFromBottom;
        -webkit-animation: 0.25s var(--ease) intentOutFromBottom;
        animation: 0.25s var(--ease) intentOutFromBottom
    }
}

@media (min-width: 38em) {

    .exit-intent--bottom-right.visible,
    .exit-intent--bottom-left.visible {
        -webkit-animation: 0.25s ease-in-out intentInFromBottom;
        animation: 0.25s ease-in-out intentInFromBottom;
        -webkit-animation: 0.25s var(--ease) intentInFromBottom;
        animation: 0.25s var(--ease) intentInFromBottom
    }
}

@media (min-width: 38em) {

    .exit-intent--top-right,
    .exit-intent--bottom-right {
        justify-content: flex-end
    }
}

@media (min-width: 38em) {

    .exit-intent--top-left,
    .exit-intent--bottom-left {
        justify-content: flex-start
    }
}

.exit-intent__content {
    width: 100%;
    padding: 20px;
    padding: var(--spacing-medium);
    position: relative;
    background-color: var(--color-contrast-bg);
    border-radius: 2px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    overflow: hidden;
    flex-grow: 0;
}

@media (min-width: 38em) {

    .exit-intent__content {
        max-width: 335px;
        padding: 0
    }
}

.exit-intent__image {
    display: none;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
    pointer-events: none;
    padding-top: 66%;
    background-size: cover;
    background-position: center;
}

@media (min-width: 38em) {

    .exit-intent__image {
        display: block
    }
}

.exit-intent__image img {
    width: 100%;
}

.exit-intent__heading {
    width: 100%;
    text-align: center;
    margin-top: 0;
    margin-bottom: calc(10px + 5px);
    margin-bottom: calc(var(--spacing-small) + var(--spacing-extra-small));
    padding: 0 calc(20px + 10px);
    padding: 0 calc(var(--spacing-medium) + var(--spacing-small));
}

@media (min-width: 38em) {

    .exit-intent__heading {
        margin-top: 20px;
        margin-top: var(--spacing-medium)
    }
}

.exit-intent__message {
    width: 100%;
    text-align: center;
    font-size: var(--font-size-body-small);
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
    padding: 0 calc(20px + 10px);
    padding: 0 calc(var(--spacing-medium) + var(--spacing-small));
    line-height: 1.5em;
    line-height: var(--line-height-body);
}

.exit-intent__form {
    width: 100%;
    position: relative;
    padding: 0;
}

@media (min-width: 38em) {

    .exit-intent__form {
        padding-right: 20px;
        padding-right: var(--spacing-medium);
        padding-bottom: 20px;
        padding-bottom: var(--spacing-medium);
        padding-left: 20px;
        padding-left: var(--spacing-medium)
    }
}

.exit-intent__form .input {
    font-size: var(--font-size-body-small);
    height: 42px;
    background: var(--color-contrast-input);
    color: var(--color-contrast-input-text);
    outline: none;
}

.exit-intent__form .input::-moz-placeholder {
    color: var(--color-contrast-text-meta);
}

.exit-intent__form .input:-ms-input-placeholder {
    color: var(--color-contrast-text-meta);
}

.exit-intent__form .input::-ms-input-placeholder {
    color: var(--color-contrast-text-meta);
}

.exit-intent__form .input::placeholder {
    color: var(--color-contrast-text-meta);
}

.exit-intent__form form {
    width: 100%;
    position: relative;
}

.exit-intent__button {
    font-size: var(--font-size-body-small);
    font-family: 'Lato', sans-serif;
    color: var(--color-accent);
    border: none;
    background: var(--color-contrast-input);
    transition: opacity 0.25s;
    position: absolute;
    right: 10px;
    right: var(--spacing-small);
    height: 42px;
    margin: 0;
    padding: 0 0 0 10px;
    padding: 0 0 0 var(--spacing-small);
}

.exit-intent__button span {
    text-decoration: underline;
}

.exit-intent__close {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    color: var(--color-accent);
    text-decoration: underline;
    text-align: center;
    font-size: var(--font-size-body-extra-small);
    padding: calc(10px + 5px);
    padding: calc(var(--spacing-small) + var(--spacing-extra-small));
    line-height: 1;
}

@media (min-width: 38em) {

    .exit-intent__close {
        position: relative;
        width: 100%;
        border-top: 1px solid var(--color-contrast-border)
    }
}

@media (max-width: 38em) {

    .exit-intent__close-text {
        display: none
    }
}

@media (min-width: 38em) {

    .exit-intent__close-icon {
        display: none
    }
}

.exit-intent__close-icon,
.exit-intent__close-icon .icon {
    width: 15px;
    color: var(--color-header-icon);
}

:root {
    --flyout-width: 335px;
    --checkbox-width: 10px;
}

.filter-flyout {
    width: 335px;
    width: var(--flyout-width);
    position: fixed;
    top: 0;
    right: calc(335px * -1);
    right: calc(var(--flyout-width) * -1);
    bottom: 0;
    z-index: 400;
    z-index: var(--z-index-flyouts);
    display: flex;
    flex-direction: column;
    transition: all 0.25s;
}

.filter-flyout.is-visible {
    right: 0;
    transition: all 0.25s;
}

.filter-flyout__heading {
    padding: 10px 20px;
    padding: var(--spacing-small) var(--spacing-medium);
    font-size: var(--font-size-body-base);
    border-bottom: 1px solid var(--color-drawer-border);
    margin-top: 0;
    margin-bottom: 0.5em;
}

.filter-flyout__heading:not(:first-of-type) {
    margin-top: 10px;
    margin-top: var(--spacing-small);
}

.filter-flyout__filter {
    display: flex;
    align-items: center;
    line-height: 1.5;
    padding: 5px 20px;
    padding: var(--spacing-extra-small) var(--spacing-medium);
    font-size: var(--font-size-body-base);
    cursor: pointer;
}

.filter-flyout__checkbox {
    width: 10px;
    width: var(--checkbox-width);
    height: 10px;
    height: var(--checkbox-width);
    margin-right: 10px;
    margin-right: var(--spacing-small);
    border-radius: 1px;
    line-height: 0;
    pointer-events: none;
}

.filter-flyout__checkbox--default {
    background-color: var(--color-drawer-text-meta);
}

.filter-flyout__checkbox--selected {
    background-color: var(--color-drawer-text);
    fill: var(--color-drawer-bg);
}

.filter-flyout__checkbox svg {
    width: 100%;
    height: 100%;
}

.filter-flyout__header {
    padding: 20px;
    padding: var(--spacing-medium);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter-flyout__header .icon {
    color: var(--color-drawer-text);
    width: 24px;
    width: var(--size-close-icon);
    height: 24px;
    height: var(--size-close-icon);
}

.filter-flyout__filters {
    flex-grow: 1;
    overflow-y: scroll;
    padding-bottom: 40px;
    padding-bottom: var(--spacing-large);
}

.filter-flyout__bottom {
    padding: 20px;
    padding: var(--spacing-medium);
    border-top: 1px solid var(--color-drawer-border);
    justify-self: end;
}

.mega-navigation {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: var(--font-size-body-small);
    background-color: var(--color-navigation-bg);
    /* min-width: 920px; */
    border-radius: 2px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
}

.mega-navigation__list {
    flex-grow: 1;
    padding: 10px 20px 40px 20px;
    padding: var(--spacing-small) var(--spacing-medium) var(--spacing-large) var(--spacing-medium);
}

.mega-navigation__list-childlinks {
    display: none;
    margin-top: 10px;
}

.mega-navigation__list-childlinks.active {
    display: block;
    opacity: 1 !important;
}

.mega-navigation__list-childlinks.act1 {
    display: block;
    opacity: 1 !important;
}


/* .mega-navigation__list-heading {
 color: #000;
 font-size: 2rem;
 margin: 0;
 margin-bottom: 0.5em;
 font-weight: 500;
 } */
.mega-navigation__list-heading {
    color: #707070;
    font-size: 12px;
    margin: 0;
    margin-bottom: 0.5em;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

.mega-navigation__list-heading a {
    color: inherit !important;
}

.mega-navigation__list--border {
    border-right: 1px solid var(--color-navigation-border);
}

.mega-navigation__list>ul {
    line-height: 2;
}

.mega-navigation__featured {
    width: 30%;
    padding: 20px;
    padding: var(--spacing-medium);
}

.mega-navigation__featured-wrapper {
    background-color: var(--color-navigation-feature);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
}

.mega-navigation__featured-content {
    padding: 20px;
    padding: var(--spacing-medium);
    line-height: 1;
}

.mega-navigation__featured-heading {
    margin: 0;
    color: var(--color-navigation-text);
}

.mega-navigation__featured-link {
    color: var(--color-accent) !important;
    text-decoration: underline;
    transition: opacity 0.25s;
}

.mega-navigation__featured-link:hover {
    opacity: 0;
    transition: opacity 0.25s;
}

.mega-navigation .nav__item {
    color: var(--color-navigation-text);
}

.mega-navigation .mega-navigation__list {
    position: relative;
    min-width: 240px;
    max-width: 240px;
}

.mega-navigation .list>.nav__item .childlist {
    display: none;
    position: absolute;
    left: 180px;
    top: 0;
    background-color: #fff;
    z-index: 2;
    width: 100% !important;
    height: 100%;
    padding: 20px;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.2);
}

.mega-navigation .list>.nav__item:hover .childlist {
    display: block;
}

.page-header {
    max-width: 1260px;
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-left: var(--spacing-medium);
    padding-right: 20px;
    padding-right: var(--spacing-medium);
    /* center-content mixin above */

    margin: 40px auto;

    margin: var(--spacing-large) auto;
    text-align: center;
    line-height: 1.8;
}

@media (min-width: 38em) {
    .page-header {
        padding-left: 40px;
        padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large)
    }
}

@media (min-width: 38em) {

    .page-header {
        margin: 8rem auto;
        margin: var(--spacing-extra-extra-large) auto
    }
}

.page-header__crumbs {
    display: none;
    color: var(--color-text-meta);
    font-size: var(--font-size-body-small);
    margin: 0;
}

.page-header__title {
    font-size: 36px;
    margin: 20px auto 20px auto;
}

@media (max-width: 38em) {

    .page-header__title {
        font-size: var(--font-size-heading-1)
    }
}

.page-header__subheading {
    margin: 20px auto 0 auto;
    margin: var(--spacing-medium) auto 0 auto;
    padding: 0 20px;
    padding: 0 var(--spacing-medium);
}

@media (max-width: 38em) {

    .page-header__subheading {
        font-size: var(--font-size-body-large)
    }
}

.pagination__item {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 2px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    margin-right: 8px;
    margin-bottom: 8px;
}

.pagination__item--active {
    background-color: var(--color-contrast-bg);
    border: 1px solid var(--color-contrast-border);
    border-radius: 2px;
    color: var(--color-contrast-text-meta);
    box-shadow: none;
}

.pagination__ellip {
    display: inline-block;
    margin-right: 8px;
    color: var(--color-text-meta);
}

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

.placeholder-svg {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    border: 1px solid var(--color-border);
    fill: var(--color-border);
}

.section--standard .placeholder-svg {
    border: 1px solid var(--color-contrast-border);
    fill: var(--color-contrast-border);
}

.placeholder-svg--small {
    width: 480px;
}

.placeholder-noblocks {
    padding: 40px;
    text-align: center;
}

/* Mimic a background image by wrapping the placeholder svg with this class */

.placeholder-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.placeholder-background .icon {
    border: 0;
}

.product-tile {
    position: relative;
}

.product-tile .badge {
    pointer-events: none;
}

.product-tile .first {
    position: absolute;
    opacity: 1;
    transition: opacity 0.35s;
    top: 0;
}

.product-tile .not-first {
    position: absolute;
    top: 0;
    z-index: 0;
    opacity: 0;
    transition: opacity 0.35s;
}

.product-tile .flickity-button {
    color: var(--color-text-meta);
}

.product-tile .flickity-prev-next-button {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 28px;
    height: 28px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    opacity: 0;
    transition: opacity 0.25s;
}

.product-tile .flickity-prev-next-button .flickity-button-icon {
    position: static;
    width: 14px;
    height: 14px;
}

@media (min-width: 38em) {
    .product-tile:hover .product-tile__swatches {
        opacity: 1;
        transition: opacity 0.25;
        pointer-events: none;
    }
}

.product-tile .quick-shop {
    display: none;
}

.product-tile__image-wrapper {
    position: relative;
}

.product-tile__image-wrapper:hover .product-tile__quick-shop-button,
.product-tile__image-wrapper:focus .product-tile__quick-shop-button {
    opacity: 1;
}

.product-tile__sizer {
    opacity: 0;
    pointer-events: none;
}

.product-tile__images {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.product-tile__images .product-tile__image {
    pointer-events: none;
}

.product-tile__images .visible {
    opacity: 1;
    transition: opacity 0.35s;
}

.product-tile__images .hidden {
    opacity: 0;
    transition: opacity 0.35s;
}

.product-tile__image {
    width: 100%;
}

.product-tile__images .product-tile__image {
    position: absolute;
}

.product-tile__swatches {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    width: 60%;
    top: 10px;
    top: var(--spacing-small);
    right: 10px;
    right: var(--spacing-small);
    opacity: 0;
    transition: opacity 0.25s;
}

.product-tile__swatch {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin-left: 5px;
    margin-left: var(--spacing-extra-small);
    border: 4px solid var(--color-bg);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: var(--shadow-2);
    background-color: var(--color-bg);
    background-size: cover !important;
    background-position: center !important;
}

.product-tile__quick-shop-button {
    z-index: 1;
    position: absolute;
    bottom: 0;
    padding: 0 10px;
    margin: 20px;
    margin: var(--spacing-medium);
    width: calc(100% - (20px * 2));
    width: calc(100% - (var(--spacing-medium) * 2));
    opacity: 0;
    transition: opacity 0.35s;
}

.is-mobile .product-tile__quick-shop-button {
    display: none;
}

.quick-cart {
    display: none;
    position: relative;
    z-index: 90;
}

.quick-cart.is-active {
    display: block;
}

.quick-cart.is-visible .quick-cart__overlay {
    opacity: 1;
    transition: opacity 0.5s;
}

@media (max-width: 60em) {

    .quick-cart.is-visible .quick-cart__popup {
        right: 0
    }
}

@media (min-width: 60em) {

    .quick-cart.is-visible .quick-cart__popup {
        opacity: 1
    }
}

.quick-cart__icon {
    position: relative;
}

.quick-cart.has-quick-shop-product {
    color: var(--color-navigation-text);
}

.quick-cart.has-quick-shop-product .quick-cart__quick-shop-product {
    display: block;
}

.quick-cart__quick-shop-product {
    display: none;
}

@media (min-width: 60em) {

    .quick-cart__quick-shop-product {
        position: absolute;
        top: 20px;
        top: var(--spacing-medium);
        right: 20px;
        right: var(--spacing-medium)
    }
}

.quick-cart__indicator {
    background-color: var(--color-accent);
    color: var(--color-button-text);
    position: absolute;
    bottom: -6px;
    right: -4px;
    border-radius: 2px;
    font-size: var(--font-size-body-extra-small);
    padding: 3px 5px;
    border: 1px solid var(--color-bg);
    line-height: 1;
}

.quick-cart__overlay {
    background-color: var(--color-bg-overlay);
    position: fixed;
    z-index: 4;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s;
}

.quick-cart__popup {
    font-size: var(--font-size-body-small);
    line-height: 1.5em;
    line-height: var(--line-height-body);
    width: 375px;
    max-width: 95vw;
    position: fixed;
    top: 0;
    right: -375px;
    bottom: 0;
    z-index: 5;
    border-radius: 2px;
    border-radius: var(--radius-2);
    background: var(--color-drawer-bg);
    color: var(--color-drawer-text);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 1;
    transition: all 0.25s;
}

.quick-cart__popup img {
    display: block;
}

@media (min-width: 60em) {

    .quick-cart__popup {
        background: var(--color-navigation-bg);
        color: var(--color-navigation-text);
        right: 20px;
        right: var(--spacing-medium);
        position: absolute;
        top: auto;
        bottom: auto;
        margin-top: 10px;
        margin-top: var(--spacing-small);
        opacity: 0
    }
}

.quick-cart__items {
    padding: 10px;
    padding: var(--spacing-small);
    flex-grow: 1;
    overflow-y: scroll;
}

@media (min-width: 60em) {

    .quick-cart__items {
        max-height: 500px
    }
}

.quick-cart__item-discounts {
    margin: 5px 0 0 0;
    margin: var(--spacing-extra-small) 0 0 0;
    padding: 0;
    font-size: var(--font-size-body-extra-small);
    color: var(--color-navigation-text-meta);
    text-transform: uppercase;
}

.quick-cart__item-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.quick-cart__quantity {
    display: flex;
}

.quick-cart__quantity-button {
    border-radius: 1px;
    background-color: var(--color-input);
    color: var(--color-input-text);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    width: 21px;
    height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.quick-cart__item-total {
    width: 32px;
    height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quick-cart__footer {
    border-top: 1px solid var(--color-drawer-border);
    padding: 20px;
    padding: var(--spacing-medium);
    display: none;
}

@media (min-width: 60em) {

    .quick-cart__footer {
        border-top: 1px solid var(--color-navigation-border)
    }
}

.quick-cart__footer.active {
    display: block;
}

.quick-cart__discounts {
    padding: 0;
    font-size: var(--font-size-body-extra-small);
    color: var(--color-navigation-text-meta);
    text-transform: uppercase;
    display: none;
}

.quick-cart__discounts.active {
    display: block;
}

.quick-cart__empty-state {
    padding: 0 10px;
    padding: 0 var(--spacing-small);
    color: var(--color-drawer-text);
}

@media (min-width: 60em) {

    .quick-cart__empty-state {
        color: var(--color-navigation-text-meta)
    }
}

@-webkit-keyframes fadeOutItem {
    from {
        background-color: var(--color-navigation-bg-darker);
    }

    to {
        background-color: transparent;
    }
}

@keyframes fadeOutItem {
    from {
        background-color: var(--color-navigation-bg-darker);
    }

    to {
        background-color: transparent;
    }
}

.cart__item {
    display: flex;
    width: 100%;
}

.cart__item--highlight {
    -webkit-animation: fadeOutItem 2s linear;
    animation: fadeOutItem 2s linear;
}

.quick-cart__tabs {
    margin: 0;
    padding: 10px;
    padding: var(--spacing-small);
    border-bottom: 1px solid var(--color-drawer-border);
    position: relative;
}

@media (min-width: 60em) {

    .quick-cart__tabs {
        border-bottom: 1px solid var(--color-navigation-border)
    }
}

.quick-cart__tabs>li {
    display: inline-block;
    padding: 10px;
    padding: var(--spacing-small);
    color: var(--color-drawer-text-meta);
}

@media (min-width: 60em) {

    .quick-cart__tabs>li {
        color: var(--color-navigation-text-meta)
    }
}

.quick-cart__tabs>li a {
    color: inherit;
}

.quick-cart__tabs>li a.active {
    color: var(--color-drawer-text);
}

@media (min-width: 60em) {

    .quick-cart__tabs>li a.active {
        color: var(--color-navigation-text)
    }
}

.quick-cart__close {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    right: var(--spacing-small);
    display: flex !important;
    align-items: center;
    display: block;
    cursor: pointer;
}

.quick-cart__close svg {
    width: 14px;
    height: 14px;
}

@media (min-width: 60em) {

    .quick-cart__close {
        display: none !important
    }
}

.quick-cart__image {
    width: 150px;
    flex-shrink: 0;
    padding: 10px;
    padding: var(--spacing-small);
}

.quick-cart__image .placeholder {
    padding-top: 75%;
}

.quick-cart__product-details {
    flex-grow: 1;
    width: 100%;
    padding: 10px;
    padding: var(--spacing-small);
    display: flex;
    flex-direction: column;
}

.quick-cart__product-details a {
    color: var(--color-drawer-text);
}

@media (min-width: 60em) {

    .quick-cart__product-details a {
        color: var(--color-navigation-text)
    }
}

.quick-cart__checkout-button {
    margin-top: 20px;
    margin-top: var(--spacing-medium);
}

.quick-shop {
    top: 0;
    width: 100%;
    padding: 10px;
    padding: var(--spacing-small);
    overflow: auto;
    background-color: var(--color-navigation-bg-darker);
}

.quick-shop select[name='id'] {
    display: none;
}

.quick-shop .no-js select[name='id'] {
    display: block;
}

.quick-shop input,
.quick-shop select,
.quick-shop textarea {
    font-size: var(--font-size-body-small);
}

.quick-shop input,
.quick-shop select {
    height: 40px;
}

.quick-shop .select-wrapper::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid var(--color-input-text);
    right: 13px;
    margin-top: -1px;
}

.quick-shop__product-title,
.quick-shop__option,
.quick-shop__input {
    color: var(--color-navigation-text);
}

.quick-shop__option {
    margin-bottom: 16px;
}

.quick-shop__input {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
}

.quick-shop__heading {
    display: flex;
    margin-bottom: 16px;
}

.quick-shop__image {
    height: 100%;
    width: 130px;
    flex-shrink: 0;
}

.quick-shop__product-details {
    padding-right: 20px;
    padding-right: var(--spacing-medium);
    padding-left: 20px;
    padding-left: var(--spacing-medium);
}

.quick-shop__add-to-cart-button {
    width: 100%;
}

.quick-search__container {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.quick-search__header {
    padding: 0 10px;
    padding: 0 var(--spacing-small);
    padding-top: 10px;
    padding-top: var(--spacing-small);
    padding-bottom: 5px;
    padding-bottom: var(--spacing-extra-small);
    opacity: 0.5;
}

.quick-search__result {
    display: block;
    padding: 10px;
    padding: var(--spacing-small);
    display: flex;
    align-items: center;
    border-radius: 4px;
    transition: background-color 0.25s;
    border: 1px solid transparent;
}

.quick-search__result:focus {
    outline: none;
    border: 1px dotted var(--color-drawer-text);
}

.quick-search__result:hover {
    background-color: var(--qs-background-hover);
}

.quick-search__result .hl {
    background-color: var(--color-accent);
    color: var(--color-button-text);
    font-weight: bold;
}

.quick-search__result-image {
    position: relative;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    margin-right: var(--spacing-medium);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    overflow: hidden;
    background-color: var(--qs-background-hover);
}

.quick-search__result-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.quick-search__result-image svg {
    opacity: 0.8;
}

.quick-search__result-details {
    width: 100%;
    overflow: hidden;
}

.quick-search__result-heading {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 80%;
}

.quick-search__result-subheading {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 80%;
    opacity: 0.5;
}

.quick-search__view-all {
    border-top: 1px solid var(--color-border);
    margin: 10px;
    margin: var(--spacing-small);
    margin-bottom: 0;
    padding: 10px 0;
    padding: var(--spacing-small) 0;
}

.quick-search__view-all>button {
    text-decoration: underline;
    outline: none;
    background-color: transparent;
    border: none;
    color: inherit;
    padding: 0;
}

.quick-search__view-all>button:focus {
    color: var(--color-text-link);
}

.responsive-image__wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.swym-ready .collection__products .responsive-image__wrapper,
.swym-ready .product-recommendations__products .responsive-image__wrapper {
    min-height: 300px;
    max-height: 300px;
}

.swym-ready .collection__products .responsive-image__wrapper>img,
.swym-ready .product-recommendations__products .responsive-image__wrapper>img {
    object-fit: contain;
    text-align: center;
    margin: 0 auto;
}

.swym-ready .recently-viewed__products .recently-viewed__product img {
    min-height: 220px;
    max-height: 220px;
    object-fit: contain;
    text-align: center;
    margin: 0 auto;
}

@media (max-width: 500px) {
    .swym-ready .collection__products .responsive-image__wrapper {
        min-height: 240px;
        max-height: 240px;
    }
}

.responsive-image__wrapper--align-right {
    margin: 0 0 0 auto;
}

.no-js .responsive-image__wrapper {
    display: none;
}

.responsive-image__wrapper::before {
    content: '';
    position: relative;
    display: block;
}

.responsive-image__wrapper img {
    display: block;
    width: 100%;
}

.responsive-image__wrapper--full-height {
    height: 100%;
}

.responsive-image__image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.responsive-image__image:focus {
    outline-offset: -4px;
}

.search {
    display: none;
    z-index: 11;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.is-active .search {
    display: block;
}

.search__container {
    max-width: 1260px;
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-left: var(--spacing-medium);
    padding-right: 20px;
    padding-right: var(--spacing-medium);
    /* center-content mixin above */

    margin: 4rem auto;

    margin: var(--spacing-extra-large) auto;
    position: relative;
}

@media (min-width: 38em) {

    .search__container {
        padding-left: 40px;
        padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large);
    }
}

.search__input-container {
    position: relative;
}

.search__input-actions {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 30px;
    display: flex;
    align-items: center;
}

.search__input {
    border-radius: 1px;
    border: none;
    background-color: var(--color-input);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    font-family: 'Lato', sans-serif;
    line-height: 1.5em;
    border-bottom: 1px solid transparent;

    width: 100%;
    height: 50px;
    padding: 0 20px;
    padding: 0 var(--spacing-medium);
}

/* clears the 'X' from Internet Explorer */

.search__input[type='search']::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.search__input[type='search']::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* clears the 'X' from Chrome */

.search__input[type='search']::-webkit-search-decoration,
.search__input[type='search']::-webkit-search-cancel-button,
.search__input[type='search']::-webkit-search-results-button,
.search__input[type='search']::-webkit-search-results-decoration {
    display: none;
}

.search__input::-moz-placeholder {
    color: var(--color-text-meta);
}

.search__input:-ms-input-placeholder {
    color: var(--color-text-meta);
}

.search__input::-ms-input-placeholder {
    color: var(--color-text-meta);
}

.search__input::placeholder {
    color: var(--color-text-meta);
}

.has-suggestions .search__input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid var(--color-border);
    box-shadow: none;
}

.search__input-clear {
    display: none;
    margin-right: 10px;
    margin-right: var(--spacing-small);
    color: var(--color-text-meta);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: var(--font-size-body-extra-small);
    text-decoration: none;
}

.has-active-query .search__input-clear {
    display: block;
}

.search__input-clear:hover {
    opacity: 0.5;
}

.search__input-close {
    margin-left: 10px;
    margin-left: var(--spacing-small);
    margin-right: 20px;
    margin-right: var(--spacing-medium);
    color: var(--color-text-meta);
}

.search__input-close:hover {
    opacity: 0.5;
}

.search__results {
    --qs-background-hover: var(--color-input-bg-hover);

    border-radius: 1px;
    border: none;
    background-color: var(--color-input);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    font-family: 'Lato', sans-serif;
    line-height: 1.5em;
    /* input mixin above */

    padding: 10px;

    padding: var(--spacing-small);
    color: var(--color-text);
    display: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.search__results::-moz-placeholder {
    color: var(--color-text-meta);
}

.search__results:-ms-input-placeholder {
    color: var(--color-text-meta);
}

.search__results::-ms-input-placeholder {
    color: var(--color-text-meta);
}

.search__results::placeholder {
    color: var(--color-text-meta);
}

@media (min-width: 38em) {

    .search__results {
        overflow: auto;
        max-height: calc(100vh - var(--header-offset-height))
    }
}

.has-suggestions .search__results {
    display: block;
}

.search__overlay {
    position: fixed;
    display: none;
    background-color: var(--color-bg-overlay);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* overlay mixin above */

    z-index: 8;
}

.is-active .search__overlay {
    display: block;
}

.share {
    color: var(--color-text-meta);
}

.share__icon {
    display: inline-block;
    width: 16px;
    margin-right: 10px;
    margin-right: var(--spacing-small);
    transition: color 0.08s;
}

.share__icon svg {
    width: 100%;
}

.share__icon:hover {
    color: var(--color-text);
    transition: color 0.08s;
}

.collage-section {
    overflow-y: hidden;
}

.collage {
    margin: 0 calc(10px * -1);
    margin: 0 calc(var(--spacing-small) * -1);
    /* Compensate for padding around individual collage items */
    margin-top: calc(10px * -1);
    margin-top: calc(var(--spacing-small) * -1);
    margin-bottom: calc(10px * -1);
    margin-bottom: calc(var(--spacing-small) * -1);
}

.collage .content-overlay {
    padding: 20px;
    padding: var(--spacing-medium);
}

.collage__item {
    float: left;
    width: 50%;
    padding: 10px;
    padding: var(--spacing-small);
    overflow: hidden;
}

.collage__item.1_column {
    width: 100% !important;
}

.collage__item.2_columns {
    width: 50% !important;
}

.collage__item.3_columns {
    width: 25% !important;
}

.collage__item-inner {
    background: linear-gradient(to right, #272635 1%, rgba(39, 38, 53, 0) 57%);
    position: relative;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    padding-top: calc(50% - 10px);
    padding-top: calc(50% - var(--spacing-small));
}

.collage__item-inner--large {
    padding-top: 100.4%;
}

.collage__placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.collage__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.section--dynamic-collage+.section--dynamic-collage>.section {
    margin-top: calc(20px * -1);
    margin-top: calc(var(--spacing-medium) * -1);
}

@media (min-width: 38em) {

    .section--dynamic-collage+.section--dynamic-collage>.section {
        margin-top: calc(40px * -1);
        margin-top: calc(var(--spacing-large) * -1)
    }
}

.featured-product {
    padding: 20px;
    padding: var(--spacing-medium);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column-reverse;
}

@media (min-width: 38em) {

    .featured-product {
        margin-top: 0
    }
}

@media (min-width: 60em) {

    .featured-product {
        flex-direction: row;
        flex-wrap: nowrap
    }
}

.featured-product__details {
    width: 100%;
    margin-top: 20px;
    margin-top: var(--spacing-medium);
}

@media (min-width: 60em) {

    .featured-product__details {
        width: 50%;
        padding: 20px;
        padding: var(--spacing-medium);
        padding-right: 20px;
        padding-right: var(--spacing-medium);
        margin-top: 0;
        max-width: 400px;
        flex-shrink: 0
    }
}

.featured-product__images {
    width: 100%;
}

@media (min-width: 60em) {

    .featured-product__images {
        padding: 20px;
        padding: var(--spacing-medium);
        max-width: 600px
    }
}

@media (max-width: 38em) {
    .featured-product__images a {
        display: block;
        line-height: 0;
    }

    .featured-product__images .product_thumbnail-list {
        margin-top: 0;
        margin-right: calc(20px * -1);
        margin-right: calc(var(--spacing-medium) * -1);
        margin-bottom: 10px;
        margin-bottom: var(--spacing-small);
        margin-left: calc(20px * -1);
        margin-left: calc(var(--spacing-medium) * -1);
        padding-top: 10px;
        padding-top: var(--spacing-small);
        padding-right: 0;
        padding-bottom: 0;
        padding-left: calc(20px - 5px);
        padding-left: calc(var(--spacing-medium) - var(--spacing-extra-small));
    }

    .featured-product__images .product_thumbnail-list .product_thumbnail {
        margin: 0;
        padding: 5px;
        padding: var(--spacing-extra-small);
    }

    .featured-product__images .product_thumbnail-list .flickity-viewport {
        overflow: visible;
    }
}

.full-width-image {
    position: relative;
    overflow: hidden;
}

.full-width-image__placeholder {
    width: 100%;
    height: 100%;
}

.full-width-image__video {
    width: 100%;
    display: block;
}

.full-width-image--3_2 {
    padding-top: calc((2 / 3) * 100%);
}

.full-width-image--3_2 .full-width-image__placeholder {
    position: absolute;
    top: 0;
}

.full-width-image--3_2 .full-width-image__video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.full-width-image--3_2 .full-width-image__image {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.full-width-image--3_2 .full-width-image__image img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
}

.full-width-image--3_2 .full-width-image__image .responsive-image__image {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100% !important;
}

.full-width-image .responsive-image__wrapper,
.full-width-image .responsive-image__image {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: auto !important;
}

.images-with-text {
    color: var(--color-contrast-text);
}

.images-with-text__container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(10px * -1);
    margin: 0 calc(var(--spacing-small) * -1);
    margin-top: 0;
    margin-bottom: calc(20px * -1);
    margin-bottom: calc(var(--spacing-medium) * -1);
}

@media (min-width: 38em) {

    .images-with-text__container {
        margin-bottom: calc((20px + 5px) * -1);
        margin-bottom: calc((var(--spacing-medium) + var(--spacing-extra-small)) * -1)
    }
}

.images-with-text__item {
    width: 100%;
    padding-right: 10px;
    padding-right: var(--spacing-small);
    padding-bottom: 20px;
    padding-bottom: var(--spacing-medium);
    padding-left: 10px;
    padding-left: var(--spacing-small);
}

@media (min-width: 38em) {

    .images-with-text__item {
        width: 50%
    }
}

.images-with-text__item-inner {
    background-color: var(--color-contrast-bg);
}

.images-with-text__heading {
    margin: 0;
}

.images-with-text__subheading {
    margin-top: 20px;
    margin-top: var(--spacing-medium);
    margin-bottom: 0;
    line-height: 1.5em;
    line-height: var(--line-height-body);
}

.images-with-text__placeholder {
    height: 300px;
}

.map__placeholder {
    width: 100%;
    height: 600px;
}

.map p {
    margin: 0;
}

.parallax {
    position: relative;
    overflow: hidden;
}

.parallax__placeholder {
    width: 100%;
    height: 100%;
}

.parallax .simpleParallax {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.parallax-slideshow .simpleParallax {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.slideshow {
    transition: opacity 0.5s;
    width: 100%;
}

.slideshow.hidden {
    opacity: 0;
    transition: opacity 0s;
}

.slideshow>ul {
    margin: 0;
    padding: 0;
}

.slideshow__slide-link {
    display: block !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
}

.slideshow__slide {
    display: block !important;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}

.slideshow__slide--full_height {
    padding-top: 100vh;
}

.slideshow__slide--3_2 {
    padding-top: calc((2 / 3) * 100%);
}

@media (max-width: 768px) {
    .slideshow {
        margin-top: 100px;
    }

    .slideshow__slide--3_2 {
        padding-top: calc((2 / 3) * 150%);
    }
}

@media (max-width: 320px) {
    .slideshow__slide--3_2 {
        padding-top: calc((2 / 3) * 200%);
    }
}

.slideshow__slide--full_height .slideshow__video,
.slideshow__slide--3_2 .slideshow__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.slideshow__slide--full_height .slideshow__image,
.slideshow__slide--3_2 .slideshow__image {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}

.slideshow__slide--full_height .slideshow__image .responsive-image__image,
.slideshow__slide--3_2 .slideshow__image .responsive-image__image {
    position: absolute;

    object-fit: cover;
    height: 100% !important;
}

.slideshow__slide--full_height .slideshow__placeholder,
.slideshow__slide--3_2 .slideshow__placeholder {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.slideshow__video {
    width: 100%;
    display: block;
}

.slideshow__placeholder {
    width: 100%;
    height: 60vh;
}

.slideshow__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.slideshow__content-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    display: flex;
    flex-direction: column;
}

.slideshow__content-wrap--middle {
    justify-content: center;
}

.slideshow__content-wrap--bottom {
    justify-content: flex-end;
}

.slideshow__content {
    width: 100%;
    max-width: 1260px;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: calc(40px + 20px) 20px;
    padding: calc(var(--spacing-large) + var(--spacing-medium)) var(--spacing-medium);
}

@media (min-width: 38em) {

    .slideshow__content {
        padding: calc(40px + 20px) 40px;
        padding: calc(var(--spacing-large) + var(--spacing-medium)) var(--spacing-large)
    }
}

.slideshow__content-inner {
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    padding: var(--spacing-medium) 0;
    transition: opacity 0.25s ease;
    opacity: 0;
}

.header-transparent .slideshow__content-inner,
.header-sticky .slideshow__content-inner {
    opacity: 1;
}

.header-transparent .transparent-section .slideshow__content-inner {
    margin-top: 25%;
}

@media (max-width: 991px) {
    .header-transparent .transparent-section .slideshow__content-inner {
        margin-top: 15%;
    }
}

.slideshow__content-inner--left>* {
    margin-right: auto;
}

.slideshow__content-inner--center {
    text-align: center;
}

.slideshow__content-inner--center>* {
    margin-left: auto;
    margin-right: auto;
}

.slideshow__content-inner--right {
    text-align: right;
}

.slideshow__content-inner--right>* {
    margin-left: auto;
}

.slideshow__content-inner *+* {
    margin-top: 45px !important;
}

@media (max-width: 576px) {
    .slideshow__content-inner *+* {
        margin-top: 20px !important;
    }
}

.slideshow .slideshow__heading {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff !important;
    font-weight: 700;
    line-height: .93;
    font-size: 60px;
    letter-spacing: 1px;
}

.slideshow .slideshow__subheading {
    margin-top: 0;
    margin-bottom: 0;
}

.slideshow .slideshow__link {
    margin-top: 0;
    margin-bottom: 0;
}

.slideshow .slideshow__link.bttn_2 {
    margin-top: 0 !important;
    /* margin-right: 24px; */
    background-color: transparent !important;
    border: 2px solid #363636 !important;
    color: #363636 !important;
}

.slideshow .responsive-image__wrapper,
.slideshow .responsive-image__image {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: auto !important;
}

.slideshow .is-single .flickity-page-dots {
    display: none;
}

.slideshow .flickity-page-dots {
    bottom: calc(20px + 5px);
    bottom: calc(var(--spacing-medium) + var(--spacing-extra-small));
}

.slideshow .flickity-page-dots .dot {
    opacity: 1;
  background-color:lightgray;
/*     background-color: rgba(139, 184, 232, 0.1);
    border: 2px solid rgba(139, 184, 232, 1); */
}

.slideshow .flickity-page-dots .dot.is-selected {
      border: 2px solid black;
    background-color: black;
/*     border: 2px solid rgba(139, 184, 232, 1);
    background-color: rgba(139, 184, 232, 0.8); */
}

.no-js .slideshow.hidden {
    opacity: 1 !important;
}

.text-columns.text-columns--standard {
    border: 1px solid transparent;
    color: var(--color-contrast-text);
}

.text-columns.text-columns--standard .text-columns__feature {
/*     background-color: var(--color-contrast-bg); */
    border: 1px solid transparent;
}

.content-overlay__inner .bttn_overlay {
    color: #363636;
    border-color: #363636;
}

@media (min-width: 38em) {

    .text-columns.text-columns--standard {
/*         background-color: var(--color-contrast-bg) */
    }
}

.text-columns.text-columns--outline .text-columns__feature {
    border: 1px solid var(--color-border);
}

@media (min-width: 38em) {

    .text-columns.text-columns--outline .text-columns__feature {
        border-color: transparent
    }
}

@media (min-width: 38em) {

    .text-columns.text-columns--outline {
        border: 1px solid var(--color-border)
    }
}


.text-columns {
    padding: 20px;
}


.text-columns .responsive-image__wrapper {
    margin: 0;
}

@media (max-width: 38em) {

    .text-columns__heading {
        margin: 0 0 20px 0;
        margin: 0 0 var(--spacing-medium) 0
    }
}

@media (min-width: 38em) {

    .text-columns__heading {
        padding-top: 10px;
        padding-top: var(--spacing-small);
        padding-left: 20px;
        padding-left: var(--spacing-medium);
        padding-right: 20px;
        padding-right: var(--spacing-medium)
    }
}

.text-columns__content {
    display: flex;
    flex-wrap: wrap;
}

.text-columns__feature {
    width: 100%;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
    padding: 20px;
    padding: var(--spacing-medium);
}

@media (max-width: 38em) {

    .text-columns__feature:last-of-type {
        margin-bottom: 0
    }
}

@media (min-width: 38em) {

    .text-columns__feature {
        margin: 0
    }
}

@media (min-width: 756px) {

    .text-columns__feature--1,
    .text-columns__feature--2 {
        width: 50%
    }
}

@media (min-width: 38em) and (max-width: 60em) {

    .text-columns__feature--3,
    .text-columns__feature--4,
    .text-columns__feature--5,
    .text-columns__feature--6 {
        width: 50%
    }
}

@media (min-width: 60em) {

    .text-columns__feature--3,
    .text-columns__feature--4,
    .text-columns__feature--5,
    .text-columns__feature--6 {
        width: calc((1 / 3) * 100%)
    }
}

.video {
    background-color: var(--color-contrast-bg);
    color: var(--color-contrast-text);
}

.video__heading {
    margin: 0 auto;
}

.video__heading+.video__subheading {
    margin-top: 10px;
    margin-top: var(--spacing-small);
}

.video__subheading {
    margin: 0 auto;
}

.video__wrapper {
    position: relative !important;
    max-width: 100%;
}

.video__meta-text {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    padding: 20px;
    padding: var(--spacing-medium);
    max-width: 30em;
}

.video .video__play-button {
    background: var(--color-bg);
    width: 76px;
    height: 76px;
    border-radius: 100%;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.video .video__play-button svg {
    width: 46px;
    height: 46px;
    fill: var(--color-text-meta);
}

.video .video__container {
    width: 100%;
    min-height: 100px;
    position: relative;
}

.video .video__container iframe {
    display: block;
}

.video .video__player {
    width: 100%;
}

.video__overlay {
    opacity: 0;
    transition: opacity 0.25s;
    pointer-events: none;
    z-index: 1;
}

.video__overlay.visible {
    opacity: 1;
    transition: opacity 0.25s;
    pointer-events: all;
}

.video__wash {
    z-index: 2;
}

.video__image {
    background-size: cover;
    z-index: 2;
}

.blog-posts__list {
    list-style-type: none;
    padding: 0;
}

.blog-posts__post {
    width: 100%;
    display: flex;
    flex-wrap: wrap-reverse;
    flex-direction: row-reverse;
}

.blog-posts__content {
    width: 100%;
    padding: 20px;
    padding: var(--spacing-medium);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (min-width: 38em) and (max-width: 60em) {

    .blog-posts__content {
        width: 50%
    }
}

@media (min-width: 60em) {

    .blog-posts__content {
        width: calc((1 / 3) * 100%);
        padding: 40px;
        padding: var(--spacing-large)
    }
}

.blog-posts__image {
    width: 100%;
}

@media (min-width: 38em) and (max-width: 60em) {

    .blog-posts__image {
        width: 50%
    }
}

@media (min-width: 60em) {

    .blog-posts__image {
        width: calc((2 / 3) * 100%)
    }
}

.featured-collection {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 20px 10px 20px;
    padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small) var(--spacing-medium);
}

.featured-collection__subheading {
    max-width: 32em;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 38em) {

    .featured-collection {
        padding: calc(40px - 10px);
        padding: calc(var(--spacing-large) - var(--spacing-small))
    }
}

@media (min-width: 38em) {

    .featured-collection--left .featured-collection__details {
        width: 25%;
        text-align: left
    }
}

@media (min-width: 38em) {

    .featured-collection--left .featured-collection__content {
        width: 75% !important
    }
}

@media (min-width: 38em) {

    .featured-collection--right {
        flex-direction: row-reverse
    }
}

@media (min-width: 38em) {

    .featured-collection--right .featured-collection__details {
        width: 25%;
        text-align: left
    }
}

@media (min-width: 38em) {

    .featured-collection--right .featured-collection__content {
        width: 75% !important
    }
}

.featured-collection--center .featured-collection__details>h2 {
    margin-left: auto;
    margin-right: auto;
}

.featured-collection--center .featured-collection__content {
    width: 100%;
}

.featured-collection__details {
    text-align: center;
    margin: 0 auto;
    padding: 0 10px 20px 10px;
    padding: 0 var(--spacing-small) var(--spacing-medium) var(--spacing-small);
}

.featured-collection__content {
    display: flex;
    flex-wrap: wrap;
    width: 100vw !important;
    margin-left: -40px;
}

@media (min-width: 38em) {

    .featured-collection__content {
        width: 100%;
        margin-left: auto
    }
}

.featured-collection__item {
    padding: 10px;
    padding: var(--spacing-small);
}

.featured-collection__item--1 {
    width: 100%;
}

.featured-collection__item--2 {
    width: 50%;
}

.featured-collection__item--3 {
    width: calc((1 / 3) * 100%);
}

@media (min-width: 38em) and (max-width: 60em) {

    .featured-collection__item--4 {
        width: calc((1 / 3) * 100%)
    }
}

@media (min-width: 60em) {

    .featured-collection__item--4 {
        width: 25%
    }
}

.newsletter__container {
    text-align: center;
    padding: 20px;
    padding: var(--spacing-medium);
}

@media (min-width: 38em) {

    .newsletter__container {
        padding: 60px 40px;
        padding: 60px var(--spacing-large)
    }
}

.newsletter__heading {
    margin: 0 auto 20px auto;
    margin: 0 auto var(--spacing-medium) auto;
    max-width: 500px;
    display: block;
}

.newsletter__subheading {
    margin: 0 auto 40px auto;
    margin: 0 auto var(--spacing-large) auto;
    max-width: 500px;
}

@media (max-width: 38em) {

    .newsletter__subheading {
        margin-bottom: 20px;
        margin-bottom: var(--spacing-medium)
    }
}

.newsletter__input-container {
    width: 100%;
    max-width: 500px;
    position: relative;
    margin: 8px 0;
}

.newsletter__input {
    width: 100%;
    height: 48px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 3px;
}

.newsletter__submit-button {
    position: absolute;
    right: 10px;
    right: var(--spacing-small);
    top: 2px;
    bottom: 2px;
    font-size: var(--font-size-body-base);
    font-family: 'Lato', sans-serif;
    color: var(--color-accent);
    border: none;
    background: none;
    transition: opacity 0.25s;
}

.newsletter__submit-button:hover {
    opacity: 0.5;
    transition: opacity 0.25s;
}

.newsletter__submit-button>span {
    text-decoration: underline;
}

.social-icons__wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.social-icons__icon {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 60px;
    height: 60px;
    background-color: var(--color-bg);
    border-radius: 100%;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    margin: 6px;
}

.social-icons__icon svg {
    fill: var(--color-text-meta);
}

.testimonials__quote-mark {
    text-align: center;
    opacity: 0.25;
    padding-top: calc(20px + 40px);
    padding-top: calc(var(--spacing-medium) + var(--spacing-large));
}

.testimonials__pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: calc(20px + 40px);
    margin-bottom: calc(var(--spacing-medium) + var(--spacing-large));
}

@media (max-width: 38em) {
    .testimonials__pagination>* {
        display: none;
    }
}

.testimonials__icon {
    opacity: 0.25;
    transition: opacity 1s ease;
    cursor: pointer;
    margin-top: 20px;
    margin-top: var(--spacing-medium);
    margin-bottom: 5px;
    margin-bottom: var(--spacing-extra-small);
}

.testimonials__icon.active {
    opacity: 1;
}

.testimonials .flickity-viewport {
    transition: height 0.4s;
}

.testimonials .flickity-page-dots {
    position: relative;
    bottom: 0;
    padding-top: 20px;
    padding-top: var(--spacing-medium);
}

.testimonials .dot {
    width: 8px;
    height: 8px;
}

@media (min-width: 38em) {
    .testimonials--has-images .flickity-page-dots {
        display: none;
    }
}

.testimonials--single .flickity-page-dots {
    display: none;
}

/* https://github.com/metafizzy/flickity-fade/issues/1#issuecomment-486778382 */

.testimonials__slide {
    display: none;
    width: 100%;
    padding: 0 20px;
    padding: 0 var(--spacing-medium);
}

.testimonials__slide .type-heading-1 {
    font-size: 20px !important;
    line-height: 30px !important;
}

.testimonials__slide:first-of-type {
    display: block;
}

.flickity-enabled .testimonials__slide {
    display: block;
}

@media (min-width: 38em) {
    .testimonials__slide .testimonials__icon {
        display: none;
    }
}

.about__featured-wrapper {
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 8rem;
    margin-bottom: var(--spacing-extra-extra-large);
    background-size: cover;
    background-position: center center;
    opacity: 1;
    transition: opacity 0.25s ease;
}

.header-transparent .about__featured-wrapper {
    margin-top: calc(var(--announcement-height) * -1);
}

.header-transparent .about__featured-wrapper,
.header-sticky .about__featured-wrapper {
    opacity: 1;
}

.about__image-overlay {
    position: relative;
    z-index: 5;
    color: var(--color-text);
    padding: 40px 0;
    padding: var(--spacing-large) 0;
}

.about__image-overlay .about__subheading {
    margin-bottom: 0;
}

.about__image-overlay-content {
    z-index: 5;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.header-transparent .about__image-overlay-content,
.header-sticky .about__image-overlay-content {
    opacity: 1;
}

.header-transparent .about__image-overlay-content {
    padding-top: calc(var(--header-height) - 24px);
}

.about__breadcrumbs {
    font-size: var(--font-size-body-small);
}

.about__heading {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
    font-size: 36px;
    line-height: 1.28;
}

.about__subheading {
    padding: 0 20px;
    padding: 0 var(--spacing-medium);
    max-width: 600px;
    margin: 0 auto 40px auto;
    margin: 0 auto var(--spacing-large) auto;
}

@media (min-width: 38em) {

    .about__subheading {
        margin-bottom: 8rem;
        margin-bottom: var(--spacing-extra-extra-large)
    }
}

.about__copy {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8rem;
    margin-bottom: var(--spacing-extra-extra-large);
    padding: 0 20px;
    padding: 0 var(--spacing-medium);
}

@media (min-width: 38em) {

    .about__copy {
        margin-top: 0px;
        margin-bottom: 8rem;
        margin-bottom: var(--spacing-extra-extra-large);
        padding: 0 40px;
        padding: 0 var(--spacing-large)
    }
}

.about__copy .grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: calc(100vw - 30px);
    margin: 40px calc(5px * -1);
    margin: var(--spacing-large) calc(var(--spacing-extra-small) * -1);
}

@media (min-width: 38em) {

    .about__copy .grid {
        width: calc(100vw - 60px);
        margin: calc(4rem + 20px) calc(10px * -1);
        margin: calc(var(--spacing-extra-large) + var(--spacing-medium)) calc(var(--spacing-small) * -1)
    }
}

@media (min-width: 680px) {

    .about__copy .grid {
        width: calc(100vw - 60px);
        margin-left: calc(-100vw / 2 + 660px / 2);
        margin-right: calc(-100vw / 2 + 660px / 2)
    }
}

@media (min-width: 1260px) {

    .about__copy .grid {
        width: 1200px;
        margin-left: calc(-1180px / 2 + 580px / 2);
        margin-right: calc(-1180px / 2 + 580px / 2)
    }
}

.about__copy .grid img {
    width: 100%;
    height: auto;
    display: block;
}

.about__copy .grid>div,
.about__copy .grid>img,
.about__copy .grid>p {
    padding: 5px;
    padding: var(--spacing-extra-small);
    width: 100%;
    margin: 0;
}

@media (min-width: 38em) {

    .about__copy .grid>div,
    .about__copy .grid>img,
    .about__copy .grid>p {
        padding: 10px;
        padding: var(--spacing-small)
    }
}

.about__copy .grid .small {
    width: 50%;
}

:root {
    --collection-element-height: 38px;
}

.collection__container {
    max-width: 1260px;
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-left: var(--spacing-medium);
    padding-right: 20px;
    padding-right: var(--spacing-medium);
    /* center-content mixin above */
}

@media (min-width: 38em) {

    .collection__container {
        padding-left: 40px;
        padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large)
    }
}

.collection__bar {
    background-color: var(--color-contrast-bg);
    color: var(--color-contrast-text);
    padding: 0 10px;
    padding: 0 var(--spacing-small);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.collection__bar-view {
    font-size: var(--font-size-body-small);
    padding-right: 10px;
    padding-right: var(--spacing-small);
}

@media (max-width: 38em) {

    .collection__bar-view {
        width: 100%;
        padding: 10px 0;
        padding: var(--spacing-small) 0;
        border-top: 1px solid var(--color-contrast-border)
    }
}

.collection__bar-view a {
    text-decoration: underline;
    margin-left: 10px;
    margin-left: var(--spacing-small);
}

.collection__bar-view a.active {
    text-decoration: none;
    pointer-events: none;
}

.collection__products {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-top: var(--spacing-medium);
    margin-left: calc(5px * -1);
    margin-left: calc(var(--spacing-extra-small) * -1);
    margin-right: calc(5px * -1);
    margin-right: calc(var(--spacing-extra-small) * -1);
}

@media (min-width: 38em) {

    .collection__products {
        margin-left: calc(10px * -1);
        margin-left: calc(var(--spacing-small) * -1);
        margin-right: calc(10px * -1);
        margin-right: calc(var(--spacing-small) * -1)
    }
}

.collection__button {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--color-bg);
    background-color: var(--color-bg);
    color: var(--color-text);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    height: 38px;
    height: var(--collection-element-height);
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-body-weight);
    font-style: var(--font-body-style);
    padding: 0 10px;
    padding: 0 var(--spacing-small);
    margin-top: 10px;
    margin-top: var(--spacing-small);
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
    margin-right: 10px;
    margin-right: var(--spacing-small);
    border-radius: 1px;
}

.collection__button svg {
    color: var(--color-text-meta);
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-left: var(--spacing-extra-small);
}

.collection__tags {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.collection__tag {
    display: flex;
    border-radius: 2px;
    border-radius: var(--radius-2);
    border: 1px solid var(--color-contrast-border);
    padding-left: 10px;
    padding-left: var(--spacing-small);
    padding-right: 10px;
    padding-right: var(--spacing-small);
    margin: 0 10px 10px 0;
    margin: 0 var(--spacing-small) var(--spacing-small) 0;
    align-items: center;
    height: 38px;
    height: var(--collection-element-height);
}

.collection__tag strong {
    margin-right: 5px;
}

.collection__tag span {
    width: 12px;
    height: 12px;
    margin-left: 10px;
    margin-left: var(--spacing-small);
    line-height: 0;
    cursor: pointer;
    color: var(--color-contrast-text-meta);
}

.collection__tag span svg {
    width: 100%;
    height: 100%;
}

.collection__details {
    flex-grow: 1;
    width: 100%;
    padding: 20px;
    padding: var(--spacing-medium);
}

@media (min-width: 38em) {

    .collection__details {
        width: calc(100% / 3);
        padding: 40px;
        padding: var(--spacing-large)
    }

    .collection__details--no-image {
        padding: 8rem 40px;
        padding: var(--spacing-extra-extra-large) var(--spacing-large);
    }
}

.collection__details .measure {
    max-width: 32em;
}

.collection__image {
    width: 100%;
    background-size: cover;
    background-position: center;
    padding-top: 90%;
}

@media (min-width: 38em) {

    .collection__image {
        width: 50%;
        padding-top: 40%
    }
}

@media (min-width: 60em) {

    .collection__image {
        width: calc((2 / 4) * 100%)
    }
}

.contact {
    max-width: 1260px;
    max-width: var(--max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-left: var(--spacing-medium);
    padding-right: 20px;
    padding-right: var(--spacing-medium);
    /* center-content mixin above */

    margin-bottom: 40px;

    margin-bottom: var(--spacing-large);
    max-width: 860px;
    max-width: var(--max-width-small);
}

@media (min-width: 38em) {

    .contact {
        padding-left: 40px;
        padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large);
    }
}

.contact__container {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 38em) {

    .contact__container {
        padding: 20px;
        padding: var(--spacing-medium)
    }
}

.contact__details {
    padding: 20px;
    padding: var(--spacing-medium);
    width: 100%;
}

.contact__details p {
    margin: 0;
}

@media (min-width: 38em) and (max-width: 60em) {

    .contact__details {
        width: 50%
    }
}

@media (min-width: 60em) {

    .contact__details {
        width: calc((1 / 3) * 100%)
    }
}

.contact__social {
    margin-top: 20px;
    margin-top: var(--spacing-medium);
}

.contact__social li {
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
    padding: 0 10px 0 0;
    padding: 0 var(--spacing-small) 0 0;
}

.contact__social svg {
    fill: var(--color-contrast-text-meta);
    width: 20px;
    height: 20px;
}

.contact__form {
    padding: 20px;
    padding: var(--spacing-medium);
    width: 100%;
}

@media (min-width: 38em) and (max-width: 60em) {

    .contact__form {
        width: 50%
    }
}

@media (min-width: 60em) {

    .contact__form {
        width: calc((2 / 3) * 100%)
    }
}

.contact__form .rte {
    margin-bottom: 40px;
    margin-bottom: var(--spacing-large);
}

.contact__form label {
    display: none;
}

.contact__form input,
.contact__form textarea {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
}

.contact__form .errors ul {
    margin: 20px;
    margin: var(--spacing-medium);
    padding: 0;
}

.drawer-menu {
    --menu-width: 355px;
    --menu-max-width: calc(100vw - 50px);
    --header-height: 84px;
    --item-height: 48px;
    --animation-duration: 0.35s;
    --animation-timing: ease-in-out;

    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}

.drawer-menu.active {
    display: block;
}

.drawer-menu.visible .drawer-menu__overlay {
    opacity: 1;
}

.drawer-menu.visible .drawer-menu__panel {
    transform: translateX(0);
}

.drawer-menu__overlay {
    background-color: var(--color-bg-overlay);
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: opacity var(--animation-duration) var(--animation-timing);
}

.drawer-menu__panel {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 100;
    color: var(--color-drawer-text);
    background-color: #fff;
    width: 335px;
    width: var(--menu-width);
    max-width: var(--menu-max-width);
    transform: translateX(-100%);
    transition: transform var(--animation-duration) var(--animation-timing);
    display: flex;
    flex-direction: column;
}

.drawer-menu__header {
    padding-top: 20px;
    padding-top: var(--spacing-medium);
    padding-right: 20px;
    padding-right: var(--spacing-medium);
    padding-bottom: 40px;
    padding-bottom: var(--spacing-large);
    padding-left: 20px;
    padding-left: var(--spacing-medium);
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-logo-weight);
    font-style: var(--font-logo-style);
    font-size: 24px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.drawer-menu__logo {
    width: 100%;
    max-width: 85%;
    max-height: 250px;
}

.drawer-menu__close {
    height: 24px;
    width: 24px;
}

.drawer-menu__close .icon {
    display: flex;
}

.drawer-menu__bottom {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.drawer-menu__all-links {
    position: relative;
    display: flex;
    flex-direction: column;
    /* justify-content: flex-end; */
    transition: transform 0.5s;
    height: 100%;
}

.drawer-menu__all-links[data-depth='0'] {
    transform: translateX(0);
}

.drawer-menu__all-links[data-depth='1'] {
    transform: translateX(-100%);
}

.drawer-menu__all-links ul {
    margin: 0;
    padding: 0;
}

.drawer-menu__contents {
    flex-shrink: 1;
    overflow-y: scroll;
}

/* This one gets dynamic sizing */

.drawer-menu__main {
    transition: height 0.35s;
    overflow: hidden;
}

/* This one gets shifted over */

.drawer-menu__primary-links {
    position: relative;
    transition: transform 0.5s;
}

.drawer-menu__primary-links[data-depth='0'] {
    transform: translateX(0);
}

.drawer-menu__primary-links[data-depth='1'] {
    transform: translateX(-100%);
}

.drawer-menu__primary-links[data-depth='2'] {
    transform: translateX(-200%);
}

.drawer-menu__primary-links[data-depth='3'] {
    transform: translateX(-300%);
}

.drawer-menu__primary-links[data-depth='4'] {
    transform: translateX(-400%);
}

.drawer-menu__list {
    width: 335px;
    width: var(--menu-width);
    max-width: var(--menu-max-width);
}

.drawer-menu__list--sub {
    position: absolute;
    top: 0;
    left: 100%;

    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: visibility 1s, opacity 0.35s;
}

.drawer-menu__list--sub.visible {
    opacity: 1;
    transition: visibility 0s, opacity 0.35s;
    pointer-events: all;
    visibility: visible;
}

.drawer-menu__item {
    list-style: none;
    margin: 0;
    padding: 0;
}

.drawer-menu__item .icon {
    /* background-color: orange; */
    width: 16px;
    height: 16px;
}

.drawer-menu__item.drawer-menu__item--heading {
    padding-bottom: 16px;
}

.drawer-menu__item.drawer-menu__item--heading:after {
    content: '';
    height: 1px;
    background-color: #8BB8E8;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 5px;
    margin-top: var(--spacing-extra-small);
}

.drawer-menu__link {
    height: var(--item-height);
    min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    padding: 0 var(--spacing-medium);
    /*font-family: inherit;*/
    font-family: 'Lato', sans-serif;
    font-size: inherit;
    border-radius: 2px;

    background-color: transparent;
    color: #000;
    border: none;
    outline: none;
}

.drawer-menu__link:hover {
    opacity: 0.75;
}

.drawer-menu__link--cb {
    justify-content: flex-start;
}

.drawer-menu__footer {
    flex-shrink: 0;
    margin-top: 5px;
    margin-top: var(--spacing-extra-small);
    padding-top: 5px;
    padding-top: var(--spacing-extra-small);
    padding-bottom: 5px;
    padding-bottom: var(--spacing-extra-small);
}

.drawer-menu__footer:before {
    content: '';
    height: 1px;
    background-color: #8BB8E8;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: calc(5px * -1);
    margin-top: calc(var(--spacing-extra-small) * -1);
}

.drawer-menu__footer>.drawer-menu__item+.drawer-menu__item--search,
.drawer-menu__footer>form+.drawer-menu__item--search {
    margin-top: 12px;
}

.drawer-menu__footer>.drawer-menu__item+.drawer-menu__item--search:before,
.drawer-menu__footer>form+.drawer-menu__item--search:before {
    content: '';
    height: 1px;
    background-color: #8BB8E8;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -6px;
}

.drawer-menu__radio {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    margin-right: var(--spacing-small);
    background-color: var(--color-drawer-text);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.drawer-menu__radio>div {
    width: 6px;
    height: 6px;
    background-color: var(--color-drawer-bg);
    border-radius: 100%;
}

.drawer-menu__search-overlay {
    --qs-background-hover: var(--color-drawer-bg-hover);

    background-color: var(--color-drawer-bg);
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.drawer-menu__search-overlay.visible {
    display: block;
}

/* Overwrites for drawer specific styling */

.drawer-menu__search-overlay .quick-search__view-all {
    border-top: 1px solid var(--color-drawer-border);
    padding-top: 15px;
}

.drawer-menu__search-bar {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    border-bottom: 1px solid var(--color-drawer-border);
    padding: 20px;
    padding: var(--spacing-medium);
}

.drawer-menu__search-submit {
    background-color: transparent;
    border: none;
    color: inherit;
    padding: 0;
}

.drawer-menu__search-submit:hover {
    opacity: 0.5;
}

.drawer-menu__search-input {
    width: 100%;
    background-color: var(--color-background-input-drawer);
    color: var(--color-text-input-drawer);
    padding: 0 20px 0 10px;
    padding: 0 var(--spacing-medium) 0 var(--spacing-small);
    border-radius: var(--item-height);
    border: none;
    outline: none;
}

.drawer-menu__search-input::-moz-placeholder {
    color: var(--color-drawer-text-meta);
}

.drawer-menu__search-input:-ms-input-placeholder {
    color: var(--color-drawer-text-meta);
}

.drawer-menu__search-input::-ms-input-placeholder {
    color: var(--color-drawer-text-meta);
}

.drawer-menu__search-input::placeholder {
    color: var(--color-drawer-text-meta);
}

.drawer-menu__search-clear {
    font-size: var(--font-size-body-extra-small);
    text-transform: uppercase;
    padding-right: 10px;
    padding-right: var(--spacing-small);
    letter-spacing: 0.5px;
    display: none;
}

.drawer-menu__search-clear.visible {
    display: block;
}

.drawer-menu__search-clear:hover {
    opacity: 0.5;
}

.drawer-menu__search-close:hover {
    opacity: 0.5;
}

.drawer-menu__search-results {
    padding: 10px;
    padding: var(--spacing-small);
    opacity: 0;
    pointer-events: none;
}

.drawer-menu__search-results.visible {
    opacity: 1;
    pointer-events: all;
    overflow-y: scroll;
}

.features.features--standard {
    border: 1px solid transparent;
    color: var(--color-contrast-text);
}

.features.features--standard .features__feature {
    background-color: var(--color-contrast-bg);
    border: 1px solid transparent;
}

@media (min-width: 38em) {
    .features.features--standard {
        background-color: var(--color-contrast-bg)
    }
}

.features.features--outline .features__feature {
    border: 1px solid var(--color-border);
}

.features.features--outline .features__feature>h3 {
    font-size: 36px;
    line-height: 1.28;
    margin-bottom: 0;
    margin-top: 60px;
}

.features.features--outline .features__feature>.bttn {
    display: inline-block;
    padding: 15px 16px;
    height: auto;
    text-decoration: none;
    font-size: 16px;
}

@media (min-width: 38em) {

    .features.features--outline .features__feature {
        border-color: transparent
    }
}

@media (min-width: 38em) {

    .features.features--outline {
        border: 1px solid var(--color-border)
    }
}

@media (min-width: 38em) {

    .features {
        padding: 20px;
        padding: var(--spacing-medium)
    }
}

.features .responsive-image__wrapper {
    margin: 0;
}

.features__content {
    display: flex;
    flex-wrap: wrap;
}

.features__feature {
    width: 100%;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
    padding: 20px;
    padding: var(--spacing-medium);
}

@media (min-width: 38em) {

    .features__feature {
        margin: 0
    }
}

@media (min-width: 38em) {

    .features__feature--1,
    .features__feature--2 {
        width: 50%
    }
}

@media (min-width: 38em) and (max-width: 60em) {

    .features__feature--3,
    .features__feature--4,
    .features__feature--5,
    .features__feature--6 {
        width: 50%
    }
}

@media (min-width: 60em) {

    .features__feature--3,
    .features__feature--4,
    .features__feature--5,
    .features__feature--6 {
        width: calc((1 / 3) * 100%)
    }
}

.footer {
    background-color: var(--color-footer-bg);
    color: var(--color-footer-text);
    padding-bottom: 20px;
    padding-bottom: var(--spacing-medium);
    letter-spacing: 2px;
}

@media (min-width: 38em) {

    .footer {
        padding-top: 20px !important;
    }
}

.footer .input {
    background-color: var(--color-footer-input);
    color: var(--color-footer-input-text);
    border-radius: 0;
    letter-spacing: 2px;
}

.footer__container {
    max-width: 1260px;
    max-width: var(--max-width);
    margin: 0 auto;
}

@media (min-width: 38em) {

    .footer__container {
        padding: 0 20px;
        padding: 0 var(--spacing-medium)
    }
}

.footer__payment-icon {
    display: inline-block;
    width: 36px;
    margin-top: 3px;
    margin-right: 2px;
    margin-bottom: 3px;
    border-radius: 3px;
}

.footer__payment-icon:last-of-type {
    margin-right: 0;
}

.footer__payment-icon svg {
    width: 100%;
    margin-top: -1px;
    margin-bottom: -1px;
}

.footer__bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (min-width: 38em) {
    .footer__bottom {
        flex-wrap: nowrap
    }
}

.footer__bottom-left {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    flex-grow: 1;
}

@media (max-width: 768px) {
    .footer__bottom-left {
        width: 100%;
    }

    .footer__bottom-center {
        width: 100% !important;
        text-align: center;
    }

    .footer__bottom-center>img {
        margin-left: 0 !important;
    }

    .footer__bottom-right {
        width: 100%;
    }
}

.footer__bottom-left .footer__internal-copyright {
    display: none !important;
    font-size: var(--font-size-body-extra-small);
}

@media (min-width: 38em) {
    .footer__bottom-left .footer__internal-copyright {
        display: block !important;
        color: var(--color-footer-text-meta);
        width: auto;
        margin-top: 10px;
        margin-top: var(--spacing-small);
        padding: 0 20px;
        padding: 0 var(--spacing-medium)
    }

    .footer__bottom-left .footer__internal-copyright p {
        margin: 8px 0;
    }

    .footer__bottom-left .footer__internal-copyright>p:first-of-type {
        margin-top: 0;
    }
}

.footer__bottom-center {
    width: 50%;
}

.footer__bottom-center>img {
    width: 40px;
    margin-top: -5px;
    margin-left: 10%;
}

.footer__bottom-right {
    padding: 10px 20px 0 20px;
    padding: var(--spacing-small) var(--spacing-medium) 0 var(--spacing-medium);
    text-align: left;
}

@media (min-width: 38em) {

    .footer__bottom-right {
        text-align: right;
        padding-top: 0
    }
}

.footer__bottom-right ul li {
    line-height: 25px;
    height: 30px;
}

.footer__bottom-right svg {
    fill: var(--color-footer-text-meta);
    width: 16px;
    height: 16px;
}

.footer__bottom-right .all-social-icons {
    display: flex;
}

@media (min-width: 38em) {

    .footer__bottom[data-show-payment-icons='true'][data-show-locale-selector='true'] .footer__selectors:after,
    .footer__bottom[data-show-payment-icons='true'][data-show-currency-selector='true'] .footer__selectors:after {
        width: 1px;
        height: 14px;
        content: '';
        background-color: var(--color-footer-border);
        margin-top: 7px;
        margin-left: 20px;
        margin-left: var(--spacing-medium);
    }
}

.footer__currency-payments {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 30px;
    margin-bottom: 10px;
    margin-bottom: var(--spacing-small);
}

@media (min-width: 38em) {

    .footer__currency-payments {
        flex-wrap: nowrap
    }
}

.footer__payment-icons {
    width: 100%;
    padding: 0 0 0 20px;
    padding: 0 0 0 var(--spacing-medium);
    flex-grow: 1;
}

.footer__newsletter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
    padding: 20px 20px 0 20px;
    padding: var(--spacing-medium) var(--spacing-medium) 0 var(--spacing-medium);
}

@media (min-width: 38em) {

    .footer__newsletter {
        margin-bottom: 40px;
        margin-bottom: var(--spacing-large)
    }
}

.footer__signup-text {
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
    width: 100%;
}

@media (min-width: 38em) {

    .footer__signup-text {
        width: 50%;
        margin-bottom: 0
    }
}

.footer__input-wrap {
    width: 100%;
}

@media (min-width: 38em) {

    .footer__input-wrap {
        padding-left: 20px;
        padding-left: var(--spacing-medium);
        width: 50%
    }
}

.footer__input-wrap .newsletter__input-container {
    max-width: 100%;
}

.footer__cols {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
}

.footer__col-text {
    padding: 0 20px;
    padding: 0 var(--spacing-medium);
    width: 100%;
}

@media (min-width: 38em) {

    .footer__col-text {
        width: 50%
    }
}

.footer__col-list {
    flex-grow: 1;
    padding: 0 20px;
    padding: 0 var(--spacing-medium);
    margin-bottom: 20px;
    margin-bottom: var(--spacing-medium);
    width: 50%;
}

.footer__col-list h3 {
    font-size: 14px !important;
    line-height: 23px !important;
    color: #3d3d3d !important;
    font-weight: bold;
}

.footer__col-list p {
    margin: 0;
}

@media (min-width: 38em) {

    .footer__col-list {
        width: auto
    }
}

.footer__divider {
    border-bottom: 1px solid var(--color-footer-border);
}

.footer__copyright {
    color: var(--color-footer-text-meta);
    font-size: var(--font-size-body-extra-small);
    display: block;
    margin-top: 20px;
    margin-top: var(--spacing-medium);
    padding: 0 20px;
    padding: 0 var(--spacing-medium);
}

@media (min-width: 38em) {

    .footer__copyright {
        display: none
    }
}

.footer__copyright a {
    transition: opacity 0.25s;
}

.footer__copyright p {
    margin: 8px 0;
}

.footer__copyright a:hover {
    opacity: 0.5;
    transition: opacity 0.25s;
}

.selectors-form {
    width: 100%;
}

@media (min-width: 38em) {

    .selectors-form {
        width: auto
    }
}

.footer__selectors {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin-top: -3px;
    margin-bottom: calc(20px - 3px);
    margin-bottom: calc(var(--spacing-medium) - 3px);
    margin-left: -3px;
    padding-left: 20px;
    padding-left: var(--spacing-medium);
}

@media (min-width: 38em) {

    .footer__selectors {
        flex-wrap: nowrap;
        width: auto;
        margin-bottom: 0
    }
}

.selectors-form__item {
    margin: 3px;
}

.full-width-feature {
    height: 80vh;
    position: relative;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.full-width-feature__video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

:root {
    --submenu-width: 200px;
}

.header {
    padding: 10px 0;
    padding: var(--spacing-small) 0;
    position: relative;
    z-index: 300;
    z-index: var(--z-index-header);
    color: var(--color-header-text);
    border-bottom: 1px solid;
    border-color: var(--color-header-border);
}

.header:not(.header--transparent) {
    color: var(--color-header-text);
    /*background-color: var(--color-header-bg);*/
}

.header--no-border:not(.header--transparent) {
    border-bottom: 0;
}

.header .header__logo-wrapper {
    text-align: center;
    flex-grow: 1;
}

.header__logo-image {
    margin: 0 auto;
}

.header .nav__item>a.nav__link {
    font-size: 16px;
    /*font-family: 'copperplate', sans-serif;*/
    font-family: 'Lato', sans-serif;
}

@media (min-width: 60em) {

    .header:not(.header--always-mobile) .header__logo-image {
        margin: 0
    }
}

.header__logo-image img {
    max-height: 250px;
}

@media (min-width: 60em) {

    .header--default {
        padding: 20px 0;
        padding: var(--spacing-medium) 0
    }
}

@media (min-width: 60em) {

    .header--default .header__logo-wrapper {
        width: auto;
        text-align: center;
        flex-grow: unset;
    }
}

@media (min-width: 60em) {

    .header--always-mobile .header__logo-wrapper {
        text-align: center
    }
}

.header__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1260px;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 20px;
    padding: 0 var(--spacing-medium);
}

@media (min-width: 38em) {

    .header__content {
        padding: 0 40px;
        padding: 0 var(--spacing-large)
    }
}

@media (min-width: 60em) {

    .header--default .header__content {
        display: block
    }
}

@media (min-width: 60em) {

    .header__content--centered .header__logo-wrapper {
        display: flex;
        justify-content: center
    }
}

@media (min-width: 60em) {
    .header__content--centered [data-primary-navigation]::before {
        content: '';
        display: block;
        width: calc((24px + 10px) * 3);
        width: calc((var(--header-icon-width) + var(--spacing-small)) * 3);
    }
}

@media (min-width: 60em) {

    .header__content--centered [data-primary-navigation] .nav--depth-1 .nav__item:last-child {
        margin-right: 0
    }
}

@media (min-width: 60em) {
    .header__content--centered:not(.header__content--has-customer-accounts) [data-primary-navigation]::before {
        width: calc((24px + 10px) * 2);
        width: calc((var(--header-icon-width) + var(--spacing-small)) * 2);
    }
}

@media (min-width: 60em) {
    .header--always-mobile .header__content [data-primary-navigation]::before {
        display: none;
    }
}

.header__logo-text {
    font-family: 'Lato', sans-serif;
    font-weight: var(--font-logo-weight);
    font-style: var(--font-logo-style);
}

@media (min-width: 60em) {

    .header--default .header__menu-icon {
        display: none
    }
}

.header__nav {
    display: none;
}

@media (min-width: 60em) {

    .header--default .header__nav {
        display: block
    }
}

.header__icon-wrapper {
    flex-shrink: 0;
    /*align-self: flex-end;*/
    color: var(--color-header-icon);
}

.header__icon-list {
    padding: 0;
    margin: 0;
}

.header__icon-list li {
    list-style: none;
  padding-left:10px;
}

.header__icon {
    color: inherit;
    display: inline-block;
}

@media (min-width: 60em) {
    .header__icon {
        margin-left: 20px;
    }
}

.header__icon--search,
.header__icon--account {
    display: none;
}

@media (min-width: 420px) {

    .header__icon--search,
    .header__icon--account {
        display: block;
    }
}

@media (max-width: 768px) {
    .header__logo-image img {
        margin-right: -100px;
    }

    .header__icon {
        margin-left: 10px;
    }
}

@media (max-width: 756px) {
    .slideshow .slideshow__heading {
        font-size: 50px;
        line-height: 50px;
    }
}


@media (max-width: 576px) {
    .slideshow .slideshow__heading {
        font-size: 40px;
        line-height: 50px;
    }
}

@media (max-width: 420px) {
    .slideshow .slideshow__heading {
        font-size: 34px;
        line-height: 38px;
    }
}


.slideshow .slideshow__subheading {
    font-size: 16px;
}

.header__logo-image img {
    margin-right: -40px;
}


@media (min-width: 60em) {

    .header--default .header__icon--search,
    .header--default .header__icon--account {
        display: inline-block;
        width: 24px;
        width: var(--header-icon-width)
    }
}

.nav .nav__submenu {
    overflow: unset;
    margin-top: 10px;
    width: auto !important;
    left: 20%;
    position: absolute;
    padding: 10px 20px !important;
    /* min-width: 920px; */
    display: none;
    border-radius: 2px;
    border-radius: var(--radius-2);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: var(--shadow-1);
    z-index: 5;
    line-height: 2em;
    background-color: var(--color-navigation-bg);
    -webkit-border-radius: var(--radius-2);
    -moz-border-radius: var(--radius-2);
    -ms-border-radius: var(--radius-2);
    -o-border-radius: var(--radius-2);
}

.nav .nav__submenu.visible {
    display: block;
}

.nav .nav__submenu a {
    color: var(--color-navigation-text);
}

.nav .nav__submenu.list a,
.nav .nav__submenu .list a {
    /*font-family: 'copperplate', sans-serif;*/
    font-family: 'Lato', sans-serif;
    color: var(--color-contrast-text);
    line-height: 1.8;
}

.nav .nav__submenu.nav__meganav {
    background-color: transparent;
    width: 100%;
    box-shadow: none;
    padding-top: 10px;
    padding-top: var(--spacing-small);
}

.nav .nav__submenu.nav__meganav .nav {
    width: auto;
}

.nav .nav__submenu.nav__meganav .sublist {
    margin-top: 30px;
}

.nav a:hover {
    opacity: .6;
}

.nav a.nav__sublink:hover,
.nav a.nav__sublink:focus,
.nav a.nav__sublink:active {
    opacity: 1;
    font-weight: bold;
}

.nav a.nav__sublink:hover+.mega-navigation__list-childlinks:hover {
    opacity: 1;
    font-weight: bold;
}

.nav a:focus {
    border-bottom: 1px dotted;
}

.nav .active {
    opacity: 0.6;
}

.nav.nav--depth-1>li {
    display: inline-block;
    margin-right: 20px;
    margin-right: var(--spacing-medium);
}

.nav.nav--depth-2 {
    width: 200px;
    width: var(--submenu-width);
    left: auto;
}

.nav.nav--depth-3 {
    left: 200px;
    left: var(--submenu-width);
}

.no-js-menu {
    display: none;
}

.no-js .header .header__logo-wrapper {
    text-align: left;
}

.no-js .header__nav {
    display: none;
}

.no-js .no-js-menu {
    line-height: 1.5em;
    line-height: var(--line-height-body);
}

.no-js .no-js-menu--mobile {
    display: block;
    width: 100%;
    padding: 10px 20px 0 20px;
    padding: var(--spacing-small) var(--spacing-medium) 0 var(--spacing-medium);
}

@media (min-width: 38em) and (max-width: 60em) {

    .no-js .no-js-menu--mobile {
        padding: 10px 40px 0 40px;
        padding: var(--spacing-small) var(--spacing-large) 0 var(--spacing-large)
    }
}

@media (min-width: 60em) {

    .no-js .no-js-menu--mobile {
        display: none
    }
}

@media (min-width: 60em) {

    .no-js .no-js-menu--desktop {
        display: block;
        width: 80%
    }
}

.no-js .no-js-menu a:hover {
    text-decoration: underline;
}

.no-js .no-js-menu ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

.no-js .no-js-menu li {
    display: inline-block;
    margin-right: 20px;
    margin-right: var(--spacing-medium);
}

#mobile-nav {
    cursor: pointer;
    color: var(--color-header-icon);
    width: 24px;
    flex-shrink: 0;
}

.header-section {
    width: 100%;
}

.header-container {
    top: 0;
    right: 0;
    left: 0;
    z-index: 300;
    z-index: var(--z-index-header);
}

.header-transparent .header-container,
.header-sticky .header-container {
    position: relative;
}

.header-container .header__sticky-logo-wrapper {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.header-container.is-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: -34px !important;
}

.header-container.is-sticky .icon svg {
    border-radius: 15px;
}

/* .header-container.is-sticky .icon svg > g {
 fill: currentColor;
 } */

.header-container.is-sticky .header {
    background-color: var(--color-header-bg);
    transition: background-color 0.25s ease-in-out;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
    box-shadow: var(--shadow-3);
    border-bottom: 0;
    padding: 10px 0;
}

@media (min-width: 60em) {

    .header-container.is-sticky .header.header--always-mobile #mobile-nav {
        margin-bottom: 10px
    }
}

@media (min-width: 60em) {

    .header-container.is-sticky .header.header--always-mobile [data-primary-navigation] {
        margin-bottom: 10px
    }
}

.header-container.is-sticky .header__content {
    align-items: flex-end;
}

.header-container.is-sticky .header__logo-image {
    /* opacity: 0; */
}

.header-container.is-sticky .header__sticky-logo-wrapper {
    display: flex;
    align-items: center;
    bottom: 4px;
    height: 62px;
    /*left: 50%;
 transform: translate(-50%, 0);*/
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

@media (min-width: 60em) {

    .header-container.is-sticky .header__sticky-logo-wrapper {
        height: 65px
    }
}

@media (max-width: 60em) {

    .header-container.is-sticky #mobile-nav {
        margin-bottom: 24px
    }
}

@media (max-width: 60em) {

    .header-container.is-sticky [data-primary-navigation] {
        margin-bottom: 10px
    }
}

@media (min-width: 60em) {

    .header-container.is-sticky [data-primary-navigation]::before {
        display: none
    }
}

.header-container.is-sticky .header__sticky-logo-image {
    display: flex;
    align-items: center;
}

.header-container.is-sticky .header__sticky-logo-image img {
    max-height: 50px;
    margin-top: -20px;
}

.header-container.is-sticky .search {
    height: var(--header-offset-height);
    top: unset;
}

.header-container.is-sticky .search__container {
    margin: 10px auto;
    margin: var(--spacing-small) auto;
}


.gb_black_wishlist {
    display: none;
}

.header-container.is-sticky .gb_black_wishlist {
    display: block;
}

.header-container.is-sticky .gb_white_wishlist {
    display: none;
}

.icon-heart>svg {
    margin-top: 2px;
}



.header-container.is-sticky .icon-heart>svg path,
.header--default:not(.header--transparent) .icon-heart>svg path {
    fill: #9a9a9a;
}

@media (max-width: 1024px) {
    .header__nav ul.list.nav {
        margin-right: -40px;
    }

    .header .nav__item>a.nav__link {
        font-size: 9px;
    }
}

.announcement-bar-section {
    z-index: 300;
    z-index: var(--z-index-header);
    position: relative;
}

.announcement-bar {
    font-size: var(--font-size-body-extra-small);
    text-transform: none;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
    padding: 10px;
    padding: var(--spacing-small);
    width: 100%;
    min-height: 100%;
    display: none;
    overflow: hidden;
/*     background-color: var(--color-accent); */
      color: var(--color-header-icon) !important;
  background: url(/cdn/shop/files/Untitled_design_32.png?v=1678460779) !important;
}

.flickity-enabled .announcement-bar {
    display: flex;
}

.announcement-bar:first-of-type {
    display: flex;
}

@-webkit-keyframes inFromBottom {
    from {
        transform: translateY(40px);
        transform: translateY(var(--spacing-large));
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes inFromBottom {
    from {
        transform: translateY(40px);
        transform: translateY(var(--spacing-large));
        opacity: 0;
    }

    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

.is-active .announcement-bar__content {
    -webkit-animation: 0.5s ease-in-out inFromBottom;
    animation: 0.5s ease-in-out inFromBottom;
    -webkit-animation: 0.5s var(--ease) inFromBottom;
    animation: 0.5s var(--ease) inFromBottom;
}

.product-recommendations {}

.product-recommendations__wrapper {
    padding-bottom: 10px;
    padding-bottom: var(--spacing-small);
}

@media (min-width: 38em) {

    .product-recommendations__wrapper {
        display: flex;
        flex-wrap: wrap;
        padding: calc(40px - 10px);
        padding: calc(var(--spacing-large) - var(--spacing-small));
        padding-bottom: 10px;
        padding-bottom: var(--spacing-small)
    }
}

@media (min-width: 38em) {
    .product-recommendations__wrapper--left .product-recommendations__side {
        width: 25%;
        text-align: left;
        padding: 10px;
        padding: var(--spacing-small);
    }

    .product-recommendations__wrapper--left .product-recommendations__products {
        width: 75%;
    }
}

.product-recommendations__wrapper--right {
    flex-direction: row-reverse;
}

@media (min-width: 38em) {
    .product-recommendations__wrapper--right .product-recommendations__side {
        width: 25%;
        text-align: left;
        padding: 10px;
        padding: var(--spacing-small);
    }

    .product-recommendations__wrapper--right .product-recommendations__products {
        width: 75%;
    }
}

.product-recommendations__wrapper--above .product-recommendations__side {
    width: 100%;
}

@media (max-width: 38em) {

    .product-recommendations__wrapper--above .product-recommendations__side {
        padding-bottom: 0
    }
}

.product-recommendations__side {
    text-align: center;
    padding-bottom: 0;
}

@media (min-width: 38em) {

    .product-recommendations__side {
        padding-bottom: 20px;
        padding-bottom: var(--spacing-medium)
    }
}

.product-recommendations__products {
    width: 100vw;
    margin-left: calc(20px * -1);
    margin-left: calc(var(--spacing-medium) * -1);
}

@media (min-width: 38em) {

    .product-recommendations__products {
        width: 100%;
        margin-left: auto;
        display: flex;
        flex-wrap: wrap
    }
}

.product-recommendations__products .type-body-regular {
    margin-bottom: 0;
}

.product-recommendations__product {
    padding: 10px;
    padding: var(--spacing-small);
}

@media (min-width: 38em) {

    .product-recommendations__product {
        margin-bottom: 20px;
        margin-bottom: var(--spacing-medium)
    }
}

.recently-viewed {
    display: none;
}

.recently-viewed.visible {
    display: block;
}

.recently-viewed__wrapper {
    padding-bottom: 10px;
    padding-bottom: var(--spacing-small);
}

@media (min-width: 38em) {

    .recently-viewed__wrapper {
        display: flex;
        flex-wrap: wrap;
        padding: calc(40px - 10px);
        padding: calc(var(--spacing-large) - var(--spacing-small));
        padding-bottom: 10px;
        padding-bottom: var(--spacing-small)
    }
}

@media (min-width: 38em) {
    .recently-viewed__wrapper--left .recently-viewed__side {
        width: 25%;
        text-align: left;
        padding: 10px;
        padding: var(--spacing-small);
    }

    .recently-viewed__wrapper--left .recently-viewed__products {
        width: 75%;
    }
}

.recently-viewed__wrapper--right {
    flex-direction: row-reverse;
}

@media (min-width: 38em) {
    .recently-viewed__wrapper--right .recently-viewed__side {
        width: 25%;
        text-align: left;
        padding: 10px;
        padding: var(--spacing-small);
    }

    .recently-viewed__wrapper--right .recently-viewed__products {
        width: 75%;
    }
}

.recently-viewed__wrapper--above .recently-viewed__side {
    width: 100%;
}

@media (max-width: 38em) {

    .recently-viewed__wrapper--above .recently-viewed__side {
        padding-bottom: 0
    }
}

.recently-viewed__side {
    text-align: center;
    padding-bottom: 20px;
    padding-bottom: var(--spacing-medium);
}

.recently-viewed__products {
    width: 100vw;
    margin-left: calc(20px * -1);
    margin-left: calc(var(--spacing-medium) * -1);
}

@media (min-width: 38em) {

    .recently-viewed__products {
        width: 100%;
        margin-left: auto;
        display: flex;
        flex-wrap: wrap
    }
}

.recently-viewed__products .type-body-regular {
    margin-bottom: 0;
}

.recently-viewed__product {
    padding: 10px;
    padding: var(--spacing-small);
}

@media (min-width: 38em) {

    .recently-viewed__product {
        margin-bottom: 20px;
        margin-bottom: var(--spacing-medium)
    }
}

:root {
    --menu-width: 335px;
}

/* Slide in from left */

.slide-in-from-left-enter {
    left: calc(335px * -1);
    left: calc(var(--menu-width) * -1);
}

.slide-in-from-left-enter.slide-in-from-left-enter-active {
    left: 0;
    transition: left 250ms ease-in-out;
}

.slide-in-from-left-leave {
    left: 0;
}

.slide-in-from-left-leave.slide-in-from-left-leave-active {
    left: calc(335px * -1);
    left: calc(var(--menu-width) * -1);
    transition: left 250ms ease-in-out;
}

/* Fade in */

.fade-in-enter {
    opacity: 0.01;
}

.fade-in-enter.fade-in-enter-active {
    opacity: 1;
    transition: opacity 250ms ease-in-out;
}

.fade-in-leave {
    opacity: 1;
}

.fade-in-leave.fade-in-leave-active {
    opacity: 0.01;
    transition: opacity 250ms ease-in-out;
}

/* Slide in from right */

.slide-in-from-right-enter {
    right: calc(335px * -1);
    right: calc(var(--menu-width) * -1);
}

.slide-in-from-right-enter.slide-in-from-right-enter-active {
    right: 0;
    transition: right 250ms ease-in-out;
}

.slide-in-from-right-leave {
    right: 0;
}

.slide-in-from-right-leave.slide-in-from-right-leave-active {
    right: calc(335px * -1);
    right: calc(var(--menu-width) * -1);
    transition: right 250ms ease-in-out;
}

#shopify-section-1600169257694 {
    margin: 106px 0;
}

#shopify-section-1600169257694 .text-columns.text-columns--standard {
    padding: 0 !important;
    background-color: #07131e;
}

#shopify-section-1600169257694 .text-columns.text-columns--standard .section {
    margin-top: 0;
    margin-bottom: 0;
}

#shopify-section-1600169257694 .text-columns.text-columns--standard .section .text-columns__feature {
    background-color: transparent;
}

#shopify-section-1600169257694 .text-columns.text-columns--standard .section .text-columns__feature:last-child {
    padding-top: 0;
    padding-bottom: 0;
}

#shopify-section-1600169257694 .text-columns.text-columns--standard h3.type-heading-2 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 0;
}

#shopify-section-1600169257694 .text-columns.text-columns--standard .type-body-regular {
    color: #fff;
    font-size: 18px;
}

#shopify-section-1600169257694 .text-columns.text-columns--standard .bttn {
    width: 140px;
    font-size: 16px;
    text-decoration: none;
    padding: 0;
}

#shopify-section-1600177209697 .text-columns__title,
#shopify-section-1623227108d224dbeb .text-columns__title {
    text-align: center;
    font-size: 36px;
    color: #272635;
}

/* Awards Section */
#shopify-section-1623227108d224dbeb0 .text-columns {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

#shopify-section-1600177209697 .text-columns.text-columns--standard {
    background-color: #fff;
}

#shopify-section-1600177209697 .text-columns.text-columns--standard .text-columns__feature {
    background-color: #fff;
}

#shopify-section-1600177209697 .type-heading-2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    margin-top: 27px;
    margin-bottom: 0;
    color: #272635;
}

#shopify-section-1600177209697 .type-body-regular {
    font-size: 16px;
    line-height: 23px;
    color: #3d3d3d;
}

#shopify-section-1600177209697 .bttn {
    background-color: transparent;
    text-align: left !important;
    display: block;
    padding: 0;
    text-decoration: none;
    text-transform: none;
    color: #8c8c8c;
}

@media (min-width: 60em) {

    #shopify-section-1623227108d224dbeb .text-columns__feature--3,
    #shopify-section-1623227108d224dbeb .text-columns__feature--4,
    #shopify-section-1623227108d224dbeb .text-columns__feature--5,
    #shopify-section-1623227108d224dbeb .text-columns__feature--6 {
        width: calc((1 / 4) * 89%)
    }
}

/* Awards Section */
#shopify-section-1623227108d224dbeb {
    background-color: #f8f8f8;
}

#shopify-section-1623227108d224dbeb .text-columns__feature {
    background-color: #fff !important;
    border: solid 1px #eeeeee;
    margin: 0 14px;
    text-align: center;
    margin-bottom: 10px;
}

#shopify-section-1623227108d224dbeb .text-columns__feature h3 {
    font-size: 18px !important;
    line-height: 28px !important;
    color: #272635 !important;
    margin-bottom: 0;
}

#shopify-section-1623227108d224dbeb0 .text-columns__feature p {
    font-size: 14px !important;
    line-height: 23px !important;
    color: #8c8c8c !important;
    margin: 0;
}

#shopify-section-1600180524634 .content-overlay__heading {
    padding-left: 40%;
    max-width: 60em !important;
    font-size: 36px;
    line-height: 1.28;
    margin: 0;
}

#shopify-section-1600180524634 .content-overlay__subheading {
    padding-left: 40%;
    max-width: 60em !important;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 14px;
}

#shopify-section-1600180524634 .bttn_overlay {
    margin-left: 40%;
    max-width: 60em !important;
    border: none;
    background-color: #8bb8e8;
}

/* Rich text Shop on Instagram */
#shopify-section-1600175903711 .section {
    margin-bottom: -30px;
}

/* Custom Grid section in 3 columns */
.custom_collage__items {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
}

.custom_collage__item {
    width: 32% !important;
    margin-bottom: 26px !important;
}

.custom_collage__item:nth-child(1) {
    width: 66% !important;
}

.custom_collage__item:nth-child(1) .collage__item-inner {
    padding-top: 40% !important;
}

.custom_collage__item .collage__item-inner {
    padding-top: 82.5% !important;
}

.custom_collage__item .collage__item-inner .content-overlay {
    padding: 32px;
}

@media (max-width: 991px) {
    .content-overlay__inner .content-overlay__heading {
        font-size: 16px;
        line-height: 31px;
    }

    .content-overlay__inner .content-overlay__subheading {
        line-height: 18px;
    }
}

@media (max-width: 850px) {
    .collage .content-overlay {
        padding: 20px 20px;
    }

    .custom_collage__item .collage__item-inner .content-overlay {
        padding: 20px;
    }

    .collage .content-overlay .bttn_overlay {
        margin-top: 15px;
    }
}

@media (max-width: 768px) {

    .custom_collage__item,
    .custom_collage__item:nth-child(1) {
        width: 100% !important;
    }

    .custom_collage__item .collage__item-inner,
    .custom_collage__item:nth-child(1) .collage__item-inner {
        padding-top: 82.5% !important;
    }

    .bttn {
        padding: 0 23px;
    }

    .full-width-image .responsive-image__wrapper,
    .full-width-image .responsive-image__image {
        height: 490px !important;
        object-fit: cover;
    }

    #shopify-section-1600180524634 .content-overlay__heading {
        padding-left: 0;
        max-width: unset !important;
        font-size: 36px;
        line-height: 36px;
    }

    #shopify-section-1600180524634 .content-overlay__subheading {
        padding-left: 0;
        max-width: unset !important;
        font-size: 18px;
        line-height: 22px;
    }

    #shopify-section-1600180524634 .bttn_overlay {
        margin-left: 0;
        max-width: unset !important;
    }
}

/* jdevm */
.about_content_row {
    width: 100%;
}

.awards_content_row h3,
.about_content_row h3,
.bt_mold_content_row h3 {
    margin-top: 3px;
}

.awards_content_row img,
.about_content_row img {
    padding-top: 10px;
    width: 90%;
}

.philanthropy_content_row h2 {
    margin-top: -20px;
}

.about_content_column {
    width: 100%;
}

.about_content_column-left {
    width: 58%;
}

.about_content_column>h3,
.about_content_column-left>h3 {
    font-size: 36px;
    /*font-family: Amiri, sans-serif;*/
    /* font-family: "eras-itc", 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; */
    font-family: 'Lato', sans-serif;
}

.about_content_column-half {
    width: 50%;
}

@media (max-width: 600px) {
    .about_content_column-half {
        width: 100%;
    }
}

.about_content_column-right {
    width: 38%;
}

.awards_content_column-left {
    width: 38%;
}

.awards_content_column-right>h3 {
    font-size: 36px;
    font-family: 'Lato', sans-serif;
}

.awards_content_column-right {
    width: 58%;
}

.butt__copy .awards_content_column-left {
    width: 20%;
}

.butt__copy .awards_content_column-left img {
    width: 70%;
}

.butt__copy .awards_content_column-right {
    width: 80%;
}

.box_awards {
    background-color: #fff !important;
    border: solid 1px #eeeeee;
    margin: 0 14px;
    text-align: center;
    margin-bottom: 10px;
    width: 22%;
}

.box_awards>h3 {
    font-size: 16px !important;
    line-height: 28px;
    margin: 0;
    color: #272635;
    /*font-family: Amiri, sans-serif;*/
    /* font-family: "eras-itc", 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; */
    font-family: 'Lato', sans-serif;
}

.box_awards>p {
    margin: 0;
    font-size: 14px !important;
    line-height: 23px;
    color: #8c8c8c;
}

.bt_mold_content_column-left {
    width: 58%;
}

.bt_mold_content_column-left>h3 {
    font-size: 36px;
    /*font-family: Amiri, sans-serif;*/
    /* font-family: "eras-itc", 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; */
    font-family: 'Lato', sans-serif;
}

.bt_mold_content_column-right {
    width: 38%;
}

.about_box {
    background-color: rgba(210, 210, 210, 0.3);
    padding: 40px 80px;
    margin: 50px 0;
}

.about_box h3 {
    font-size: 36px;
    color: #272635;
    /*font-family: Amiri, sans-serif;*/
    /* font-family: "eras-itc", 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; */
    font-family: 'Lato', sans-serif;
}

.about_box p {
    font-size: 18px;
    line-height: 25px;
    color: #3d3d3d;
}

.philanthropy_content_column-left {
    width: 38%;
}

.philanthropy_content_column-right>h3 {
    font-size: 24px;
    /*font-family: Amiri, sans-serif;*/
    /* font-family: "eras-itc", 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; */
    font-family: 'Lato', sans-serif;
    color: #272635;
}

.philanthropy_content_column-right>p {
    font-size: 18px;
    line-height: 25px;
    color: #3d3d3d;
}

.philanthropy_content_column-images {
    margin-top: 50px;
}

.philanthropy_content_row {
    padding-bottom: 50px;
    /* border-bottom: 1px solid #d8d8d8; */
}

.philanthropy_content_column-right {
    width: 58%;
}

.philanthropy_content_column-image {
    width: 24%;
}

.white_bg {
    background-color: #fff !important;
}

.noborder {
    border: none !important;
}

.bespoke__subheading {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    max-width: 922px;
    margin-top: 50px;
}

.glenn_component {
    width: 336px;
    height: 177px;
    margin: 0 15px;
    background-color: rgba(255, 255, 255, 0.3);
    color: #fff;
    text-align: left;
    padding: 20px 40px;
}

.bespoke__appointment_details h2.type-heading-24 {
    font-family: 'Lato';
}

@media (max-width: 38em) {
    .glenn_component {
        width: 100%;
        margin: 10px 0;
    }
}

.glenn_component h4 {
    margin: 0;
    /*font-family: Amiri, sans-serif;*/
    /* font-family: "eras-itc", 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; */
    font-family: 'Lato', sans-serif;
}

.glenn_component p {
    margin: 0;
}

.static-bespoke-content {
    text-align: center;
}

.static-bespoke-content h2 {
    /*font-family: Amiri, sans-serif;*/
    /* font-family: "eras-itc", 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; */
    font-family: 'Lato', sans-serif;
    font-size: 36px;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #272635;
}

.static-bespoke-content .features__feature {
    border: 1px solid #eeeeee !important;
    margin: 0 15px;
    width: calc((1 / 3) * 90%);
    padding: 40px 30px;
}

@media (max-width: 38em) {
    .static-bespoke-content .features__feature {
        width: 100%;
        margin-bottom: 20px;
    }
}

.static-bespoke-content .features__feature img {
    max-width: 60px;
    margin-bottom: 24px;
}

.static-bespoke-content .features__feature h3.type-heading-2 {
    /*font-family: Amiri;*/
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    color: #272635;
}

.static-bespoke-content .features__feature p.type-body-regular {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.39;
    color: #3d3d3d;
}

#shopify-section-bespoke-appointment {
    background-color: #f8f8f8;
    padding: 60px 0;
}

.bespoke__appointment_container {
    border: 1px solid #d2d2d2;
    background-color: #ffffff;
    padding: 40px 100px;
}

@media (max-width: 38em) {
    .bespoke__appointment_container {
        padding: 40px 10px;
    }
}

@media (max-width: 1092px) {
    .box_awards {
        width: 20%;
    }

    .mv65 {
        margin-top: 30px;
        margin-bottom: 60px;
    }
}

@media (max-width: 768px) {

    .awards_content_row h3,
    .about_content_row h3,
    .bt_mold_content_row h3 {
        margin-top: 36px;
    }

    .mv65 {
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .about__copy {
        margin-top: 0;
    }

    .about_content_column-left {
        width: 100%;
        margin-bottom: 40px
    }

    .about_content_column-right {
        width: 100%;
        ;
    }

    .awards_content_column-left {
        width: 100%;
    }

    .awards_content_column-right {
        width: 100%;
    }

    .box_awards {
        width: 45%;
    }

    .bt_mold_content_column-left {
        width: 100%;
        margin-bottom: 40px;
    }

    .bt_mold_content_column-right {
        width: 100%;
    }

    .butt__copy .awards_content_column-left {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }
}

@media (max-width: 720px) {
    .box_awards {
        width: 100%;
    }

    .about_box {
        padding: 20px;
    }

    .product-tile {
        text-align: center;
    }
}

@media (max-width: 530px) {
    .philanthropy_content_column-left {
        width: 100%;
    }

    .philanthropy_content_column-right {
        width: 100%;
    }

    .mv65 {
        margin-top: 0px;
        margin-bottom: 28px;
    }
}

#shopify-section-1602255628716e4d36 .section--outline {
    background-color: #f8f8f8;
}

.recently-viewed .recently-viewed__product p,
.collection__products .product-tile h2,
.collection__products .product-tile p,
.recently-viewed .recently-viewed__product h3 {
    text-align: center;
  font: 300 15px 'Lato',Arial,sans-serif;
    letter-spacing: 0.13rem;
    margin: 0;
}

.arrow-prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 12;
}

.arrow-next {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 12;
}

.slick-list {
    padding: 0 10px;
}

.arrow-prev:hover,
.arrow-next:hover {
    color: gray;
}

.ring_size_link {
    line-height: 35px;
}

.calculator_block .h4_title,
.description_block .h4_title {
    font-size: 36px;
    line-height: 1;
}

#shopify-section-ring_size {
    margin-bottom: 60px;
}

@media (min-width: 425px) {
    .header-transparent .transparent-section .slideshow__content-inner {
        margin-top: 15%;
        
    }

 

}


.boost-pfs-action-list-wrapper {
    display: none;
}

/* .boost-pfs-filter-product-item-title,
.boost-pfs-filter-product-item-price {
    font-weight: 400 !important;
    font-family:'Lato', georgia !important;
    font-size: 16px !important;
} */

/* .boost-pfs-filter-top-sorting-wrapper{position: absolute;
 top: 148%;
 right: 20%;z-index:123;}
 .boost-pfs-filter-total-product{display:none !important;} */
.boost-pfs-container-default-box {
    margin: 0px !important;
}

.boost-pfs-filter-tree-mobile-button button:before {
    left: 60%;
/*     display: block; */
  display: none !important;
}

.boost-pfs-filter-toolbar-top-mobile-inner {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

@media(max-width: 767px) {

    .dekstop_new {
        display: none;
    }
}

.boost-pfs-filter-tree-mobile-button button {
    width: 150% !important
}

.boost-pfs-filter-custom-sorting button {
    padding: 5px 15px 5px 15px;
}

.boost-pfs-filter-option-title-heading:before {
    margin-top: -7px !important;
}

@media(min-width: 768px) {
    .boost-pfs-filter-custom-sorting button>span:after {
        margin-top: -6px !important;
    }
}

@media (min-width: 768px) {
    .boost-pfs-filter-tree-h-wrapper {
        padding-top: 40px !important;
    }
}

.boost-pfs-mobile-stick .boost-pfs-filter-toolbar-sticky-mobile .boost-pfs-filter-toolbar-top-mobile-inner {
    display:
        none;
}

.boost-pfs-filter-toolbar-item .boost-pfs-filter-top-sorting-wrapper span:after {
    margin-top: -6px !important;
}

.boost-pfs-filter-custom-sorting.boost-pfs-filter-sort-active button>span:after {
    margin-top: -3px !important;
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option-title-heading:before {
    margin-top: -3px !important;
}

.boost-pfs-filter-tree-h .boost-pfs-filter-option.boost-pfs-filter-option-collapsed .boost-pfs-filter-option-title .boost-pfs-filter-option-title-heading:before {
    margin-top: -6px !important;
}

.boost-pfs-filter-custom-sorting button>span>span {
    font-size: 14px;
}

#insp-toggle:hover {
    filter: brightness(0.4);
    transition: 1s;
}

.product-recommendations__products h2 {
    text-align: center;
}

.product-recommendations__products .meta {
    text-align: center;
  font: 300 15px 'Lato',Arial,sans-serif;
    letter-spacing: 0.13rem;
    margin: 0;
}

#shopify-section-1623227108d224dbeb .text-columns__content {
    justify-content: center;
}


.product_thumbnail-list .slick-dots button:before {
    top: 65px;
    background-color: #333;
    opacity: .25;
}

.plyr {
    max-height: 400px;
}

.diamond__subheading {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    max-width: 922px;
    margin-top: 50px;
}


.diamond__appointment_details h2.type-heading-24 {
    font-family: 'Lato', sans-serif;
}

.static-diamond-content {
    text-align: center;
}

.static-diamond-content h2 {
    /*font-family: Amiri, sans-serif;*/
    /* font-family: "eras-itc", 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; */
    font-family: 'Lato', sans-serif;
    font-size: 36px;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #272635;
}

.static-diamond-content .features__feature {
    border: 1px solid #eeeeee !important;
    margin: 0 15px;
    width: calc((1 / 3) * 90%);
    padding: 40px 30px;
}

@media (max-width: 38em) {
    .static-diamond-content .features__feature {
        width: 100%;
        margin-bottom: 20px;
    }
}

.static-diamond-content .features__feature img {
    max-width: 60px;
    margin-bottom: 24px;
}

.static-diamond-content .features__feature h3.type-heading-2 {
    /*font-family: Amiri;*/
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    color: #272635;
}

.static-diamond-content .features__feature p.type-body-regular {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.39;
    color: #3d3d3d;
}

#shopify-section-diamond-appointment {
    background-color: #f8f8f8;
    padding: 60px 0;
}

.diamond__appointment_container {
    border: 1px solid #d2d2d2;
    background-color: #ffffff;
    padding: 40px 100px;
}

@media (max-width: 38em) {
    .diamond__appointment_container {
        padding: 40px 10px;
    }
}

@media (max-width: 1092px) {
    .box_awards {
        width: 20%;
    }
}

@media (max-width: 768px) {

    .awards_content_row h3,
    .about_content_row h3,
    .bt_mold_content_row h3 {
        margin-top: 36px;
    }

    .about__copy {
        margin-top: 0;
    }

    .about_content_column-left {
        width: 100%;
        margin-bottom: 40px
    }

    .about_content_column-right {
        width: 100%;
        ;
    }

    .awards_content_column-left {
        width: 100%;
    }

    .awards_content_column-right {
        width: 100%;
    }

    .box_awards {
        width: 45%;
    }

    .bt_mold_content_column-left {
        width: 100%;
        margin-bottom: 40px;
    }

    .bt_mold_content_column-right {
        width: 100%;
    }

    .butt__copy .awards_content_column-left {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }
}

@media (max-width: 720px) {
    .box_awards {
        width: 100%;
    }

    .about_box {
        padding: 20px;
    }

    .product-tile {
        text-align: center;
    }
}

@media (max-width: 530px) {
    .philanthropy_content_column-left {
        width: 100%;
    }

    .philanthropy_content_column-right {
        width: 100%;
    }
}

.about__featured-wrapper.diamond {
    margin-bottom: 0rem;
}

@media (max-width: 768px) {
    .about__featured-wrapper.diamond {
        align-items: end;
    }
}

.drawer-menu__list.drawer-menu__list--sub-sub a {
    height: var(--item-height);
    min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px 0px 40px;
    font-family: 'Lato', sans-serif;
    font-size: inherit;
    border-radius: 2px;
    background-color: transparent;
    color: #000;
    border: none;
    outline: 0;
}



.drawer-menu__list.drawer-menu__list--sub-sub_sub span {
    height: var(--item-height);
    min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px 0px 20px;
    font-family: 'Lato', sans-serif;
    font-size: inherit;
    border-radius: 2px;
    background-color: transparent;
    color: #000;
    border: none;
    outline: 0;
}

@media (max-width: 576px) {
    .about__image-overlay .about__image-item {
        margin-top: 20px;
    }
  .flickity-page-dots .dot {
    width:25px;
  }
  
}

.product__image-container .flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #333;
/*     border-radius: 50%; */
    opacity: .25;
    cursor: pointer;
  height: 5px;
  width:50px;
  
}


.product__image-container .flickity-page-dots .dot.is-selected {
    opacity: 1;
}

.product__image-container .flickity-page-dots {
    bottom: -20px;
}

@media (max-width: 576px) {
    .product__details .show_block_price {
        margin-top: 16px;
    }
}

.glossary__heading {
    font-size: 36px;
    line-height: 41px;
    color: #fff;
    text-align: center;
    max-width: 922px;
    margin-top: 50px;
}


.glossary__subheading {
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    max-width: 922px;
    margin-top: 50px;
}

.about__featured-wrapper.glossary {
    min-height: 65vh;
}

.glossary-page .glossary-link {
    background: #FAFAFA;
    padding: 35px 50px 15px 60px;
}

.glossary-page .glossary-link_info a {
    color: #8BB8E8;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.glossary-page .glossary-link_info a:hover {
    color: #111111;
    text-decoration: underline;
    transition: 0.5s ease-in-out;
}

.glossary-page .block-info_bttn-ins {
    position: absolute;
    top: 0px;
    left: -14px;
}

.glossary-page .glossary-link_info {
    position: relative;
    padding-bottom: 15px;
}

.glossary-page .glossary-link_info a:hover svg path {
    fill: #111111;
    transition: 0.5s ease-in-out;
    text-decoration:
        underline;
}


.glossary-page .glossary-block-border {
    border-bottom: 1px solid #D2D2D2;
}

.glossary-page .block-info {
    padding: 46px 0px;
}

.glossary-page .glossary-image img {
    width: 100%;
    height: 100%;
}

.glossary-page .glossary-title {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 27px;
    letter-spacing: 2px;
    color: #24282C;
    padding-bottom: 28px;
}

.glossary-page .glossary-text {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 29px;
    color: #24282C;
}

@media(max-width: 991px) {
    .glossary-page .block-info {
        padding: 30px 0px;
    }

    .glossary-page .glossary-text {
        padding-bottom: 30px;
    }

    .glossary-page .glossary-link {
        padding: 15px 10px 15px 30px;
    }

    .glossary-page .glossary-link_info {
        padding-bottom: 5px;
    }

    .glossary-page .block-info_bttn {
        font-size: 12px;
    }
}


@media(max-width: 768px) {
    .glossary-page .block-info {
        padding: 15px 0px;
    }

    .glossary-page .glossary-text {
        padding-bottom: 15px;
        font-size: 16px;
    }

    .glossary-page .glossary-title {
        font-size: 34px;
    }
}

@media(max-width: 576px) {
    .glossary-page .block-info_bttn {
        font-size: 18px;
    }

    .glossary-page .glossary-title {
        padding: 15px 0px;
        font-size: 32px;
    }

    .glossary-page .glossary-text {
        font-size: 14px;
    }
}



.glossary-information .glossary-information_block {
    background: #FAFAFA;
    padding: 84px 102px 72px;
}

.glossary-information .glossary-title {
    font-style: normal;
    font-weight: 300;
    font-size: 36px;
    line-height: 41px;
    letter-spacing: 0.04em;
    color: #000000;
    padding-bottom: 25px;
}

.glossary-information .glossary-text {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.04em;
    color: #000000;
}

.glossary-information .glossary-text p {
    padding-bottom: 15px;
    margin: 0px;
}

@media(max-width: 991px) {
    .glossary-information .glossary-information_block {
        padding: 45px 50px;
    }
}

@media(max-width: 768px) {
    .glossary-information .glossary-information_block {
        padding: 20px 25px;
    }

    .glossary-information .glossary-title {
        padding-bottom: 15px;
    }

    .about__featured-wrapper.glossary.lazyloaded {
        margin-bottom: 20px;
    }

    .glossary-information .glossary-text {
        font-size: 16px;
    }

    .glossary-information .glossary-title {
        font-size: 34px;
    }
}

@media(max-width: 576px) {
    .glossary-information .glossary-information_block {
        padding: 20px 25px;
    }

    .glossary-information .glossary-title {
        font-size: 32px;
    }

    .glossary-information .glossary-text {
        font-size: 14px;
    }
}

.product-single__thumbnail-image {
    position: relative !important;
}

img.product-single__thumbnail-image {
    max-height: 150px;
    object-fit: contain;
}

.product_thumbnail__link {
    padding-top: 0 !important;
}






.slider_collection_page_section {
    padding-bottom: 80px;
    padding-top: 25px;
}

.slider_collection_page_section .title_slider {
    margin: 15px 0;
}

.slider_collection_page_section .carousel .flickity-page-dots {
    bottom: -45px;
}

.btn_price_product {
    display: none;
}

.boost-pfs-filter-products .boost-pfs-filter-product-item .boost-pfs-filter-product-bottom .boost-pfs-filter-call-for-availability {
    display: none !important;
}

@media(max-width: 576px) {
    .slider_collection_page_section {
        padding-bottom: 30px;
        margin-bottom: 29px;
    }

    .slider_collection_page_section .carousel .img_block img {
        width: 100%;
    }
}

.contact .all-social-icons {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.contact .all-social-icons .Twitter {
    display: none;
}

.breadcrumbs_product {
    padding-top: 25px;
    max-width: var(--max-width);
    padding-left: var(--spacing-large);
    padding-right: var(--spacing-large);
}

.breadcrumbs_product .title_collections a {
    display: flex;
    align-items: center;
    /* font-weight: 600; */
    letter-spacing: 1.2px;
}

.breadcrumbs_product .title_collections a:hover {
    color: rgb(139, 184, 232);
}

.breadcrumbs_product .title_collections a svg {
    margin-right: 13px;
}

@media(max-width: 991px) {
    .breadcrumbs_product {
        padding-top: 17px;
    }
}

@media(max-width: 480px) {
    .breadcrumbs_product {
        padding-bottom: 21px;
    }
}

.type-body-small span {
    font-family: 'Lato', sans-serif;
}

.custom_collage__item .content-overlay,
.collage__item .content-overlay {
    border: 3px solid #eeeeee;
}

.boost-pfs-filter-product-item-image-link:not(.boost-pfs-filter-crop-image-position-none) img.lazyloaded {
    max-height: 180px;
    object-fit: contain;
}

.collage__item.mobile {
    display: none;
}

@media(max-width: 756px) {
    .collage__item {
        display: none;
    }

    .collage__item.mobile {
        display: block;
    }
}

#insta-feed {
    max-width: 1260px;
    max-width: var(--max-width);
    margin: 20px auto;
    margin: var(--spacing-medium) auto;
    padding-left: 20px;
    padding-left: var(--spacing-medium);
    padding-right: 20px;
    padding-right: var(--spacing-medium);
    overflow-x: hidden;
}

@media(min-width: 38em) {
    #insta-feed {
        margin: 4rem auto;
        margin: var(--spacing-extra-large) auto;
        padding-left: 40px;
        padding-left: var(--spacing-large);
        padding-right: 40px;
        padding-right: var(--spacing-large);
    }
}

.content-overlay__inner .content-overlay__heading {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 400;
  font-size:25px;
/*     //font-size: 32px; */
    line-height: 1.28;
    letter-spacing: 1px;
}

.content-overlay__inner .content-overlay__subheading {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 2px;
}

@media(max-width: 1092px) {
    .content-overlay__inner .content-overlay__heading {
        font-size: 26px;
        line-height: 32px;
    }

    .content-overlay__inner .content-overlay__subheading {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 18px;
    }

    .bttn.bttn-white,
    .bttn.bttn-black {
        margin-top: 10px;
    }
}

#shopify-section-162322586956a48767 .type-body-regular,
#shopify-section-9dfd0b5e-c913-49f4-9255-cd913d06a71d .type-body-regular {
    font-weight: 300;
}

#shopify-section-162322586956a48767 .type-heading-2 {
    font-weight: bold;
    font-size: 47px;
    line-height: 1.13;
    letter-spacing: 1px;
}

@media(max-width: 991px) {
    #shopify-section-162322586956a48767 .type-heading-2 {
        margin-bottom: 0px;
        font-size: 39px;
    }

    #shopify-section-162322586956a48767 .text-columns__content {
        padding: 0px;
    }
}

@media(max-width:576px) {

    #shopify-section-162322586956a48767 .type-heading-2,
    #shopify-section-9dfd0b5e-c913-49f4-9255-cd913d06a71d .type-heading-2 {
        font-size: 20px !important;
    }

    #shopify-section-16232259976dc8ac73 .type-heading-1 {
        font-size: 36px !important;
        margin: 0px;
    }

    #shopify-section-16232269863e61b055 .type-heading-1 {
        font-size: 36px !important;
        margin: 0px;
    }

    #shopify-section-1623227108d224dbeb .type-heading-1 {
        font-size: 36px !important;
    }

    #16232264344d609eda.custom_collage-section {
        margin: 0px;
    }

    #shopify-section-162322586956a48767 .text-columns__content,
    #shopify-section-9dfd0b5e-c913-49f4-9255-cd913d06a71d .text-columns__content {
        margin: 0px;
    }

    #shopify-section-162322586956a48767 .text-columns--standard,
    #shopify-section-9dfd0b5e-c913-49f4-9255-cd913d06a71d .text-columns--standard {
        padding: 0px 20px;
    }

    #shopify-section-16232259976dc8ac73 .section {
        margin: 0px;
    }
}


#shopify-section-16232259976dc8ac73 .type-heading-1 {
    line-height: 1.28;
    font-weight: bold;
    font-size: 47px;
    text-align: center;
    letter-spacing: 1px;
}

#shopify-section-16232264344d609eda .content-overlay__inner .content-overlay__heading {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.28;
    letter-spacing: 2px;
}

#shopify-section-16232264344d609eda .content-overlay__inner .content-overlay__subheading {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
}

#shopify-section-16232269863e61b055 .type-heading-1 {
    font-weight: bold;
    font-size: 47px;
    line-height: 53px;
    letter-spacing: 1px;
}

#shopify-section-16232269863e61b055 .type-body-large {
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 2px;
}

#shopify-section-1623227108d224dbeb .type-heading-1 {
    line-height: 1.28;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 47px;
}

#shopify-section-162322466443fafc1f .section {
    padding: 0px 30px;
  color:black;
}

@media(max-width: 756px) {
  #shopify-section-162322586956a48767 .type-body-regular{
/*         font-size: 14px !important; */
/*     line-height: 2.0 !important; */
/*     font-family: 'Lato', georgia; */
/*     font-weight: unset !important; */
        font: 300 15px 'Lato',Arial,sans-serif !important;
    letter-spacing: 0.13rem;
}
  }
    #shopify-section-16232253964eb3bf7b .collage__item .content-overlay {
        justify-content: end !important;
    }

    #shopify-section-16232253964eb3bf7b .content-overlay__inner .content-overlay__heading {
        text-align: center;
        margin: 0px;
      font-size:20px;
    }

    #shopify-section-16232253964eb3bf7b .content-overlay__subheading {
        text-align: center;
        margin: 0px 0 !important;
        display: block;
        max-width: 100% !important;
      font-size: 14px;
    }

    #shopify-section-16232253964eb3bf7b .content-overlay__subheading br {
        display: none;
    }

    #shopify-section-16232253964eb3bf7b .bttn.bttn-white,
    #shopify-section-16232253964eb3bf7b .bttn.bttn-black {
        margin-left: auto;
    }
}



.boost-pfs-filter-top-sorting-wrapper-mobyle {
    position: relative;
    background: #ffffff;
    border: 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    height: 44px;
    margin: 0;
    width: 100%;
    padding: 12px 15px;
    display: none !important;
}

@media (max-width: 767px) {
    .boost-pfs-filter-top-sorting-wrapper-mobyle {
        display: block !important;
    }

    .boost-pfs-filter-top-sorting-wrapper,
    .boost-pfs-filter-filter-dropdown {
        display: none !important;
    }
}

.boost-pfs-filter-top-sorting-wrapper-mobyle span:after {
    top: 50%;
    right: 0;
    left: auto;
    position: absolute;
    margin-top: -2px;
    content: "";
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
    display: inline-block;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    display: inline-block;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    margin-left: 10px;
    vertical-align: top;
    margin-top: -5px;
    white-space: nowrap;
    overflow: hidden;
    line-height: inherit;
    margin-top: -6px !important;
}


.boost-pfs-filter-filter-dropdown-mobyle {


    left: 0;
    right: 0;
    padding-bottom: 0px;
    display: none;
    position: fixed;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 9999999998;
    top: 0;
    height: 100vh;
    width: 100%;
    text-align: left;
    margin: 0 !important;
}

.boost-pfs-filter-filter-dropdown-mobyle.active {
    display: block;
}

.boost-pfs-filter-filter-dropdown-mobyle .ins {
    margin-left: 60px;
    height: 100%;
    position: relative;
    z-index: 2;
    background: #fff;
}

.boost-pfs-filter-filter-dropdown-mobyle .ins_title {

    font-weight: 600;
    font-size: 14px;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    display: table;
    width: 100%;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
    padding: 13px 15px;
    line-height: 14px;
    text-transform: uppercase;
}

.boost-pfs-sorting-close {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    vertical-align: top;
    position: absolute;
    z-index: 1;
}

.boost-pfs-sorting-close span {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    background: #000;
    font-size: 0;
    margin-left: 20px;
}

.boost-pfs-sorting-close span:before,
.boost-pfs-sorting-close span:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(55% - 7px);
    display: block;
    width: 2px;
    height: 25px;
    transform-origin: bottom center;
    background: #fff;
    -moz-transition: all ease-out 280ms;
    -ms-transition: all ease-out 280ms;
    -o-transition: all ease-out 280ms;
    -webkit-transition: all ease-out 280ms;
    transition: all ease-out 280ms;
    border: none;
    padding: 0;
}

.boost-pfs-sorting-close span:before {
    -ms-transform: translateX(-5px) translateY(5px) rotate(45deg);
    -webkit-transform: translateX(-5px) translateY(5px) rotate(45deg);
    transform: translateX(-5px) translateY(5px) rotate(45deg);
}

.boost-pfs-sorting-close span:after {
    -ms-transform: translateX(13px) translateY(5px) rotate(-45deg);
    -webkit-transform: translateX(13px) translateY(5px) rotate(-45deg);
    transform: translateX(13px) translateY(5px) rotate(-45deg);
}

.boost-pfs-filter-filter-dropdown-mobyle .ins ul {
    padding: 20px 30px 0 30px;
    margin: 0;
    list-style: none;
}

.boost-pfs-filter-filter-dropdown-mobyle .ins ul li {
    margin: 7px 0 6px 0;
    padding: 0 9px;
    line-height: 24px;
}

.boost-pfs-filter-filter-dropdown-mobyle .ins ul li a {

    color: #000000;
}

@media (max-width: 767px) {
    #shopify-section-16232264344d609eda .custom_collage__item .collage__item-inner .content-overlay {
        justify-content: end !important;
        text-align: center !important;
        align-items: center !important;
    }

    #shopify-section-16232264344d609eda .content-overlay__inner {
        display: block !important;
    }

    #shopify-section-16232264344d609eda .content-overlay__subheading br,
    #shopify-section-16232264344d609eda .content-overlay__heading br {
        display: none;
    }

    #shopify-section-16232264344d609eda .content-overlay__subheading br:first-child {
        display: block;
    }
}


.blog-section_title {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-size: 47px;
    line-height: .98;
    text-align: center;
    letter-spacing: 1px;
    color: #3D3D3D;
}

.blog-section_wrapper-image {
    font-size: 0;
}

.blog-section_wrapper-image img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}

.blog-section_wrapper-ins {
    padding: 10px 35px 35px;
}

.blog-section_wrapper .ins_block {
    border: 1px solid black;
    height: 100%;
}

.blog-section_wrapper-title {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #363636;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.blog-section_wrapper-text {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 2px;
    color: #363636;
    padding-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

@media (max-width: 1200px) {
    .blog-section_wrapper-ins {
        padding: 10px 15px 20px;
    }

    .blog-section_wrapper-title {
        line-height: 1.5;
    }
}


@media (max-width: 768px) {
    .blog-section_wrapper .item {
        padding-bottom: 25px;
    }

    .blog-section_wrapper-image img {
        height: 350px;
    }
}

@media (max-width: 576px) {
    .blog-section_title {
        font-size: 36px !important;
        margin-top: 0px;
    }
}

.blog-section_wrapper-bttn {
    padding-top: 25px;
}

.blog-section_wrapper-bttn .bttn.bttn-black {
    width: 184px;
    height: 44px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: #000000;
}

.row,
.vc_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}


.header.header--transparent {
    background-color: var(--color-header-bg);
    box-shadow: var(--shadow-3);
}

.nav--depth-1 {
    color: #363636;
}


.press-section_wrapper .ins_block {
    height: 90%;
}

.press-section_wrapper-image {
    height: 100%;
}

.press-section_wrapper-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header.header--transparent .header__icon-wrapper,
.header.header--transparent #mobile-nav {
    color: var(--color-header-icon) !important;
}

@media (min-width: 768px) {
    .press-section_wrapper .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}