/** Shopify CDN: Minification failed

Line 3449:10 Unexpected "\"[type=hidden]\""
Line 6820:16 Unexpected "\".icn--stock-levels\""
Line 23697:0 Unexpected "}"
Line 23746:2 "paddint-top" is not a known CSS property
Line 23749:0 Expected "}" to go with "{"

**/
/*
* Icon Shopify Theme
* Copyright 2023, We are Underground llc
* https://www.weareunderground.com
*
* Gridlock v3.2.1
* A responsive CSS grid system. Part of the Formstone Library.
* http://formstone.it/gridlock/
*
* Copyright 2014 Ben Plum; MIT Licensed
*/

@font-face {
    font-family: "SweetSansPro-Regular";
    src: url("SweetSansPro-Regular.woff2") format("woff2"),
        url("SweetSansPro-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SweetSansPro-Medium";
    src: url("SweetSansPro-Medium.woff2") format("woff2"),
        url("SweetSansPro-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SweetSansPro-Thin";
    src: url("SweetSansProThin.woff2") format("woff2"),
        url("SweetSansProThin.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SebastianBobbySlanted";
    src: url("SebastianBobbySlanted.woff2") format("woff2"),
        url("SebastianBobbySlanted.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Austin-Light";
    src: url("Austin-Light.woff2") format("woff2"),
        url("Austin-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Austin-LightItalic";
    src: url("Austin-LightItalic.woff2") format("woff2"),
        url("Austin-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

#powrIframeLoader {
    display: none !important;
}

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

.gridlock .row {
    /* width: 92%; */
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

/* .gridlock header .row {
    width: 92%
  } */

.gridlock .row:after {
    height: 0;
    clear: both;
    content: "";
    display: block;
    line-height: 0;
    visibility: hidden;
}

.gridlock .row .row {
    width: 102.08333333%;
    margin-left: -1.04166667%;
    margin-right: -1.04166667%;
}

.gridlock .row .contained .row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.gridlock .row [class*="all-"],
.gridlock .row [class*="desktop-"],
.gridlock .row [class*="max-"],
.gridlock .row [class*="min-"],
.gridlock .row .mobile-1,
.gridlock .row .mobile-2,
.gridlock .row .mobile-3,
.gridlock .row [class*="tablet-"] {
    float: left;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
}

.gridlock .row [class*="all-"].padded,
.gridlock .row [class*="desktop-"].padded,
.gridlock .row [class*="max-"].padded,
.gridlock .row [class*="min-"].padded,
.gridlock .row .mobile-1.padded,
.gridlock .row .mobile-2.padded,
.gridlock .row .mobile-3.padded,
.gridlock .row [class*="tablet-"].padded {
    box-sizing: content-box;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.04166667%;
    padding-right: 1.04166667%;
}

.gridlock .row [class*="all-"].contained,
.gridlock .row [class*="desktop-"].contained,
.gridlock .row [class*="max-"].contained,
.gridlock .row [class*="min-"].contained,
.gridlock .row .mobile-1.contained,
.gridlock .row .mobile-2.contained,
.gridlock .row .mobile-3.contained,
.gridlock .row [class*="tablet-"].contained {
    margin-left: 0;
    margin-right: 0;
}

.gridlock .row [class*="all-"].right,
.gridlock .row [class*="desktop-"].right,
.gridlock .row [class*="max-"].right,
.gridlock .row [class*="min-"].right,
.gridlock .row .mobile-1.right,
.gridlock .row .mobile-2.right,
.gridlock .row .mobile-3.right,
.gridlock .row [class*="tablet-"].right {
    float: right;
}

/* @media screen and (min-width:500px) {
   .gridlock .row {
     width: 98%
   }
  }
  
  @media screen and (min-width:740px) {
   .gridlock .row {
     width: 98%;
   }
  } 
  
  @media screen and (min-width:980px) {
   .gridlock .row {
     width: 960px;
   }
  } */

@media screen and (min-width: 1200px) {
    .gridlock .row {
        width: 1080px;
    }

    .gridlock.template-product .row:not(.nav-row) {
        width: 980px;
    }
}

@media screen and (min-width: 1320px) {
    .gridlock .row {
        width: 1170px;
    }

    .gridlock.template-product .row:not(.nav-row) {
        width: 1080px;
    }
}

@media screen and (min-width: 1400px) {
    .gridlock .row {
        width: 1280px;
    }

    .gridlock.template-product .row:not(.nav-row) {
        width: 1170px;
    }
}

@media screen and (min-width: 1660px) {
    .gridlock .row {
        width: 1440px;
    }

    .gridlock.template-product .row:not(.nav-row) {
        width: 1320px;
    }
}

@media screen and (max-width: 739px) {
    .gridlock-mobile-fluid .row {
        width: 98%;
    }
}

.gridlock .row .all-fifth {
    width: 17.91666667%;
}

.gridlock .row .all-fourth {
    width: 22.91666667%;
}

.gridlock .row .all-third {
    width: 31.25%;
}

.gridlock .row .all-half {
    width: 47.91666667%;
}

.gridlock .row .all-full {
    width: 97.91666667%;
}

.gridlock .row .all-push-fifth {
    margin-left: 21.04166667%;
}

.gridlock .row .all-push-fourth {
    margin-left: 26.04166667%;
}

.gridlock .row .all-push-third {
    margin-left: 34.375%;
}

.gridlock .row .all-push-half {
    margin-left: 51.04166667%;
}

.gridlock .row .contained.all-fifth {
    width: 20%;
}

.gridlock .row .contained.all-fourth {
    width: 25%;
}

.gridlock .row .contained.all-third {
    width: 33.33333333%;
}

.gridlock .row .contained.all-half {
    width: 50%;
}

.gridlock .row .contained.all-full {
    width: 100%;
}

.gridlock .row .contained.all-push-fifth {
    margin-left: 20%;
}

.gridlock .row .contained.all-push-fourth {
    margin-left: 25%;
}

.gridlock .row .contained.all-push-third {
    margin-left: 33.33333333%;
}

.gridlock .row .contained.all-push-half {
    margin-left: 50%;
}

.gridlock .row [class*="all-"].centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.gridlock .row .all-hide {
    display: none;
}

@media screen and (max-width: 979px) {
    .gridlock .row .mobile-1 {
        width: 31.25%;
    }
    .gridlock .row .mobile-2 {
        width: 64.58333333%;
    }
    .gridlock .row .mobile-3 {
        width: 97.91666667%;
    }
    .gridlock .row .mobile-push-1 {
        margin-left: 34.375%;
    }
    .gridlock .row .mobile-push-2 {
        margin-left: 67.70833333%;
    }
    .gridlock .row .contained.mobile-1 {
        width: 33.33333333%;
    }
    .gridlock .row .contained.mobile-2 {
        width: 66.66666667%;
    }
    .gridlock .row .contained.mobile-3 {
        width: 100%;
    }
    .gridlock .row .contained.mobile-push-1 {
        margin-left: 33.33333333%;
    }
    .gridlock .row .contained.mobile-push-2 {
        margin-left: 66.66666667%;
    }
    .gridlock .row .mobile-fifth {
        width: 17.91666667%;
    }
    .gridlock .row .mobile-fourth {
        width: 22.91666667%;
    }
    .gridlock .row .mobile-third {
        width: 31.25%;
    }
    .gridlock .row .mobile-half {
        width: 47.91666667%;
    }
    .gridlock .row .mobile-full {
        width: 97.91666667%;
    }
    .gridlock .row .mobile-push-fifth {
        margin-left: 21.04166667%;
    }
    .gridlock .row .mobile-push-fourth {
        margin-left: 26.04166667%;
    }
    .gridlock .row .mobile-push-third {
        margin-left: 34.375%;
    }
    .gridlock .row .mobile-push-half {
        margin-left: 51.04166667%;
    }
    .gridlock .row .contained.mobile-fifth {
        width: 20%;
    }
    .gridlock .row .contained.mobile-fourth {
        width: 25%;
    }
    .gridlock .row .contained.mobile-third {
        width: 33.33333333%;
    }
    .gridlock .row .contained.mobile-half {
        width: 50%;
    }
    .gridlock .row .contained.mobile-full {
        width: 100%;
    }
    .gridlock .row .contained.mobile-push-fifth {
        margin-left: 20%;
    }
    .gridlock .row .contained.mobile-push-fourth {
        margin-left: 25%;
    }
    .gridlock .row .contained.mobile-push-third {
        margin-left: 33.33333333%;
    }
    .gridlock .row .contained.mobile-push-half {
        margin-left: 50%;
    }
    .gridlock .row [class*="mobile-"].centered {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .gridlock .row .mobile-hide {
        display: none;
    }
}

@media screen and (max-width: 499px) {
    .gridlock .row .min-1 {
        width: 31.25%;
    }
    .gridlock .row .min-2 {
        width: 64.58333333%;
    }
    .gridlock .row .min-3 {
        width: 97.91666667%;
    }
    .gridlock .row .min-push-1 {
        margin-left: 34.375%;
    }
    .gridlock .row .min-push-2 {
        margin-left: 67.70833333%;
    }
    .gridlock .row .contained.min-1 {
        width: 33.33333333%;
    }
    .gridlock .row .contained.min-2 {
        width: 66.66666667%;
    }
    .gridlock .row .contained.min-3 {
        width: 100%;
    }
    .gridlock .row .contained.min-push-1 {
        margin-left: 33.33333333%;
    }
    .gridlock .row .contained.min-push-2 {
        margin-left: 66.66666667%;
    }
    .gridlock .row .min-fifth {
        width: 17.91666667%;
    }
    .gridlock .row .min-fourth {
        width: 22.91666667%;
    }
    .gridlock .row .min-third {
        width: 31.25%;
    }
    .gridlock .row .min-half {
        width: 47.91666667%;
    }
    .gridlock .row .min-full {
        width: 97.91666667%;
    }
    .gridlock .row .min-push-fifth {
        margin-left: 21.04166667%;
    }
    .gridlock .row .min-push-fourth {
        margin-left: 26.04166667%;
    }
    .gridlock .row .min-push-third {
        margin-left: 34.375%;
    }
    .gridlock .row .min-push-half {
        margin-left: 51.04166667%;
    }
    .gridlock .row .contained.min-fifth {
        width: 20%;
    }
    .gridlock .row .contained.min-fourth {
        width: 25%;
    }
    .gridlock .row .contained.min-third {
        width: 33.33333333%;
    }
    .gridlock .row .contained.min-half {
        width: 50%;
    }
    .gridlock .row .contained.min-full {
        width: 100%;
    }
    .gridlock .row .contained.min-push-fifth {
        margin-left: 20%;
    }
    .gridlock .row .contained.min-push-fourth {
        margin-left: 25%;
    }
    .gridlock .row .contained.min-push-third {
        margin-left: 33.33333333%;
    }
    .gridlock .row .contained.min-push-half {
        margin-left: 50%;
    }
    .gridlock .row [class*="min-"].centered {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .gridlock .row .min-hide {
        display: none;
    }
}

/* @media screen and (min-width: 740px) and (max-width: 979px) {
    .gridlock .row .tablet-1 {
        width: 14.58333333%;
    }
    .gridlock .row .tablet-2 {
        width: 31.25%;
    }
    .gridlock .row .tablet-3 {
        width: 47.91666667%;
    }
    .gridlock .row .tablet-4 {
        width: 64.58333333%;
    }
    .gridlock .row .tablet-5 {
        width: 81.25%;
    }
    .gridlock .row .tablet-6 {
        width: 97.91666667%;
    }
    .gridlock .row .tablet-push-1 {
        margin-left: 17.70833333%;
    }
    .gridlock .row .tablet-push-2 {
        margin-left: 34.375%;
    }
    .gridlock .row .tablet-push-3 {
        margin-left: 51.04166667%;
    }
    .gridlock .row .tablet-push-4 {
        margin-left: 67.70833333%;
    }
    .gridlock .row .tablet-push-5 {
        margin-left: 84.375%;
    }
    .gridlock .row .contained.tablet-1 {
        width: 16.66666667%;
    }
    .gridlock .row .contained.tablet-2 {
        width: 33.33333333%;
    }
    .gridlock .row .contained.tablet-3 {
        width: 50%;
    }
    .gridlock .row .contained.tablet-4 {
        width: 66.66666667%;
    }
    .gridlock .row .contained.tablet-5 {
        width: 83.33333333%;
    }
    .gridlock .row .contained.tablet-6 {
        width: 100%;
    }
    .gridlock .row .contained.tablet-push-1 {
        margin-left: 16.66666667%;
    }
    .gridlock .row .contained.tablet-push-2 {
        margin-left: 33.33333333%;
    }
    .gridlock .row .contained.tablet-push-3 {
        margin-left: 50%;
    }
    .gridlock .row .contained.tablet-push-4 {
        margin-left: 66.66666667%;
    }
    .gridlock .row .contained.tablet-push-5 {
        margin-left: 83.33333333%;
    }
    .gridlock .row .tablet-fifth {
        width: 17.91666667%;
    }
    .gridlock .row .tablet-fourth {
        width: 22.91666667%;
    }
    .gridlock .row .tablet-third {
        width: 31.25%;
    }
    .gridlock .row .tablet-three-quarter {
        width: 72.9%;
    }
    .gridlock .row .tablet-two-thirds {
        width: 64.5%;
    }
    .gridlock .row .tablet-half {
        width: 47.91666667%;
    }
    .gridlock .row .tablet-full {
        width: 97.91666667%;
    }
    .gridlock .row .tablet-push-fifth {
        margin-left: 21.04166667%;
    }
    .gridlock .row .tablet-push-fourth {
        margin-left: 26.04166667%;
    }
    .gridlock .row .tablet-push-third {
        margin-left: 34.375%;
    }
    .gridlock .row .tablet-push-half {
        margin-left: 51.04166667%;
    }
    .gridlock .row .contained.tablet-fifth {
        width: 20%;
    }
    .gridlock .row .contained.tablet-fourth {
        width: 25%;
    }
    .gridlock .row .contained.tablet-third {
        width: 33.33333333%;
    }
    .gridlock .row .contained.tablet-half {
        width: 50%;
    }
    .gridlock .row .contained.tablet-full {
        width: 100%;
    }
    .gridlock .row .contained.tablet-push-fifth {
        margin-left: 20%;
    }
    .gridlock .row .contained.tablet-push-fourth {
        margin-left: 25%;
    }
    .gridlock .row .contained.tablet-push-third {
        margin-left: 33.33333333%;
    }
    .gridlock .row .contained.tablet-push-half {
        margin-left: 50%;
    }
    .gridlock .row [class*="tablet-"].centered {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .gridlock .row .tablet-hide {
        display: none !important;
    }
} */

@media screen and (min-width: 980px) {
    .gridlock .row .desktop-1 {
        width: 6.25%;
    }
    .gridlock .row .desktop-2 {
        width: 14.58333333%;
    }
    .gridlock .row .desktop-3 {
        width: 22.91666667%;
    }
    .gridlock .row .desktop-4 {
        width: 31.25%;
    }
    .gridlock .row .desktop-5 {
        width: 39.58333333%;
    }
    .gridlock .row .desktop-6 {
        width: 47.91666667%;
    }
    .gridlock .row .desktop-7 {
        width: 56.25%;
    }
    .gridlock .row .desktop-8 {
        width: 64.58333333%;
    }
    .gridlock .row .desktop-9 {
        width: 72.91666667%;
    }
    .gridlock .row .desktop-10 {
        width: 81.25%;
    }
    .gridlock .row .desktop-11 {
        width: 89.58333333%;
    }
    .gridlock .row .desktop-12 {
        width: 97.91666667%;
    }
    .gridlock .row .desktop-push-1 {
        margin-left: 9.375%;
    }
    .gridlock .row .desktop-push-2 {
        margin-left: 17.70833333%;
    }
    .gridlock .row .desktop-push-3 {
        margin-left: 26.04166667%;
    }
    .gridlock .row .desktop-push-4 {
        margin-left: 34.375%;
    }
    .gridlock .row .desktop-push-5 {
        margin-left: 42.70833333%;
    }
    .gridlock .row .desktop-push-6 {
        margin-left: 51.04166667%;
    }
    .gridlock .row .desktop-push-7 {
        margin-left: 59.375%;
    }
    .gridlock .row .desktop-push-8 {
        margin-left: 67.70833333%;
    }
    .gridlock .row .desktop-push-9 {
        margin-left: 76.04166667%;
    }
    .gridlock .row .desktop-push-10 {
        margin-left: 84.375%;
    }
    .gridlock .row .desktop-push-11 {
        margin-left: 92.70833333%;
    }
    .gridlock .row .contained.desktop-1 {
        width: 8.33333333%;
    }
    .gridlock .row .contained.desktop-2 {
        width: 16.66666667%;
    }
    .gridlock .row .contained.desktop-3 {
        width: 25%;
    }
    .gridlock .row .contained.desktop-4 {
        width: 33.33333333%;
    }
    .gridlock .row .contained.desktop-5 {
        width: 41.66666667%;
    }
    .gridlock .row .contained.desktop-6 {
        width: 50%;
    }
    .gridlock .row .contained.desktop-7 {
        width: 58.33333333%;
    }
    .gridlock .row .contained.desktop-8 {
        width: 66.66666667%;
    }
    .gridlock .row .contained.desktop-9 {
        width: 75%;
    }
    .gridlock .row .contained.desktop-10 {
        width: 83.33333333%;
    }
    .gridlock .row .contained.desktop-11 {
        width: 91.66666667%;
    }
    .gridlock .row .contained.desktop-12 {
        width: 100%;
    }
    .gridlock .row .contained.desktop-push-1 {
        margin-left: 8.33333333%;
    }
    .gridlock .row .contained.desktop-push-2 {
        margin-left: 16.66666667%;
    }
    .gridlock .row .contained.desktop-push-3 {
        margin-left: 25%;
    }
    .gridlock .row .contained.desktop-push-4 {
        margin-left: 33.33333333%;
    }
    .gridlock .row .contained.desktop-push-5 {
        margin-left: 41.66666667%;
    }
    .gridlock .row .contained.desktop-push-6 {
        margin-left: 50%;
    }
    .gridlock .row .contained.desktop-push-7 {
        margin-left: 58.33333333%;
    }
    .gridlock .row .contained.desktop-push-8 {
        margin-left: 66.66666667%;
    }
    .gridlock .row .contained.desktop-push-9 {
        margin-left: 75%;
    }
    .gridlock .row .contained.desktop-push-10 {
        margin-left: 83.33333333%;
    }
    .gridlock .row .contained.desktop-push-11 {
        margin-left: 91.66666667%;
    }
    .gridlock .row .desktop-fifth {
        width: 17.91666667%;
    }
    .gridlock .row .desktop-fourth {
        width: 22.91666667%;
    }
    .gridlock .row .desktop-third {
        width: 31.25%;
    }
    .gridlock .row .desktop-half {
        width: 47.91666667%;
    }
    .gridlock .row .desktop-full {
        width: 97.91666667%;
    }
    .gridlock .row .desktop-push-fifth {
        margin-left: 21.04166667%;
    }
    .gridlock .row .desktop-push-fourth {
        margin-left: 26.04166667%;
    }
    .gridlock .row .desktop-push-third {
        margin-left: 34.375%;
    }
    .gridlock .row .desktop-push-half {
        margin-left: 51.04166667%;
    }
    .gridlock .row .contained.desktop-fifth {
        width: 20%;
    }
    .gridlock .row .contained.desktop-fourth {
        width: 25%;
    }
    .gridlock .row .contained.desktop-third {
        width: 33.33333333%;
    }
    .gridlock .row .contained.desktop-half {
        width: 50%;
    }
    .gridlock .row .contained.desktop-full {
        width: 100%;
    }
    .gridlock .row .contained.desktop-push-fifth {
        margin-left: 20%;
    }
    .gridlock .row .contained.desktop-push-fourth {
        margin-left: 25%;
    }
    .gridlock .row .contained.desktop-push-third {
        margin-left: 33.33333333%;
    }
    .gridlock .row .contained.desktop-push-half {
        margin-left: 50%;
    }
    .gridlock .row [class*="desktop-"].centered {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .gridlock .row .desktop-hide,
    .gridlock .row .lg-hide {
        display: none !important;
    }
}

@media screen and (min-width: 1220px) {
    .gridlock .row .max-1 {
        width: 6.25%;
    }
    .gridlock .row .max-2 {
        width: 14.58333333%;
    }
    .gridlock .row .max-3 {
        width: 22.91666667%;
    }
    .gridlock .row .max-4 {
        width: 31.25%;
    }
    .gridlock .row .max-5 {
        width: 39.58333333%;
    }
    .gridlock .row .max-6 {
        width: 47.91666667%;
    }
    .gridlock .row .max-7 {
        width: 56.25%;
    }
    .gridlock .row .max-8 {
        width: 64.58333333%;
    }
    .gridlock .row .max-9 {
        width: 72.91666667%;
    }
    .gridlock .row .max-10 {
        width: 81.25%;
    }
    .gridlock .row .max-11 {
        width: 89.58333333%;
    }
    .gridlock .row .max-12 {
        width: 97.91666667%;
    }
    .gridlock .row .max-push-1 {
        margin-left: 9.375%;
    }
    .gridlock .row .max-push-2 {
        margin-left: 17.70833333%;
    }
    .gridlock .row .max-push-3 {
        margin-left: 26.04166667%;
    }
    .gridlock .row .max-push-4 {
        margin-left: 34.375%;
    }
    .gridlock .row .max-push-5 {
        margin-left: 42.70833333%;
    }
    .gridlock .row .max-push-6 {
        margin-left: 51.04166667%;
    }
    .gridlock .row .max-push-7 {
        margin-left: 59.375%;
    }
    .gridlock .row .max-push-8 {
        margin-left: 67.70833333%;
    }
    .gridlock .row .max-push-9 {
        margin-left: 76.04166667%;
    }
    .gridlock .row .max-push-10 {
        margin-left: 84.375%;
    }
    .gridlock .row .max-push-11 {
        margin-left: 92.70833333%;
    }
    .gridlock .row .contained.max-1 {
        width: 8.33333333%;
    }
    .gridlock .row .contained.max-2 {
        width: 16.66666667%;
    }
    .gridlock .row .contained.max-3 {
        width: 25%;
    }
    .gridlock .row .contained.max-4 {
        width: 33.33333333%;
    }
    .gridlock .row .contained.max-5 {
        width: 41.66666667%;
    }
    .gridlock .row .contained.max-6 {
        width: 50%;
    }
    .gridlock .row .contained.max-7 {
        width: 58.33333333%;
    }
    .gridlock .row .contained.max-8 {
        width: 66.66666667%;
    }
    .gridlock .row .contained.max-9 {
        width: 75%;
    }
    .gridlock .row .contained.max-10 {
        width: 83.33333333%;
    }
    .gridlock .row .contained.max-11 {
        width: 91.66666667%;
    }
    .gridlock .row .contained.max-12 {
        width: 100%;
    }
    .gridlock .row .contained.max-push-1 {
        margin-left: 8.33333333%;
    }
    .gridlock .row .contained.max-push-2 {
        margin-left: 16.66666667%;
    }
    .gridlock .row .contained.max-push-3 {
        margin-left: 25%;
    }
    .gridlock .row .contained.max-push-4 {
        margin-left: 33.33333333%;
    }
    .gridlock .row .contained.max-push-5 {
        margin-left: 41.66666667%;
    }
    .gridlock .row .contained.max-push-6 {
        margin-left: 50%;
    }
    .gridlock .row .contained.max-push-7 {
        margin-left: 58.33333333%;
    }
    .gridlock .row .contained.max-push-8 {
        margin-left: 66.66666667%;
    }
    .gridlock .row .contained.max-push-9 {
        margin-left: 75%;
    }
    .gridlock .row .contained.max-push-10 {
        margin-left: 83.33333333%;
    }
    .gridlock .row .contained.max-push-11 {
        margin-left: 91.66666667%;
    }
    .gridlock .row .max-fifth {
        width: 17.91666667%;
    }
    .gridlock .row .max-fourth {
        width: 22.91666667%;
    }
    .gridlock .row .max-third {
        width: 31.25%;
    }
    .gridlock .row .max-half {
        width: 47.91666667%;
    }
    .gridlock .row .max-full {
        width: 97.91666667%;
    }
    .gridlock .row .max-push-fifth {
        margin-left: 21.04166667%;
    }
    .gridlock .row .max-push-fourth {
        margin-left: 26.04166667%;
    }
    .gridlock .row .max-push-third {
        margin-left: 34.375%;
    }
    .gridlock .row .max-push-half {
        margin-left: 51.04166667%;
    }
    .gridlock .row .contained.max-fifth {
        width: 20%;
    }
    .gridlock .row .contained.max-fourth {
        width: 25%;
    }
    .gridlock .row .contained.max-third {
        width: 33.33333333%;
    }
    .gridlock .row .contained.max-half {
        width: 50%;
    }
    .gridlock .row .contained.max-full {
        width: 100%;
    }
    .gridlock .row .contained.max-push-fifth {
        margin-left: 20%;
    }
    .gridlock .row .contained.max-push-fourth {
        margin-left: 25%;
    }
    .gridlock .row .contained.max-push-third {
        margin-left: 33.33333333%;
    }
    .gridlock .row .contained.max-push-half {
        margin-left: 50%;
    }
    .gridlock .row [class*="max-"].centered {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .gridlock .row .max-hide {
        display: none;
    }
}

.gridlock-fluid .row {
    width: 98%;
}

* {
    margin: 0;
}

.first {
    clear: left;
}

/* =============== */
/* = CSS Grid = */
/* =============== */
.grid__wrapper {
    margin: 0 auto;
    padding-left: 3%;
    padding-right: 3%;
    max-width: 1600px;
    display: grid;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    font-size: var(--base-font-size);
}

.grid__wrapper-nest {
    display: grid !important;
}

.grid__wrapper.aflow {
    grid-auto-flow: dense;
}

.grid__wrapper.narrow {
    padding-left: 7%;
    padding-right: 7%;
}

.grid__wrapper.full {
    padding-left: 1.25%;
    padding-right: 1.25%;
    max-width: unset;
    width: 100%;
}

.grid__wrapper.edge {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: unset;
}

.gridlock .row .row.grid__wrapper {
    width: 102%;
    margin-left: -1%;
    margin-right: -1%;
}

.grid__wrapper > .first {
    order: 1;
}

.grid__wrapper > .last {
    order: 2;
}

/* Inline Grid Columns */
.grid__wrapper > * {
    display: inline-block;
    padding: 0;
    font-size: var(--font-size);
    vertical-align: top;
}

.span-1 {
    width: 8.3333333%;
}
.span-2 {
    width: 16.666666%;
}
.span-3 {
    width: 25%;
}
.span-4 {
    width: 33.333333%;
}
.span-5 {
    width: 41.666666%;
}
.span-6 {
    width: 50%;
}
.span-7 {
    width: 58.333333%;
}
.span-8 {
    width: 66.666666%;
}
.span-9 {
    width: 75%;
}
.span-10 {
    width: 83.33333%;
}
.span-11 {
    width: 91.666667%;
}
.span-12 {
    width: 100%;
}

/* Grid 5 Column */
@media screen and (min-width: 981px) {
    .grid__wrapper.gtc5 {
        grid-template-columns: repeat(5, minmax(1em, 1fr));
    }
}
/* Grid Row Template */
.grid__wrapper.gtr1 {
    grid-template-rows: 1fr;
}
.grid__wrapper.gtr2 {
    grid-template-rows: 1fr 1fr;
}
.grid__wrapper.gtr3 {
    grid-template-rows: 1fr 1fr 1fr;
}
.grid__wrapper.gtr4 {
    grid-template-rows: 1fr 1fr 1fr 1fr;
}

.gr1 {
    grid-row: 1;
}
.gr2 {
    grid-row: 2;
}
.gr3 {
    grid-row: 3;
}
.gr4 {
    grid-row: 4;
}

.gc10 {
    grid-column-start: 10 !important;
}

/* Grid Gap */
.cg0 {
    grid-column-gap: 0;
}
.cg1 {
    grid-column-gap: 6px;
}
.cg2 {
    grid-column-gap: 9px;
}
.cg3 {
    grid-column-gap: 12px;
}
.cg4 {
    grid-column-gap: 15px;
}
.cg5 {
    grid-column-gap: 18px;
}
.cg6 {
    grid-column-gap: 21px;
}
.cg7 {
    grid-column-gap: 24px;
}
.cg8 {
    grid-column-gap: 27px;
}
.cg9 {
    grid-column-gap: 30px;
}

.rg0 {
    grid-row-gap: 0;
}
.rg1 {
    grid-row-gap: 6px;
}
.rg2 {
    grid-row-gap: 9px;
}
.rg3 {
    grid-row-gap: 12px;
}
.rg4 {
    grid-row-gap: 15px;
}
.rg5 {
    grid-row-gap: 18px;
}
.rg6 {
    grid-row-gap: 21px;
}
.rg7 {
    grid-row-gap: 24px;
}
.rg8 {
    grid-row-gap: 27px;
}
.rg9 {
    grid-row-gap: 30px;
}

/* Align Text */
.a-left {
    text-align: left;
}
.a-right {
    text-align: right;
}
.a-center {
    text-align: center;
}

/* Align Items */
.vai-start {
    align-items: start;
}
.vai-center {
    align-items: center;
}
.vai-end {
    align-items: end;
}

/* Align Self */
.v-start {
    align-self: start;
    vertical-align: top;
}
.v-center {
    align-self: center;
    vertical-align: middle;
}
.v-end {
    align-self: end;
    vertical-align: bottom;
}
.v-stretch {
    align-self: stretch;
}
.vi-center {
    display: inline;
    vertical-align: middle;
}
.vib-center {
    display: inline-block;
    vertical-align: middle;
}

/* Justify Self */
.h-start {
    justify-self: start;
}
.h-center {
    justify-self: center;
}
.h-end {
    justify-self: end;
}
.h-stretch {
    justify-self: stretch;
}

/* Place Self */
.vh-start {
    place-self: start;
}
.vv-center {
    place-self: center;
}
.vh-end {
    place-self: end;
}
.vh-stretch {
    place-self: stretch;
}

.absolute-center {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.relative {
    position: relative;
}

@supports (display: grid) {
    /* Grid Columns */
    .span-1 {
        grid-column: 1;
        width: 100%;
    }
    .span-2 {
        grid-column: 1 / 3;
        width: 100%;
    }
    .span-3 {
        grid-column: 1 / 4;
        width: 100%;
    }
    .span-4,
    .span-third {
        grid-column: 1 / 5;
        width: 100%;
    }
    .span-5 {
        grid-column: 1 / 6;
        width: 100%;
    }
    .span-6 {
        grid-column: 1 / 7;
        width: 100%;
    }
    .span-7 {
        grid-column: 1 / 8;
        width: 100%;
    }
    .span-8 {
        grid-column: 1 / 9;
        width: 100%;
    }
    .span-9 {
        grid-column: 1 / 10;
        width: 100%;
    }
    .span-10 {
        grid-column: 1 / 11;
        width: 100%;
    }
    .span-11 {
        grid-column: 1 / 12;
        width: 100%;
    }
    .span-12 {
        grid-column: 1 / 13;
        width: 100%;
    }

    .span-6.first {
        grid-column: 1 / 7;
        width: 100%;
    }
    .span-6.last {
        grid-column: 7 / 13;
        width: 100%;
    }
    .span-8.first {
        grid-column: 1 / 9;
        width: 100%;
    }
    .span-4.last {
        grid-column: 9 / 13;
        width: 100%;
    }
    .span-4.first {
        grid-column: 1 / 5;
        width: 100%;
    }
    .span-8.last {
        grid-column: 5 / 13;
        width: 100%;
    }
    .span-9.first {
        grid-column: 1 / 10;
        width: 100%;
    }
    .span-3.last {
        grid-column: 10 / 13;
        width: 100%;
    }
    .span-3.first {
        grid-column: 1 / 4;
        width: 100%;
    }
    .span-9.last {
        grid-column: 4 / 13;
        width: 100%;
    }

    /* Grid Auto Columns */
    .span-1.auto {
        grid-column: auto / span 1;
        width: 100%;
    }
    .span-2.auto {
        grid-column: auto / span 2;
        width: 100%;
    }
    .span-3.auto {
        grid-column: auto / span 3;
        width: 100%;
    }
    .span-4.auto,
    .span-third.auto {
        grid-column: auto / span 4;
        width: 100%;
    }
    .span-5.auto {
        grid-column: auto / span 5;
        width: 100%;
    }
    .span-6.auto {
        grid-column: auto / span 6;
        width: 100%;
    }
    .span-7.auto {
        grid-column: auto / span 7;
        width: 100%;
    }
    .span-8.auto {
        grid-column: auto / span 8;
        width: 100%;
    }
    .span-9.auto {
        grid-column: auto / span 9;
        width: 100%;
    }
    .span-10.auto {
        grid-column: auto / span 10;
        width: 100%;
    }
    .span-11.auto {
        grid-column: auto / span 11;
        width: 100%;
    }
    .span-12.auto {
        grid-column: auto / span 12;
        width: 100%;
    }

    /* Grid Push Columns */
    .span-1.push-1 {
        grid-column: 2 / 3;
        width: 100%;
    }
    .span-1.push-2 {
        grid-column: 3 / 4;
        width: 100%;
    }
    .span-1.push-3 {
        grid-column: 4 / 5;
        width: 100%;
    }
    .span-1.push-4 {
        grid-column: 5 / 6;
        width: 100%;
    }
    .span-1.push-5 {
        grid-column: 6 / 7;
        width: 100%;
    }
    .span-1.push-6 {
        grid-column: 7 / 8;
        width: 100%;
    }
    .span-1.push-7 {
        grid-column: 8 / 9;
        width: 100%;
    }
    .span-1.push-8 {
        grid-column: 9 / 10;
        width: 100%;
    }
    .span-1.push-9 {
        grid-column: 10 / 11;
        width: 100%;
    }
    .span-1.push-10 {
        grid-column: 11 / 12;
        width: 100%;
    }
    .span-1.push-11 {
        grid-column: 12 / 13;
        width: 100%;
    }

    .span-2.push-1 {
        grid-column: 2 / 4;
        width: 100%;
    }
    .span-2.push-2 {
        grid-column: 3 / 5;
        width: 100%;
    }
    .span-2.push-3 {
        grid-column: 4 / 6;
        width: 100%;
    }
    .span-2.push-4 {
        grid-column: 5 / 7;
        width: 100%;
    }
    .span-2.push-5 {
        grid-column: 6 / 8;
        width: 100%;
    }
    .span-2.push-6 {
        grid-column: 7 / 9;
        width: 100%;
    }
    .span-2.push-7 {
        grid-column: 8 / 10;
        width: 100%;
    }
    .span-2.push-8 {
        grid-column: 9 / 11;
        width: 100%;
    }
    .span-2.push-9 {
        grid-column: 10 / 12;
        width: 100%;
    }
    .span-2.push-10 {
        grid-column: 11 / 13;
        width: 100%;
    }

    .span-3.push-1 {
        grid-column: 2 / 5;
        width: 100%;
    }
    .span-3.push-2 {
        grid-column: 3 / 6;
        width: 100%;
    }
    .span-3.push-3 {
        grid-column: 4 / 7;
        width: 100%;
    }
    .span-3.push-4 {
        grid-column: 5 / 8;
        width: 100%;
    }
    .span-3.push-5 {
        grid-column: 6 / 9;
        width: 100%;
    }
    .span-3.push-6 {
        grid-column: 7 / 10;
        width: 100%;
    }
    .span-3.push-7 {
        grid-column: 8 / 11;
        width: 100%;
    }
    .span-3.push-8 {
        grid-column: 9 / 12;
        width: 100%;
    }
    .span-3.push-9 {
        grid-column: 10 / 13;
        width: 100%;
    }

    .span-4.push-1 {
        grid-column: 2 / 6;
        width: 100%;
    }
    .span-4.push-2 {
        grid-column: 3 / 7;
        width: 100%;
    }
    .span-4.push-3 {
        grid-column: 4 / 8;
        width: 100%;
    }
    .span-4.push-4 {
        grid-column: 5 / 9;
        width: 100%;
    }
    .span-4.push-5 {
        grid-column: 6 / 10;
        width: 100%;
    }
    .span-4.push-6 {
        grid-column: 7 / 11;
        width: 100%;
    }
    .span-4.push-7 {
        grid-column: 8 / 12;
        width: 100%;
    }
    .span-4.push-8 {
        grid-column: 9 / 13;
        width: 100%;
    }

    .span-5.push-1 {
        grid-column: 2 / 7;
        width: 100%;
    }
    .span-5.push-2 {
        grid-column: 3 / 8;
        width: 100%;
    }
    .span-5.push-3 {
        grid-column: 4 / 9;
        width: 100%;
    }
    .span-5.push-4 {
        grid-column: 5 / 10;
        width: 100%;
    }
    .span-5.push-5 {
        grid-column: 6 / 11;
        width: 100%;
    }
    .span-5.push-6 {
        grid-column: 7 / 12;
        width: 100%;
    }
    .span-5.push-7 {
        grid-column: 8 / 13;
        width: 100%;
    }

    .span-6.push-1 {
        grid-column: 2 / 8;
        width: 100%;
    }
    .span-6.push-2 {
        grid-column: 3 / 9;
        width: 100%;
    }
    .span-6.push-3 {
        grid-column: 4 / 10;
        width: 100%;
    }
    .span-6.push-4 {
        grid-column: 5 / 11;
        width: 100%;
    }
    .span-6.push-5 {
        grid-column: 6 / 12;
        width: 100%;
    }
    .span-6.push-6 {
        grid-column: 7 / 13;
        width: 100%;
    }

    .span-7.push-1 {
        grid-column: 2 / 9;
        width: 100%;
    }
    .span-7.push-2 {
        grid-column: 3 / 10;
        width: 100%;
    }
    .span-7.push-3 {
        grid-column: 4 / 11;
        width: 100%;
    }
    .span-7.push-4 {
        grid-column: 5 / 12;
        width: 100%;
    }
    .span-7.push-5 {
        grid-column: 6 / 13;
        width: 100%;
    }

    .span-8.push-1 {
        grid-column: 2 / 10;
        width: 100%;
    }
    .span-8.push-2 {
        grid-column: 3 / 11;
        width: 100%;
    }
    .span-8.push-3 {
        grid-column: 4 / 12;
        width: 100%;
    }
    .span-8.push-4 {
        grid-column: 5 / 13;
        width: 100%;
    }

    .span-9.push-1 {
        grid-column: 2 / 11;
        width: 100%;
    }
    .span-9.push-2 {
        grid-column: 3 / 12;
        width: 100%;
    }
    .span-9.push-3 {
        grid-column: 4 / 13;
        width: 100%;
    }

    .span-10.push-1 {
        grid-column: 2 / 12;
        width: 100%;
    }
    .span-10.push-2 {
        grid-column: 3 / 13;
        width: 100%;
    }

    .span-11.push-1 {
        grid-column: 2 / 13;
        width: 100%;
    }

    @media (min-width: 981px) {
        .desktop-hide {
            display: none !important;
        }
    }

    /* Mobile Grid Columns */
    @media (max-width: 740px) {
        .sm-span-1.auto {
            grid-column: auto / span 1 !important;
            width: 100%;
        }
        .sm-span-2.auto {
            grid-column: auto / span 2 !important;
            width: 100%;
        }
        .sm-span-3.auto {
            grid-column: auto / span 3 !important;
            width: 100%;
        }
        .sm-span-4.auto,
        .sm-span-third.auto {
            grid-column: auto / span 4 !important;
            width: 100%;
        }
        .sm-span-5.auto {
            grid-column: auto / span 5 !important;
            width: 100%;
        }
        .sm-span-6.auto {
            grid-column: auto / span 6 !important;
            width: 100%;
        }
        .sm-span-7.auto {
            grid-column: auto / span 7 !important;
            width: 100%;
        }
        .sm-span-8.auto {
            grid-column: auto / span 8 !important;
            width: 100%;
        }
        .sm-span-9.auto {
            grid-column: auto / span 9 !important;
            width: 100%;
        }
        .sm-span-10.auto {
            grid-column: auto / span 10 !important;
            width: 100%;
        }
        .sm-span-11.auto {
            grid-column: auto / span 11 !important;
            width: 100%;
        }
        .sm-span-12.auto {
            grid-column: auto / span 12 !important;
            width: 100%;
        }

        .sm-cg0 {
            grid-column-gap: 0;
        }
        .sm-cg1 {
            grid-column-gap: 6px;
        }
        .sm-cg2 {
            grid-column-gap: 9px;
        }
        .sm-cg3 {
            grid-column-gap: 12px;
        }
        .sm-cg4 {
            grid-column-gap: 15px;
        }
        .sm-cg5 {
            grid-column-gap: 18px;
        }
        .sm-cg6 {
            grid-column-gap: 21px;
        }
        .sm-cg7 {
            grid-column-gap: 24px;
        }
        .sm-cg8 {
            grid-column-gap: 27px;
        }
        .sm-cg9 {
            grid-column-gap: 30px;
        }

        .sm-rg0 {
            grid-row-gap: 0;
        }
        .sm-rg1 {
            grid-row-gap: 6px;
        }
        .sm-rg2 {
            grid-row-gap: 9px;
        }
        .sm-rg3 {
            grid-row-gap: 12px;
        }
        .sm-rg4 {
            grid-row-gap: 15px;
        }
        .sm-rg5 {
            grid-row-gap: 18px;
        }
        .sm-rg6 {
            grid-row-gap: 21px;
        }
        .sm-rg7 {
            grid-row-gap: 24px;
        }
        .sm-rg8 {
            grid-row-gap: 27px;
        }
        .sm-rg9 {
            grid-row-gap: 30px;
        }

        .mobile-hide,
        .sm-hide {
            display: none !important;
        }
        /* Align Text */
        .sm-a-left {
            text-align: left;
        }
        .sm-a-right {
            text-align: right;
        }
        .sm-a-center {
            text-align: center;
        }

        /* Align Self */
        .sm-v-start {
            align-self: start;
            vertical-align: top;
        }
        .sm-v-center {
            align-self: center;
            vertical-align: middle;
        }
        .sm-v-end {
            align-self: end;
            vertical-align: bottom;
        }
        .sm-v-stretch {
            align-self: stretch;
        }

        /* Justify Self */
        .sm-h-start {
            justify-self: start;
        }
        .sm-h-center {
            justify-self: center;
        }
        .sm-h-end {
            justify-self: end;
        }
        .sm-h-stretch {
            justify-self: stretch;
        }

        /* Place Self */
        .sm-vh-start {
            place-self: start;
        }
        .sm-vv-center {
            place-self: center;
        }
        .sm-vh-end {
            place-self: end;
        }
        .sm-vh-stretch {
            place-self: stretch;
        }
    }

    /* Tablet Grid */
    @media (min-width: 741px) and (max-width: 980px) {
        .md-span-12.auto {
            grid-column: auto / span 12 !important;
            width: 100%;
        }
        .md-span-1.auto {
            grid-column: auto / span 1 !important;
            width: 100%;
        }
        .md-span-2.auto {
            grid-column: auto / span 2 !important;
            width: 100%;
        }
        .md-span-3.auto {
            grid-column: auto / span 3 !important;
            width: 100%;
        }
        .md-span-4.auto,
        .md-span-third.auto {
            grid-column: auto / span 4 !important;
            width: 100%;
        }
        .md-span-5.auto {
            grid-column: auto / span 5 !important;
            width: 100%;
        }
        .md-span-6.auto {
            grid-column: auto / span 6 !important;
            width: 100%;
        }
        .md-span-7.auto {
            grid-column: auto / span 7 !important;
            width: 100%;
        }
        .md-span-8.auto {
            grid-column: auto / span 8 !important;
            width: 100%;
        }
        .md-span-9.auto {
            grid-column: auto / span 9 !important;
            width: 100%;
        }
        .md-span-10.auto {
            grid-column: auto / span 10 !important;
            width: 100%;
        }
        .md-span-11.auto {
            grid-column: auto / span 11 !important;
            width: 100%;
        }
        .md-span-12.auto {
            grid-column: auto / span 12 !important;
            width: 100%;
        }
        .md-span-12.auto {
            grid-column: auto / span 12 !important;
            width: 100%;
        }

        .md-cg0 {
            grid-column-gap: 0;
        }
        .md-cg1 {
            grid-column-gap: 6px;
        }
        .md-cg2 {
            grid-column-gap: 9px;
        }
        .md-cg3 {
            grid-column-gap: 12px;
        }
        .md-cg4 {
            grid-column-gap: 15px;
        }
        .md-cg5 {
            grid-column-gap: 18px;
        }
        .md-cg6 {
            grid-column-gap: 21px;
        }
        .md-cg7 {
            grid-column-gap: 24px;
        }
        .md-cg8 {
            grid-column-gap: 27px;
        }
        .md-cg9 {
            grid-column-gap: 30px;
        }

        .md-rg0 {
            grid-row-gap: 0;
        }
        .md-rg1 {
            grid-row-gap: 6px;
        }
        .md-rg2 {
            grid-row-gap: 9px;
        }
        .md-rg3 {
            grid-row-gap: 12px;
        }
        .md-rg4 {
            grid-row-gap: 15px;
        }
        .md-rg5 {
            grid-row-gap: 18px;
        }
        .md-rg6 {
            grid-row-gap: 21px;
        }
        .md-rg7 {
            grid-row-gap: 24px;
        }
        .md-rg8 {
            grid-row-gap: 27px;
        }
        .md-rg9 {
            grid-row-gap: 30px;
        }

        .tablet-hide {
            display: none !important;
        }
        /* Align Text */
        .md-a-left {
            text-align: left;
        }
        .md-a-right {
            text-align: right;
        }
        .md-a-center {
            text-align: center;
        }

        /* Align Self */
        .md-v-start {
            align-self: start;
            vertical-align: top;
        }
        .md-v-center {
            align-self: center;
            vertical-align: middle;
        }
        .md-v-end {
            align-self: end;
            vertical-align: bottom;
        }
        .md-v-stretch {
            align-self: stretch;
        }

        /* Justify Self */
        .md-h-start {
            justify-self: start;
        }
        .md-h-center {
            justify-self: center;
        }
        .md-h-end {
            justify-self: end;
        }
        .md-h-stretch {
            justify-self: stretch;
        }

        /* Place Self */
        .md-vh-start {
            place-self: start;
        }
        .md-vv-center {
            place-self: center;
        }
        .md-vh-end {
            place-self: end;
        }
        .md-vh-stretch {
            place-self: stretch;
        }
    }

    /* Mobile & Tablet Grid */
    @media (max-width: 980px) {
        .dv-span-12.auto {
            grid-column: auto / span 12 !important;
            width: 100%;
        }
        .dv-span-1.auto {
            grid-column: auto / span 1 !important;
            width: 100%;
        }
        .dv-span-2.auto {
            grid-column: auto / span 2 !important;
            width: 100%;
        }
        .dv-span-3.auto {
            grid-column: auto / span 3 !important;
            width: 100%;
        }
        .dv-span-4.auto,
        .md-span-third.auto {
            grid-column: auto / span 4 !important;
            width: 100%;
        }
        .dv-span-5.auto {
            grid-column: auto / span 5 !important;
            width: 100%;
        }
        .dv-span-6.auto {
            grid-column: auto / span 6 !important;
            width: 100%;
        }
        .dv-span-7.auto {
            grid-column: auto / span 7 !important;
            width: 100%;
        }
        .dv-span-8.auto {
            grid-column: auto / span 8 !important;
            width: 100%;
        }
        .dv-span-9.auto {
            grid-column: auto / span 9 !important;
            width: 100%;
        }
        .dv-span-10.auto {
            grid-column: auto / span 10 !important;
            width: 100%;
        }
        .dv-span-11.auto {
            grid-column: auto / span 11 !important;
            width: 100%;
        }
        .dv-span-12.auto {
            grid-column: auto / span 12 !important;
            width: 100%;
        }

        .dv-cg0 {
            grid-column-gap: 0;
        }
        .dv-cg1 {
            grid-column-gap: 6px;
        }
        .dv-cg2 {
            grid-column-gap: 9px;
        }
        .dv-cg3 {
            grid-column-gap: 12px;
        }
        .dv-cg4 {
            grid-column-gap: 15px;
        }
        .dv-cg5 {
            grid-column-gap: 18px;
        }
        .dv-cg6 {
            grid-column-gap: 21px;
        }
        .dv-cg7 {
            grid-column-gap: 24px;
        }
        .dv-cg8 {
            grid-column-gap: 27px;
        }
        .dv-cg9 {
            grid-column-gap: 30px;
        }

        .dv-rg0 {
            grid-row-gap: 0;
        }
        .dv-rg1 {
            grid-row-gap: 6px;
        }
        .dv-rg2 {
            grid-row-gap: 9px;
        }
        .dv-rg3 {
            grid-row-gap: 12px;
        }
        .dv-rg4 {
            grid-row-gap: 15px;
        }
        .dv-rg5 {
            grid-row-gap: 18px;
        }
        .dv-rg6 {
            grid-row-gap: 21px;
        }
        .dv-rg7 {
            grid-row-gap: 24px;
        }
        .dv-rg8 {
            grid-row-gap: 27px;
        }
        .dv-rg9 {
            grid-row-gap: 30px;
        }

        .device-hide {
            display: none !important;
        }

        /* Align Text */
        .dv-a-left {
            text-align: left;
        }
        .dv-a-right {
            text-align: right;
        }
        .dv-a-center {
            text-align: center;
        }

        /* Align Self */
        .dv-v-start {
            align-self: start;
            vertical-align: top;
        }
        .dv-v-center {
            align-self: center;
            vertical-align: middle;
        }
        .dv-v-end {
            align-self: end;
            vertical-align: bottom;
        }
        .dv-v-stretch {
            align-self: stretch;
        }

        /* Justify Self */
        .dv-h-start {
            justify-self: start;
        }
        .dv-h-center {
            justify-self: center;
        }
        .dv-h-end {
            justify-self: end;
        }
        .dv-h-stretch {
            justify-self: stretch;
        }

        /* Place Self */
        .dv-vh-start {
            place-self: start;
        }
        .dv-vv-center {
            place-self: center;
        }
        .dv-vh-end {
            place-self: end;
        }
        .dv-vh-stretch {
            place-self: stretch;
        }
    }
}

/* --- Rows --- */
@media screen and (min-width: 741px) {
    .r-span-2 {
        grid-row: auto/span 2;
    }
    .r-span-3 {
        grid-row: auto/span 3;
    }
}

/* --- Margin --- */
.m0 {
    margin: 0 !important;
}
.mt0 {
    margin-top: 0 !important;
}
.mr0 {
    margin-right: 0 !important;
}
.mb0 {
    margin-bottom: 0 !important;
}
.ml0 {
    margin-left: 0 !important;
}
.mx0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.my0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mr10 {
    margin-right: 10px;
}
.mr15 {
    margin-right: 15px;
}
.mr20 {
    margin-right: 20px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.ml10 {
    margin-left: 10px;
}
.ml15 {
    margin-left: 15px;
}
.ml20 {
    margin-left: 20px;
}

.m-auto {
    margin: auto !important;
}
.mt-auto {
    margin-top: auto !important;
}
.mr-auto {
    margin-right: auto !important;
}
.mb-auto {
    margin-bottom: auto !important;
}
.ml-auto {
    margin-left: auto !important;
}
.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

/* --- Padding --- */
.p0 {
    padding: 0 !important;
}
.pt0 {
    padding-top: 0 !important;
}
.pr0 {
    padding-right: 0 !important;
}
.pb0 {
    padding-bottom: 0 !important;
}
.pl0 {
    padding-left: 0 !important;
}
.px0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.py0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.pt10 {
    padding-top: 10px;
}
.pt15 {
    padding-top: 15px;
}
.pt20 {
    padding-top: 20px;
}
.pr10 {
    padding-right: 10px;
}
.pr15 {
    padding-right: 15px;
}
.pr20 {
    padding-right: 20px;
}
.pb10 {
    padding-bottom: 10px;
}
.pb15 {
    padding-bottom: 15px;
}
.pb20 {
    padding-bottom: 20px;
}
.pl10 {
    padding-left: 10px;
}
.pl15 {
    padding-left: 15px;
}
.pl20 {
    padding-left: 20px;
}

@media (min-width: 741px) and (max-width: 980px) {
    .md-m0 {
        margin: 0 !important;
    }
    .md-mt0 {
        margin-top: 0 !important;
    }
    .md-mr0 {
        margin-right: 0 !important;
    }
    .md-mb0 {
        margin-bottom: 0 !important;
    }
    .md-ml0 {
        margin-left: 0 !important;
    }
    .md-mx0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .md-my0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .md-m-auto {
        margin: auto !important;
    }
    .md-mt-auto {
        margin-top: auto !important;
    }
    .md-mr-auto {
        margin-right: auto !important;
    }
    .md-mb-auto {
        margin-bottom: auto !important;
    }
    .md-ml-auto {
        margin-left: auto !important;
    }
    .md-mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .md-my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }

    /* --- Padding --- */
    .md-p0 {
        padding: 0 !important;
    }
    .md-pt0 {
        padding-top: 0 !important;
    }
    .md-pr0 {
        padding-right: 0 !important;
    }
    .md-pb0 {
        padding-bottom: 0 !important;
    }
    .md-pl0 {
        padding-left: 0 !important;
    }
    .md-px0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .md-py0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media (max-width: 740px) {
    .sm-m0 {
        margin: 0 !important;
    }
    .sm-mt0 {
        margin-top: 0 !important;
    }
    .sm-mr0 {
        margin-right: 0 !important;
    }
    .sm-mb0 {
        margin-bottom: 0 !important;
    }
    .sm-ml0 {
        margin-left: 0 !important;
    }
    .sm-mx0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .sm-my0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .sm-m-auto {
        margin: auto;
    }
    .sm-mt-auto {
        margin-top: auto;
    }
    .sm-mr-auto {
        margin-right: auto;
    }
    .sm-mb-auto {
        margin-bottom: auto;
    }
    .sm-ml-auto {
        margin-left: auto;
    }
    .sm-mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .sm-my-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    /* --- Padding --- */
    .sm-p0 {
        padding: 0;
    }
    .sm-pt0 {
        padding-top: 0;
    }
    .sm-pr0 {
        padding-right: 0;
    }
    .sm-pb0 {
        padding-bottom: 0;
    }
    .sm-pl0 {
        padding-left: 0;
    }
    .sm-px0 {
        padding-left: 0;
        padding-right: 0;
    }
    .sm-py0 {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 980px) {
    .dv-m0 {
        margin: 0;
    }
    .dv-mt0 {
        margin-top: 0;
    }
    .dv-mr0 {
        margin-right: 0;
    }
    .dv-mb0 {
        margin-bottom: 0;
    }
    .dv-ml0 {
        margin-left: 0;
    }
    .dv-mx0 {
        margin-left: 0;
        margin-right: 0;
    }
    .dv-my0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .dv-m-auto {
        margin: auto;
    }
    .dv-mt-auto {
        margin-top: auto;
    }
    .dv-mr-auto {
        margin-right: auto;
    }
    .dv-mb-auto {
        margin-bottom: auto;
    }
    .dv-ml-auto {
        margin-left: auto;
    }
    .dv-mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .dv-my-auto {
        margin-top: auto;
        margin-bottom: auto;
    }

    /* --- Padding --- */
    .dv-p0 {
        padding: 0;
    }
    .dv-pt0 {
        padding-top: 0;
    }
    .dv-pr0 {
        padding-right: 0;
    }
    .dv-pb0 {
        padding-bottom: 0;
    }
    .dv-pl0 {
        padding-left: 0;
    }
    .dv-px0 {
        padding-left: 0;
        padding-right: 0;
    }
    .dv-py0 {
        padding-top: 0;
        padding-bottom: 0;
    }
}

/* Quick Inline Grid */
.inline__wrapper {
    list-style: none;
    width: 100%;
}
.inline__wrapper > * {
    width: auto;
    margin: 0;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}
.display-none {
    display: none !important;
}

.note {
    padding: 20px;
    border: 1px solid var(--dotted-color);
    margin-top: 20px;
}
.note .underline {
    text-decoration: underline;
}
.or-divider {
    position: relative;
    font-size: var(--font-size);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.6;
}
.or-divider span:before {
    content: "";
    background: var(--dotted-color);
    height: 1px;
    width: 40%;
    position: absolute;
    left: 0;
    top: 50%;
}
.or-divider span:after {
    content: "";
    background: var(--dotted-color);
    height: 1px;
    width: 40%;
    position: absolute;
    right: 0;
    top: 50%;
}

/* ---- existing CSS grid ---- */

@supports (display: grid) {
    .grid_wrapper {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 30px;
        grid-row-gap: 40px;
    }
    .product__section .grid_wrapper {
        grid-column-gap: 30px;
        grid-row-gap: 25px;
    }
    div#main-content.grid_wrapper,
    .custom-page-content .grid_wrapper {
        grid-row-gap: 10px !important;
    }
}

@media (pointer: coarse) {
    *:focus {
        outline: none;
    }
}
:focus {
    outline: var(--keyboard-focus) var(--focus-border-style)
        var(--focus-border-weight) !important;
    outline-offset: calc(var(--focus-border-weight) * -1px) !important;
}

html,
body {
    height: 100%;
}

body {
    color: var(--text-color);
    background: var(--background);
    font-size: var(--font-size);
    font-family: var(--main-family);
    font-style: var(--main-style);
    font-weight: var(--main-weight);
    letter-spacing: var(--main-spacing);
    /* letter-spacing: 0.2em; */
    line-height: 1.3em;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    position: relative;
}

@media screen and (min-width: 1400px) {
    body {
        line-height: 1.6em;
    }
}

.site-wrap {
    overflow-x: hidden;
}

.grecaptcha-badge {
    visibility: hidden;
}

img {
    height: auto;
    width: 100%;
    max-width: 100%;
    border: 0;
}

img[data-sizes="auto"] {
    display: block;
    width: 100%;
}

.box-ratio {
    display: block;
    height: 0;
    width: 100%;
    overflow: hidden;
    padding-bottom: 100%;
}

.visually-hidden {
    display: none;
}

#logo a {
    color: var(--header-color);
    font-family: var(--heading-family);
    font-weight: var(--heading-weight);
    font-style: var(--heading-style);
    font-size: var(--h1-size);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: var(--header-color);
    font-family: var(--heading-family);
    font-weight: var(--heading-weight);
    font-style: var(--heading-style);
    margin-top: 0;
    margin-bottom: 10px;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    letter-spacing: var(--heading-spacing);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
    color: var(--header-color) !important;
}

h1,
.h1 {
    font-size: var(--h1-size);
}
h2,
.h2 {
    font-size: var(--h2-size);
}
h3,
.h3 {
    font-size: var(--h3-size);
}
h4,
.h4 {
    font-size: calc(var(--font-size) + 2px);
}
h5,
.h5 {
    font-size: calc(var(--font-size) + 1px);
}

h2.body-text,
h3.body--text,
h4.body--text,
h5.body--text {
    font-size: var(--font-size);
    font-family: var(--main-family);
    font-style: var(--main-style);
    font-weight: var(--main-weight);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset {
    margin-bottom: 10px;
}

p {
    font-size: var(--font-size);
    margin-bottom: 10px;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

pre {
    font-family: var(--main-family);
    font-size: 13px;
    font-weight: bold;
}

.text-left {
    text-align: left;
}

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

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

a {
    text-decoration: none;
    color: var(--text-color);
    outline: 0;
}

.rte a {
    text-decoration: underline;
}

a:hover {
    color: var(--text-color);
    text-decoration: none;
}

a:visited {
    color: var(--text-color);
    text-decoration: none;
}

a:focus {
    outline: none;
}

/* .row hr, .row p, .row ul, .row ol, .row dl, .row pre, .row address, .row table, .row form {margin-bottom: 1.6em;} */
dt {
    font-weight: bold;
}
ol {
    padding: 0;
    margin-left: 0;
    margin-bottom: 20px;
    text-indent: 0;
    list-style-position: inside;
}
ul {
    padding: 0;
    margin: 0 0 20px 0;
    list-style: disc inside;
}
blockquote {
    font-size: 18px;
    line-height: 24px;
    font-style: italic;
    padding-left: 35px;
    color: #999;
    margin: 20px 0;
}

.rte ul {
    list-style-position: outside;
    margin-left: 20px;
}

hr {
    background: var(--dotted-color);
    border: none;
    color: var(--dotted-color);
    display: block;
    height: 1px;
    margin-top: 20px;
    width: 100%;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.hide {
    display: none !important;
}

/* #ig_feed.hide {
    visibility: hidden;
} */


.hidden-element {
    visibility: hidden;
}

.right {
    float: right;
}

.left {
    float: left;
}

.center {
    text-align: center;
}

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

.overflow-hidden {
    overflow: hidden;
}

.visually-hidden--inline {
    margin: 0;
    height: 1em;
}

.visually-hidden--static {
    position: static !important;
}

.hr-or {
    border: none;
    border-top: 1px solid var(--dotted-color);
    width: 14.375rem;
    margin: 1.5625rem auto;
    overflow: visible;
    margin: 16px 0;
    width: 100%;
}

.hr-or:after {
    content: attr(data-content);
    position: relative;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 2.5rem;
    font-weight: 500;
    background-color: var(--background);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.2px;
    text-align: center;
    display: inline-block;
}

/* NO JS Helpers
  ================================================== */
.js-focus-hidden:focus {
    outline: none;
}

.no-js .collection-carousel {
    text-align: center;
}

.no-js .box-ratio,
.no-js .scrolling__announcements--wrapper,
.no-js .swatches__container,
.no-js .loading-wrapper,
.no-js .js-hz-filter,
.no-js .collection__horizontal-toolbar,
.no-js .search__horizontal-toolbar,
.no-js button.filter-price__trigger.js-show-filters,
.no-js .product-index:hover .product-listing__quickview-trigger,
.no-js #HeaderCountryForm,
.no-js #HeaderLanguageForm,
.no-js #FooterCountryForm,
.no-js #FooterLanguageForm,
.no-js .no-js-hidden {
    display: none !important;
}

.no-js #AddToCartForm .select,
.no-js .vantage-accordion .product-accordion-content {
    display: block !important;
}

.no-js #slider .carousel-cell,
.no-js [data-aos^="fade"][data-aos^="fade"] {
    opacity: 1 !important;
}

.no-js [data-aos^="fade"][data-aos^="fade"] {
    transform: unset;
}

.no-js [data-aos] {
    pointer-events: unset !important;
}

/* No Js Cart */
.cart-type--no_js_cart .ajax-cart__item-remove--no-js,
.no-js .ajax-cart__item-remove--no-js {
    display: block !important;
    position: absolute;
    top: 10px;
    right: 10px;
}
.cart-type--no_js_cart .ajax-cart__item-remove--js,
.no-js .ajax-cart__item-remove--js {
    display: none;
}
.cart-type--no_js_cart .ajax-cart__qty-control--down,
.cart-type--no_js_cart .ajax-cart__qty-control--up,
.no-js .ajax-cart__qty-control--down,
.no-js .ajax-cart__qty-control--up {
    display: none;
}
.cart-type--no_js_cart .ajax-cart__item-quantity,
.no-js .ajax-cart__item-quantity {
    text-align: center !important;
}
.cart-type--no_js_cart .ajax-cart__qty-input--no-js,
.no-js .ajax-cart__qty-input--no-js {
    max-width: 90px;
    margin: 0;
}
.cart-type--no_js_cart .ajax-cart__item-update--no-js,
.no-js .ajax-cart__item-update--no-js {
    display: block !important;
    margin-top: 8px;
    text-decoration: underline;
    font-size: 13px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.no-js .ajax-cart__accordion--shipping-calc {
    display: none;
}
.cart-type--no_js_cart .ajax-cart__form-wrapper--nojs,
.no-js .ajax-cart__accordion .accordion-content {
    display: block !important;
}
.no-js .loading-wrapper,
.cart-type--no_js_cart .loading-wrapper {
    display: none;
}

/* #Tables
  ================================================= */
table {
    width: 100%;
    border-collapse: collapse;
}

/* #Buttons
  ================================================== */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    width: 100%;
    max-width: 100%;
    background: var(--button-color);
    border: none;
    -webkit-transition: background 0.3s ease, color 0.3s ease;
    -moz-transition: background 0.3s ease, color 0.3s ease;
    -o-transition: background 0.3s ease, color 0.3s ease;
    transition: background 0.3s ease, color 0.3s ease;
    -webkit-appearance: none;
    color: var(--button-text);
    display: inline-block;
    font-family: var(--main-family);
    font-weight: var(--main-weight);
    font-size: var(--font-size);
    letter-spacing: var(--main-spacing);
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 20px;
    line-height: normal;
    height: 48px;
    line-height: 48px;
}

.theme-features__rounded-buttons--enabled .button,
.theme-features__rounded-buttons--enabled button,
.theme-features__rounded-buttons--enabled input[type="submit"],
.theme-features__rounded-buttons--enabled input[type="reset"],
.theme-features__rounded-buttons--enabled input[type="button"] {
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.theme-features__buttons-uppercase--enabled .button,
.theme-features__buttons-uppercase--enabled button,
.theme-features__buttons-uppercase--enabled input[type="submit"],
.theme-features__buttons-uppercase--enabled input[type="reset"],
.theme-features__buttons-uppercase--enabled input[type="button"] {
    text-transform: uppercase;
}

.theme-features__rounded-buttons--enabled .shopify-payment-button__button {
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
}

.theme-features__rounded-buttons--disabled .shopify-payment-button__button {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.theme-features__buttons-uppercase--enabled .shopify-payment-button__button {
    text-transform: uppercase !important;
}

.theme-features__buttons-uppercase--disabled .shopify-payment-button__button {
    text-transform: uppercase !important;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    color: var(--button-text);
    background: var(--button-hover);
}

.secondary-button,
a.button.secondary-button,
button.secondary-button,
input#addToCart.secondary-button {
    background: var(--secondary-button-color) !important;
    color: var(--secondary-button-text) !important;
}

.theme-features__rounded-buttons--enabled .secondary-button {
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.theme-features__buttons-uppercase--enabled .secondary-button {
    text-transform: uppercase;
}

.secondary-button:hover {
    color: var(--secondary-button-text) !important;
    background: var(--secondary-button-hover) !important;
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

@media screen and (min-width: 981px) {
    a.button,
    a.button:visited {
        font-size: 11px;
    }
}

a.button,
a.button:visited {
    background: var(--button-color);
    border: none;
    text-align: center;
    -webkit-transition: background 0.3s ease, color 0.3s ease;
    -moz-transition: background 0.3s ease, color 0.3s ease;
    -o-transition: background 0.3s ease, color 0.3s ease;
    transition: background 0.3s ease, color 0.3s ease;
    -webkit-appearance: none;
    color: var(--button-text);
    display: inline-block;
    font-family: var(--main-family);
    font-weight: var(--main-weight);
    font-size: 8px;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 20px;
    line-height: normal;
    height: 48px;
    line-height: 48px;
}

.theme-features__rounded-buttons--enabled a.button,
.theme-features__rounded-buttons--enabled a.button:visited {
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

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

button.button-as-link,
a.button-as-link,
input.button-as-link {
    border: none;
    background: none;
    color: var(--text-color);
    text-decoration: underline;
    line-height: var(--font-size);
    font-size: var(--font-size);
    height: auto;
    display: inline-block;
    width: auto;
    letter-spacing: var(--main-spacing);
    text-transform: none !important;
}
button.button-as-link:hover,
a.button-as-link:hover,
input.button-as-link:hover {
    background: none;
    color: var(--text-color);
}

a.button.btn-outline,
.button.btn-outline,
button.btn-outline,
input[type="submit"].btn-outline,
input[type="reset"].btn-outline,
input[type="button"].btn-outline {
    line-height: 48px;
    border: 1px solid var(--dotted-color);
    color: var(--text-color);
    background: var(--background);
}

a.button.btn-outline:hover,
.button.btn-outline:hover,
button.btn-outline:hover,
input[type="submit"].btn-outline:hover,
input[type="reset"].btn-outline:hover,
input[type="button"].btn-outline:hover {
    color: var(--text-color);
    background: var(--background);
    border: 1px solid var(--text-color);
}

/* text-transform overrides */
.slideout__trigger--open button,
button.js-show--hide.btn-outline,
button.filter-price__trigger.js-show-filters,
button.filter-price__trigger,
button.js-accordion-header {
    text-transform: unset;
}

::-moz-selection {
    background: #d8e4f0;
}

::selection {
    background: #d8e4f0;
}

form {
    margin-bottom: 0;
}

fieldset {
    margin-bottom: 20px;
}
/* #Forms
  ================================================== */
form {
    margin-bottom: 0;
}

fieldset {
    margin-bottom: 20px;
}

input:not("[type=hidden]") {
    height: 48px;
    line-height: 48px;
    padding: 0;
}

input::placeholder {
    line-height: inherit;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    border: 1px solid #ccc;
    outline: none;
    font-size: var(--font-size);
    font-family: var(--main-family);
    font-style: var(--main-style);
    letter-spacing: var(--main-spacing);
    color: #777;
    margin: 0;
    width: 100%;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    height: 48px;
    line-height: 48px;
    background: transparent;
}

.theme-features__rounded-buttons--enabled input[type="text"],
.theme-features__rounded-buttons--enabled input[type="password"],
.theme-features__rounded-buttons--enabled input[type="email"],
.theme-features__rounded-buttons--enabled input[type="file"],
.theme-features__rounded-buttons--enabled textarea,
.theme-features__rounded-buttons--enabled select {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.theme-features__rounded-buttons--disabled input[type="text"],
.theme-features__rounded-buttons--disabled input[type="password"],
.theme-features__rounded-buttons--disabled input[type="email"],
.theme-features__rounded-buttons--disabled input[type="file"],
.theme-features__rounded-buttons--disabled textarea,
.theme-features__rounded-buttons--disabled select {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

select {
    padding: 0;
}

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

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    color: var(--text-color);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

label,
legend {
    display: block;
    font-weight: var(--main-weight);
    font-size: var(--font-size);
    margin-bottom: 5px;
}

input[type="checkbox"] {
    display: inline;
}

label span,
legend span {
    font-weight: var(--main-weight);
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: var(--text-color);
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: var(--text-color);
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: var(--text-color);
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: var(--text-color);
}

input[type="text"],
input[type="password"],
input[type="file"],
input[type="email"],
input[type="url"],
input[type="number"] {
    width: 100%;
    border: 1px solid var(--dotted-color);
    height: 48px;
    line-height: 48px;
    padding: 0;
    margin: 0px;
    margin-bottom: 20px;
    max-width: 100%;
    text-indent: 17px;
    outline: none;
    border-radius: 0;
    background: var(--background);
}

textarea {
    width: 100%;
    border: 1px solid var(--dotted-color);
    letter-spacing: var(--main-spacing);
    margin: 0px;
    margin-bottom: 40px;
    max-width: 100%;
    padding: 2% 17px;
    line-height: unset !important;
    outline: none;
    min-height: 100px;
    min-width: 300px;
    background: var(--background);
    color: var(--text-color);
}

/* =============== */
/* = HEADER = */
/* =============== */

theme-header {
    position: relative;
    z-index: 10;
}

ul.shopping__cart-links {
    text-align: right;
    z-index: 5;
    position: relative;
    list-style: none;
    margin-top: 0;
    align-self: center;
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
    line-height: 1em;
}

@media screen and (min-width: 981px) {
    .header__shopping-cart svg {
        width: 20px;
        height: 20px;
    }
}

.cart-links__item button {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-right: 0;
}

@supports (display: flex) {
    .no-js ul.shopping__cart-links.announcement__cart {
        display: flex;
        flex-wrap: nowrap;
    }
}

ul.shopping__cart-links i.la {
    font-size: calc(var(--nav-size) * 1.1);
}

ul.shopping__cart-links li {
    display: inline-block;
    padding: 0 5px;
    vertical-align: middle;
}

ul.shopping__cart-links li:last-child {
    padding-right: 0;
}

ul.shopping__cart-links li a {
    display: inline-block;
    padding: 0 5px;
}

.header__shopping-cart button.button-as-link {
    border: 0;
    text-decoration: none;
    line-height: unset;
    height: unset;
    display: unset;
    margin-bottom: 0;
}

.my-cart-text,
.js-cart-count,
.header__shopping-cart button.button-as-link {
    font-size: var(--nav-size);
    font-weight: var(--nav-weight);
    font-style: var(--nav-style);
}

span.CartCount {
    padding: 0 5px;
}

button.js-mini-cart-trigger i {
    margin: 0 5px;
}

@media screen and (max-width: 1199px) {
    span.my-cart-text {
        display: none !important;
    }
}

i.icon-shopping-cart {
    margin-left: 5px;
}

.mobile-menu__trigger.mobile-only button {
    width: 50px;
    text-align: center;
    height: 50px;
    line-height: initial;
}

.mobile-menu__trigger svg {
    height: 18px;
}

ul#mobile-cart.mobile-only {
    display: none;
}

ul#mobile-cart {
    list-style: none;
    text-align: right;
    display: inline-flex;
    justify-content: flex-end;
}

ul#mobile-cart svg {
    height: 20px;
}

ul#mobile-cart li .slideout__trigger--open,
.mobile-menu__trigger .slideout__trigger--open {
    display: flex;
    align-items: center;
}

ul#mobile-cart li button {
    width: 50px;
    display: flex;
    align-items: center;
    gap: 5px;
    height: 50px;
    padding: 0;
}

header {
    width: 100%;
    line-height: 50px;
    z-index: 11;
    padding-top: 1px;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

header .nav-container {
    padding: 15px 0;
}

@media screen and (min-width: 981px) {
    /* .is-stuck header .nav-container {
      padding: 20px 0;
    } */
}

header {
    position: relative;
}

header ul {
    margin-bottom: 0;
}

#logo a {
    display: block;
    font-family: var(--heading-family);
    font-weight: var(--heading-weight);
    font-style: var(--heading-style);
    font-size: var(--h1-size);
    text-decoration: none;
    word-break: break-word;
}

/* ---- Header ---- */
header span.js-cart-count,
header .nav-container .shifter-handle,
header .navigation__menulink,
header .nav-container ul.shopping__cart-links li a,
header #logo a,
header .nav-container ul.shopping__cart-links li button.js-mini-cart-trigger,
header .nav-container ul.shopping__cart-links li button.button-as-link,
header .dropdown__menulink,
header .megamenu__listlink,
header .megamenu__headerlink,
.template-index .wau--header.is-stuck header .megamenu__header,
header .dropdown__menuitem.dropdown__menuitem--nested:after,
header .megamenu__listitem.megamenu__listitem--nested:after {
    color: var(--pre-scroll-color);
}

header .slideout__trigger-mobile-menu svg .hover-fill,
header .my-cart-link-container svg .hover-fill,
header .cart-links__item svg .hover-fill,
header .navigation__menulink svg .hover-fill,
header .dropdown__menulink svg .hover-fill {
    fill: var(--pre-scroll-color) !important;
}

.template-index .wau--header.is-stuck header span.js-cart-count,
.template-index .wau--header.is-stuck header .nav-container .shifter-handle,
.template-index .wau--header.is-stuck header .navigation__menulink,
.template-index
    .wau--header.is-stuck
    header
    .nav-container
    ul.shopping__cart-links
    li
    a,
.template-index .wau--header.is-stuck header #logo a,
.template-index
    .wau--header.is-stuck
    header
    .nav-container
    ul.shopping__cart-links
    li
    button.js-mini-cart-trigger,
.template-index
    .wau--header.is-stuck
    header
    .nav-container
    ul.shopping__cart-links
    li
    button.button-as-link,
.template-index .wau--header.is-stuck header .dropdown__menulink,
.template-index .wau--header.is-stuck header .megamenu__listlink,
.template-index .wau--header.is-stuck header .megamenu__headerlink,
.template-index .wau--header.is-stuck header .megamenu__header,
.template-index
    .wau--header.is-stuck
    header
    .dropdown__menuitem.dropdown__menuitem--nested:after,
.template-index
    .wau--header.is-stuck
    header
    .megamenu__listitem.megamenu__listitem--nested:after {
    color: var(--homepage-scroll-color);
}
.template-index
    .wau--header.is-stuck
    header
    .slideout__trigger-mobile-menu
    svg
    .hover-fill,
.template-index
    .wau--header.is-stuck
    header
    .my-cart-link-container
    svg
    .hover-fill,
.template-index .wau--header.is-stuck header .cart-links__item svg .hover-fill,
.template-index
    .wau--header.is-stuck
    header
    .navigation__menulink
    svg
    .hover-fill,
.template-index
    .wau--header.is-stuck
    header
    .dropdown__menulink
    svg
    .hover-fill,
.template-index
    .wau--header.is-stuck
    header
    .dropdown__menuitem--nested
    svg
    .hover-fill,
.template-index
    .wau--header.is-stuck
    header
    .megamenu__listitem.megamenu__listitem--nested
    svg
    .hover-fill {
    fill: var(--homepage-scroll-color) !important;
}

header,
header .dropdown,
header .dropdown.dropdown-nested,
header .megamenu {
    background: var(--pre-scroll-background);
}

/* ---- Header is overlapping homepage inherits scroll color scheme on hover ---- */
@media screen and (min-width: 981px) {
    header.overlap__section {
        background: transparent;
    }
    header.overlap__section span.js-cart-count,
    header.overlap__section .nav-container .shifter-handle,
    header.overlap__section .navigation__menulink,
    header.overlap__section .nav-container ul.shopping__cart-links li a,
    header.overlap__section #logo a,
    header.overlap__section
        .nav-container
        ul.shopping__cart-links
        li
        button.js-mini-cart-trigger,
    header.overlap__section
        .nav-container
        ul.shopping__cart-links
        li
        button.button-as-link,
    header.overlap__section .nav-container .dropdown__menulink,
    header.overlap__section .nav-container .megamenu__listlink,
    header.overlap__section .nav-container .megamenu__headerlink,
    header.overlap__section .nav-container .megamenu__header,
    header.overlap__section
        .nav-container
        .dropdown__menuitem.dropdown__menuitem--nested:after,
    header.overlap__section
        .nav-container
        .megamenu__listitem.megamenu__listitem--nested:after {
        color: var(--overlay-color);
    }
    header.overlap__section
        .nav-container
        .slideout__trigger-mobile-menu
        svg
        .hover-fill,
    header.overlap__section
        .nav-container
        .my-cart-link-container
        svg
        .hover-fill,
    header.overlap__section .nav-container .cart-links__item svg .hover-fill,
    header.overlap__section
        .nav-container
        .navigation__menulink
        svg
        .hover-fill,
    header.overlap__section .nav-container .dropdown__menulink svg .hover-fill {
        fill: var(--overlay-color) !important;
    }

    .template-index .wau--header.is-stuck header,
    .template-index .wau--header.is-stuck header .dropdown,
    .template-index .wau--header.is-stuck header .dropdown.dropdown-nested,
    .template-index .wau--header.is-stuck header .megamenu,
    header.overlap__section:hover .dropdown,
    header.overlap__section:hover .dropdown.dropdown-nested,
    header.overlap__section:hover .megamenu,
    header.overlap__section:hover {
        background: var(--homepage-scroll-background);
    }

    header.overlap__section:hover .nav-container .shifter-handle,
    header.overlap__section:hover .navigation__menulink,
    header.overlap__section:hover .nav-container ul.shopping__cart-links li a,
    header.overlap__section:hover #logo a,
    header.overlap__section:hover
        .nav-container
        ul.shopping__cart-links
        li
        button.js-mini-cart-trigger,
    header.overlap__section:hover
        .nav-container
        ul.shopping__cart-links
        li
        button.button-as-link,
    header.overlap__section:hover .nav-container .dropdown__menulink,
    header.overlap__section:hover .nav-container .megamenu__listlink,
    header.overlap__section:hover .nav-container .megamenu__headerlink,
    header.overlap__section:hover .nav-container .megamenu__header,
    header.overlap__section:hover
        .nav-container
        .dropdown__menuitem.dropdown__menuitem--nested:after,
    header.overlap__section:hover
        .nav-container
        .megamenu__listitem.megamenu__listitem--nested:after {
        color: var(--homepage-scroll-color);
    }
    header.overlap__section:hover
        .nav-container
        .slideout__trigger-mobile-menu
        svg
        .hover-fill,
    header.overlap__section:hover
        .nav-container
        .my-cart-link-container
        svg
        .hover-fill,
    header.overlap__section:hover
        .nav-container
        .cart-links__item
        svg
        .hover-fill,
    header.overlap__section:hover
        .nav-container
        .navigation__menulink
        svg
        .hover-fill,
    header.overlap__section:hover
        .nav-container
        .dropdown__menulink
        svg
        .hover-fill {
        fill: var(--homepage-scroll-color) !important;
    }
    header.overlap__section:hover .dropdown,
    header.overlap__section:hover .dropdown.dropdown-nested,
    header.overlap__section:hover .megamenu,
    header.overlap__section:hover {
        background: var(--homepage-scroll-background);
    }

    .template-index .wau--header.is-stuck header,
    .template-index .wau--header.is-stuck header .dropdown,
    .template-index .wau--header.is-stuck header .dropdown.dropdown-nested,
    .template-index .wau--header.is-stuck header .megamenu,
    header.overlap__section:hover .dropdown,
    header.overlap__section:hover .dropdown.dropdown-nested,
    header.overlap__section:hover .megamenu,
    header.overlap__section:hover {
        background: var(--homepage-scroll-background);
    }
}

@media screen and (max-width: 980px) {
    .template-index .nav-container {
        background-color: var(--pre-scroll-background) !important;
    }

    .template-index .nav-container ul#mobile-cart li a,
    .template-index .nav-container ul#mobile-cart li select.currency-picker,
    .template-index
        .nav-container
        ul#mobile-cart
        li
        button.js-mini-cart-trigger {
        color: var(--pre-scroll-color) !important;
    }
    .template-index
        .nav-container
        .slideout__trigger-mobile-menu
        svg
        .hover-fill,
    .template-index .nav-container .my-cart-link-container svg .hover-fill,
    .template-index .nav-container .cart-links__item svg .hover-fill,
    .template-index .nav-container .navigation__menulink svg .hover-fill,
    .template-index .nav-container .dropdown__menulink svg .hover-fill {
        fill: var(--pre-scroll-color) !important;
    }
    .template-index .wau--header.is-stuck .nav-container,
    .template-index .wau--header.is-stuck #navigation {
        background-color: var(--homepage-scroll-background) !important;
    }

    .template-index .wau--header.is-stuck .nav-container ul#mobile-cart li a,
    .template-index
        .wau--header.is-stuck
        .nav-container
        ul#mobile-cart
        li
        select.currency-picker,
    .template-index
        .wau--header.is-stuck
        .nav-container
        ul#mobile-cart
        li
        button.js-mini-cart-trigger {
        color: var(--homepage-scroll-color) !important;
    }
    .template-index
        .wau--header.is-stuck
        .nav-container
        .slideout__trigger-mobile-menu
        svg
        .hover-fill,
    .template-index
        .wau--header.is-stuck
        .nav-container
        .my-cart-link-container
        svg
        .hover-fill,
    .template-index
        .wau--header.is-stuck
        .nav-container
        .cart-links__item
        svg
        .hover-fill,
    .template-index
        .wau--header.is-stuck
        .nav-container
        .navigation__menulink
        svg
        .hover-fill,
    .template-index
        .wau--header.is-stuck
        .nav-container
        .dropdown__menulink
        svg
        .hover-fill {
        fill: var(--homepage-scroll-color) !important;
    }
}

#logo img {
    vertical-align: middle;
    /* padding: 10px 0; */
}

.nav-container.inline #logo {
    align-self: center;
}

#navigation {
    width: 100%;
    position: relative;
}

.nav-container {
    text-align: center;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

.navigation {
    text-align: left;
    align-self: center;
    position: inherit;
    z-index: 15 !important;
}

.navigation__menu {
    list-style: none;
    text-align: left;
    margin-bottom: 0;
    width: 100%;
}

.navigation__menuitem {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

.navigation__menulink {
    font-family: var(--nav-family);
    font-weight: var(--nav-weight);
    font-style: var(--nav-style);
    font-size: var(--nav-size);
    /* letter-spacing: var(--nav-spacing); */
    letter-spacing: 0.2em;
    padding: 0 15px 0 0;
}

.navigation__menulink.is_upcase-true {
    text-transform: uppercase;
}

.nav-container ul.shopping__cart-links li a,
.nav-container ul.shopping__cart-links li {
    font-family: var(--nav-family);
    font-weight: var(--nav-weight);
    font-style: var(--nav-style);
    font-size: var(--nav-size);
    padding: 0;
}

/* NO LINK UNDERLINE */
.navigation__menulink:hover,
.nav-container ul.shopping__cart-links li a:hover {
    text-decoration: none;
}

/* DOWNDOWN INDICATOR CHEVRONS */
.navigation__menuitem--dropdown.navigation__menuitem > .navigation__menulink {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: 15px;
}

.navigation__menuitem--dropdown.navigation__menuitem
    > .navigation__menulink
    svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.navigation__menuitem--dropdown.navigation__menuitem
    > .navigation__menulink:after {
    content: "";
    margin-left: 15px;
    line-height: initial;
}

/* DROPDOWN LEVEL 1 */

.dropdown {
    display: none;
    position: absolute;
    text-align: left;
    z-index: 5;
    list-style: none;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
    width: 260px;
    padding: 10px 15px 10px 15px;
    margin-left: -15px;
}

/* SHOW DROPDOWN ON HOVER */
.navigation__menuitem--dropdown.navigation__menuitem:hover > .dropdown,
.navigation__menuitem--dropdown.navigation__menuitem--active > .dropdown {
    display: block;
}

/* DROPDOWN LEVEL 1 STYLES */
.dropdown__menuitem {
    line-height: 28px !important;
    margin: 0;
    width: 100%;
    white-space: nowrap;
    background: transparent !important;
    min-width: 220px;
    float: left;
    position: relative;
}

/* DROPDOWN LEVEL 1 LINK STYLES */
.dropdown__menulink {
    text-align: left;
    text-transform: none !important;
    font-weight: var(--main-weight) !important;
    font-size: var(--nav-size) !important;
    font-style: var(--main-style) !important;

    /* To stop text from going over the arrow. */
    display: block;
    width: 100%;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown__menulink:hover {
    color: #92b0d4;
}

/* NESTED MENU */
.dropdown.dropdown--nested,
.mega-stack li.nest {
    position: relative;
}

/* NESTED MENU INDICATOR */
.dropdown__menuitem.dropdown__menuitem--nested svg,
.megamenu__listitem.megamenu__listitem--nested svg {
    position: absolute;
    top: 50%;
    right: 26px;
    transform: translateY(-50%);
}
/* VISIBLE NESTED MENU */
.dropdown__menuitem.dropdown__menuitem--nested:hover
    > .dropdown.dropdown--nested,
.megamenu__listitem.megamenu__listitem--nested:hover
    > .dropdown.dropdown--nested,
.megamenu__listitem.megamenu__listitem--nested.megamenu__listitem--active
    > .dropdown.dropdown--nested,
.dropdown__menuitem.dropdown__menuitem--active > .dropdown.dropdown--nested {
    display: block;
}

/* HIDDEN NESTED MENU */
.dropdown.dropdown--nested {
    display: none;
    position: absolute;
    left: 98%;
    top: -15px;
    padding: 15px 10px 15px 20px;
    border: 1px solid #eee;
}

.dropdown.dropdown--nested .dropdown__menulink {
    text-transform: none !important;
    font-weight: var(--main-weight);
    font-size: var(--nav-size) !important;
}

.dropdown.dropdown--nested.dropdown--edge {
    left: initial;
    right: 100%;
}

.megamenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    line-height: initial;
    width: 100%;
    padding: 30px 0 0;
    border-top: 1px solid rgb(149 138 134 / 50%);
    /* border-bottom: 1px solid var(--dotted-color); */
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

.megamenu__headerlink {
    font-weight: var(--heading-weight) !important;
    padding-left: 0;
    color: #463d40;
}

/* MEGAMENUS */

.navigation__menuitem.navigation__menuitem--dropdown:hover > .megamenu,
.navigation__menuitem.navigation__menuitem--dropdown.navigation__menuitem--active
    > .megamenu {
    display: block;
}

.megamenu__container {
    margin: 0 auto 50px;
    width: 85%;
    display: flex;
    flex-wrap: wrap;
}

.megamenu .megamenu--submenu_container {
    flex: 0 0 auto;
    max-width: 45%;
    padding: 0 40px 0 0;
}

.megamenu .mm-image {
    flex: 1;
    max-width: 55%;
    padding: 0;
    justify-content: flex-end;
}

@media screen and (min-width: 1200px) {
    .megamenu__container {
        width: 1080px;
    }
}

@media screen and (min-width: 1400px) {
    .megamenu__container {
        width: 1280px;
    }
}

@media screen and (min-width: 1660px) {
    .megamenu__container {
        width: 1440px;
    }
}

.megamenu__container li {
    vertical-align: top !important;
}

.megamenu__list {
    width: 100%;
}

.megamenu__listcontainer,
.megamenu__container > li {
    list-style: none;
}

.megamenu__header {
    padding: 0;
    margin-bottom: 5px;
    font-family: var(--heading-family) !important;
    font-size: 24px;
    text-align: left;
    text-transform: uppercase;
}

.megamenu--submenu_container {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0 20px 20px;
}

.megamenu--submenu_container li.megamenu__listcontainer {
    flex: 0 0 25%;
    page-break-inside: avoid;
}

.megamenu--submenu_container.cols-3 li.megamenu__listcontainer {
    flex: 0 0 33%;
    page-break-inside: avoid;
}

.megamenu--submenu_container.cols-2 li.megamenu__listcontainer {
    flex: 0 0 50%;
    page-break-inside: avoid;
}

.megamenu__list {
    border: 0 !important;
    margin-bottom: 20px;
}

.megamenu__listitem {
    line-height: 2 !important;
    text-align: left !important;
    display: block !important;
    clear: left;
    z-index: 1;
    width: 90%;
    position: relative;
}

.megamenu__listlink {
    padding: 0 !important;
    text-transform: none !important;
    font-weight: var(--main-weight);
    font-size: 12px !important;
    display: block;
    max-width: 200px;
    overflow: hidden;
    color: #463d40;
    letter-spacing: 0.1em;
}

.megamenu__listlink:hover {
    color: #92b0d4;
}

.megamenu__container .product a,
.megamenu__container .product .price {
    line-height: 1em;
}

.megamenu__container .product-details {
    line-height: 1em;
}

.megamenu__container .product-details p {
    font-family: var(--main-family);
    font-weight: var(--main-weight);
    font-style: var(--main-style);
}

.megamenu__container .product_listing_options {
    display: none;
}

.megamenu__container .product-details a {
    display: block;
    padding: 0 !important;
}

.megamenu__container .product-details p.h4 {
    color: var(--header-color) !important;
    margin-bottom: 3px;
    letter-spacing: initial;
    font-size: var(--font-size);
    font-family: var(--main-family) !important;
    font-weight: var(--main-weight);
    font-style: var(--main-style) !important;
    padding: 0;
    text-transform: capitalize;
}

.megamenu__container .ci a {
    display: block;
    padding: 0 !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

.mm-image {
    padding: 20px;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.megamenu__imagecontainer {
    flex: 1 0 calc(33.3333% - 20px);
    display: flex;
    flex-direction: column;
    gap: 5px 10px;
    text-align: center;
}

.megamenu__imagecontainer:hover p {
    cursor: pointer;
    color: #92b0d4;
}

.megamenu__imagecontainer p {
    line-height: 1.6em;
    letter-spacing: 0.1em;
    margin-bottom: 0;
    font-size: 9px;
    font-family: "SweetSansPro-Medium", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #463d40;
}

.menu--content_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 0;
    border-top: 1px solid var(--dotted-color);
}

.menu--content_container > div {
    flex: 0 0 50%;
    align-items: center;
    text-align: center;
}

.menu--content_container > div:nth-child(2) {
    border-left: 1px solid var(--dotted-color);
}

.header_social-icons ul.social-icons__wrapper,
.menu--content_container > div.header_text {
    margin: 20px 0;
}

.menu--content_container > div p {
    margin-bottom: 0;
}

.navigation__menuitem.navigation__menuitem--dropdown:hover
    > .dropdown.dropdown--withimage,
.navigation__menuitem.navigation__menuitem--dropdown.navigation__menuitem--active
    > .dropdown.dropdown--withimage {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    gap: 20px;
    padding: 20px;
    width: auto;
}

.dropdown__column {
    flex: 0 0 auto;
    min-width: 220px;
    max-width: 220px;
}

.dropdown__navimage {
    width: unset;
}

.dropdown__column .dropdown__menuitem {
    width: 100% !important;
    white-space: nowrap !important;
    float: none !important;
    text-align: left !important;
    display: block !important;
    min-width: unset !important;
}

.dropdown__column .dropdown__menulink {
    min-width: 190px;
}

.dropdown__column.dropdown__navimage .dropdown__menulink {
    display: block;
}

/* ---- Global Sections ---- */
.global__section {
    clear: both;
}

/* use padding on sections with background colors  */
.global__section.global__section--padding {
    padding-top: calc(var(--section-padding) / 2);
    padding-bottom: calc(var(--section-padding) / 2);
}

.global__section.global__section--margin {
    padding-top: 0;
    padding-bottom: 0;
    /* margin-top: calc(var(--section-padding) / 2); */
    margin-bottom: calc(var(--section-padding) / 2);
}

.global__section.pt0 {
    padding-top: 0;
}

.global__section.pb0 {
    padding-bottom: 0;
}

.global__section h2.section-heading {
    padding: 10px 0;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
    position: relative;
}

/* ---- Gallery section ---- */

.image__gallery--item {
    position: relative;
    overflow: hidden;
}

.image__gallery--item .onboard {
    display: flex;
    align-items: center;
}

.image__gallery-block .image__gallery--item:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: var(--section-overlay-color);
    pointer-events: none;
    z-index: 1;
}

.image__gallery-block .image__gallery--item .image--gallery__caption {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 2;
}

.image__gallery-block .image--gallery__caption .caption-content {
    display: flex;
    flex-direction: column;
    -ms-align-content: center;
    align-content: center;
    align-items: center;
    row-gap: 15px;
    padding: 15px;
}

.image--gallery__caption p,
.image--gallery__caption .rte,
.image--gallery__caption a,
.image--gallery__caption h3,
.image--gallery__caption span.cta {
    margin: 0;
}

.image__gallery-block .image--gallery__caption.a-left .caption-content {
    align-items: flex-start;
}

.image__gallery-block .image--gallery__caption.a-right .caption-content {
    align-items: flex-end;
}

.caption-content.inverted .rte {
    display: flex;
    order: 0;
}

.caption-content.inverted h3 {
    display: flex;
    order: 1;
}

.caption-content.inverted .cta {
    order: 2;
}

.image--gallery__caption h3,
.image--gallery__caption .rte p {
    color: var(--text-color);
}

.image--gallery__caption .cta a,
.image--gallery__caption .cta a:visited {
    color: var(--button-text);
    background: var(--button-color);
}

.image--gallery__caption .cta a:hover {
    color: var(--button-text) !important;
    background: var(--button-color-hover) !important;
}

@media screen and (min-width: 741px) {
    .image__gallery-block.r-span-2 .image__gallery--item,
    .image__gallery-block.r-span-2 .image__gallery--item .onboard,
    .image__gallery-block.r-span-2 .image__gallery--item .box-ratio,
    .image__gallery-block.r-span-2 .image__gallery--item .box-ratio img {
        height: 100%;
    }

    .image__gallery-block.r-span-2 .image__gallery--item .box-ratio img {
        max-width: unset;
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%;
    }
}
.image__gallery--item.size--natural .onboard {
    height: 0;
    padding-bottom: 100%;
}
.image__gallery--item.size--natural .onboard svg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    bottom: 0;
    left: 0;
}
.image__gallery--item.size--fixed_height .onboard {
    height: var(--desktop-section-height);
    overflow: hidden;
}
.image__gallery--item.size--fixed_height .onboard svg {
    height: var(--desktop-section-height);
    width: 100%;
}
.image__gallery--item.size--fixed_height .box-ratio {
    padding-bottom: var(--desktop-section-height) !important;
}
.image__gallery--item.size--fixed_height img {
    height: var(--desktop-section-height);
    object-fit: cover;
    object-position: center;
}
.image__gallery-block.r-span-2
    .image__gallery--item.size--fixed_height
    .onboard,
.image__gallery-block.r-span-2
    .image__gallery--item.size--fixed_height
    .box-ratio,
.image__gallery-block.r-span-2
    .image__gallery--item.size--fixed_height
    .box-ratio
    img {
    min-height: var(--desktop-section-height);
    height: 100%;
}
@media screen and (max-width: 740px) {
    .image__gallery--item.size--fixed_height,
    .image__gallery--item.size--fixed_height .onboard,
    .image__gallery--item.size--fixed_height img {
        height: var(--mobile-section-height);
    }
    .image__gallery--item.size--fixed_height .onboard svg {
        height: var(--mobile-section-height);
    }
    .image__gallery--item.size--fixed_height .box-ratio {
        padding-bottom: var(--mobile-section-height) !important;
    }
    .image__gallery--item.size--fixed_height .onboard,
    .image__gallery--item.size--fixed_height .box-ratio,
    .image__gallery--item.size--fixed_height .box-ratio img {
        min-height: var(--mobile-section-height);
        height: 100%;
    }

    .image__block-container.row.flickity-section {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .image__block-container.flickity-section .image__gallery-block {
        width: 92%;
        padding: 10px;
    }
    .image__block-container.flickity-section:after {
        content: "flickity" !important;
        display: none !important; /* hide :after */
    }
}

/* ---- Parallax images ---- */

section.parallax__section {
    overflow: hidden;
    position: relative;
}

section.parallax__section .row {
    width: 100%;
}

.parallax-mirror {
    -webkit-transform-style: preserve-3d;
}

.parallax__section-image {
    position: relative;
}

.parallax__section-image:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: var(--section-overlay-color);
    pointer-events: none;
    z-index: 1;
}

.parallax__caption {
    max-width: 90%;
    width: max-content;
    position: absolute;
    z-index: 2;
}

.parallax__caption-text {
    background: var(--background);
    padding: 20px;
    display: flex;
    row-gap: 12px;
    flex-direction: column;
    -ms-align-content: center;
    align-content: center;
    align-items: center;
    row-gap: 12px;
    color: var(--text-color);
    line-height: 1.4;
}

.parallax__caption-text.a-left {
    align-items: flex-start;
}

.parallax__caption-text.a-right {
    align-items: flex-end;
}

.parallax__caption-text h2,
.parallax__caption-text .rte p,
.parallax__caption-text .button {
    margin: 0;
}

.parallax__caption a.button {
    width: initial;
    padding: 0 20px;
    font-size: var(--base-font-size);
}

.parallax__section-image.has__mobile-image .mobile__image {
    display: none;
}

@media screen and (max-width: 740px) {
    .parallax__section-image.has__mobile-image .mobile__image {
        display: block;
    }
    .parallax__section-image.has__mobile-image .desktop__image {
        display: none;
    }
}

/* ---- Newsletter section ---- */

.global__newsletter {
    line-height: 80px;
    padding-left: 15px;
    padding-right: 15px;
}
section.global__newsletter .social-icons__wrapper {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
}
section.global__newsletter .social-icons__wrapper li {
    line-height: 13px;
}
section.global__newsletter p.form--success {
    margin-top: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}
section.global__newsletter .section-header p {
    margin: 0;
    padding: 0;
}
section.global__newsletter .section-header {
    text-align: center;
}

section.global__newsletter .input-group {
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
}
section.global__newsletter
    .password__input-group
    .section-newsletter
    .password__input-group {
    max-width: 480px;
    margin: 0 auto;
}

section.global__newsletter .newsletter__submit,
.section-newsletter .newsletter__submit {
    width: 30%;
    float: left;
    padding: 0 12px;
    height: 48px;
    transition: all 0.25s ease-in-out;
    margin-bottom: 0;
    background: transparent;
    color: #9d9a9c;
    border: 1px solid #9d9a9c;
    border-radius: 0;
    font-size: 11px;
    font-family: "SweetSansPro-Medium", sans-serif;
    border-left: 0;
}

section.global__newsletter .newsletter__input,
.section-newsletter .newsletter__input {
    width: 70%;
    float: left;
    border-radius: 0;
    background: transparent;
    margin-bottom: 0;
    height: 48px;
    line-height: 48px;
    border-color: #9d9a9c;
}

/* === Section titles === */
.section-title {
    text-align: var(--section-title-align);
    float: none !important;
    width: 100%;
    border-bottom: 0;
    padding: 0 0 30px;
}

.section-title h1,
.section-title h2,
.section-title h3 {
    color: var(--header-color);
    margin-bottom: 0;
   padding-top: 40px;
  
}

/*box*/
.theme-features__section-titles--box .section-title h1,
.theme-features__section-titles--box .section-title h2,
.theme-features__section-titles--box .section-title h3,
.theme-features__section-titles--box .section-title h4,
.theme-features__section-titles--box .collection-listing h1,
.theme-features__section-titles--box .collection-listing h2 {
    display: inline-block;
    padding: 10px 20px;
    border: var(--section-title-border) solid var(--header-color);
    line-height: initial !important;
    margin-bottom: 0;
    color: var(--header-color);
}
/*short_below*/
.theme-features__section-titles--short_below .section-title {
    position: relative;
}
.theme-features__section-titles--short_below .section-title:after {
    position: absolute;
    content: "";
    width: var(--border-width) !important;
    height: var(--section-title-border) !important;
    background: var(--header-color);
    visibility: hidden !important;
    bottom: 10px;
}
.theme-features__section-title-align--center .section-title:after {
    left: 50%;
    margin-left: calc(var(--border-width) / -2);
}
.theme-features__section-title-align--left .section-title:after {
    left: 0;
}
/*text_only*/
.theme-features__section-titles--text_only .section-title h1,
.theme-features__section-titles--text_only .section-title h2,
.theme-features__section-titles--text_only .section-title h3 {
    padding-bottom: 10px;
    border-bottom: var(--section-title-border) solid var(--header-color);
}
/* none */
.theme-features__section-titles--none .section-title h1,
.theme-features__section-titles--none .section-title h2,
.theme-features__section-titles--none .section-title h3,
.theme-features__section-titles--none .collection-listing h2 {
    border: 0;
}

.product .section-title h1 {
    padding-top: 10px;
}

.theme-features__section-titles--none .product .section-title {
    padding: 0 !important;
    margin: 0 !important;
}
.theme-features__section-titles--none .product .section-title h1 {
    padding: 10px 0;
}

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

ul.social-icons__wrapper {
    list-style: none;
    margin: 30px 0;
}

ul.social-icons__wrapper li {
    text-align: center;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middlee;
}

.main__section {
    /* margin-top:  30px; */
    margin-bottom: 50px;
}

/* HOMEPAGE MAP SECTION (Added 1-24-18) */
.map-caption-inner {
    padding: 30px;
}

@media screen and (max-width: 500px) {
    .map-caption-inner {
        text-align: center;
    }
}

.product__section #breadcrumb,
.collection-list-template #breadcrumb {
    margin-bottom: 0 !important;
}

.map-section__image {
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background-size: cover;
    background-position: center;
}

/* Hide Google maps UI */
.gm-style-cc,
.gm-style-cc + div {
    visibility: hidden;
}

/* ---- Image with text section & Image carousel with text section ---- */

.image__with-text {
    position: relative;
}

.image__with-text .section-logo {
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 65px;
}

.image__with-text .text__section {
    padding: 0 40px;
    /* margin-top: 30px; */
    /* margin-bottom: 30px; */
    display: flex;
    flex-direction: column;
    row-gap: 0;
    /* background: var(--background); */
    z-index: 2;
    justify-content: center;
}

.image__with-text .text__section .text-container .text-title {
    display: flex;
    flex-flow: column wrap;
    font-size: 30px;
    line-height: normal;
    /* gap: .35rem; */
    gap: 0.6rem;
}

.osx .image__with-text .text__section .text-container .text-title svg {
    margin-top: 0;
    margin-bottom: 5px;
}

.image__with-text .text__section .text-container .text-title span {
    display: block;
}

.image__with-text .text__section .text-container .text-title br {
    display: none;
}

.image__with-text .text__section.a-right {
    align-items: end;
}

.image__with-text .text__section.a-left {
    align-items: start;
}

.image__with-text .text__section.a-center {
    align-items: center;
}

@media screen and (max-width: 740px) {
    .image__with-text .text__section.m-center {
        /* align-items: center; */
        /* text-align: center; */
    }
}

.image__with-text .text__section,
.image__with-text .image__section {
    position: relative;
}

.image__with-text .image__section .onboard {
    position: relative;
    z-index: 1;
}

.image__with-text .image__section .box-ratio {
    position: relative;
    z-index: 1;
}

.image__with-text .text__section .cta {
    margin: 0;
    display: flex;
}

.image__with-text .text__section h2 {
    margin: 0;
}

.image__with-text .text__section .rte p {
    line-height: 1.4;
}

.image__with-text .text__section.text-centered .cta,
.image__with-text .text__section.text-centered {
    display: block;
}

.image__with-text .image__section.size--fixed_height .box-ratio img {
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    -moz-transform: translate(-50%, -50%) scale(1.1);
    -o-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    transition: transform 2s cubic-bezier(0.41, 0.85, 0.6, 0.97);
    height: 100%;
}

.image__with-text .image__section.size--fixed_height {
    height: var(--desktop-section-height);
}
.image__with-text .image__section.size--fixed_height .box-ratio {
    padding-bottom: var(--desktop-section-height) !important;
    position: relative;
}

.image__with-text .image__section.size--fixed_height .onboard {
    height: var(--desktop-section-height);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

@media screen and (max-width: 740px) {
    .image__with-text .text__section {
        padding: 1rem 1.5rem;
    }
    .image__with-text .text__section {
        /* grid-row: 2; */
    }
    .image__with-text .image__section.size--fixed_height,
    .image__with-text .image__section.size--fixed_height .box-ratio img {
        height: var(--mobile-section-height);
    }
    .image__with-text .image__section.size--fixed_height .box-ratio {
        padding-bottom: var(--mobile-section-height) !important;
        position: relative;
    }
    .image__with-text .image__section.size--fixed_height .onboard {
        height: var(--mobile-section-height);
    }
}

/* ---- Carousel ---- */

section.image--carousel .carousel--image {
    width: 100%;
}

section.image--carousel .text__section {
    height: 100%;
    margin: 0;
    justify-content: center;
}

/* ---- Editorial ---- */

.editorial--column__content.size--fixed .box-ratio {
    padding-bottom: var(--desktop-section-height) !important;
}

.editorial--column__content.size--fixed .box-ratio img,
.editorial--column__content.size--fixed .onboard {
    height: var(--desktop-section-height);
    object-fit: cover;
    text-align: center;
    object-position: top;
}

.editorial--column__content.size--fixed .onboard {
    display: flex;
    align-items: center;
    overflow: hidden;
}

@media screen and (max-width: 740px) {
    .editorial--column__content.size--fixed .box-ratio {
        padding-bottom: var(--mobile-section-height) !important;
    }

    .editorial--column__content.size--fixed .box-ratio img,
    .editorial--column__content.size--fixed .onboard {
        height: var(--mobile-section-height);
    }
}

.editorial--column__content {
    /* margin-bottom: 20px; */
}

.editorial__caption h3,
.editorial__caption p,
.editorial__caption .cta {
    margin-top: 0;
    margin-bottom: 0;
}

.editorial__caption {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-top: 15px;
}

.editorial__caption p {
    font-size: 12px;
    padding: 0 10px;
}

@media screen and (max-width: 740px) {
    .editorial__block-container.flickity-section {
        display: flex;
        flex-direction: column;
        padding-bottom: 20px;
    }
    .editorial__block-container.flickity-section .editorial--column__content {
        width: 100%;
        padding: 10px 10px 20px;
    }
    .editorial__block-container.flickity-section:after {
        content: "flickity" !important;
        display: none !important; /* hide :after */
    }
    .editorial__block-container.flickity-section .flickity-page-dots {
        bottom: -15px;
    }
}

/* ---- Theme image scale features ---- */

.theme-features__zoom-effect--enabled .editorial--column img,
.theme-features__zoom-effect--enabled .image__section img,
.theme-features__zoom-effect--enabled .article-image img,
.theme-features__zoom-effect--enabled .featured_article-image img,
.theme-features__zoom-effect--enabled .image__gallery--item img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 7s cubic-bezier(0.25, 0.5, 0.8, 0.65);
    transition: -webkit-transform 7s cubic-bezier(0.25, 0.5, 0.8, 0.65);
    transition: transform 7s cubic-bezier(0.25, 0.5, 0.8, 0.65);
    transition: transform 7s cubic-bezier(0.25, 0.5, 0.8, 0.65),
        -webkit-transform 7s cubic-bezier(0.25, 0.5, 0.8, 0.65);
}

.theme-features__zoom-effect--enabled .editorial--column:hover img,
.theme-features__zoom-effect--enabled .image__section:hover img,
.theme-features__zoom-effect--enabled .article-image:hover img,
.theme-features__zoom-effect--enabled .featured_article-image:hover img,
.theme-features__zoom-effect--enabled .image__gallery-block:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.theme-features__zoom-effect--enabled .shop__thelook img {
    transform: scale(1) !important;
}
.theme-features__zoom-effect--enabled .image__section.size--fixed_height img {
    transform: translate(-50%, -50%) scale(1);
}

.theme-features__zoom-effect--enabled
    .image__section.size--fixed_height:hover
    img {
    transform: translate(-50%, -50%) scale(1.2);
}

.theme-features__zoom-effect--enabled .image__section img {
    transform: scale(1);
}
.theme-features__zoom-effect--enabled .image__section:hover img {
    transform: scale(1.2);
}

/* ============================================== */
/* ================ collection.liquid ================ */
/* ============================================== */

/*---- Collection page banner ---- */

.collection__banner-image {
    display: grid;
}

.collection__banner-image article.parallax__section-image,
.collection__banner-title {
    grid-area: 1/1;
    position: relative;
}

.collection__banner-title {
    display: flex;
    z-index: 1;
    align-items: center;
    justify-content: center;
}

.collection__banner-title h1 {
    color: var(--text-color);
    margin-bottom: 0;
}

.collection__banner-image article,
.collection__banner-image article .simpleParallax {
    height: var(--desktop-height);
    min-height: var(--desktop-height);
}
.collection__banner-image article .box-ratio {
    padding-bottom: var(--desktop-height) !important;
}
.collection__banner-image article img {
    object-fit: cover;
    height: 100%;
}
@media screen and (max-width: 740px) {
    .collection__banner-image article,
    .collection__banner-image article .simpleParallax {
        height: var(--mobile-height);
        min-height: var(--mobile-height);
    }
    .collection__banner-image article .box-ratio {
        padding-bottom: var(--mobile-height) !important;
    }
}

.collection__banner-image article:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--overlay-color);
}

/* ---- Collection page sidebar ---- */
@media screen and (min-width: 981px) {
    .show {
        display: none;
    }
}

@media screen and (max-width: 980px) {
    .collection__page-sidebar {
        display: none;
    }
    .collection__page-sidebar.open {
        display: block;
    }
    .collection__page-sidebar ul li {
        padding: 5px 0;
    }
}

#CollectionSidebarFiltersForm {
    display: inline-block;
    width: 100%;
    height: 100%;
}

ul.collection__sidebar-menu li span.parent_item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding-right: 10px;
}

ul.collection__sidebar-menu li ul.nested {
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    display: none;
}

ul.collection__sidebar-menu li ul.nested.open {
    display: block;
}

ul.collection__sidebar-menu li.js-parent-menu.open > .parent_item > a svg {
    transform: rotate(180deg);
}

.collection__sidebar--image-wrapper.image_container svg {
    background: #eee;
}

.collection__sidebar-block {
    margin-bottom: 30px;
}

.collection__page-sidebar h4 {
    border-bottom: 1px solid var(--dotted-color);
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.collection__page-sidebar ul {
    list-style-type: none;
    margin-bottom: 20px;
}

.collection__page-sidebar .accordion-content,
.collection__page-sidebar .accordion-content2 {
    margin-bottom: 20px;
    padding-left: 5px;
}

.collection__page-sidebar .accordion-toggle,
.collection__page-sidebar .accordion-toggle2 {
    padding-right: 25px;
}

.collection__page-sidebar .image_container {
    margin-bottom: 15px;
}

.collection__page-sidebar .textnote_container {
    margin-bottom: 15px;
}

.collection__page-sidebar .image_container a:hover {
    border-bottom: 0;
}

/* ---- Collection sidebar filters ----*/

/* Scroll long filter list block setting */
.sidebar-filter.filter--color.scroll ul,
.sidebar-filter.filter--size.scroll ul,
.sidebar-filter.filter--regular.scroll ul {
    max-height: 300px;
    overflow: auto;
}

.sidebar-filter.filter--color ul::-webkit-scrollbar,
.sidebar-filter.filter--size ul::-webkit-scrollbar,
.sidebar-filter.filter--regular ul::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 3px;
}

.sidebar-filter.filter--color ul::-webkit-scrollbar-thumb,
.sidebar-filter.filter--size ul::-webkit-scrollbar-thumb,
.sidebar-filter.filter--regular ul::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.collection__sidebar-block .sidebar-filter ul {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
}

/* flex-row for 2 column */
.collection__sidebar-block .sidebar-filter.filter--color ul {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 5px;
}

.collection__sidebar-block .sidebar-filter ul li a {
    display: flex;
    column-gap: 8px;
    align-items: center;
    padding: 1px;
}

.collection__sidebar-block .sidebar-filter ul li {
    display: flex;
    column-gap: 5px;
    align-items: center;
    padding: 1px;
    margin-bottom: 5px;
    flex: 0 0 calc(100% - 1px);
}

/* two column filter labels block setting applies to size and regular filters */
.sidebar-filter.filter--size ul.flex--row,
.sidebar-filter.filter--regular ul.flex--row {
    flex-direction: row;
    flex-wrap: wrap;
}

.sidebar-filter.filter--size ul.flex--row li,
.sidebar-filter.filter--regular ul.flex--row li {
    flex: 0 0 50%;
}

.collection__sidebar-block .sidebar-filter li label {
    margin-bottom: 0;
    line-height: 1em;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Filters disabled or unavailable */
.sidebar-filter ul li.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.sidebar-filter ul li.disabled > a {
    pointer-events: none;
    text-decoration: none;
}

:root {
    --checked-icon: "\f17b";
    --circle-icon: "\f18a";
    --close-icon: "\f342";
}

/* filter check boxes */
.sidebar-filter.filter--color ul li.no_color_swatch a:before,
.sidebar-filter.filter--size ul li a:before,
.sidebar-filter.filter--regular ul li a:before {
    content: "";
    background: var(--background);
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px #ddd;
    padding: 5px;
}

/* current filters and hover states */
.sidebar-filter.filter--color ul li.no_color_swatch.current a:before,
.sidebar-filter.filter--size ul li.current a:before,
.sidebar-filter.filter--regular ul li.current a:before,
.sidebar-filter.filter--color ul li.no_color_swatch a:hover:before,
.sidebar-filter.filter--size ul li a:hover:before,
.sidebar-filter.filter--regular ul li a:hover:before {
    background: var(--text-color);
}

/* color filters */
.sidebar-filter.filter--color
    .filter_swatch
    .color-filter.color-filter--rounded,
.sidebar-filter.filter--color .swatch_only .color-filter.color-filter--rounded {
    border-radius: 50%;
}

/* color swatch only */
.collection__sidebar-block .sidebar-filter li.swatch_only {
    flex: 0 0 30px;
}

.collection__sidebar-block .sidebar-filter li.swatch_only a {
    border: 0;
    padding: 1px;
}

.sidebar-filter.filter--color .color-filter,
.sidebar-filter.filter--color .color-filter {
    min-width: var(--color-filter-size, 34px);
    width: var(--color-filter-size, 34px);
    height: var(--color-filter-size, 34px);
    line-height: calc(var(--color-filter-size, 34px) - 2px);
    border: 2px solid #fff;
    box-shadow: 0px 0px 0px 1px var(--dotted-color, #d6d6d6);
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.sidebar-filter.filter--color li a:hover .color-filter,
.sidebar-filter.filter--color li .color-filter.current,
.sidebar-filter li.filter_swatch.current .color-filter {
    box-shadow: 0px 0px 0px 1px var(--text-color, #000000);
}

.sidebar-filter.filter--color .filter_swatch {
    --filter-padding: 8px;
}

.sidebar-filter.filter--color ul li a {
    padding: 8px 6px var(--filter-padding);
    border: 1px solid var(--dotted-color);
    width: 100%;

    overflow: hidden;

    line-height: 1;
}

/* text only - no color swatch */
.sidebar-filter.filter--color ul li.no_color_swatch a {
    border: 0;
    padding: 1px;
}

/* ---- color filters with swatch and text */
.collection__sidebar-block .sidebar-filter ul li.filter_swatch.two_columns {
    flex: 0 0 calc(50% - 3px);
    max-width: calc(50% - 3px);
    margin-bottom: 5px;
}

/* price range */
@-moz-document url-prefix() {
    .filter-range__slider--input {
        position: relative;
    }
    .filter-range__slider--input,
    .filter-range__field {
        display: inline-block;
        width: 47%;
    }
    .filter-range__field__input {
        width: 80% !important;
    }
    .filter-range__field__currency {
        display: inline-block;
        width: 10%;
    }
}

.filter-range__boxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

label.filter-range__field__label {
    display: inline-block;
}

/* ignore border radius from theme setting  */
.theme-features__rounded-buttons--enabled
    .filter--price-range
    .filter-range__field__input,
.theme-features__rounded-buttons--disabled
    .filter--price-range
    .filter-range__field__input {
    border-radius: unset !important;
}

.filter--price-range .filter-range__field {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.collection__sidebar--wrapper .sidebar-filter .filter-range__field__input {
    width: 80% !important;
}

/* current filters */
ul.current_tags {
    margin-bottom: 20px;
}

ul.current_tags li {
    margin: 0 5px 5px 0;
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
}

ul.current_tags li.current_tag a {
    background: #f5f5f5;
    padding: 10px 25px 10px 8px;
    color: #9d9a9c !important;
    display: block;
    position: relative;
    text-transform: uppercase;
    font-size: 11px;
}

.theme-features__rounded-buttons--enabled ul.current_tags li.current_tag a {
    border-radius: 3px;
}

.theme-features__rounded-buttons--disabled ul.current_tags li.current_tag a {
    border-radius: 0;
}

ul.current_tags li.current_tag a:after {
    content: "\00d7";
    position: absolute;
    right: 10px;
    font-size: 11px;
}

ul.current_tags li a.clear-tags {
    text-decoration: underline;
    color: #9d9a9c;
}

/* filter counts */
span.filter__count {
  display: none;
}

/*---- Add options for thumbnail size swatch images ---- */
li.presentation--swatch {
    width: 100% !important;
    margin: 0 0 10px 0;
    display: flex !important;
    align-items: center;
    padding: var(--filter-padding);
}
/* 2 column thumbnails */
li.presentation--swatch.size--thumbnail.two_columns {
    flex: 0 0 calc(50% - 3px);
    align-self: flex-start;
}

li.presentation--swatch a {
    flex-wrap: wrap;
    white-space: unset !important;
    padding: 8px !important;
}

li.presentation--swatch a::before {
    display: none;
}

/* thumbnail sized image */
li.presentation--swatch.size--thumbnail a .filter--presentation_image {
    flex: 0 0 100%;
    margin-bottom: 10px;
    line-height: 0;
}

/* thumbnail sized image label 100% width */
li.presentation--swatch.size--thumbnail a label {
    flex: 0 0 100%;
}

/* icon sized image */
li.presentation--swatch.size--icon a .filter--presentation_image {
    flex: 0 0 35px;
    line-height: 0;
}

/* Icon sized image cropped */
li.presentation--swatch.size--icon.image--cropped .filter--presentation_image {
    width: 35px;
    height: 35px;
    overflow: hidden;
    position: relative;
}

/* thumbnail sized image cropped */
li.presentation--swatch.size--thumbnail.image--cropped
    .filter--presentation_image {
    width: 100%;
    height: 0%;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
}

/* Image cropped */
li.presentation--swatch.image--cropped .filter--presentation_image img {
    object-fit: cover;
    object-position: center center !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
}

li.presentation--swatch a.current .filter--presentation_image {
    outline: 1px solid var(--text-color);
    outline-offset: 2px;
}

li.presentation--swatch.size--icon.image--cropped
    a.current
    .filter--presentation_image {
    border-radius: 50%;
}

/* ---- Collection horizontal toolbar ---- */
/* ---- Remove excess space from dropdown filter li labels ---- */
.collection__horizontal-toolbar .value-list li label,
.search__horizontal-toolbar .value-list li label {
    margin-bottom: 0;
    cursor: pointer;
    font-size: 14px;
    line-height: 1em;
}

.collection__filter-wrapper {
    display: none;
}

.collection__filter-wrapper.open {
    display: block;
    text-transform: uppercase;
    color: #9d9a9c; 
}

.collection__filter-toggleWrapper {
    border-bottom: 1px solid var(--dotted-color);
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: 6fr 6fr;
    align-items: center;
    padding-bottom: 10px;
    position: relative;
    z-index: 6;
}

#CollectionFiltersForm {
    display: inline-block;
    width: 100%;
}
.collection__filtering,
.search__filtering {
    position: relative;
    width: 220px;
    display: inline-block;
    height: 30px;
}
@media screen and (max-width: 980px) {
    .collection__filtering,
    .search__filtering {
        width: 100%;
        display: block;
    }
}
.collection__horizontal-toolbar .icon--apollo-down-carrot,
.search__horizontal-toolbar .icon--apollo-down-carrot {
    position: absolute;
    right: 15px;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.chosen-value::placeholder {
    color: var(--text-color) !important;
    opacity: 1 !important;
}

.collection__horizontal-toolbar .chosen-value,
.collection__horizontal-toolbar .value-list,
.search__horizontal-toolbar .chosen-value,
.search__horizontal-toolbar .value-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.collection__horizontal-toolbar .value-list li [type="checkbox"],
.search__horizontal-toolbar .value-list li [type="checkbox"],
.collection__sidebar-block [type="checkbox"] {
    display: none;
}
.collection__horizontal-toolbar .chosen-value,
.search__horizontal-toolbar .chosen-value {
    height: 48px;
    line-height: 46px;
    font-size: var(--font-size);
    background-color: var(--background);
    border: 1px solid var(--dotted-color);
    transition: 0.3s ease-in-out;
    text-align: left;
    margin-bottom: 0 !important;
}
.collection__horizontal-toolbar .chosen-value::-webkit-input-placeholder,
.search__horizontal-toolbar .chosen-value::-webkit-input-placeholder {
    color: var(--text-color);
}
.collection__horizontal-toolbar .chosen-value:hover,
.search__horizontal-toolbar .chosen-value:hover {
    cursor: pointer;
}
.collection__horizontal-toolbar .chosen-value:focus,
.collection__horizontal-toolbar .chosen-value.open,
.search__horizontal-toolbar .chosen-value:focus,
.search__horizontal-toolbar .chosen-value.open {
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
    outline: 0;
}
.collection__horizontal-toolbar .value-list,
.search__horizontal-toolbar .value-list {
    list-style: none;
    margin-top: 48px;
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    max-height: 0;
    transition: 0.3s ease-in-out;
    z-index: 20;
    background-color: var(--background);
}
.collection__horizontal-toolbar .value-list.open,
.search__horizontal-toolbar .value-list.open {
    max-height: 320px;
    overflow: auto;
    padding: 10px 0;
}
.collection__horizontal-toolbar .value-list li,
.search__horizontal-toolbar .value-list li {
    position: relative;
    background-color: var(--background);
    padding: 8px 15px;
    display: flex;
    gap: 8px;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s;
    opacity: 1;
    line-height: initial;
}
.collection__horizontal-toolbar .value-list li.closed,
.search__horizontal-toolbar .value-list li.closed {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    opacity: 0;
}
.collection__horizontal-toolbar .filter--regular .value-list li:before,
.collection__horizontal-toolbar .filter--size .value-list li:before,
.search__horizontal-toolbar .filter--regular .value-list li:before,
.search__horizontal-toolbar .filter--size .value-list li:before {
    display: inline-block;
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px #ddd;
    flex: 0 0 15px;
}
.collection__horizontal-toolbar .filter--regular .value-list li.current:before,
.collection__horizontal-toolbar .filter--size .value-list li.current:before,
.search__horizontal-toolbar .filter--regular .value-list li.current:before,
.search__horizontal-toolbar .filter--size .value-list li.current:before {
    background: var(--text-color);
}
.collection__horizontal-toolbar .filter--regular .value-list li:hover:before,
.collection__horizontal-toolbar .filter--size .value-list li:hover:before,
.search__horizontal-toolbar .filter--regular .value-list li:hover:before,
.search__horizontal-toolbar .filter--size .value-list li:hover:before {
    background: var(--text-color);
}
.collection__horizontal-toolbar .color-filter,
.search__horizontal-toolbar .color-filter {
    min-width: var(--color-filter-size, 34px) !important;
    width: var(--color-filter-size, 34px) !important;
    height: var(--color-filter-size, 34px) !important;
    line-height: calc(var(--color-filter-size, 34px) - 2px) !important;
    vertical-align: middle;
    border: 2px solid #fff;
    box-shadow: 0px 0px 0px 1px var(--dotted-color, #d6d6d6);
    display: inline-block;
    margin: 0;
    line-height: initial;
    vertical-align: middle;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.collection__horizontal-toolbar .color-filter.color-filter--rounded,
.search__horizontal-toolbar .color-filter.color-filter--rounded {
    border-radius: 50%;
}

.collection__horizontal-toolbar li a:hover .color-filter,
.collection__horizontal-toolbar .color-filter.current,
.search__horizontal-toolbar li a:hover .color-filter,
.search__horizontal-toolbar .color-filter.current {
    box-shadow: 0px 0px 0px 1px var(--text-color, #000000);
}

.collection__horizontal-toolbar .value-list > li.disabled,
.search__horizontal-toolbar .value-list > li.disabled {
    color: var(--disabled-text);
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: none;
}
.collection__horizontal-toolbar #collection--filters,
.search__horizontal-toolbar #search--filters {
    line-height: 0;
    width: 100%;
    text-align: left;
}

.collection__horizontal-toolbar #collection--filters noscript label,
.search__horizontal-toolbar #search--filters noscript label,
.collection__page-sort noscript label {
    margin-bottom: 6px;
    line-height: initial;
}

.collection__horizontal-toolbar #collection--filters noscript select,
.search__horizontal-toolbar #search--filters noscript select,
.collection__page-sort noscript select {
    text-indent: 12px;
}

.collection__horizontal-toolbar .filter,
.search__horizontal-toolbar .filter {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    border: 0;
    margin-bottom: 10px;
    position: relative;
}
.theme-features__rounded-buttons--enabled
    .collection__horizontal-toolbar
    .filter,
.theme-features__rounded-buttons--enabled .search__horizontal-toolbar .filter {
    border-radius: 3px;
}
.theme-features__rounded-buttons--disabled
    .collection__horizontal-toolbar
    .filter,
.theme-features__rounded-buttons--disabled .search__horizontal-toolbar .filter {
    border-radius: 0;
}

.collection__page-filter,
.collection__page-sort {
    margin-bottom: 20px;
}

/* Price Range */
.filter-price__trigger {
    height: 48px;
    font-size: var(--font-size);
    background-color: var(--background);
    color: var(--text-color);
    border: 1px solid var(--dotted-color);
    transition: 0.3s ease-in-out;
    text-align: left;
    margin-bottom: 0 !important;
    position: relative;
    width: 220px;
    display: inline-block;
    line-height: 46px;
    padding-left: 0;
    text-indent: 17px;
}
.collection__filter-toggle--icon {
    margin-left: 5px;
}

.collection__filtering.collection__sort_by_selector:before {
    transform: translateY(-50%);
}

.theme-features__rounded-buttons--enabled .filter-price__trigger {
    border-radius: 3px !important;
}
.theme-features__rounded-buttons--disabled .filter-price__trigger {
    border-radius: unset !important;
}

@media screen and (max-width: 980px) {
    .filter-price__trigger {
        width: 100%;
        display: block;
    }
}

.collection__horizontal-toolbar .filter--price-range,
.search__horizontal-toolbar .filter--price-range {
    position: relative;
}

.collection__horizontal-toolbar .filter-price__trigger:hover,
.search__horizontal-toolbar .filter-price__trigger:hover {
    cursor: pointer;
    background-color: var(--background);
    color: var(--text-color);
}

.collection__horizontal-toolbar .filter-price__dropdown,
.search__horizontal-toolbar .filter-price__dropdown {
    box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);
    transition: 0.3s ease-in-out;
    z-index: 20;
    position: absolute;
    top: 48px;
    left: 0;
    background: white;
    padding: 10px;
    line-height: initial;
    min-width: 100%;
}

.collection__horizontal-toolbar .filter-price__trigger.active,
.search__horizontal-toolbar .filter-price__trigger.active {
    box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);
    outline: 0;
    background-color: var(--background);
    color: var(--text-color);
}

.collection__horizontal-toolbar .filter-range__footer,
.search__horizontal-toolbar .filter-range__footer {
    border-top: 1px solid var(--dotted-color);
    padding-top: 10px;
}

/* Price Range Slider  */
.filter-range__slider--input {
    position: absolute;
    left: 0;
    bottom: 0;
}

.filter-range__slider--wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 10px 0 20px 0;
}

.filter--price-range .filter-range__field__input {
    border: 1px solid var(--dotted-color);
    text-align: left;
    -moz-appearance: textfield;
    min-width: 70px;
    margin: unset !important;
    float: unset !important;
    font-size: 14px;
}

.filter-range__boxes.js-price-range {
    padding-top: 8px;
}

.collection__page-sidebar .filter-range__field__input {
    width: 80% !important;
}

.filter-range__field__input::-webkit-outer-spin-button,
.filter-range__field__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.filter-range__field__input:invalid,
.filter-range__field__input:out-of-range {
    border: 2px solid var(--error-msg-dark);
}

.filter-range__slider--input {
    -webkit-appearance: none;
    width: 100%;
}

.filter-range__slider--input:focus {
    outline: none;
}

.filter-range__slider--input:focus::-webkit-slider-runnable-track {
    background: var(--text-color);
}

.filter-range__slider--input:focus::-ms-fill-lower {
    background: var(--text-color);
}

.filter-range__slider--input:focus::-ms-fill-upper {
    background: var(--text-color);
}

.filter-range__slider--input::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: var(--text-color);
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}

.filter-range__slider--input::-webkit-slider-thumb {
    z-index: 1;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    border: 1px solid var(--text-color);
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: var(--background);
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7px;
}

.filter-range__slider--input::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: var(--text-color);
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}

.filter-range__slider--input::-moz-range-thumb {
    z-index: 2;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    border: 1px solid var(--text-color);
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: var(--background);
    cursor: pointer;
}
@-moz-document url-prefix() {
    .filter-range__slider--input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        pointer-events: none;
        background: none;
    }
    .filter-range__slider--input:last-child::-moz-range-track {
        background: none;
        appearance: none;
    }
    .filter-range__slider--input::-moz-range-thumb {
        pointer-events: auto;
    }
}

.filter-range__slider--input::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

.filter-range__slider--input::-ms-fill-lower,
.filter-range__slider--input::-ms-fill-upper {
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}

.filter-range__slider--input::-ms-fill-upper {
    background: var(--text-color);
}

.filter-range__slider--input::-ms-fill-lower {
    background: #eee;
}

.filter-range__slider--input::-ms-thumb {
    z-index: 2;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    border: 1px solid var(--text-color);
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: var(--background);
    cursor: pointer;
}

/* ---- Toggle filters ---- */

.sort__filter--triggers {
    text-align: right;
    display: flex;
    justify-content: end;
    gap: 10px;
}

.sort-by__wrapper .collection__filtering.js-hz-filter {
    width: 155px;
}

.collection__horizontal-toolbar.sort-by__wrapper {
    position: relative;
    float: right;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 740px) {
    .collection__horizontal-toolbar.sort-by__wrapper,
    .sort-by__wrapper .collection__filtering.js-hz-filter {
        width: 100%;
    }
}

button.filter-price__trigger.js-show-filters {
    width: 155px;
    padding: 0 15px;
    text-indent: 0;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

button.filter-price__trigger.js-show-filters:before {
    content: "";
    display: none;
}

button.filter-price__trigger.js-show-filters:hover {
    color: var(--text-color);
    background: var(--background);
}

@media screen and (max-width: 740px) {
    .collection__filter-toggleWrapper {
        grid-template-columns: 1fr;
    }
    .filtering__pagination {
        margin-bottom: 10px;
    }
    .sort__filter--triggers {
        text-align: right;
        display: flex;
        justify-content: flex-end;
        gap: 10px;
    }
    .collection__page-filter ul#collection--filters,
    ul#search--filters {
        grid-template-columns: repeat(2, 1fr);
    }
    .sort__filter--triggers button.filter-price__trigger.js-show-filters {
        flex: 1 0 calc(50% - 15px);
        margin: 0;
    }
    .sort__filter--triggers .collection__horizontal-toolbar.sort-by__wrapper {
        flex: 1 0 50%;
    }
}

/* ---- Mobile sidebar filter toggle ---= */
button.slideout__trigger-filters {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

/* ---- Collection page top filters ---- */

.collection__page-filter ul#collection--filters,
ul#search--filters {
    width: 100%;
    text-align: left;
}

.collection__page-filter .filter {
    display: inline-block;
    margin-right: 10px;
    border: 0;
}

select.styled-select {
    display: inline-block;
    width: initial;
    width: 100%;
    min-width: 160px;
    vertical-align: middle;
    border: 1px solid var(--dotted-color);
    float: left;
    margin: 0;
    padding-left: 12px;
    margin-bottom: 10px;
    color: var(--text-color);
    font-size: var(--font-size);
    font-family: var(--main-family);
    background: var(--select-arrow-bg) right no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
}

@media screen and (max-width: 980px) {
    ul#collection--filters,
    ul#search--filters {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
        margin-bottom: 10px;
    }
    .collection__page-filter {
        margin-top: 0;
    }
    ul#collection--filters li select.styled-select,
    ul#search--filters li select.styled-select {
        width: 100%;
        margin-left: 0;
        min-width: 100%;
    }
    .collection__page-filter .filter,
    .search__horizontal-toolbar .filter {
        width: 100%;
        float: left;
        display: inline-block;
        margin: 0;
    }
}

.collection-banner img {
    width: 100%;
    object-fit: cover;
    height: 400px;
}

.collection-banner {
    height: 400px;
    position: relative;
    overflow: hidden;
    margin-bottom: var(--section-padding);
}

.collection-banner .box-ratio {
    padding-bottom: 400px;
}

@media screen and (max-width: 740px) {
    .collection-banner {
        height: auto;
    }
    .collection-banner img {
        height: auto;
    }
    .collection-banner .box-ratio {
        padding-bottom: 0;
    }
}

#collection-description {
    max-width: 100%;
    margin: 0 auto;
    padding: 30px 0 0;
    display: block;
    width: 100%;
    text-align: center;
}

#collection-description .rte,
#collection-description .rte p:last-child {
    margin: 0 !important;
}

.product-loop {
    margin-bottom: 50px;
}

.collection-listing {
    text-align: center;
}

.ci {
    text-align: center;
    position: relative;
}

.collection-title {
    border-bottom: 2px solid var(--dotted-color);
    text-align: center;
}

p.view-full {
    margin-top: 15px;
    padding: 15px 0;
}

.collection .bigimage {
    max-width: 99.4%;
}

span.prev-prod,
span.next-prod {
    min-height: 1px;
}

.active {
    background: #e5e5e5;
}

#collection-description h1 {
    text-align: center;
    margin-bottom: 10px;
}

#collection-description .rte {
    border-top: 0;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
}

.product-index {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

@media screen and (min-width: 981px) {
    .product-index.desktop-6.tablet-3.mobile-half:nth-child(2n + 1),
    .product-index.desktop-4.tablet-2.mobile-half:nth-child(3n + 1),
    .product-index.desktop-3.tablet-2.mobile-half:nth-child(4n + 1),
    .product-index.desktop-fifth.tablet-2.mobile-half:nth-child(5n + 1),
    .product-index.desktop-2.tablet-2.mobile-half:nth-child(6n + 1) {
        clear: left;
    }
}

@media screen and (min-width: 741px) and (max-width: 980px) {
    .product-index.desktop-6.tablet-3.mobile-half:nth-child(3n + 1),
    .product-index.desktop-4.tablet-2.mobile-half:nth-child(3n + 1),
    .product-index.desktop-3.tablet-2.mobile-half:nth-child(3n + 1),
    .product-index.desktop-fifth.tablet-2.mobile-half:nth-child(3n + 1),
    .product-index.desktop-2.tablet-2.mobile-half:nth-child(3n + 1) {
        clear: left;
    }
}

@media screen and (max-width: 740px) {
    .product-index.desktop-6.tablet-3.mobile-half:nth-child(2n + 1),
    .product-index.desktop-4.tablet-2.mobile-half:nth-child(2n + 1),
    .product-index.desktop-3.tablet-2.mobile-half:nth-child(2n + 1),
    .product-index.desktop-fifth.tablet-2.mobile-half:nth-child(2n + 1),
    .product-index.desktop-2.tablet-2.mobile-half:nth-child(2n + 1) {
        clear: left;
    }
}

.product-index a {
    display: block;
    outline-offset: unset !important;
}

.product-form__variants {
    display: none;
}

.product-details {
    text-align: var(--details-align);
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.theme-features__details-align--left .product-details .price {
    align-items: flex-start !important;
}

.product-details .onsale {
    display: inline;
}

.product-details p.h4 {
    color: var(--text-color);
    font-size: var(--font-size);
    font-family: var(--main-family);
    font-weight: var(--main-weight);
    font-style: var(--main-style);
    border-bottom: var(--section-title-border) solid var(--dotted-color);
    display: inline-block;
}

.product-details h3,
.product-details h4 {
    color: var(--text-color);
    font-size: var(--font-size);
    font-family: var(--main-family);
    font-weight: var(--main-weight);
    font-style: var(--main-style);
    letter-spacing: var(--main-spacing);
    word-break: break-word;
}

.price {
    color: var(--text-color);
    font-size: var(--font-size);
}

.product-index .price .onsale {
    display: inline;
}
.was,
.product-compare-price,
.compare-price,
.was-listing {
    text-decoration: line-through;
}

.was,
.was-listing {
    display: inline-block;
    margin-left: 5px;
}

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

.price.price--listing.price--sold-out .price__badge {
    border: 0;
    text-transform: none;
    font-size: var(--font-size);
    font-weight: var(--main-weight);
    letter-spacing: unset;
    text-align: unset;
    align-self: unset;
    padding: 0;
}

.price.price--listing.price--sold-out .price__badges {
    margin-top: 10px;
}

.theme-features__icon-position--top_left .icn {
    top: 8px;
    left: 8px;
    padding: 0 !important;
}
.theme-features__icon-position--top_right .icn {
    top: 5px;
    right: 5px;
}
.theme-features__icon-position--bottom_left .icn {
    bottom: 5px;
    left: 5px;
}
.theme-features__icon-position--bottom_right .icn {
    bottom: 5px;
    right: 5px;
}

.icn {
    position: absolute;
    text-align: center;
    padding: 0 10px;
    font-family: var(--main-family);
    font-weight: var(--main-weight);
    font-style: var(--main-style);
    font-size: 12px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.theme-features__icon-shape--circle .icn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 1.45;
    --height: 50px;
}
.theme-features__icon-shape--rectangle .icn {
    padding: 4px 8px;
}

.theme-features__new-icon--enabled .new {
    z-index: 3;
    background: var(--new-background);
    color: var(--new-color);
}

.theme-features__new-icon--disabled .new {
    display: none;
}

.theme-features__sale-icon--enabled .sale-item {
    z-index: 4;
    background: var(--sale-icon-background);
    color: var(--sale-icon-color);
}

.icn.icn--stock-levels {
    z-index: 4;
    background: var(--sale-icon-background);
    color: var(--sale-icon-color);
}

.icn {
    --height: 32px;
}
.theme-features__icon-position--top_left .icn ~ .icn,
.theme-features__icon-position--top_right .icn ~ .icn {
    margin-top: var(--height, 32px);
}
.theme-features__icon-position--top_left .icn ~ .icn ~ .icn,
.theme-features__icon-position--top_right .icn ~ .icn ~ .icn {
    margin-top: calc(var(--height, 32px) * 2);
}
.theme-features__icon-position--bottom_left .icn ~ .icn,
.theme-features__icon-position--bottom_right .icn ~ .icn {
    margin-bottom: var(--height, 32px);
}
.theme-features__icon-position--bottom_left .icn ~ .icn ~ .icn,
.theme-features__icon-position--bottom_right .icn ~ .icn ~ .icn {
    margin-bottom: calc(var(--height, 32px) * 2);
}

.theme-features__sale-icon--disabled .sale-item {
    display: none;
}

.icn.icn--custom {
    z-index: 5;
    color: var(--custom-color);
    background-color: var(--custom-background);
}

.icn ~ .icn:not(".icn--stock-levels") {
    display: none;
}

.product_listing_options {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: flex-start;
    justify-content: space-between;
}

.product-index .size-swatch ul {
    margin-bottom: 0;
}

.product-index .size-swatch ul li.size {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2.5px;
    background: transparent;
}

.product-index .size-swatch ul li.size a {
    font-size: 12px;
    opacity: 0.65;
}
l li .product-index:hover > .product-index-inner .size-swatch {
    display: block;
}

.col-swatch ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
    /* display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px; */
}

.theme-features__details-align--left .col-swatch ul {
    justify-content: flex-start;
}

.col-swatch li {
    display: inline-block;
    zoom: 1;
    padding: 0;
    margin: 2px 5px 2px 2px;
}

.col-swatch li:last-child {
    margin-right: 0;
}

.col-swatch li label,
.col-swatch li span {
    display: block;
}

.col-swatch li.color {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid #eee;
    overflow: hidden;
}

.col-swatch li.color span,
.col-swatch li.color label {
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
}

.col-swatch li.color img.variant-image {
    transform: scale(3);
}

.col-swatch .options li {
    -webkit-transform: translateZ(0); /* webkit flicker fix */
    -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

.col-swatch .options li a {
    font-size: 12px;
    color: var(--listing-size-color);
}

.quick-add-to-cart {
    margin-top: 10px;
}

.product-index .product-add {
    display: flex;
}

.product-index .product-add input#addToCart {
    width: auto;
    margin: 0 auto;
    padding: 0 15px;
}

.product-index a.add {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    margin: 0 auto;
}

a.add.options.button {
    border: 2px solid var(--text-color);
    background: var(--background);
    color: var(--text-color);
    line-height: 48px;
    text-transform: unset;
}

/* ---- Product grid image aspect ratios ---- */

.image_natural .box-ratio,
.image_square .box-ratio,
.image_landscape .box-ratio,
.image_portrait .box-ratio {
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.image_square .box-ratio,
.image_square .product-loop__video-inner-wrapper {
    padding-bottom: 100% !important;
}

.image_landscape .box-ratio,
.image_landscape .product-loop__video-inner-wrapper {
    padding-bottom: 75% !important;
}

.image_portrait .box-ratio,
.image_portrait .product-loop__video-inner-wrapper {
    padding-bottom: 150% !important;
}

.box-ratio .placeholder-svg {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.image_natural .box-ratio img,
.image_square .box-ratio img,
.image_landscape .box-ratio img,
.image_portrait .box-ratio img {
    object-fit: cover;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* ===============================================
  // Reveal module
  // =============================================== */

.theme-features__image-flip--enabled .reveal .hidden {
    display: block !important;
    visibility: visible !important;
    overflow: hidden;
}

@media (hover: hover) {
    .theme-features__image-flip--enabled .product-index:hover .reveal img {
        opacity: 1;
    }
}

.theme-features__image-flip--enabled .reveal {
    position: relative;
    overflow: hidden;
}

.theme-features__image-flip--enabled .reveal .hidden {
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

@media (hover: hover) {
    .theme-features__image-flip--enabled .prod-image:hover .reveal .hidden {
        z-index: 1;
        opacity: 1;
        background-color: var(--background);
    }
}

@media (min-width: 480px) and (max-width: 979px) {
    .theme-features__image-flip--enabled .reveal .image--gallery__caption {
        font-size: 11px;
    }
}

/* ============================================== */
/* ================ product.liquid ================ */
/* ============================================== */

.product__section {
    position: relative;
}

.product__section.product-template {
    margin-top: 0;
    padding-top: 30px;
}

.product-quickview__container .product__section.product-template {
    padding: 0;
}

.product__section-images .icn {
    top: 0;
    left: 0;
    right: auto !important;
    bottom: auto !important;
}

div#product_description ul {
    list-style: disc;
    list-style-position: inside;
    margin-bottom: 15px;
}

.thumbnail-slider .la-angle-up:before {
    font-size: 20px;
}
.thumbnail-slider .la-angle-down:before {
    font-size: 20px;
}

@media screen and (min-width: 741px) {
    .product__section-content .section-title,
    .product__section-content .section-title:after {
        text-align: left;
        margin-left: 0;
        left: 0;
        margin-bottom: 0;
    }
}

.selector-wrapper {
    clear: left;
}

.selector-wrapper label,
label.single-option--label {
    display: inline-block;
    float: left;
    min-width: 80px;
    margin-right: 15px;
    line-height: 48px;
    font-weight: bold;
    text-transform: uppercase;
}

label.single-option--label + .selector-wrapper {
    display: inline-block;
    width: auto;
}

.theme-features__product-variants--swatches .selector-wrapper {
    display: none;
}

.product-qty.selector-wrapper {
    display: block;
}

.thumbnail-slider {
    margin-top: 5px;
}

.thumbnail {
    margin-bottom: 10px;
}

#product-price,
.product-price {
    font-size: calc(var(--font-size) + 2px) !important;
    margin-bottom: 15px;
    display: inline-block;
}

.product__section-content {
    position: relative;
}

.product__section-details {
    padding: 10px;
}

@supports (display: flex) {
    .product__section-details {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }
}

@media (max-width: 740px) {
    .product__section-details {
        text-align: left;
    }
    .spr-starrating.spr-summary-starrating {
        justify-content: center !important;
    }
    .product__section-details .rte {
        text-align: left;
    }
}

.product__section-details form {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 0;
}

.product__section-details__inner--additional_content a {
    text-decoration: underline;
}

.product__section-details__inner--additional_content .product-blocks__inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
}

.product__section-details__inner--additional_content
    .product-blocks__inner
    > svg {
    margin-right: 5px;
    min-width: 30px;
}

.product__section .product__section-content .section-title {
    padding-top: 15px;
    padding-bottom: 0;
}

.product__section-details__inner--product_description {
    margin-top: 15px;
}

.product-form {
    display: block;
    float: left;
    width: 100%;
}

.product-form .icn {
    right: 0;
    left: unset !important;
}

#product-form-installment {
    padding: 0 !important;
    margin: 0;
    float: none !important;
    border-bottom: none;
}

.product-add {
    clear: left;
    float: left;
    display: block;
    width: 100%;
}

.product-add label {
    float: left;
    line-height: 48px;
    padding: 0 !important;
    display: inline-block;
    font-weight: var(--heading-weight);
}

.product-quantity {
    text-align: center;
    margin: 0 !important;
    width: 70px !important;
    display: inline-block !important;
    vertical-align: top;
    padding: 0 !important;
    text-indent: 0 !important;
    float: none;
    margin-left: -5px !important;
    margin-right: -4px !important;
    border: 1px solid var(--dotted-color) !important;
    color: var(--text-color) !important;
    height: 44px !important;
    line-height: 42px !important;
    border-radius: 0 !important;
}

.up,
.downer {
    border-color: var(--dotted-color) !important;
    padding: 0 8px;
    line-height: 42px;
    height: 44px;
    display: inline-block;
    color: var(--text-color);
    font-size: 20px;
    width: 38px;
    text-align: center;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-radius: 0 !important;
}
.up {
    border-right: 1px solid;
}
.downer {
    border-left: 1px solid;
}
.up,
.downer {
    background: unset;
}
.up:hover,
.downer:hover {
    cursor: pointer;
}

.errors.qty-error {
    color: #cc0000;
    display: inline-block;
    float: left;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
}
.cart h2.errors.qty-error {
    margin-bottom: 0;
    padding: 0;
    color: black;
    background: none;
    border: none;
    font-size: 18px;
}

input.AddtoCart.secondary-button,
a.ajax-cart__button-view_cart.button.secondary-button {
    margin-bottom: 10px;
}

.theme-features__ghost-buttons--enabled
    input[type="submit"]:not(.secondary-button, .button-as-link),
.theme-features__ghost-buttons--enabled
    input#addToCart:not(.secondary-button, .button-as-link),
.theme-features__ghost-buttons--enabled
    .shopify-payment-button__button--unbranded {
    border: 2px solid var(--button-color) !important;
    color: var(--button-color) !important;
    background: var(--background) !important;
    line-height: 44px;
}

.theme-features__rounded-buttons--enabled input#addToCart {
    border-radius: 3px;
}

@media screen and (max-width: 740px) {
    input#addToCart {
        width: 100%;
    }
}

.shopify-payment-button {
    clear: left;
}

.shopify-payment-button__button--branded,
.shopify-payment-button__button--unbranded {
    line-height: 48px !important;
    min-height: 48px;
    padding: 0 !important;
    margin-bottom: 15px !important;
}

.shopify-payment-button__button--unbranded {
    background: var(--button-color) !important;
    color: var(--button-text) !important;
}

.shopify-payment-button__button--unbranded:hover {
    color: var(--button-text) !important;
    background: var(--button-hover) !important;
}

.shopify-payment-button__more-options,
button.shopify-payment-button__more-options:hover {
    background: transparent !important;
    color: #000 !important;
    padding: 0 !important;
    text-align: left !important;
}

.shopify-payment-button__more-options[disabled],
.shopify-payment-button__button[disabled],
.shopify-payment-button__button--hidden {
    display: none !important;
}

@media screen and (max-width: 740px) {
    .product-add {
        text-align: center;
        margin-top: 0;
    }
    input#addToCart,
    .shopify-payment-button__button--branded,
    .shopify-payment-button__button--unbranded {
        width: 100% !important;
    }
    input#addToCart {
        margin-top: 0;
    }
    .product-add label {
        width: initial !important;
        float: none;
    }
    .errors.qty-error {
        text-align: center;
    }
}

.product .rte {
    padding-bottom: 15px;
}

.share-icon {
    position: absolute;
    top: 0;
    right: 0;
    color: #aaa;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.share-icon i {
    display: block;
    cursor: pointer;
}

@media screen and (min-width: 741px) {
    .share-icons {
        position: absolute;
        right: 0;
        top: 0;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 70px;
        height: 150px;
        padding: 0;
        width: 50px;
        z-index: 1;
    }
}

@media screen and (max-width: 740px) {
    .share-icons {
        display: inline-block;
        width: 100%;
    }
}

.share-icons a {
    display: block;
    background: #000;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 10px;
}

.share-icons a svg {
    vertical-align: sub;
}

.share-icons a.facebook {
    background: var(--fb-share);
}

.share-icons a.twitter {
    background: var(--tw-share);
}

.share-icons a.pinterest {
    background: var(--pin-share);
}

.collection-product-nav a {
    vertical-align: top;
}

.what-is-it {
    margin-bottom: 15px;
    line-height: 42px;
}

.what-is-it label {
    display: inline;
    margin-right: 10px;
}

#related {
    text-align: center;
    padding-bottom: 20px;
}

div#shopify-section-product-recommendations {
    padding-top: 20px;
}

/* RTE Tabbed Content for Product Pages */
.rte-tab > input,
.rte-tab section > div {
    display: none;
}

.rte-tab #tab1:checked ~ section .tab1,
.rte-tab #tab2:checked ~ section .tab2,
.rte-tab #tab3:checked ~ section .tab3,
.rte-tab #tab4:checked ~ section .tab4,
.rte-tab #tab5:checked ~ section .tab5,
.rte-tab #tab6:checked ~ section .tab6,
.rte-tab #tab7:checked ~ section .tab7,
.rte-tab #tab8:checked ~ section .tab8,
.rte-tab #tab9:checked ~ section .tab9,
.rte-tab #tab10:checked ~ section .tab10,
.rte-tab #tab11:checked ~ section .tab11,
.rte-tab #tab12:checked ~ section .tab12,
.rte-tab #tab13:checked ~ section .tab13,
.rte-tab #tab14:checked ~ section .tab14,
.rte-tab #tab15:checked ~ section .tab15,
.rte-tab #tab16:checked ~ section .tab16 {
    display: block;
}

.rte-tab #tab1:checked ~ nav .tab1,
.rte-tab #tab2:checked ~ nav .tab2,
.rte-tab #tab3:checked ~ nav .tab3,
.rte-tab #tab4:checked ~ nav .tab4,
.rte-tab #tab5:checked ~ nav .tab5,
.rte-tab #tab6:checked ~ nav .tab6,
.rte-tab #tab7:checked ~ nav .tab7,
.rte-tab #tab8:checked ~ nav .tab8,
.rte-tab #tab9:checked ~ nav .tab9,
.rte-tab #tab10:checked ~ nav .tab10,
.rte-tab #tab11:checked ~ nav .tab11,
.rte-tab #tab12:checked ~ nav .tab12,
.rte-tab #tab13:checked ~ nav .tab13,
.rte-tab #tab14:checked ~ nav .tab14,
.rte-tab #tab15:checked ~ nav .tab15,
.rte-tab #tab16:checked ~ nav .tab16 {
    color: red;
}

.rte-tab {
    width: 100%;
    margin: 0 auto;
}
.rte-tab ul.tabbed {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.rte-tab ul {
    list-style: inherit;
}

.rte-tab ul.tabbed li label {
    float: left;
    padding: 12px 12px;
    margin: 0;
    border: 1px solid var(--dotted-color);
    border-bottom: 0;
    background: var(--background);
    color: var(--text-color);
}

.rte-tab ul.tabbed li label:hover {
    opacity: 0.9;
    cursor: pointer;
}
.rte-tab ul.tabbed li label:active {
    background: transparent;
}

.rte-tab section {
    clear: both;
}
.rte-tab section div.tabbed-block {
    padding: 20px;
    width: auto;
    border: 1px solid var(--dotted-color);
    background: var(--background);
    color: var(--text-color);
    line-height: 1.5em;
    letter-spacing: 0.3px;
    min-height: 200px;
}
.rte-tab section div.tabbed-block h2 {
    margin: 0;
    letter-spacing: 1px;
}
.rte-tab section div.rte > div {
    padding: 0;
}

.rte-tab #tab1:checked ~ nav .tab1 label,
.rte-tab #tab2:checked ~ nav .tab2 label,
.rte-tab #tab3:checked ~ nav .tab3 label,
.rte-tab #tab4:checked ~ nav .tab4 label,
.rte-tab #tab5:checked ~ nav .tab5 label,
.rte-tab #tab6:checked ~ nav .tab6 label,
.rte-tab #tab7:checked ~ nav .tab7 label,
.rte-tab #tab8:checked ~ nav .tab8 label,
.rte-tab #tab9:checked ~ nav .tab9 label,
.rte-tab #tab10:checked ~ nav .tab10 label,
.rte-tab #tab11:checked ~ nav .tab11 label,
.rte-tab #tab12:checked ~ nav .tab12 label,
.rte-tab #tab13:checked ~ nav .tab13 label,
.rte-tab #tab14:checked ~ nav .tab14 label,
.rte-tab #tab15:checked ~ nav .tab15 label,
.rte-tab #tab16:checked ~ nav .tab16 label {
    background: white;
    color: #111;
    position: relative;
}
.rte-tab #tab1:checked ~ nav .tab1 label:after,
.rte-tab #tab2:checked ~ nav .tab2 label:after,
.rte-tab #tab3:checked ~ nav .tab3 label:after,
.rte-tab #tab4:checked ~ nav .tab4 label:after,
.rte-tab #tab5:checked ~ nav .tab5 label:after,
.rte-tab #tab6:checked ~ nav .tab6 label:after,
.rte-tab #tab7:checked ~ nav .tab7 label:after,
.rte-tab #tab8:checked ~ nav .tab8 label:after,
.rte-tab #tab9:checked ~ nav .tab9 label:after,
.rte-tab #tab10:checked ~ nav .tab10 label:after,
.rte-tab #tab11:checked ~ nav .tab11 label:after,
.rte-tab #tab12:checked ~ nav .tab12 label:after,
.rte-tab #tab13:checked ~ nav .tab13 label:after,
.rte-tab #tab14:checked ~ nav .tab14 label:after,
.rte-tab #tab15:checked ~ nav .tab15 label:after,
.rte-tab #tab16:checked ~ nav .tab16 label:after {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #ffffff;
    left: 0;
    bottom: -1px;
}
.rte-tab img {
    height: auto;
}

.tabbed-block.rte ul {
    list-style: disc !important;
    list-style-position: outside !important;
    margin-left: 20px !important;
    margin-bottom: 15px !important;
}

/* ---- Product popup blocks ---- */

.product__section-details__inner.product__section-details__inner--metafield_popup
    .button-as-link {
    padding-left: 0;
    margin-bottom: 10px;
}

/* =============== */
/* = Map Section = */
/* =============== */
.map-section-container,
.map-section-image {
    visibility: visible;
    position: absolute !important;
    top: 0;
    left: 0;
}

.map-section--display-map .map-section-container,
.map-section--display-bg-image .map-section-image {
    z-index: 2;
    position: relative;
}

.placeholder-background {
    display: none;
}
.map-section--onboarding .placeholder-background {
    display: block;
}

.map-section-image.show-image {
    z-index: 5;
    position: relative;
}

.map-section-background-wrapper {
    min-height: 500px;
    overflow: hidden;
    width: 100%;
}

.map-section-background-wrapper img {
    object-fit: cover;
    height: 500px;
}

.map-section-background-wrapper .box-ratio {
    padding-bottom: 500px !important;
}

.map-section-container {
    height: 100%;
    width: 100%;
}

.map-section-content {
    padding: 30px;
    display: flex;
    flex-direction: column;
    min-width: 250px;
    z-index: 5;
    align-self: flex-end;
    justify-self: flex-start;
    margin: 15px;
    row-gap: 15px;
}

.map-section-content h3,
.map-section p,
.map-section a.button {
    margin-bottom: 0 !important;
}

.map__section--button a.button {
    width: auto;
    padding: 0 15px;
}

.map__section-content--wrapper {
    display: grid;
    margin: 0;
}

.map-section-content,
.map-section-background-wrapper {
    grid-area: 1 / -1;
}

@media screen and (max-width: 740px) {
    .map-section-content {
        grid-area: 2;
        justify-self: center;
    }
}

.map-section--onboarding .map-section-error {
    display: none;
}

.map-section-error {
    width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-style: italic;
    color: #ff6d6d;
    border: 2px solid #ff6d6d;
    background-color: rgba(119, 0, 0, 0.65);
    padding: 30px;
    z-index: 6;
}

.map-section-image {
    height: 100%;
    object-fit: contain;
}

div[data-bg-image] .box-ratio {
    background-color: transparent;
}

.map-section-background-wrapper .placeholder-background {
    height: 500px;
}

.map-section .placeholder-svg {
    fill: rgba(28, 29, 29, 0.1);
    height: 500px;
}

.map-section-background-wrapper .placeholder-svg {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.back_in_stock p {
    text-decoration: underline;
    cursor: pointer;
}

.back-in-stock-snippet {
    clear: left;
    width: 100%;
}

.back-in-stock-snippet input {
    width: 65%;
    float: left;
    display: inline-block;
    margin-left: 0;
}

.back-in-stock-snippet button {
    display: inline-block;
    float: left;
    width: 30%;
}

.back-in-stock-snippet input.submit {
    width: 30%;
    margin-left: 10px;
}

/* ============================================== */
/* ================ Pages ================ */
/* ============================================== */

.page-section {
    margin-bottom: 30px;
}

#page_sidebar {
    background: var(--secondary-color);
    padding: 20px;
}

.collection_side_block .product-index {
    width: 100%;
    max-width: 100%;
    display: block;
    vertical-align: top;
    margin: 0 0 20px 0;
}

div#page_sidebar .image_container,
div#page_sidebar .blog-widget {
    margin-bottom: 40px;
}

.collection_side_block {
    margin-bottom: 40px;
}

/* =============== */
/* = Cart = */
/* =============== */
/* Hide in mini cart */
.mini-cart__container .shipping--calculator__trigger,
.mini-cart__container .shipping--calculator__content {
    display: none !important;
}
/* Shipping Calculator */
#shipping-calculator {
    color: var(--text-color);
}
#shipping-calculator p {
    padding: 0;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    text-align: left;
}
#shipping-calculator .item-content {
    padding: 0 10px;
}
#shipping-calculator .field {
    float: left;
    margin: 0 0.6em 1em 0;
    font-size: 15px;
}
#shipping-calculator .field label {
    display: block;
    margin: 0 0 0.3em;
    font-size: 1em;
}
#shipping-calculator .field input[type="text"] {
    display: inline-block;
    width: 150px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0.4em 0.6em;
    font-size: 1em;
    border: 1px solid rgba(0, 0, 0, 0.15);
    outline: 0;
    border-radius: 0.3125em;
    -webkit-appearance: none;
}
#shipping-calculator .field:last-child:before {
    content: "\00A0";
    display: block;
    margin: 0 0 0.3em;
    font-size: 1em;
}
#shipping-calculator #wrapper-response {
    clear: both;
}

#shipping-calculator select {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 12px;
    height: 48px;
    line-height: 46px;
    color: var(--text-color);
    font-size: var(--font-size);
    font-family: var(--main-family);
    background-image: var(--select-arrow-bg);
    background-repeat: no-repeat;
    background-position: right;
    background-color: var(--background);
    border: 1px solid var(--dotted-color);
    width: 100%;
}

div#shipping-calculator .action_bottom {
    margin-bottom: 15px;
}

@media (max-width: 800px) {
    #shipping-calculator .field {
        float: none;
    }
    #shipping-calculator .field:last-child:before {
        content: none;
    }
}

@media only screen and (max-width: 740px) {
    #order_details .product {
        width: 50%;
    }
    #order_details .order-images {
        width: 40%;
    }
}
.empty-cart-wrapper {
    min-height: 300px;
}
.errors.qty-error {
    margin-top: 10px;
    display: inline-block;
    width: auto;
}

/* ---- Cart featured collection ---- */
body.template-cart
    .cart--featured__collection
    .collection__page-product.product-index.span-6,
.ajax-cart__modal-wrapper .cart--featured__collection .product-index.span-6 {
    grid-column: auto / span 3;
}

@media screen and (max-width: 740px) {
    body.template-cart
        .cart--featured__collection
        .collection__page-product.product-index.span-6,
    .ajax-cart__modal-wrapper
        .cart--featured__collection
        .product-index.span-6 {
        grid-column: auto / span 6;
    }
}

.ajax-cart__drawer-wrapper .product-listing__quickview-trigger {
    display: none !important;
    visibility: hidden !important;
}

/* =============== */
/* = Blogs and pages = */
/* =============== */

#page {
    clear: left;
    margin-bottom: 50px;
}

.rte h1 {
    border-bottom: 0 !important;
}

.rte a {
    text-decoration: underline;
}

.blog-template .collection-banner {
    height: 400px;
    position: relative;
    overflow: hidden;
}

.blog-template .collection-banner .box-ratio {
    padding-bottom: 400px;
}

@media screen and (max-width: 740px) {
    .blog-template .collection-banner {
        height: auto;
    }
    .blog-template .collection-banner img {
        height: auto;
    }
    .blog-template .collection-banner .box-ratio {
        padding-bottom: 0;
    }
}

.blog-template #blog-description {
    margin-top: 10px;
    margin-bottom: 10px;
}

div#blog-description p {
    margin-bottom: 0;
}

#blog-articles {
    width: 100%;
    margin-top: 25px;
}

/* ---- Article grid ---- */

.articles.blog__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
    row-gap: 30px;
}
.articles.blog__grid .single-article {
    margin-bottom: 0;
    padding-bottom: 0;
}
.articles.blog__grid .article-image {
    margin: 0 0 20px 0;
}
.articles.blog__grid .article-body {
    padding: 10px !important;
    text-align: center;
    position: unset !important;
    width: 100%;
    margin: 0 !important;
}
.articles.blog__grid .single-article .posted {
    text-align: center !important;
    float: none !important;
}
@media screen and (max-width: 740px) {
    .articles.blog__grid {
        grid-template-columns: 1fr;
    }
}

/* ---- Article alternating ---- */

.articles.blog__alternate .single-article {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    align-items: center;
}

.articles.blog__alternate .single-article .article-image {
    grid-column: auto / span 7;
    width: 100%;
}

.articles.blog__alternate .single-article .article-body {
    grid-column: auto / span 5;
    width: 100%;
    padding: 30px;
    position: relative;
    z-index: 1;
    background: var(--background);
}

@media screen and (min-width: 741px) {
    .articles.blog__alternate .single-article.odd .article-body {
        transform: translateX(-8.3333333%) !important;
        width: 108.3333333%;
    }

    .articles.blog__alternate .single-article.even .article-body {
        width: 108.3333333%;
    }
    .articles.blog__alternate
        .single-article.odd
        .article-body.no--featured_image {
        transform: translateX(0) !important;
        width: 100%;
        grid-column: auto / span 12 !important;
    }
}

@media screen and (max-width: 740px) {
    .articles.blog__alternate .single-article .article-image {
        grid-column: auto / span 12;
    }
    .articles.blog__alternate .single-article .article-body {
        grid-column: auto / span 12;
    }
    .articles.blog__alternate .single-article.even .article-image {
        order: 1;
    }
    .articles.blog__alternate .single-article.even .article-body {
        order: 2;
    }
}

.article-image {
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    overflow: hidden;
}
.article-image .box-ratio {
    padding-bottom: 75% !important;
}
.article-image img {
    object-fit: cover;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

@media screen and (max-width: 740px) {
    .featured__blog-container.row {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .featured__blog-container .single-article {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
    }
    .featured__blog-container .single-article .article-body {
        padding: 15px !important;
    }
    .featured__blog-container:after {
        content: "flickity" !important;
        display: none !important; /* hide :after */
    }
    .featured__blog-container .flickity-page-dots {
        bottom: -15px;
    }
}

/* ---- Single article --- */

@media screen and (min-width: 741px) {
    #blog-article-page .share-icons {
        top: 50%;
        margin-top: -75px;
        position: absolute;
        right: 0;
    }
    .article-inner .section-title,
    .article-inner .section-title:after {
        text-align: left;
        left: 0;
        margin-left: 0;
    }
    .article-inner {
        width: 90%;
    }
}

#blog-post {
    margin-top: 30px;
}

@media screen and (max-width: 740px) {
    .main__article .share-icons {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
    }

    .main__article .share-icons a {
        width: 100%;
        margin: 0;
        line-height: 40px;
    }

    .main__article .share-icons a i {
        vertical-align: middle;
    }

    .main__article .article-body {
        padding: 15px 0 !important;
    }

    .main__article .single-article {
        margin-bottom: 0;
    }
}

.posted {
    text-align: center;
    float: left;
}

.post_meta {
    clear: left;
    margin-top: 10px;
    border-top: 1px solid #eee;
    display: block;
    width: 100%;
    padding: 5px 0;
    font-size: 90%;
}

.post_meta > * {
    display: block;
}

@supports (display: flex) {
    .post_meta {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .post_meta > * {
        display: unset;
    }
}

.post_meta ul {
    list-style: none;
}

.post_meta ul li.tags {
    display: inline-block;
    margin-right: 5px;
}

.post_meta ul li.tags a {
    text-decoration: underline;
}

.article-inner .post_meta {
    justify-content: flex-start;
    align-items: flex-start;
}

.article-content a {
    display: block;
    line-height: initial;
}

.featured_article-image {
    margin-bottom: 15px;
}

.featured_article {
    margin-bottom: 30px;
}

#blog-article {
    list-style-type: none;
}

.single-article {
    margin-bottom: 50px;
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

.single-article .posted {
    text-align: left;
}

.single-article .post-tags {
    text-align: left;
}

#article-body .rte {
    margin-top: 10px;
}

ul.side_recent_posts {
    margin-bottom: 40px;
    list-style: none;
}

ul.side_recent_posts li {
    margin-bottom: 20px;
    display: block;
}

#fb-root {
    display: none;
}

/* To fill the container and nothing else */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

#comments h4 {
    text-align: center;
}

#comments {
    float: left;
    padding-top: 20px;
    margin-top: 20px;
    width: 100%;
}

#comment-form dl {
    clear: left;
    display: block;
    padding-top: 10px;
}

ul#commentlist {
    margin-top: 20px;
    list-style-type: none;
}

ul#commentlist li {
    padding: 10px 0;
    float: left;
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    border-bottom: 1px solid var(--dotted-color);
    padding-bottom: 20px;
}

ul.disc {
    margin-bottom: 0;
}

.comment-details {
    margin-bottom: 10px;
}

.gravatar {
    float: left;
    margin-right: 20px;
}

.comment {
    float: left;
}

.comment p {
    margin-top: 0;
}

dd {
    margin-left: 0;
}

.notice {
    border: 1px dashed #eee;
    padding: 5px;
    background: ghostwhite;
    margin: 20px 0;
}

/* =============== */
/* = Search = */
/* =============== */

.search-content {
    text-align: center;
    padding: 10px;
}
#search-bar {
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
    margin-bottom: 0;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#search-bar .searchbox__input {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 62px;
    line-height: 62px;
}

div#search-bar P {
    text-align: center;
}

.search__page_results--img {
    margin-bottom: 10px;
}

.search__page_results--link .search__page_results--text {
    border: 1px solid var(--dotted-color);
    padding: 20px;
    display: block;
    text-align: center;
}

.search__page_results--link:hover .search__page_results--text {
    border-color: var(--link-color);
}

/* =============== */
/* = RTE Formatting = */
/* =============== */

.rte h2 {
    margin-bottom: 30px;
}

/* RTE Button */
.rte-button {
    background: var(--button-color);
    border: none;
    -webkit-transition: background 0.3s ease, color 0.3s ease;
    -moz-transition: background 0.3s ease, color 0.3s ease;
    -o-transition: background 0.3s ease, color 0.3s ease;
    transition: background 0.3s ease, color 0.3s ease;
    -webkit-appearance: none;
    color: var(--button-text);
    display: inline-block;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 20px;
    line-height: normal;
    padding: 15px 5px;
    text-transform: uppercase;
}

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

/* RTE Accordion */
.rte-accordion .item {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    color: var(--text-color);
    background: var(--background);
    overflow: hidden;
}
.rte-accordion input.trigger {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.rte-accordion label.accordion-label {
    position: relative;
    display: block;
    background: var(--background);
    color: var(--text-color);
    line-height: 1;
    cursor: pointer;
    padding: 10px 0 10px 5px;
    margin-bottom: 0;
}
.rte-accordion label.accordion-label span,
.rte-accordion label.accordion-label a {
    color: var(--text-color);
}
.rte-accordion .item-heading {
    max-width: 90%;
    padding: 5px 10px 5px 0;
    display: block;
}
.rte-accordion .item-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.35s;
    -o-transition: max-height 0.35s;
    transition: max-height 0.35s;
}
.rte-accordion .item-content p {
    padding: 8px;
}

.rte-accordion input:checked ~ .item-content {
    max-height: 100%;
}

.item-content .item-heading {
    padding-left: 10px;
}

.rte-accordion label.accordion-label::after {
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    width: 10px;
    text-align: center;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    padding: 10px 15px;
}
.rte-accordion input[type="checkbox"] + label::after {
    content: "+";
}
.rte-accordion input[type="radio"] + label::after {
    content: "\25BC";
}
.rte-accordion input[type="checkbox"]:checked + label::after {
    transform: rotate(315deg);
}
.rte-accordion input[type="radio"]:checked + label::after {
    transform: rotateX(180deg);
}

.rte-accordion textarea,
.rte-accordion input,
.rte-accordion label {
    color: var(--text-color);
}

/* RTE Tabbed Content */
.rte-tab > input,
.rte-tab section > div {
    display: none;
}

.rte-tab #tab1:checked ~ section .tab1,
.rte-tab #tab2:checked ~ section .tab2,
.rte-tab #tab3:checked ~ section .tab3,
.rte-tab #tab4:checked ~ section .tab4,
.rte-tab #tab5:checked ~ section .tab5,
.rte-tab #tab6:checked ~ section .tab6,
.rte-tab #tab7:checked ~ section .tab7,
.rte-tab #tab8:checked ~ section .tab8,
.rte-tab #tab9:checked ~ section .tab9,
.rte-tab #tab10:checked ~ section .tab10 {
    display: block;
}

.rte-tab #tab1:checked ~ nav .tab1,
.rte-tab #tab2:checked ~ nav .tab2,
.rte-tab #tab3:checked ~ nav .tab3,
.rte-tab #tab4:checked ~ nav .tab4,
.rte-tab #tab5:checked ~ nav .tab5,
.rte-tab #tab6:checked ~ nav .tab6,
.rte-tab #tab7:checked ~ nav .tab7,
.rte-tab #tab8:checked ~ nav .tab8,
.rte-tab #tab9:checked ~ nav .tab9,
.rte-tab #tab10:checked ~ nav .tab10 {
    color: red;
}

.tabbed li:not(:first-child) label {
    border-left: none !important;
}

.rte-tab {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.rte-tab ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.rte-tab ul li label {
    float: left;
    padding: 15px 25px;
    margin: 0;
    border: 1px solid #ddd;
    border-bottom: 0;
}
@media screen and (max-width: 740px) {
    .rte-tab ul li label {
        padding: 5px 5px !important;
    }
}
.rte-tab ul li label:hover {
    background: #dddddd;
}
.rte-tab ul li label:active {
    background: #ffffff;
}

.rte-tab section {
    clear: both;
}
.rte-tab section div {
    padding: 20px;
    width: 100%;
    background: var(--background);
    line-height: 1.5em;
    letter-spacing: 0.3px;
    color: #444;
}
.rte-tab section div h2 {
    margin: 0;
    letter-spacing: 1px;
}

.rte-tab #tab1:checked ~ nav .tab1 label,
.rte-tab #tab2:checked ~ nav .tab2 label,
.rte-tab #tab3:checked ~ nav .tab3 label {
    background: white;
    color: #111;
    position: relative;
}
.rte-tab #tab1:checked ~ nav .tab1 label:after,
.rte-tab #tab2:checked ~ nav .tab2 label:after,
.rte-tab #tab3:checked ~ nav .tab3 label:after {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #ffffff;
    left: 0;
    bottom: -1px;
}

/* RTE Image Slider */

.rte-image-slider-container {
    min-height: 600px;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.rte-image-slider-container input {
    visibility: hidden;
}

.rte-image-slider-menu {
    position: absolute;
    left: 0;
    z-index: 900;
    width: 100%;
    bottom: 0;
}

.rte-image-slider-menu label {
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: var(--background);
    border-radius: 50px;
    margin: 0 0.2em 1em;
}

.rte-slide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    padding: 8em 1em 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: left 0s 0.75s;
}

[id^="rte-slide"]:checked + .rte-slide {
    left: 0;
    z-index: 2;
    transition: left 0.65s ease-out;
}

/* RTE Map */
.rte-map {
    border: none;
    min-height: 500px;
}

/* RTE Divider */
.rte hr {
    margin: 60px 0;
}

/* RTE Images */
.rte img {
    width: inherit !important;
}

/* =============== */
/* = Footer = */
/* =============== */

footer {
    z-index: 2;
}

#footer-wrapper {
    z-index: 2;
    clear: left;
    border-top: 1px solid var(--dotted-color);
    background: var(--footer-background);
    padding: 55px 0 30px;
}

.footer__block-container {
    grid-column-gap: 30px;
}

#footer-wrapper p,
#footer-wrapper a {
    color: var(--footer-text);
}

#footer-wrapper a:hover,
#footer-wrapper a:focus {
    text-decoration: underline;
}

#footer-wrapper .rte {
    margin-top: 30px;
}

@media (min-width: 741px) {
    .footer-menu svg.footer-menu--icon {
        display: none;
    }
}
@media screen and (max-width: 740px) {
    .footer-menu svg.footer-menu--icon {
        position: absolute;
        right: 20px;
        z-index: 1;
    }
    .footer-menu {
        text-align: left;
        position: relative;
    }
    .footer-menu h3 {
        cursor: pointer;
    }
}

.footer-menu h3 {
    padding-bottom: 10px !important;
    text-align: left;
    color: var(--footer-text);
    border-bottom: 1px solid var(--dotted-color);
}

#footer-wrapper ul {
    list-style: none;
    margin-top: 0;
}

#footer-wrapper ul li a {
    color: var(--footer-text);
    font-size: var(--font-size);
}

#footer-wrapper ul li a:hover {
    color: var(--footer-text);
}

.footer-menu {
    margin-bottom: 30px;
}

div#footer_signup {
    margin-top: 30px;
}

input#footer-EMAIL {
    width: 75%;
    display: inline-block;
    float: left;
    margin-bottom: 0;
    border-radius: 0;
    background: var(--background);
    color: var(--text-color);
    height: 48px;
    line-height: 48px;
    padding: 0;
}

input#footer-EMAIL::-webkit-input-placeholder {
    /* WebKit browsers */
    color: var(--text-color);
}

input#footer-EMAIL:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: var(--text-color);
}

input#footer-EMAIL::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: var(---text-color);
}

input#footer-EMAIL:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: var(--text-color);
}

input#footer-subscribe {
    width: 25%;
    float: left;
    display: inline-block;
    background: var(--footer-button);
    color: var(--footer-button-text);
    border: 0;
    border-radius: 0;
    font-weight: normal;
}

div#bottom-footer {
    display: flex;
    margin: 0 auto;
    border-top: 1px solid var(--dotted-color);
    align-items: flex-end;
    width: 100%;
}
div#bottom-footer .footer-left {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    flex-flow: column;
}

#footer-wrapper ul.social-icons__wrapper {
    margin: 4px 0 0;
}

.footer-menu .rte p {
    margin-bottom: 0;
}

#footer-wrapper .rte {
    margin-top: 0;
}

.policy_link .navigation__menulink {
    text-transform: capitalize;
    font-family: "Austin-LightItalic";
    font-style: italic;
}

div#bottom-footer .footer-left p {
    margin-bottom: 0;
}
.footer-left:has(shop-login-button) {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
}
div#bottom-footer .footer-right {
    width: 50%;
    text-align: right;
}
div#bottom-footer #copy p {
    text-align: left;
    margin: 0;
}
div#bottom-footer #payment {
    text-align: right;
}
div#bottom-footer #payment .payment-methods {
    margin-top: 10px;
}
div#bottom-footer .selectors-form {
    justify-content: flex-end;
    margin: 0;
}

div#bottom-footer ul.social-icons__wrapper li {
    padding: 0;
}

footer ul.social-icons__wrapper li a {
    color: var(--footer-text);
    text-decoration: none;
    display: block;
}
footer ul.social-icons__wrapper li a:hover,
footer ul.social-icons__wrapper li a:focus {
    color: var(--footer-text);
    opacity: 0.75;
    text-decoration: none;
}

@media (max-width: 740px) {
    div#bottom-footer {
        flex-wrap: wrap;
    }
    div#bottom-footer .footer-left {
        width: 100%;
        text-align: center;
        order: 2;
        margin-top: 26px;
    }
    div#bottom-footer .footer-right {
        width: 100%;
        text-align: left;
        order: 1;
    }

    div#bottom-footer .footer-left ul#main-nav {
        display: block !important;
    }
    div#bottom-footer .selectors-form {
        justify-content: flex-start;
        margin: 0;
    }
    div#bottom-footer #payment {
        text-align: left;
    }
    div#bottom-footer .payment-methods {
        margin-top: 10px;
    }
    div#bottom-footer .footer-section .disclosure__toggle {
        height: 44px;
        width: 80px;
    }
    div#bottom-footer ul#social-links {
        display: block;
        margin-bottom: 0;
    }
    .footer-section .disclosure-list {
        left: 0;
    }
    #footer-wrapper {
        padding-bottom: 20px;
    }
    #footer-wrapper p {
        margin-top: 20px;
    }
}

.credit {
    text-align: center;
}

.credit p {
    color: var(--footer-text);
    text-transform: uppercase;
    font-size: 11px;
    margin-top: 10px;
}

.credit a {
    color: var(--footer-text);
}

.credit img {
    max-width: 50px;
    display: inline-block;
    margin-bottom: 10px;
}

#payment {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0px;
}

#payment .payment-methods svg {
    display: inline;
    width: 40px;
    height: 25.25px;
    text-align: center;
    margin: 3px 1px;
}

/* =============== */
/* = Global = */
/* =============== */
.videoWrapper,
.slideshow__slide.video .plyr__video-wrapper {
    width: 100%;
    position: relative;
    padding-bottom: 56.25% !important;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.videoWrapper iframe,
.slideshow__slide.video .plyr__video-wrapper video {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.slideshow__slide.video.js-video video {
    object-fit: cover;
}

@media (min-width: 740px) {
    .slideshow__slide.video.js-video .plyr__poster {
        display: none;
    }
}

@media (max-width: 740px) {
    .slideshow__slide.video.js-video .plyr__poster {
        pointer-events: none;
    }
}

.videoWrapper .section-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}

[data-section-type="video-section"] .videoWrapper {
    height: unset;
    padding-bottom: unset !important;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: stretch;
    justify-content: center;
}
[data-section-type="video-section"] .videoWrapper .section-video {
    position: static;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
}

#pagination {
    clear: left;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

#pagination a,
#pagination .current {
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    display: inline-block;
    width: auto;
    width: initial;
    margin-bottom: 0;
    text-align: center;
    display: inline-block;
    margin-left: -2px;
    margin-right: -2px;
}

#pagination a {
    background: var(--background);
    color: var(--text-color);
}

#pagination a:hover {
    text-decoration: none;
    background: var(--background);
}

#pagination .current {
    background: transparent;
    border-bottom: 1px solid;
}

#pagination .count {
    display: block;
    margin-bottom: 15px;
}

#breadcrumb {
    font-size: var(--font-size-sm);
    margin-bottom: 25px !important;
    margin-top: 25px !important;
    padding: 0;
}

.theme-features__secondary-color-not-black--true #breadcrumb {
    padding: 10px;
    background: var(--secondary-color);
}

#breadcrumb a,
#breadcrumb span {
    margin-right: 5px;
}

#breadcrumb i.la {
    font-size: 0.8em;
    vertical-align: middle;
    line-height: unset;
}

.scrollup {
    width: 30px;
    height: 40px;
    opacity: 0;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 3;
    text-align: center;
    transform: translateY(100px);
    transition: all 0.5s ease;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.scrollup.showBtn {
    opacity: 0.4;
    transform: translateY(0);
}

.scrollup:hover {
    text-decoration: none;
    opacity: 0.7;
    -webkit-transition: opacity 1000ms ease-in-out;
    -moz-transition: opacity 1000ms ease-in-out;
    -o-transition: opacity 1000ms ease-in-out;
    -ms-transition: opacity 1000ms ease-in-out;
    transition: opacity 1000ms ease-in-out;
}

iframe {
    width: 100%;
}

/* =============== */
/* = Vendors = */
/* =============== */

/* onboarding styles for new theme install */
.onboard .placeholder-svg,
.onboard svg {
    background: var(--placeholder-background);
    fill: var(--placeholder-fill) !important;
    line-height: 0;
    margin: 0 auto;
    display: block;
}

.article-image.onboard {
    width: 100%;
}

.row.no-blocks .desktop-12 {
    font-size: 15px;
    text-align: center;
    padding: 20px 0;
    border: 1px dashed #eee;
    background: #f7f7f7;
    margin-top: 20px;
    margin-bottom: 50px;
    font-weight: 400;
}

.plax-placehold {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
}

.plax-placehold svg {
    height: 100%;
    width: 100%;
}

/**
   * *******************************************************
   * AOS (Animate on scroll) - wowjs alternative
   * made to animate elements on scroll in both directions
   * *******************************************************
   */
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0s;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s;
}
[data-aos] {
    pointer-events: none;
}
[data-aos].aos-animate {
    pointer-events: auto;
}
[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
    transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
    transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
    transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
    transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media screen {
    html:not(.no-js) [data-aos^="fade"][data-aos^="fade"] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform;
    }
    html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    html:not(.no-js) [data-aos="fade-up"] {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    html:not(.no-js) [data-aos="fade-down"] {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
    html:not(.no-js) [data-aos="fade-right"] {
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0);
    }
    html:not(.no-js) [data-aos="fade-left"] {
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
    }
    html:not(.no-js) [data-aos="fade-up-right"] {
        -webkit-transform: translate3d(-100px, 100px, 0);
        transform: translate3d(-100px, 100px, 0);
    }
    html:not(.no-js) [data-aos="fade-up-left"] {
        -webkit-transform: translate3d(100px, 100px, 0);
        transform: translate3d(100px, 100px, 0);
    }
    html:not(.no-js) [data-aos="fade-down-right"] {
        -webkit-transform: translate3d(-100px, -100px, 0);
        transform: translate3d(-100px, -100px, 0);
    }
    html:not(.no-js) [data-aos="fade-down-left"] {
        -webkit-transform: translate3d(100px, -100px, 0);
        transform: translate3d(100px, -100px, 0);
    }
    html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"] {
        opacity: 0;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform;
    }
    html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"].aos-animate {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1);
    }
    html:not(.no-js) [data-aos="zoom-in"] {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
    html:not(.no-js) [data-aos="zoom-in-up"] {
        -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
        transform: translate3d(0, 100px, 0) scale(0.6);
    }
    html:not(.no-js) [data-aos="zoom-in-down"] {
        -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
        transform: translate3d(0, -100px, 0) scale(0.6);
    }
    html:not(.no-js) [data-aos="zoom-in-right"] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
        transform: translate3d(-100px, 0, 0) scale(0.6);
    }
    html:not(.no-js) [data-aos="zoom-in-left"] {
        -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
        transform: translate3d(100px, 0, 0) scale(0.6);
    }
    html:not(.no-js) [data-aos="zoom-out"] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    html:not(.no-js) [data-aos="zoom-out-up"] {
        -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
        transform: translate3d(0, 100px, 0) scale(1.2);
    }
    html:not(.no-js) [data-aos="zoom-out-down"] {
        -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
        transform: translate3d(0, -100px, 0) scale(1.2);
    }
    html:not(.no-js) [data-aos="zoom-out-right"] {
        -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
        transform: translate3d(-100px, 0, 0) scale(1.2);
    }
    html:not(.no-js) [data-aos="zoom-out-left"] {
        -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
        transform: translate3d(100px, 0, 0) scale(1.2);
    }
    html:not(.no-js) [data-aos^="slide"][data-aos^="slide"] {
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        visibility: hidden;
    }
    html:not(.no-js) [data-aos^="slide"][data-aos^="slide"].aos-animate {
        visibility: visible;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    html:not(.no-js) [data-aos="slide-up"] {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    html:not(.no-js) [data-aos="slide-down"] {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    html:not(.no-js) [data-aos="slide-right"] {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    html:not(.no-js) [data-aos="slide-left"] {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    html:not(.no-js) [data-aos^="flip"][data-aos^="flip"] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
    }
    html:not(.no-js) [data-aos="flip-left"] {
        -webkit-transform: perspective(2500px) rotateY(-100deg);
        transform: perspective(2500px) rotateY(-100deg);
    }
    html:not(.no-js) [data-aos="flip-left"].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0);
    }
    html:not(.no-js) [data-aos="flip-right"] {
        -webkit-transform: perspective(2500px) rotateY(100deg);
        transform: perspective(2500px) rotateY(100deg);
    }
    html:not(.no-js) [data-aos="flip-right"].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0);
    }
    html:not(.no-js) [data-aos="flip-up"] {
        -webkit-transform: perspective(2500px) rotateX(-100deg);
        transform: perspective(2500px) rotateX(-100deg);
    }
    html:not(.no-js) [data-aos="flip-up"].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0);
    }
    html:not(.no-js) [data-aos="flip-down"] {
        -webkit-transform: perspective(2500px) rotateX(100deg);
        transform: perspective(2500px) rotateX(100deg);
    }
    html:not(.no-js) [data-aos="flip-down"].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0);
    }
}

/* Fix for AOS in IE 11 */
_:-ms-fullscreen,
:root [data-aos^="zoom"] {
    opacity: 1 !important;
}
_:-ms-fullscreen,
:root [data-aos="zoom-in"] {
    transform: scale(1) !important;
}

body.compensate-for-scrollbar {
    overflow: hidden;
}

/* Scroll Gallery */
.product-main-image {
    list-style: none;
}
@media (min-width: 741px) {
    .desktop-images .product-main-image {
        position: absolute;
        overflow: hidden;
        width: 100%;
        top: 0;
        left: 0;
        visibility: hidden;
    }

    .desktop-images .product-main-image img {
        margin: 0 auto;
    }

    .desktop-images .product-image-container {
        width: 100%;
        position: relative;
        overflow: hidden;
        height: 0;
        width: 100%;
    }

    .desktop-images .product-main-image.selected {
        visibility: visible;
    }

    .product-thumbnail {
        cursor: pointer;
        margin-bottom: 10px;
        border: 1px solid transparent;
        min-height: 86px;
    }
}
div#thumbnail-gallery {
    max-width: 680px;
}
@media screen and (max-width: 740px) {
    #product-content {
        display: block;
    }
}

/* NEW FLICKITY GALLERY STYLES */
.product_image.product-main-image:focus {
    outline: var(--keyboard-focus) var(--focus-border-style)
        var(--focus-border-weight) !important;
}

/* New Product Image Gallery */
@media screen and (min-width: 980px) {
    .product-image-container.show-all {
        overflow: initial !important;
        height: initial !important;
    }

    .product-image-container.show-all .product_image.product-main-image {
        position: relative !important;
        top: initial !important;
        visibility: visible !important;
        margin-bottom: 20px !important;
    }
}

/* Custom Thumbnail Slider */
body .focus-visible,
.plyr__video-wrapper.plyr__tab-focus:focus {
    outline: var(--keyboard-focus) var(--focus-border-style)
        var(--focus-border-weight) !important;
    outline-offset: calc(var(--focus-border-weight) * -1px) !important;
}

.vertical-carousel .thumb-slider-wrapper {
    overflow: hidden;
}

#thumb-slider-wrapper .product-single__thumbnails-item {
    position: relative;
    display: block;
    width: 100%;
}

.thumb-slider-slides {
    position: relative;
    top: 0;
    left: 0;
    list-style: none;
    display: flex;
    flex-flow: column wrap;
    gap: 5px 0;
}

@media screen and (min-width: 980px) {
    .thumb-slider-slides {
        gap: 15px 0;
    }
}

.thumb-slider-slides li {
    margin-bottom: 5px;
}

/* vertical thumbnail slider */
.thumb-slider.thumbnail-slider.custom.vertical-carousel {
    margin: 40px auto;
    /* margin: 0 auto; */
    text-align: center;
}

.product__section--main .product__gallery--container .thumbnails-nav {
    display: none;
}

.product__section--main
    .product__gallery--container
    .thumbnails-nav
    .flickity-button {
    position: absolute;
    z-index: 2;
    left: 35px;
    margin: 0;
}

.product__section--main
    .product__gallery--container
    .thumbnails-nav
    .flickity-button.previous {
    top: 10px;
}

.product__section--main
    .product__gallery--container
    .thumbnails-nav
    .flickity-button.next {
    top: calc(100% - 10px);
}

.product__section--main
    .product__gallery--container
    .thumbnails-nav
    .flickity-button
    svg {
    transform: rotate(90deg);
}

/* horizontal thumbnail slider */
.horizontal-carousel #thumb-slider-wrapper .product-single__thumbnails-item {
    max-width: unset;
    height: unset;
    margin: 5px;
    padding: 0;
}

.horizontal-carousel #thumb-slider-wrapper .flickity-viewport {
    margin-right: 5px;
    margin-left: 5px;
}

.horizontal-carousel.flickity-slider--false
    #thumb-slider-wrapper
    .product-single__thumbnails-item {
    float: left;
}

.horizontal-carousel.flickity-slider--false
    #thumb-slider-wrapper
    .product-single__thumbnails-item {
    width: 110px;
}

/* --
  .horizontal-carousel.flickity-slider--false #thumb-slider-wrapper .product-single__thumbnails-item img {
    width: 120px;
    height: 120px;
    object-position: center;
  }
  -- */

.product-single__thumbnails-item:focus img {
    opacity: 1 !important;
}

/*! Flickity v2.2.1
  https://flickity.metafizzy.co
  ---------------------------------------------- */
.flickity-enabled {
    position: relative;
}
.flickity-enabled:focus {
    outline: 0 !important;
}
.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}
.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.flickity-button {
    position: absolute;
    background: var(--background);
    border: none;
    border-radius: 50% !important;
    color: var(--text-color);
}
.flickity-button:hover {
    background: var(--background);
    cursor: pointer;
}
.flickity-button:focus {
    outline: 0;
    box-shadow: 0 0 0 5px #19f;
}
.flickity-button:active {
    opacity: 0.6;
}
.flickity-button:disabled {
    opacity: 0.3;
    cursor: auto;
    pointer-events: none;
}
.flickity-button-icon {
    fill: currentColor;
}
.flickity-prev-next-button {
    top: 50%;
    width: 45px;
    height: 45px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.flickity-prev-next-button.previous {
    left: 10px;
}
.flickity-prev-next-button.next {
    right: 10px;
}
.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
}
.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    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: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
    opacity: 1;
}

.flickity-slider {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.global__testimonial-section .flickity-slider {
    display: flex;
    align-items: center;
}

.flickity-prev-next-button .flickity-button-icon {
    height: 12px;
    fill: var(--text-color);
}
.product__section-images .flickity-page-dots {
    position: relative;
    display: inline-block;
    margin: 10px 0;
    bottom: unset;
}
/* Product media styles */
.product-thumbnail {
    position: relative;
    z-index: 1;
}

.thumbnail-icon {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 2;
    line-height: 0;
    height: 25px;
}

.thumbnail-icon svg,
.product-main-image svg:not(.zoom_btn--icon) {
    height: 100%;
    width: 100%;
    background: var(--background) !important;
    color: var(--text-color) !important;
    border: 1px solid var(--icon-border-color);
}

.thumbnail-icon svg {
    fill-opacity: 0.4;
}

.product-single__thumbnail:hover .thumbnail-icon svg {
    fill-opacity: 1;
}

.product-main-image svg {
    fill-opacity: 1;
}
.product-media-container {
    position: relative;
}
.product-video,
.product-media-container,
.plyr--video {
    outline: none !important;
}
.plyr video,
.plyr__video-wrapper,
.plyr__poster {
    background-color: var(--background);
}
.product-video > video {
    width: 100%;
}

.product-model {
    margin: 0 auto;
    min-height: 1px;
    width: 100%;
    height: 100%;
    position: relative;
}

.product-model model-viewer,
.product-model .shopify-model-viewer-ui,
.product-model .media-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.shopify-model-viewer-ui model-viewer {
    outline: none !important;
}

.product-model model-viewer,
.product-model .shopify-model-viewer-ui,
.product-model .media-item {
    height: 100%;
}

button.media-button.view-in-space {
    background: transparent;
    width: initial !important;
    text-align: center;
    width: 60px;
    max-width: 60px;
    height: 60px;
    line-height: 60px;
    padding: 0;
    margin: 0 auto;
    display: inherit;
    z-index: 2;
    position: relative;
}

button.media-button.view-in-space[data-shopify-xr-hidden] {
    visibility: hidden;
}

.product-video button {
    width: initial;
    width: 62px;
    height: 62px;
    padding: 0;
    margin-bottom: 0;
}

.plyr--video .plyr__control:not(.plyr__control--overlaid).plyr__tab-focus svg,
.plyr--video .plyr__control:not(.plyr__control--overlaid):hover svg,
.plyr--video
    .plyr__control:not(.plyr__control--overlaid)[aria-expanded="true"]
    svg,
.plyr--audio .plyr__control.plyr__tab-focus svg,
.plyr--audio .plyr__control:hover svg,
.plyr--audio .plyr__control[aria-expanded="true"] svg {
    stroke: none !important;
}
.plyr__control--overlaid svg {
    margin: 0 auto;
}
.product-video .plyr button svg {
    border: 0 !important;
}

button[hidden] {
    visibility: hidden;
}
.product-single__view-in-space {
    background-color: var(--dotted-color);
    border: none;
    width: 100%;
    min-height: unset;
    display: block;
    font-size: 16px !important;
    color: var(--text-color);
    z-index: 1;
    position: relative;
    height: 48px;
    line-height: 48px;
    margin-bottom: 0;
    padding: 0;
}
.product-single__view-in-space[data-shopify-xr-hidden] {
    visibility: hidden;
}
.product-single__view-in-space:hover .product-single__view-in-space-text,
.product-single__view-in-space:focus .product-single__view-in-space-text {
    border-bottom-color: var(--button-text);
}

.product-single__view-in-space svg.icon .icon-3d-badge-full-color-outline {
    stroke: none;
}
.product-single__view-in-space svg.icon .icon-3d-badge-full-color-element {
    fill: var(--text-color);
    opacity: 1;
}
.product-single__view-in-space-text {
    border-bottom: 1px solid transparent;
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.product-single__view-in-space svg {
    margin-right: 2.43px;
    fill: transparent;
    display: inline-block;
    width: 24px !important;
    height: 24px !important;
    vertical-align: middle;
}
.product-single__view-in-space svg rect {
    fill: transparent !important;
}
.product-single__view-in-space:hover #three-d-icon path,
.product-single__view-in-space:focus #three-d-icon path {
    fill: var(--button-text);
}
.product-model model-viewer,
.product-model .shopify-model-viewer-ui,
.product-model .media-item {
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    max-width: 100%;
}

/* custom flickity styles */
.product__section-images .carousel-container {
    display: flex;
}

.product__gallery--container {
    display: flex;
    width: 100%;
    position: relative;
}

.thumb-slider.vertical-carousel {
    order: -1;
    flex: 0 0 100px;
    position: relative;
    max-width: 100px;
}

.thumb-slider.horizontal-carousel {
    flex: 1 1 auto;
    position: relative;
    max-width: 100%;
}

div#slider {
    flex: 1 1 auto;
    position: relative;
}

.thumb-slider.vertical-carousel .thumb-slider-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-behavior: smooth;
}

div#thumb-slider-wrapper::-webkit-scrollbar {
    display: none;
}

.product__section-images .carousel {
    flex-grow: 1;
    list-style-type: none;
}

.product__section-images .carousel-cell {
    width: 100%;
    outline: none !important;
}

.product__section-images .vertical-carousel .carousel-nav {
    box-sizing: content-box;
    padding: 0 10px 0 0;
}

.product__section-images .carousel-nav .carousel-cell {
    margin: 0;
    cursor: pointer;
    border: 1px solid transparent !important;
}

.product__section-images .carousel-nav .carousel-cell:before {
    font-size: 50px;
    line-height: 80px;
}

.product__section-images li.carousel-cell.is-selected {
    z-index: 99;
}

.product__section-images .flickity-prev-next-button:hover {
    background-color: var(--background);
    opacity: 1;
}

.product__section-images .flickity-button:after {
    padding: 0;
    line-height: 44px;
    color: var(--text-color);
    font-weight: 800;
    font-size: 20px;
}

.product__section-images .flickity-button:focus {
    outline: none;
    box-shadow: none;
}

.product__section-images .image-slide.carousel-cell.is-selected {
    z-index: 1;
}

.product__section-images .zoom_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: var(--text-color);
    background-color: var(--background);
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zoom_btn .icon--icon-theme-search {
    pointer-events: none;
}

.product__section-images .zoom_btn:hover {
    background-color: var(--background);
    opacity: 1;
}

@keyframes slidefadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes slidefadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

#slider .carousel-cell {
    opacity: 0 !important;
}
#slider.single-media .carousel-cell {
    opacity: 1 !important;
}
#slider .carousel-cell:not(.is-selected) {
    animation: slidefadeOut ease 0.2s;
}
#slider .carousel-cell.is-selected {
    z-index: 99;
    opacity: 1 !important;
    animation: slidefadeIn ease 0.2s;
}
#slider .flickity-enabled:focus {
    outline: 0 !important;
}
#slider .flickity-slider {
    top: 0 !important;
    height: auto !important;
}
#slider .flickity-viewport {
    height: 100%;
}
#slider .flickity-viewport {
    min-height: 300px !important;
}
button.flickity-button:disabled {
    display: none;
}
.thumbnail-slider .product-single__thumbnails-item:hover,
.product-single__thumbnails-item.active-slide,
.product-single__thumbnails-item.is-nav-selected {
    outline: 1px solid var(--dotted-color);
    outline-offset: -1px;
    cursor: pointer;
    border-color: rgb(89 89 92 / 44%) !important;
}
.product-single__thumbnails-item:focus,
.product-single__thumbnail--product-template:focus {
    outline: var(--keyboard-focus) var(--focus-border-style)
        var(--focus-border-weight) !important;
    outline-offset: calc(var(--focus-border-weight) * -1px) !important;
}
.product-single__thumbnails-item.active-slide img,
.product-single__thumbnails-item.is-nav-selected img,
.thumbnail-slider .product-single__thumbnails-item:hover img,
.product-single__thumbnail--product-template:focus img {
    opacity: 1 !important;
}
@media (max-width: 740px) {
    .flickity-viewport {
        touch-action: initial !important;
    }
}
a.focus-visible {
    outline: var(--keyboard-focus) var(--focus-border-style)
        var(--focus-border-weight) !important;
    outline-offset: calc(var(--focus-border-weight) * -1px) !important;
}
/* Cross Border Styles */
.footer-section .disclosure {
    position: relative;
}
.footer-section .disclosure__toggle {
    white-space: nowrap;
    color: var(--footer-text) !important;
    background-color: var(--footer-background) !important;
    margin: 0;
    text-transform: capitalize;
    text-decoration: none;
    border-bottom: 1px solid;
    padding: 0 0 5px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.footer-section .disclosure-list {
    bottom: 115%;
}

/* Unit Pricing Update */
.price {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
}

.price dl {
    margin: 0;
}
.price dd {
    margin: 0 0.5em 0 0;
}

.price--unavailable {
    visibility: hidden;
}

.price--compare-price-hidden .price__compare {
    display: none;
}

.price__pricing-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 5px;
}

.price__regular {
    display: block;
}

.price--on-sale .price__regular,
.price--on-sale .price__availability {
    display: none;
}

.price__availability {
    display: none;
    color: var(--text-color);
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.price--sold-out .price__availability {
    display: block;
}

.price__sale {
    display: none;
}

.price--on-sale .price__sale {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.price__vendor {
    color: var(--text-color);
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 5px 0 10px;
    width: 100%;
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
}

.price__vendor--listing {
    margin: 0 0 4px;
}

.price__unit {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
    display: none;
}
.price--unit-available .price__unit {
    display: block;
}

.price-item {
    color: var(--text-color);
}

.price-item--sale {
    color: var(--sale-color);
}

.price--on-sale .price-item--regular {
    text-decoration: line-through;
}

.price-unit-price {
    color: var(--text-color);
    font-size: 0.8em;
    font-style: italic;
}

.price-item__label {
    display: inline-block;
    white-space: nowrap;
}

.price__badges {
    display: flex;
    min-width: fit-content;
    margin-left: auto;
}

.price__badge {
    /* display: none; */
    align-self: center;
    text-align: center;
    font-size: 0.5em;
    line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid var(--text-color);
    border-radius: 2px;
    padding: 0.2rem 0.5rem;
}

.price__badge--sale {
    color: var(--sale-color);
    border-color: var(--sale-color);
}
.price--on-sale .price__badge--sale {
    display: flex;
}
.price--sold-out .price__badge--sale {
    display: none;
}
.price--on-sale .price__badges,
.price--sold-out .price__badges {
    display: flex;
}
.price__badge--sold-out {
    color: var(--text-color);
    /* border-color: var(--text-color); */
    border: 0;
    padding: 0.2em 0;
    font-size: 0.567em;
}

.price--sold-out .price__badge--sold-out {
    display: flex;
}

.price__badges--listing {
    margin-top: 0.5rem;
}

.price__badges--listing .price__badge {
    font-size: 0.6em;
    padding: 0.25rem 0.55rem;
}
.order-discount.order-discount--list {
    list-style: none;
}
@media (max-width: 740px) {
    .price__pricing-group {
        justify-content: center;
    }
}
/* ==============================  */
/* =   New Customer Accounts     = */
/* ============================== */
.customer-account {
    margin-top: 81px;
    padding-bottom: 144px;
}
.customer-account h1 {
    font-size: 40px;
    padding-bottom: 104px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
}
.customer-account .sidebar {
    border-right: solid 3px var(--dotted-color);
}
.customer-account .sidebar ul {
    list-style: none;
}
.customer-account .sidebar ul li {
    padding: 20px 0;
}
.customer-account .sidebar ul li a {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: uppercase;
    padding-bottom: 4px;
    border-bottom: 2px solid transparent;
}
.customer-account .sidebar ul li a.selected,
.customer-account .sidebar ul li:hover a {
    border-bottom: 2px solid var(--text-color);
}
.customer-account .content {
    padding-left: 95px;
    padding-top: 20px;
}
.customer-account .content p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
}
.customer-account #account-details h5 {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: uppercase;
}
.customer-account #order-history tbody tr {
    padding: 39px 6px;
    height: 100px;
    border-top: 1px solid var(--dotted-color);
}
.customer-account #order-history tbody td {
    min-width: 140px;
}
.customer-account #order-history thead tr {
    text-align: left;
    padding: 10px 0;
    height: 38px;
}
.customer-account #order-history thead tr th {
    font-weight: 600;
}
@media (max-width: 740px) {
    .customer-account {
        margin-top: 41px;
        text-align: center;
    }
    .customer-account .sidebar ul li {
        border-bottom: solid 1px #bababa;
    }
    .customer-account .content {
        margin-top: 80px;
        padding-left: 0;
    }
    .customer-account #order-history table .status {
        display: none;
    }
    .customer-account #order-history thead tr {
        text-align: center;
    }
    .customer-account .sidebar {
        border-right: none;
    }
    .customer-account #order-history tbody td {
        min-width: 110px;
    }
}
/* Order Page */
section.customer-order {
    margin-top: 81px;
    padding-bottom: 144px;
    display: inline-block;
    width: 100%;
}
section.customer-order .return-account {
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.17;
    text-transform: uppercase;
    letter-spacing: 0.75px;
    margin-bottom: 40px;
    display: inline-block;
}
section.customer-order .order-content {
    padding-right: 118px;
}
section.customer-order #order_details .labels {
    text-align: left;
    border-bottom: solid 1px #d5d5d5;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
}
section.customer-order #order_details .items article {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
}
section.customer-order #order_details .labels p {
    font-size: var(--font-size);
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    margin-bottom: 4px;
}
section.customer-order #order_details .labels .product {
    grid-column: span 3;
}
section.customer-order #order_details .items .img {
    grid-column: span 1;
}
section.customer-order #order_details .items .info {
    grid-column: span 2;
}
section.customer-order #order_details .labels > .money,
section.customer-order #order_details .labels > .qty,
section.customer-order #order_details .labels > .total,
section.customer-order #order_details .items article > .money,
section.customer-order #order_details .items article > .qty,
section.customer-order #order_details .items article > .total {
    grid-column: span 1;
}
section.customer-order #order_details .items article {
    padding: 24px 0;
    border-bottom: solid 1px #d5d5d5;
}
section.customer-order #order_details .items article h4 {
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
}
section.customer-order #order_summary dl {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    border-bottom: solid 1px #d5d5d5;
    margin-bottom: 0;
    padding: 17px 0;

    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
}
section.customer-order #order_summary dt {
    flex-basis: 60%;
    padding: 2px 4px;
    text-align: left;
    font-weight: normal;
}
section.customer-order #order_summary dd {
    flex-basis: 30%;
    flex-grow: 1;
    margin: 0;
    padding: 2px 4px;
    text-align: right;
}
section.customer-order #order_summary .order_total dd,
section.customer-order #order_summary .order_total dt {
    font-weight: bold;
    text-transform: uppercase;
}
section.customer-order #order_payment,
section.customer-order #order_shipping {
    margin-bottom: 40px;
}
section.customer-order h5.order_section_title {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-transform: uppercase;
    border-bottom: solid 1px #d5d5d5;
    padding-bottom: 4px;
    margin-bottom: 12px;
}
section.customer-order #other_details dl {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
}
section.customer-order #other_details dt {
    flex-basis: 30%;
    padding: 2px 4px;
    text-align: left;
    font-weight: normal;
}
section.customer-order #other_details dd {
    flex-basis: 60%;
    flex-grow: 1;
    margin: 0;
    padding: 2px 4px;
    text-align: left;
}
section.customer-order #order_details .shipping-info {
    margin-top: 16px;
}
@media (max-width: 740px) {
    section.customer-order {
        margin-top: 48px;
        padding-bottom: 80px;
    }
    section.customer-order #order_details .labels .money {
        display: none;
    }
    section.customer-order #order_details .labels .product {
        grid-column: span 4;
    }
    section.customer-order #order_details .items .img {
        grid-column: span 1;
    }
    section.customer-order .order-content {
        padding-right: 0;
    }
    section.customer-order .order-sidebar {
        margin-top: 48px;
    }
    section.customer-order #order_details tbody tr td.product > div.img {
        width: 100%;
    }
    section.customer-order #order_details tbody tr td.product > div.info {
        width: 100%;
    }
}
/* Addresses */
#account-addresses .row {
    display: flex;
    flex-wrap: wrap;
}

#account-addresses .customer_address {
    border: solid 1px #e8e8e8;
    padding: 45px;
    margin-bottom: 10px;
}
#account-addresses h4.address_title {
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
}
#account-addresses button.new-address {
    width: auto;
    padding: 0 20px;
    margin-top: 24px;
}
#account-addresses a {
    text-decoration: underline;
}
.user-login h1 {
    margin-bottom: 40px;
}
/* Login */
section.user-login {
    margin-top: 81px;
    padding-bottom: 144px;
    display: inline-block;
    width: 100%;
}
section.user-login .secondary-button.create-customer {
    line-height: 48px;
    text-align: center;
    margin-top: 15px;
}
.shopify-challenge__container {
    margin-top: 81px !important;
}
.guest-user-login {
    padding: 20px;
    margin-bottom: 40px;
    text-align: center;
    border: 1px solid var(--dotted-color);
}
.set-default {
    margin-right: 10px;
}
table.customer_address_table input[type="checkbox"] {
    display: inline-block;
    line-height: unset;
    height: unset;
    margin-right: 5px;
    vertical-align: middle;
}
@media (min-width: 741px) {
    .login-info.alternate {
        padding-left: 100px;
    }
}
.customer_address_table select {
    border: 1px solid var(--dotted-color);
    text-indent: 17px;
}
@media (max-width: 740px) {
    #edit-address,
    #add-address {
        width: 320px !important;
        padding: 40px !important;
    }
    section.user-login {
        margin-top: 48px;
    }
}
table.customer_address_table {
    margin-bottom: 20px;
}

/* ----- Performance update - Galleries ----- */

.flickity__section .flickity-prev-next-button.next {
    right: 20px;
}
.flickity__section .flickity-prev-next-button.previous {
    left: 20px;
}

.flickity__section .flickity-button:hover {
    background-color: var(--background);
}

/* ---- Slideshow section ---- */

.slideshow {
    border: 0 !important;
    width: 100%;
}

.slideshow.flickity__section .flickity-viewport {
    width: 100%;
}

.slideshow-section .slideshow__slide-onboard,
.slideshow-section .onboard {
    min-height: 700px;
    height: 700px;
}

.slideshow__slide-image .onboard {
    display: flex;
    align-items: center;
}

.slideshow__slide-image .onboard svg {
    height: 100%;
    width: 100%;
}

.slideshow__slide,
.slideshow__slide-desktop {
    width: 100%;
}

.slideshow__slide-image {
    position: relative;
}

.slideshow__slide-image:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: var(--section-overlay-color);
    pointer-events: none;
    z-index: 1;
}

.slideshow__slide {
    opacity: 0 !important;
    transition: opacity 1s ease !important;
}
.no-js .slideshow__slide {
    opacity: 1;
}
.slideshow__slide.is-selected {
    opacity: 1 !important;
    z-index: 1;
}
.slideshow .flickity-button:hover {
    background: transparent;
    opacity: 0.8;
}
.slideshow.flickity__section .flickity-prev-next-button.previous {
    left: 10px;
}
.slideshow.flickity__section .flickity-prev-next-button.next {
    right: 10px;
}

@media screen and (min-width: 741px) {
    .slideshow .flickity-page-dots {
        text-align: right;
        bottom: 15px;
        right: 15px;
    }
    .slideshow__caption-wrapper {
        max-width: 500px;
    }
}
@media screen and (max-width: 740px) {
    .slideshow .flickity-page-dots {
        bottom: 10px;
    }
}
.slideshow .flickity-page-dots .dot {
    border: 1px solid #fff;
    margin: 0 5px;
}

.slideshow__caption {
    width: max-content;
    position: absolute;
    text-align: center;
    z-index: 2;
}

@media screen and (max-width: 740px) {
    .slideshow__caption {
        max-width: 100%;
    }
}

.slideshow__caption .slideshow__caption-wrapper {
    background: var(--background);
    padding: 30px;
    display: flex;
    flex-direction: column;
    -ms-align-content: center;
    align-content: center;
    align-items: center;
    row-gap: 15px;
}

.slideshow__caption .slideshow__caption-wrapper.a-left {
    align-items: flex-start;
}

.slideshow__caption .slideshow__caption-wrapper.a-right {
    align-items: flex-end;
}

.slideshow__caption .slideshow__caption-wrapper.inverted .p {
    display: flex;
    order: 0;
}

.slideshow__caption .slideshow__caption-wrapper.inverted h2.slideshow__title {
    display: flex;
    order: 1;
}

.slideshow__caption .slideshow__caption-wrapper.inverted .slide__buttons {
    order: 2;
}

.slideshow__caption p {
    line-height: 1.4;
}

.slideshow__caption h2.slideshow__title,
.slideshow__caption p,
.slideshow__caption p a {
    color: var(--text-color);
    margin-bottom: 0;
}

.slideshow__title p {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.slideshow__title br {
    display: block;
}

.slide__buttons {
    display: flex;
    column-gap: 10px;
    padding: 10px 0;
}

.slideshow__btn-wrapper {
    display: inline-block;
    white-space: nowrap;
}

.slideshow__btn-wrapper a {
    color: var(--button-text);
    background: var(--button-color);
    padding: 0 35px;
    /* letter-spacing: 1px; */
    letter-spacing: var(--main-spacing);
    display: inline-block;
    -webkit-transition: background 0.5s ease, color 0.5s ease;
    -moz-transition: background 0.5s ease, color 0.5s ease;
    -o-transition: background 0.5s ease, color 0.5s ease;
    transition: background 0.5s ease, color 0.5s ease;
    height: 48px;
    line-height: 48px;
}

.theme-features__rounded-buttons--enabled .slideshow__btn-wrapper a {
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.theme-features__buttons-uppercase--enabled .slideshow__btn-wrapper a {
    text-transform: uppercase;
}

.slideshow__btn-wrapper a:hover {
    background: var(--button-hover);
    color: var(--button-hover-text);
}

@media screen and (max-width: 740px) {
    .slideshow__caption .slideshow__caption-wrapper {
        width: 100%;
    }
    .slideshow__slide-desktop.overlay:after {
        height: 450px;
    }
    .slideshow__caption.caption--below__image h2.slideshow__title,
    .slideshow__caption.caption--below__image p,
    .slideshow__caption.caption--below__image .rte a {
        color: var(--color-body-text);
    }
    .slideshow__caption.caption--below__image,
    .slideshow__caption.caption--below__image .slideshow__caption-wrapper {
        background: var(--color-body);
    }
    .slideshow__caption.caption--below__image
        .slideshow__caption-wrapper.a-left,
    .slideshow__caption.caption--below__image
        .slideshow__caption-wrapper.a-right {
        align-items: center !important;
        text-align: center !important;
    }
}

.slideshow__slide.youtube,
.slideshow__slide.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.slideshow__slide.youtube iframe,
.slideshow__slide.video iframe {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.slideshow__slide button.plyr__control.plyr__control--overlaid {
    height: 62px !important;
}

.slideshow__slide .plyr button {
    margin-bottom: 0 !important;
}

/* ---- Slideshow section heights ---- */
.slideshow-section .slideshow.is-fixed_height .slideshow__slide .box-ratio img {
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    -moz-transform: translate(-50%, -50%) scale(1.1);
    -o-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    transition: transform 2s cubic-bezier(0.41, 0.85, 0.6, 0.97);
    height: 100%;
}
.slideshow.is-fixed_height .slideshow__slide.is-selected .box-ratio img {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.slideshow-section
    .slideshow:not(.is-fixed_height)
    .slideshow__slide
    .box-ratio
    img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: transform 2s cubic-bezier(0.41, 0.85, 0.6, 0.97);
}
.slideshow:not(.is-fixed_height) .slideshow__slide.is-selected .box-ratio img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.slideshow__slide.video.js-video .plyr__poster {
    background-size: cover;
    background-repeat: no-repeat;
}

/* fixed height */
.slideshow-section .slideshow.is-fixed_height .slideshow__slide-image {
    height: var(--desktop-section-height);
}
.slideshow-section
    .slideshow.is-fixed_height
    .slideshow__slide-image
    .box-ratio,
.slideshow-section .slideshow.is-fixed_height .slideshow__slide.video,
.slideshow-section
    .slideshow.is-fixed_height
    .slideshow__slide.video
    .plyr__video-wrapper {
    padding-bottom: var(--desktop-section-height) !important;
    position: relative;
}

.slideshow-section .slideshow.is-fixed_height .slideshow__slide-onboard,
.slideshow-section .slideshow.is-fixed_height .onboard {
    min-height: var(--desktop-section-height);
}

@media screen and (max-width: 740px) {
    .slideshow-section .slideshow.is-fixed_height .slideshow__slide-image {
        height: var(--mobile-section-height) !important;
    }
    .slideshow-section
        .slideshow.is-fixed_height
        .slideshow__slide-image
        .box-ratio,
    .slideshow-section .slideshow.is-fixed_height .slideshow__slide.video,
    .slideshow-section
        .slideshow.is-fixed_height
        .slideshow__slide.video
        .plyr__video-wrapper {
        padding-bottom: var(--mobile-section-height) !important;
    }
    .slideshow-section .slideshow.is-fixed_height .slideshow__slide-onboard,
    .slideshow-section .slideshow.is-fixed_height .onboard {
        min-height: var(--mobile-section-height);
        height: var(--mobile-section-height);
    }
}

/* ---- Slideshow caption animations ---- */
@media screen and (prefers-reduced-motion: no-preference) {
    .slideshow__slide.is-selected .slideshow__caption h2,
    .slideshow__slide.is-selected .slideshow__caption p,
    .slideshow__slide.is-selected .slideshow__caption .slideshow__btn-wrapper {
        animation: fadeInUp 0.8s ease-in-out 0.8s forwards;
    }
    .slideshow__slide.is-selected .slideshow__caption {
        animation: fadeIn 1s ease-in-out 1s forwards;
    }
    .slideshow__slide.is-selected .slideshow__caption,
    .slideshow__slide .slideshow__caption h2,
    .slideshow__slide .slideshow__caption p,
    .slideshow__slide .slideshow__caption .slideshow__btn-wrapper {
        opacity: 0;
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* ---- Product recommendations ( carousel removed ) ---- */

#related .product-index:hover a.product-modal {
    display: none;
}

/* ---- Recently Viewed Products ----- */

.recently-viewed-products.recently-viewed-products--visible {
    display: block;
}
.recently-viewed-products.recently-viewed-products--hidden {
    display: none;
}

.recently-viewed-products--carousel {
    width: 100%;
}

@media screen and (min-width: 741px) and (max-width: 980px) {
    .recently-viewed-products--carousel .recently-viewed-products__product {
        width: 33.333% !important;
    }
    .recently-viewed-products {
        grid-template-columns: 1fr 1fr 1fr !important;
        grid-column-gap: 20px;
    }
}

@media screen and (min-width: 741px) {
    .recently-viewed-products--carousel.flickity__section .flickity-page-dots {
        display: none;
    }
}

@media screen and (max-width: 740px) {
    .recently-viewed-products {
        grid-template-columns: 1fr 1fr !important;
        grid-column-gap: 10px;
    }
    .recently-viewed-products--carousel .recently-viewed-products__product {
        width: 50% !important;
    }
    .recently-viewed-products--carousel .flickity-prev-next-button.previous {
        left: 0;
    }
    .recently-viewed-products--carousel .flickity-prev-next-button.next {
        right: 0;
    }
    .recently-viewed-products--carousel.flickity__section .flickity-page-dots {
        display: none;
    }
}

/* ---- Featured Collections ---- */

.featured__collection.product-loop {
    margin-bottom: 0;
}

.featured__collection-carousel {
    width: 100%;
}

.featured__collection-carousel,
.featured__collection-carousel .product-index {
    margin-bottom: 0;
}

.featured__collection.product-loop .product-index a {
    display: block;
}
.featured__collection.product-loop .product-index a:focus {
    outline-offset: unset !important;
}

@media screen and (max-width: 1480px) {
    .featured__collection-carousel .flickity-prev-next-button.previous {
        left: 20px;
    }
    .featured__collection-carousel .flickity-prev-next-button.next {
        right: 20px;
    }
}

@media screen and (min-width: 741px) and (max-width: 980px) {
    .featured__collection-carousel .featured__collection-product {
        width: 33.333% !important;
    }
}
@media screen and (max-width: 740px) {
    .featured__collection-carousel.row {
        width: 100%;
    }
    .featured__collection-carousel .featured__collection-product {
        width: 90% !important;
    }
}

.featured__collection-carousel .flickity-button:hover {
    color: var(--text-color);
    background-color: var(--background);
}

.fc__button-wrapper {
    margin-top: 30px;
    text-align: center;
}

.fc__button-wrapper a.view-all-button {
    margin: 0 auto;
    width: auto;
    float: none !important;
    padding: 0 15px;
}

/* ---- Scrolling announcements ---- */

.scrolling__announcements--carousel {
    opacity: 0;
    display: flex;
}

.scrolling__announcements--carousel.flickity-enabled {
    opacity: 1;
    transition: opacity 2s;
    display: block;
}

.scrolling__announcements--carousel {
    padding: 10px;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 740px) {
    .scrolling__announcements--item {
        width: 100% !important;
    }
    .scrolling__announcements--carousel {
        width: 92% !important;
        margin: 0 4% !important;
    }
}

.scrolling__announcements--item {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

/* Custom Icons */
.icn-close {
    width: 20px;
    height: 20px;
    position: relative;
}
.icn-close:after {
    content: "";
    height: 20px;
    border-left: 1px solid #fff;
    position: absolute;
    transform: rotate(45deg);
    left: 8px;
    border-color: var(--text-color);
}
.icn-close:before {
    content: "";
    height: 20px;
    border-left: 1px solid #fff;
    position: absolute;
    transform: rotate(-45deg);
    left: 8px;
    border-color: var(--text-color);
}
/* CSS Slideouts */
.slideout {
    list-style: none;
    background: var(--background);
    width: 450px;
    height: auto;
    position: fixed;
    top: 10px;
    bottom: 10px;
    left: unset;
    right: unset;
    z-index: 1300;
    border: 1px solid #888;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

@media (max-width: 740px) {
    .slideout.slideout__drawer-left {
        width: calc(100% - 20px);
        transform: translateX(calc(-100% - 20px));
    }
}

.site-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 13;
    visibility: hidden;
    opacity: 0;
    background: rgb(30, 30, 30);
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.slideout__drawer-right {
    transform: translateX(450px);
    right: 0;
}
.slideout__drawer-left {
    transform: translateX(calc(-450px - 20px));
    left: 10px;
}
.slideout-left--open .slideout--active.slideout__drawer-left {
    transform: translateX(0);
}
.slideout-right--open .slideout--active.slideout__drawer-right {
    transform: translateX(0);
}
.slideout-left--open,
.slideout-right--open {
    overflow: hidden;
}
.slideout-left--open .js-slideout-overlay,
.slideout-right--open .js-slideout-overlay,
.modal--open .js-modal-overlay {
    opacity: 0.8;
    visibility: visible;
}

.slideout-left--open [data-aos^="fade"][data-aos^="fade"],
.slideout-right--open [data-aos^="fade"][data-aos^="fade"] {
    opacity: 1 !important;
}

.slideout__trigger--open button {
    z-index: 2;
    margin-bottom: 0;
    cursor: pointer;
}
.slideout__trigger--open .slideout__trigger-mobile-menu i,
.slideout__trigger--open .slideout__trigger-password i {
    font-size: 20px;
    text-align: left;
}
.slideout__trigger--close .slideout__trigger-collection-sidebar,
.slideout__trigger--close .slideout__trigger-mobile-menu,
.slideout__trigger--close .slideout__trigger-store-availability,
.slideout__trigger--close .slideout__trigger-password,
.slideout__trigger--close .slideout__trigger-ajax-cart,
.slideout__trigger--close .slideout__trigger-quickview,
.slideout__trigger--close .slideout__trigger-general-modal {
    padding: 15px 35px;
    margin-bottom: 0;
    color: black;
    background: unset;
    line-height: 50px;
    height: 50px;
    outline: none !important;
}
.slideout__trigger--open .slideout__trigger-mobile-menu,
.slideout__trigger--open .slideout__trigger-store-availability,
.slideout__trigger--open .slideout__trigger-password {
    background: unset;
    margin-bottom: 0;
}
.slideout__trigger-mobile-menu:hover,
.slideout__trigger-store-availability:hover,
.slideout__trigger-password:hover,
.slideout__trigger-ajax-cart:hover,
.slideout__trigger-quickview:hover,
.slideout__trigger-general-modal:hover,
.slideout__trigger-collection-sidebar:hover {
    background: unset;
}
.slideout__trigger--open .slideout__trigger-store-availability,
.slideout__trigger--open .slideout__trigger-password {
    color: var(--text-color);
    height: auto;
    text-align: left;
    text-decoration: underline;
    letter-spacing: unset;
    margin: 0;
    padding: 0;
}
.slideout__trigger-password,
.slideout__trigger-ajax-cart,
.slideout__trigger-quickview,
.slideout__trigger-general-modal {
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
}
.slideout__trigger--open .slideout__trigger-store-availability:hover,
.slideout__trigger--open .slideout__trigger-password:hover {
    opacity: 0.8;
}
.slideout__trigger-store-availability .icn-close:before,
.slideout__trigger-store-availability .icn-close:after,
.slideout__trigger-password .icn-close:before,
.slideout__trigger-password .icn-close:after,
.slideout__trigger-ajax-cart .icn-close:before,
.slideout__trigger-quickview .icn-close:before,
.slideout__trigger-ajax-cart .icn-close:after,
.slideout__trigger-quickview .icn-close:after,
.slideout__trigger-general-modal .icn-close:before,
.slideout__trigger-general-modal .icn-close:after {
    border-color: var(--text-color);
}
/* General Slideouts */
.slideout__inner-content-container {
    padding: 15px;
}
.slideout__trigger-general-slideout button {
    background-color: unset !important;
    margin-bottom: 0;
    padding: 15px;
}
.slideout__trigger-general-slideout button:hover {
    background-color: unset !important;
}
.slideout__trigger-general-slideout button .icn-close:before,
.slideout__trigger-general-slideout button .icn-close:after {
    border-color: var(--text-color);
}
/* General Modals */
.modal__general-modal__wrapper {
    padding: 60px !important;
}
.modal__general-modal__wrapper .slideout__trigger--close {
    position: absolute;
    right: 0;
    top: 0;
}
.slideout__trigger-general-modal {
    height: 40px !important;
    line-height: 40px !important;
    padding: 10px 10px !important;
}
.slideout-left--closed .slideout__drawer-left,
.slideout-right--closed .slideout__drawer-right {
    visibility: hidden;
    opacity: 0;
    -webkit-animation: slideoutFadeout 0.4s linear;
}
.slideout-left--open .slideout__drawer-left,
.slideout-right--open .slideout__drawer-right {
    visibility: visible;
    opacity: 1;
    -webkit-animation: slideoutFadein 0.4s linear;
}
@-webkit-keyframes slideoutFadeout {
    0% {
        opacity: 1;
        visibility: visible;
    }
    99% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}
@-webkit-keyframes slideoutFadein {
    0% {
        opacity: 0;
        visibility: visible;
    }
    100% {
        opacity: 1;
    }
}

/* Mobile Menu */
.mobile-menu__block {
    /* padding: 10px 10px 0 10px; */
    /* margin-bottom: 10px; */
}
.mobile-menu__block.mobile-menu__search {
    padding: 0 35px 0;
    margin-top: 10px;
}

.mobile-menu__block.mobile-menu__featured-images {
    padding: 0 35px 50px;
    display: flex;
    gap: 10px;
}

.mobile-menu__block.mobile-menu__featured-images a {
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-align: center;
}

.mobile-menu__block.mobile-menu__featured-images p {
    margin-bottom: 0;
    font-family: "SweetSansPro-Medium", sans-serif;
    font-size: 8px;
}

.mobile-menu__featured-image--full-width {
    margin: 0 0 0 -12px !important;
    padding: 0;
    width: 110%;
}
.mobile-menu__search form input {
    border: none;
    /* border: 1px solid; */
    height: 41px;
    text-indent: 30px;
    margin-bottom: 0;
    background-color: #edf5fc;
    background-image: url("search.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
}
.mobile-menu__search form input::placeholder {
    color: #c9c0ba !important;
    text-transform: uppercase;
}

.mobile-menu__accordion > .mobile-menu__item:first-child {
    border-top: 1px solid;
}
.mobile-menu__cart-icon {
    font-family: var(--main-family);
    font-style: var(--main-style);
    font-weight: var(--main-weight);
    font-size: var(--font-size);
    position: relative;
    display: block;
    /* border: 1px solid; */
    padding: 15px 35px 0 0;
    position: absolute;
    top: 0;
    right: 0;
}
/* .mobile-menu__cart-icon svg {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-37%);
  } */

aside nav.mobile-menu .c-accordion.c-accordion--mobile-nav--parent {
    padding: 5px 35px 20px;
}

aside
    nav.mobile-menu
    .c-accordion.c-accordion--mobile-nav
    .c-accordion__header {
    border: 0;
}

aside
    nav.mobile-menu
    .c-accordion.c-accordion--mobile-nav
    .c-accordion__panel
    li {
    border-bottom: 0;
}

aside
    nav.mobile-menu
    ul.js-accordion.c-accordion--1.c-accordion--page_link {
        /* border-left: 1px solid #acc2dd; */
        /* margin-left: 20px; */
        margin-bottom: 15px;
}

aside
    nav.mobile-menu
    ul.js-accordion.c-accordion--1.c-accordion--page_link 
    li {
        padding: 0 0 10px 10px;
}

aside
    nav.mobile-menu
    ul.js-accordion.c-accordion--1.c-accordion--page_link 
    li:last-child {
        padding-bottom: 0;
}

aside nav.mobile-menu .c-accordion.c-accordion--mobile-nav .c-accordion__panel {
    transition: none;
}

aside
    nav.mobile-menu
    .c-accordion.c-accordion--mobile-nav
    .c-accordion__panel.c-accordion__panel--level1 {
    display: block !important;
    border-top: 1px solid #c9c0ba;
    padding: 0 0 0 10px;
}

aside
    nav.mobile-menu
    .c-accordion.c-accordion--mobile-nav
    .c-accordion__panel.c-accordion__panel--level1.is-active {
    border-top: 0;
    border-bottom: 1px solid #c9c0ba;
}

aside
    nav.mobile-menu
    .c-accordion.c-accordion--mobile-nav
    .c-accordion__panel.c-accordion__panel--level2 {
    padding: 0;
}

aside
    nav.mobile-menu
    .c-accordion.c-accordion--mobile-nav
    .c-accordion__panel.c-accordion__panel--level2.is-active {
    display: block !important;
}

aside
    nav.mobile-menu
    .c-accordion.c-accordion--mobile-nav
    .c-accordion__header--level2
    ~ .c-accordion__panel {
    padding-top: 0;
}

aside
    nav.mobile-menu
    .c-accordion.c-accordion--mobile-nav
    .c-accordion__panel.c-accordion__panel--level2
    ul {
    border-left: 1px solid #a7c6ed;
    margin-left: 20px;
    margin-bottom: 15px;
}

aside
    nav.mobile-menu
    .c-accordion.c-accordion--mobile-nav
    .c-accordion__panel.c-accordion__panel--level2
    ul
    li {
    border: 0;
    padding: 0 0 10px 10px;
}

aside
    nav.mobile-menu
    .c-accordion.c-accordion--mobile-nav
    .c-accordion__panel.c-accordion__panel--level2
    ul
    li 
    a {
    letter-spacing: 0.1em;
    line-height: 1em;
}

aside
    nav.mobile-menu
    .c-accordion.c-accordion--mobile-nav
    .c-accordion__panel.c-accordion__panel--level2
    ul
    li:last-child {
    padding-bottom: 0;
}

/* Store Availability */
.store-availability-small-text {
    font-size: 13px;
}

.store-availability-information {
    display: block;
}

.store-availability-information-container {
    text-align: left;
}

.store-availability-information svg {
    margin-right: 4px;
}

.store-availability-information__title,
.store-availability-information__stock {
    margin-bottom: 0;
}

.store-availability-information__stores {
    margin-top: 10px;
}

.store-availability-information__link {
    text-decoration: underline;
    cursor: pointer;
}

.store-availability-information__link:hover,
.store-availability-information__link:focus {
    opacity: 0.6;
}

button.slideout__trigger-store-availability {
    line-height: 1.6em;
}

.store-availabilities-modal {
    left: unset;
    background-color: var(--background);
}

@media only screen and (max-width: 740px) {
    .store-availabilities-modal {
        width: 100%;
        z-index: 9999;
    }
}

.store-availabilities-modal__header {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 16px 0;
    padding-left: 20px;
    padding-right: 20px;
}

.store-availabilities-modal__product-title {
    font-size: 17px;
    text-transform: none;
    margin-bottom: 0;
}

.store-availabilities-list {
    overflow: auto;
    padding: 0 10px;
}

.store-availabilities-modal__close {
    margin-bottom: 13px;
    cursor: pointer;
}

.store-availability-list__item {
    padding: 0 10px 16px 10px;
}

.store-availability-list__item::before {
    content: "";
    display: block;
    margin: 0 0 16px 0;
    border-bottom: 1px solid var(--dotted-color);
}

.store-availability-list__item > p {
    font-size: 13px;
    margin-bottom: 0;
}

.store-availability-list__location {
    display: flex;
    justify-content: space-between;
}

.store-availability-list__stock {
    margin-top: 8px;
    margin-bottom: 16px;
}

.store-availability-container {
    padding: 20px;
    border: 1px solid var(--dotted-color);
    margin-bottom: 20px;
}
@media (max-width: 740px) {
    .store-availability-information {
        justify-content: center;
    }
    .store-availability-information-container,
    .slideout__trigger-store-availability {
        text-align: center !important;
    }
}
/* Password Page */
.password .slideout__trigger-password {
    opacity: 0.8;
    text-decoration: none;
}

.password .rte a,
.password .rte a:hover,
.password .rte a:focus {
    text-decoration: underline;
}

.password .slideout__trigger-password:hover {
    opacity: 1;
}

.password-page__wrapper {
    min-height: 110vh;
    padding: 15px;
}

.password-page__logo {
    padding-top: 100px;
    text-align: center;
}

.password-page__newsletter {
    width: 100%;
    margin-top: 100px;
}

.password-page__newsletter-wrapper {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.password-page__newsletter-details {
    margin-bottom: 30px;
    text-align: center;
}

.password-page__newsletter-signup--email {
    float: left;
    text-indent: 10px;
    width: 66%;
    text-transform: uppercase;
    color: #000;
    height: 48px;
}

.password-page__newsletter-signup--submit {
    width: 28%;
    margin-left: 0;
    margin-top: 0;
    text-transform: uppercase;
    height: 48px;
}

.password-page__newsletter-signup--submit:hover {
    opacity: 0.75;
}

.password-page__icons {
    margin-bottom: 20px;
}

.password-page__icons li {
    display: inline-block;
    margin: 0 5px;
}

.password-page__icons a:hover {
    opacity: 0.5;
}

.password-page__icons i {
    line-height: 30px;
}

.password-page__footer {
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
    margin-top: 220px;
}

.password-page__footer a {
    font-family: var(--main-family);
    font-weight: var(--main-weight);
    font-style: var(--main-style);
    font-style: italic;
    font-size: 16px;
    font-weight: 600;
}

.password-page__login {
    padding: 10px 15px;
}
@media screen and (max-width: 740px) {
    .password-page__newsletter {
        margin-top: 50px;
    }
}

/* ---- cta styled links ---- */

.cta {
    margin-top: 20px;
    margin-bottom: 10px;
    display: inline-block;
}

.cta a {
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    display: inline-block;
    width: auto;
    width: initial;
    -webkit-transition: background 0.5s ease, color 0.5s ease;
    -moz-transition: background 0.5s ease, color 0.5s ease;
    -o-transition: background 0.5s ease, color 0.5s ease;
    transition: background 0.5s ease, color 0.5s ease;
    background: var(--button-color);
    color: var(--button-text);
}

.theme-features__rounded-buttons--enabled .cta a {
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.theme-features__buttons-uppercase--enabled .cta a {
    text-transform: uppercase;
}

.cta a:hover {
    color: var(--button-text) !important;
    background: var(--button-hover) !important;
}

/* ---- Add fade in class ---- */

.animation__fade-in {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s;
}
@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* ---- PhotoSwipe ---- */

.pswp__link {
    display: block;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
    -webkit-backface-visibility: hidden;
    outline: none;
    background: var(--background);
}
.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pswp img {
    max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
    opacity: 0.001;
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
    display: block;
}

.pswp--zoom-allowed .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.pswp--dragging .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--background);
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    /* for open/close transition */
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
}

.pswp__img--placeholder--blank {
    background: #fff;
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0;
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc;
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline;
}

.pswp__button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    color: var(--text-color);
    background-color: var(--background);
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    border: 0;
    padding: 0;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.pswp__button:focus,
.pswp__button:hover {
    opacity: 1;
    background-color: var(--background);
}
.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}

.pswp__element--disabled {
    display: none;
}

.pswp--zoom-allowed .pswp__button--zoom,
.pswp__button.pswp__button--zoom {
    display: none;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden;
}

.pswp__ui {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 20px;
    background: transparent;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    opacity: 1;
}

.pswp__ui.pswp__ui--hidden {
    opacity: 0;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}

.pswp__button.pswp__button--close,
.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: var(--background);
}

.pswp__button.pswp__button--close svg,
.pswp__button--arrow--left svg,
.pswp__button--arrow--right svg {
    pointer-events: none;
}

/* 2. Loading indicator (preloader) */
.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr;
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px;
}

.pswp__preloader--active {
    opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
    animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1)
        infinite;
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right;
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550;
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
    background-color: #fff;
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
    opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0;
}

/*
  pswp__ui--hidden class is added when controls are hidden
  e.g. when user taps to toggle visibility of controls
  */
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    /* Force paint & create composition layer for controls. */
    opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none;
}

.pswp__element--disabled {
    display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
    background: none;
}

/* ---- Loading animations ---- */

.loading-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    background: var(--background);
    z-index: 200;
    margin: 0 auto;
    text-align: center;
    opacity: 0.9;
    left: 0;
    top: 0;
}

.loading-ripple {
    display: inline-block;
    width: 80px;
    height: 80px;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
}
.loading-ripple div {
    position: absolute;
    border: 4px solid var(--dotted-color);
    opacity: 1;
    border-radius: 50%;
    animation: loadingRipple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.loading-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes loadingRipple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

/*!
  Animate.css - http://daneden.me/animate
  Licensed under the MIT license - http://opensource.org/licenses/MIT
  
  Copyright (c) 2014 Daniel Eden
  */
.animate-hide {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animate-show {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
        );
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
        );
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
        );
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
        );
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
@keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}
@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

/* ---- Scrollbar Styles ---- */
.modal__container ::-webkit-scrollbar,
.slideout ::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
.modal__container ::-webkit-scrollbar-button,
.slideout ::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
.modal__container ::-webkit-scrollbar-thumb,
.slideout ::-webkit-scrollbar-thumb {
    background: var(--text-color);
    border: 0px none #ffffff;
    border-radius: 50px;
}
.modal__container ::-webkit-scrollbar-thumb:hover,
.slideout ::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
}
.modal__container ::-webkit-scrollbar-thumb:active,
.slideout ::-webkit-scrollbar-thumb:active {
    background: #000000;
}
.modal__container ::-webkit-scrollbar-track,
.slideout ::-webkit-scrollbar-track {
    background: var(--dotted-color);
    border: 0px none #ffffff;
    border-radius: 50px;
}
.modal__container ::-webkit-scrollbar-track:hover,
.slideout ::-webkit-scrollbar-track:hover {
    background: var(--dotted-color);
}
.modal__container ::-webkit-scrollbar-track:active,
.slideout ::-webkit-scrollbar-track:active {
    background: #333333;
}
.modal__container ::-webkit-scrollbar-corner,
.slideout ::-webkit-scrollbar-corner {
    background: transparent;
}

/* ---- Modal Styles ---- */
.modal__container {
    display: none;
    opacity: 0;
    position: absolute;
    z-index: 15;
    left: 50%;
    top: 10vh;
    transform: translateX(-50%);
    webkit-transition: opacity 1.2s ease-in-out;
    transition: opacity 1.2s ease-in-out;
}
.modal__inner-content-container {
    max-height: 560px;
    overflow-y: auto;
    padding-right: 5px;
    margin: 10px;
}
@media (max-width: 739px) {
    .modal__inner-content-container {
        max-height: unset;
        overflow-y: unset;
    }
}
/* Modal Content/Box */
.modal__inner-wrapper {
    background-color: var(--background);
    padding: 20px;
    border: 1px solid #888;
    max-height: 800px;
    overflow-y: hidden;
    position: relative;
}
.modal__inner-wrapper .loading-wrapper {
    height: 100%;
}
@media (min-width: 980px) {
    .modal__inner-wrapper,
    .modal__container {
        width: 880px;
    }
}
@media (min-width: 740px) and (max-width: 979px) {
    .modal__inner-wrapper,
    .modal__container {
        width: 90%;
    }
}
@media (max-width: 739px) {
    .modal__inner-wrapper,
    .modal__container {
        width: unset;
    }
    .modal__inner-wrapper {
        overflow: unset;
        max-height: unset;
        padding: 50px 10px 20px 10px !important;
    }
}
.modal__container.modal--active {
    display: block;
    opacity: 1;
}
.modal__container button.slideout__trigger-ajax-cart.js-modal-close {
    padding: 0 5px;
}

/* ---- Cart Styles: Drawer, Modal, and Page ---- */
.mini-cart__container {
    position: relative;
}
.ajax-cart__cart-item {
    position: relative;
    border-top: 1px solid var(--dotted-color);
}
.ajax-cart__cart-item:last-child {
    border-bottom: 1px solid var(--dotted-color);
}
.ajax-cart__item-remove {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.ajax-cart__item-image img {
    vertical-align: middle;
}
.ajax-cart__header__continue-link {
    font-size: var(--font-size);
}
.ajax-cart__header__continue-link-text {
    margin-left: 5px;
}
.ajax-cart__header-wrapper h2.section-heading {
    word-break: break-word;
}
.ajax-cart__item-quantity {
    font-size: 0;
}

.ajax-cart__qty-control--down,
.ajax-cart__qty-control--up {
    display: inline-block;
    vertical-align: middle;
    border-color: var(--dotted-color) !important;
    padding: 0 8px;
    line-height: 46px;
    height: 48px;
    display: inline-block;
    color: var(--text-color);
    font-size: 20px;
    width: 38px;
    text-align: center;
    border-top: 1px solid;
    border-bottom: 1px solid;
    cursor: pointer;
    border-radius: 0 !important;
}
.ajax-cart__qty-control--up {
    border-right: 1px solid;
}
.ajax-cart__qty-control--down {
    border-left: 1px solid;
}
.ajax-cart__qty-control--up,
.ajax-cart__qty-control--down {
    background: unset;
}
.ajax-cart__qty-input {
    display: inline-block;
    vertical-align: middle;
    text-indent: 0 !important;
    text-align: center;
    margin: 0 !important;
    width: 60px !important;
    display: inline-block !important;
    vertical-align: top;
    padding: 0 !important;
    text-indent: 0 !important;
    float: none;
    border: 1px solid var(--dotted-color) !important;
    color: var(--text-color) !important;
    border-radius: 0 !important;
}
.ajax-cart__cart-variants {
    font-size: var(--font-size);
    margin-bottom: 0;
}
input.ajax-cart__qty-input::-webkit-outer-spin-button,
input.ajax-cart__qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"].ajax-cart__qty-input {
    -moz-appearance: textfield;
}
.ajax-cart__item-details p {
    margin-bottom: 0;
}
.ajax-cart__title a {
    font-size: var(--font-size);
    display: block;
}
.ajax-cart__accordion .accordion-content {
    list-style: none;
    padding-left: 0;
}
.ajax-cart__accordion .accordion-content.closed,
.ajax-cart__accordion .accordion-content2.closed {
    display: none;
}
.ajax-cart__accordion .accordion-content.default,
.ajax-cart__accordion .accordion-content,
.ajax-cart__accordion .accordion-content2.default,
.ajax-cart__accordion .accordion-content2 {
    display: block;
}
.ajax-cart__accordion .tlink.has_sub_menu,
.ajax-cart__accordion .tlink2.has_sub_menu {
    cursor: pointer;
    list-style: none;
    position: relative;
    margin-bottom: 10px;
}
.ajax-cart__accordion .tlink.has_sub_menu a,
.ajax-cart__accordion .tlink2.has_sub_menu a {
    padding: 10px;
    background: var(--background);
    color: var(--text-color);
    display: inline-block;
    width: 100%;
    font-size: var(--font-size);
}
.ajax-cart__accordion .tlink.has_sub_menu span.icon,
.ajax-cart__accordion .tlink2.has_sub_menu span.icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-color);
    pointer-events: none;
}
.ajax-cart__accordion .tlink.has_sub_menu span.icon.active-arrow,
.ajax-cart__accordion .tlink.has_sub_menu.closed span.icon.inactive-arrow,
.ajax-cart__accordion .tlink2.has_sub_menu span.icon.active-arrow,
.ajax-cart__accordion .tlink2.has_sub_menu.closed span.icon.inactive-arrow {
    display: block;
}
.ajax-cart__accordion .tlink.has_sub_menu.closed span.icon.active-arrow,
.ajax-cart__accordion .tlink.has_sub_menu span.icon.inactive-arrow,
.ajax-cart__accordion .tlink2.has_sub_menu.closed span.icon.active-arrow,
.ajax-cart__accordion .tlink2.has_sub_menu span.icon.inactive-arrow {
    display: none;
}
.ajax-cart__accordion .tlink.has_sub_menu:after,
.ajax-cart__accordion .accordion-toggle2:after {
    padding-right: 0;
}
.ajax-cart__free-shipping {
    padding: 20px;
    margin-bottom: 15px;
    background-color: var(--free-shipping-bg);
    color: var(--free-shipping-text);
}
.ajax-cart__final-details div {
    font-size: 0;
    margin-bottom: 5px;
    display: flex;
}
.ajax-cart__final-details .discounts {
    display: flex;
}
.ajax-cart__final-details .discounts > * {
    width: 100%;
}
.ajax-cart__final-details .discounts .a-right {
    font-size: var(--font-size);
    list-style: none;
}
.ajax-cart__final-details div > p {
    display: inline-block;
    font-size: var(--font-size);
    width: 50%;
    vertical-align: middle;
}
.ajax-cart__item-price dl,
.ajax-cart__item-line-price dl {
    margin-bottom: 0;
}
.ajax-cart__item-price dd,
.ajax-cart__item-line-price span {
    font-size: var(--font-size);
}
.ajax-cart__order-discount {
    list-style: none;
}
.ajax-cart__order-discount .order-discount__item .onsale {
    font-size: 11px;
}
.ajax-cart__button-view_cart {
    text-align: center;
    line-height: 48px;
}
.ajax-cart__cart-form {
    grid-column-gap: 30px;
    grid-row-gap: 10px;
}
.ajax-cart__empty-cart {
    font-size: var(--h2-size);
}
.mini-cart__cart-note {
    grid-column: auto / span 12;
    width: 95%;
    text-align: left;
    display: block;
    border: 1px solid var(--error-color);
    padding: 5px;
    color: var(--error-color);
    background-color: var(--error-color-light);
    margin-top: 10px;
}
.mini-cart__cart-note p {
    margin-bottom: 0;
    text-align: center;
}
/* Cart Styles: Page Only */
.ajax-cart__page-wrapper .ajax-cart__cart-item {
    /* padding: 10px !important; */
}
.ajax-cart__page-wrapper .ajax-cart__header-wrapper {
    padding: 20px 0;
}
.ajax-cart__page-wrapper .ajax-cart__button-view_cart {
    display: none;
}
.ajax-cart__page-wrapper .ajax-cart__item-line-price {
    text-align: right;
}
@media (min-width: 740px) {
    .ajax-cart__page-wrapper .ajax-cart__item-image,
    .ajax-cart__page-wrapper .ajax-cart__item-price,
    .ajax-cart__page-wrapper .ajax-cart__item-line-price {
        grid-column: auto / span 2;
        width: 100%;
    }
    .ajax-cart__page-wrapper .ajax-cart__item-qty {
        grid-column: auto / span 3;
        width: 100%;
    }
    .ajax-cart__page-wrapper .ajax-cart__item-details {
        grid-column: auto / span 4;
        width: 100%;
    }
    .ajax-cart__page-wrapper .ajax-cart__info-wrapper {
        grid-column: auto / span 6;
        width: 100%;
    }
    .ajax-cart__page-wrapper .ajax-cart__summary-wrapper {
        /* grid-column: auto / span 6; */
        width: 100%;
    }
}
@media (min-width: 1250px) {
    .ajax-cart__page-wrapper .ajax-cart__item-image img {
        max-width: 160px;
    }
}
@media (min-width: 980px) and (max-width: 1249px) {
    .ajax-cart__page-wrapper .ajax-cart__item-image img {
        max-width: 120px;
    }
    .ajax-cart__page-wrapper .ajax-cart__qty-input {
        width: 40px !important;
    }
}
@media (min-width: 740px) and (max-width: 979px) {
    .ajax-cart__page-wrapper .ajax-cart__item-image img {
        max-width: 100px;
    }
    .ajax-cart__page-wrapper .ajax-cart__qty-input {
        width: 40px !important;
    }
}
@media (max-width: 739px) {
    .ajax-cart__page-wrapper .ajax-cart__item-image img {
        max-width: 161px;
    }
    .ajax-cart__page-wrapper .ajax-cart__item-image {
        grid-column: auto / span 2;
        width: 100%;
    }
    .ajax-cart__page-wrapper .ajax-cart__item-price,
    .ajax-cart__page-wrapper .ajax-cart__item-line-price {
        grid-column: auto / span 3;
        width: 100%;
        text-align: center;
    }
    .ajax-cart__page-wrapper .ajax-cart__item-qty {
        grid-column: auto / span 2;
        width: 100%;
    }
    .ajax-cart__item-quantity button {
        /* display: none; */
    }
    .ajax-cart__page-wrapper .ajax-cart__item-details {
        grid-column: auto / span 5;
        width: 100%;
    }
    .ajax-cart__page-wrapper .ajax-cart__info-wrapper {
        grid-column: auto / span 12;
        width: 100%;
    }
    .ajax-cart__page-wrapper .ajax-cart__summary-wrapper {
        grid-column: auto / span 12;
        width: 100%;
    }
    .ajax-cart__page-wrapper .ajax-cart__item-quantity {
        text-align: left;
    }
    .ajax-cart__title a {
        max-width: 190px;
    }
}
.ajax-cart__page-wrapper .ajax-cart__empty-cart {
    margin-top: 100px;
    padding-bottom: 100px;
}
/* Cart Styles: Drawer Only */
.slideout.slideout__drawer-right {
    width: 600px;
    transform: translateX(620px);
    top: 10px;
    right: 10px;
    bottom: 10px;
}
.slideout.slideout--active.slideout__drawer-right {
    transform: translateX(0);
}
@media screen and (max-width: 740px) {
    .slideout.slideout__drawer-right {
        width: calc(100% - 20px);
        transform: translateX(calc(100% + 20px));
    }
}
.ajax-cart__drawer-wrapper .ajax-cart__header-wrapper {
    padding: 10px 15px;
}
.ajax-cart__drawer-wrapper .ajax-cart__info-wrapper,
.ajax-cart__drawer-wrapper .ajax-cart__summary-wrapper {
    padding: 0 15px;
}
.ajax-cart__drawer-wrapper .ajax-cart__cart-item {
    padding: 15px !important;
    grid-row-gap: 0;
}
.ajax-cart__drawer-wrapper .ajax-cart__item-image img {
    max-width: 85px;
}
.ajax-cart__drawer-wrapper .ajax-cart__item-image {
    grid-column: auto / span 2;
    width: 100%;
}
.ajax-cart__drawer-wrapper .ajax-cart__item-price,
.ajax-cart__drawer-wrapper .ajax-cart__item-line-price {
    grid-column: auto / span 3;
    width: 100%;
    text-align: right;
    display: none;
}
.ajax-cart__drawer-wrapper .ajax-cart__item-qty {
    grid-column: auto / span 4;
    width: 100%;
}
.ajax-cart__drawer-wrapper .ajax-cart__item-details {
    grid-column: auto / span 6;
    width: 100%;
}
.ajax-cart__drawer-wrapper .ajax-cart__info-wrapper {
    grid-column: auto / span 12;
    width: 100%;
}
.ajax-cart__drawer-wrapper .ajax-cart__summary-wrapper {
    grid-column: auto / span 12;
    width: 100%;
    position: sticky;
    bottom: 0;
    padding-top: 10px;
    background: var(--background);
}
.ajax-cart__drawer-wrapper .ajax-cart__item-quantity {
    text-align: center;
}
.ajax-cart__drawer-wrapper .ajax-cart__empty-cart {
    margin-top: 100px;
    padding-bottom: 100px;
}
@media screen and (max-width: 740px) {
    .ajax-cart__drawer-wrapper .ajax-cart__item-image {
        grid-column: auto / span 3;
    }
    .ajax-cart__drawer-wrapper .ajax-cart__item-qty {
        grid-column: auto / span 3;
    }
    .ajax-cart__drawer-wrapper .ajax-cart__item-qty button {
        display: none;
    }
    .ajax-cart__drawer-wrapper .ajax-cart__summary-wrapper {
        position: relative;
    }
}

/* Cart Styles: Modal Only */
.ajax-cart__modal-wrapper .ajax-cart__header-wrapper {
    padding-bottom: 5px;
}
.ajax-cart__modal-wrapper .ajax-cart__cart-items {
    max-height: 270px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.ajax-cart__modal-wrapper .ajax-cart__cart-item {
    padding: 10px 0 !important;
}
.ajax-cart__modal-wrapper .ajax-cart__item-image img {
    max-width: 80px;
}
.ajax-cart__modal-wrapper .ajax-cart__item-image__wrapper {
    margin: 0 auto;
    text-align: center;
}
.ajax-cart__modal-wrapper .ajax-cart__qty-input {
    width: 40px !important;
}
.ajax-cart__modal-wrapper .ajax-cart__empty-cart {
    margin-top: 100px;
    padding-bottom: 100px;
}
.ajax-cart__modal-wrapper .slideout__trigger-ajax-cart {
    padding: 0;
    height: 30px;
    line-height: 30px;
}
.ajax-cart__modal-wrapper .ajax-cart__final-details {
    margin-top: 10px;
}
.ajax-cart__modal-wrapper .ajax-cart__title a {
    font-size: var(--font-size);
}
.ajax-cart__modal-wrapper .ajax-cart__button-submit {
    margin-bottom: 0;
}
.ajax-cart__modal-wrapper .ajax-cart__button-view_cart {
    margin-bottom: 5px;
}
@media (min-width: 740px) {
    .ajax-cart__modal-wrapper .ajax-cart__item-image,
    .ajax-cart__modal-wrapper .ajax-cart__item-price,
    .ajax-cart__modal-wrapper .ajax-cart__item-qty,
    .ajax-cart__modal-wrapper .ajax-cart__item-line-price {
        grid-column: auto / span 2;
        width: 100%;
    }
    .ajax-cart__modal-wrapper .ajax-cart__item-line-price {
        text-align: right;
    }
    .ajax-cart__modal-wrapper .ajax-cart__item-details {
        grid-column: auto / span 4;
        width: 100%;
    }
    .ajax-cart__modal-wrapper .ajax-cart__info-wrapper {
        grid-column: auto / span 6;
        width: 100%;
    }
    .ajax-cart__modal-wrapper .ajax-cart__summary-wrapper {
        grid-column: auto / span 6;
        width: 100%;
    }
}
@media (max-width: 739px) {
    .ajax-cart__modal-wrapper .ajax-cart__item-image {
        grid-column: auto / span 3;
        width: 100%;
    }
    .ajax-cart__modal-wrapper .ajax-cart__item-price,
    .ajax-cart__modal-wrapper .ajax-cart__item-line-price {
        grid-column: auto / span 3;
        width: 100%;
        text-align: center;
    }
    .ajax-cart__modal-wrapper .ajax-cart__item-line-price {
        display: none;
    }
    .ajax-cart__modal-wrapper .ajax-cart__item-qty {
        grid-column: auto / span 3;
        width: 100%;
    }
    .ajax-cart__modal-wrapper .ajax-cart__item-details {
        grid-column: auto / span 5;
        width: 100%;
    }
    .ajax-cart__modal-wrapper .ajax-cart__info-wrapper {
        grid-column: auto / span 12;
        width: 100%;
    }
    .ajax-cart__modal-wrapper .ajax-cart__summary-wrapper {
        grid-column: auto / span 12;
        width: 100%;
    }
    .ajax-cart__modal-wrapper .ajax-cart__item-quantity {
        text-align: center;
    }
    #modal-ajax-cart .modal__inner-wrapper {
        padding: 20px 10px 20px 10px !important;
    }
}
/* Shipping Calculator */
.ajax-cart__modal-wrapper .ajax-cart__accordion--shipping-calc,
.ajax-cart__drawer-wrapper .ajax-cart__accordion--shipping-calc {
    display: none;
}
.shipping-calc__response--wrapper {
    border: 1px solid var(--dotted-color);
    margin-top: 15px;
    padding: 20px;
    font-size: var(--font-size);
}
.shipping-calc__rate {
    font-size: var(--font-size);
}

/* Cart options accordion */
.ajax-cart__info-wrapper .c-accordion--custom-page {
    margin-bottom: 20px !important;
    display: flex;
    flex-direction: column;
}

/* ---- Product Quickview ---- */
.product-listing__quickview-trigger {
    display: none;
    z-index: 10;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 44px;
    height: 44px;
    margin-bottom: 0;
    border-radius: 50% !important;
    background: var(--background) !important;
    color: var(--text-color) !important;
}

.product-listing__quickview-trigger:hover {
    background: var(--background) !important;
    color: var(--text-color) !important;
}

.product-listing__quickview-trigger:visited {
    background: var(--background) !important;
    color: var(--text-color) !important;
}

.product-index:hover .product-listing__quickview-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product__related-container
    .product-index:hover
    > .product-listing__quickview-trigger {
    display: none !important;
}

@media screen and (max-width: 740px) {
    .product-listing__quickview-trigger {
        display: none !important;
    }
}

.slideout__trigger-quickview__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.product-quickview__form-wrapper {
    min-height: 580px;
}

.product-quickview__form-wrapper .flickity-button {
    z-index: 100;
}

.product__quickview-wrapper #thumbnails {
    display: none;
}

#modal-quickview-cart .product__section-content {
    padding: 0;
}

#modal-quickview-cart .product__section-details form {
    border-bottom: none;
}

@media (min-width: 740px) {
    .slideout__trigger-quickview__wrapper {
        top: 0;
    }
    #modal-quickview-cart .product-quickview__container {
        overflow-y: auto;
        max-height: 800px;
        margin: 12px;
    }
    .product-quickview__container .product__section-container {
        grid-template-columns: 5fr 5fr;
        grid-column-gap: 40px;
    }
    #modal-quickview-cart .modal__inner-wrapper {
        padding: 10px !important;
    }
}

#modal-quickview-cart .product__section-images {
    animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 3s; /* don't forget to set a duration! */
}
#modal-quickview-cart .product__section-content {
    animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s; /* don't forget to set a duration! */
}
@media (max-width: 739px) {
    .slideout__trigger-quickview__wrapper {
        top: 20px;
    }
    #modal-quickview-cart .product-quickview__container {
        overflow-y: auto;
        max-height: 560px;
        margin: 10px;
        padding-right: 10px;
    }
}

.product-quickview__container
    #slider.thumbs_bottom
    .flickity-prev-next-button.previous {
    left: 0;
}

.product-quickview__container
    #slider.thumbs_bottom
    .flickity-prev-next-button.next {
    right: 0;
}

/* ---- Product Form Swatches ---- */
.swatches__container {
    margin: 10px 0;
    display: inline-block;
    width: 100%;
}

/* Hide radio buttons */
.swatches__form--input {
    display: none;
}

/* Swatch Label */
.swatches__form--label {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    padding: 0 10px;
    color: var(--text-color);
    background-color: var(--background);
    margin: 0px 5px 5px 0;
    cursor: pointer;
    border: 1px solid var(--dotted-color);
    position: relative;
    font-size: 13px;
    min-width: 44px;
    height: 44px;
    line-height: 42px !important;
    white-space: nowrap;
    text-align: center;
    float: unset !important;
    overflow: hidden;
}

.swatches__form--label.focus-visible {
    transform: scale(1.08);
}

.swatches__shape--circle label {
    min-width: 34px !important;
    width: 34px !important;
    height: 34px;
    border-radius: 50%;
    outline: 0 !important;
    padding: 0;
}

.swatches__shape--square label {
    min-width: 44px !important;
    width: 44px !important;
    outline: 0 !important;
    padding: 0;
}

.swatches__shape--rectangle label {
    min-width: 44px !important;
    width: 44px !important;
    outline: 0 !important;
    padding: 0;
}

.swatches__form--input:checked + .swatches__form--label {
    border: 1px solid var(--text-color);
    background-color: var(--text-color);
    color: var(--background);
}

.swatches__swatch--color
    .swatches__form--input:checked
    + .swatches__form--label {
    box-shadow: 0px 0px 2px 2px #d6d6d6;
}

.swatches__form--label:hover {
    background: var(--background);
    color: var(--text-color);
    border-color: var(--text-color);
}

.swatches__swatch--regular,
.swatches__swatch--color {
    display: inline-block;
    -webkit-transform: translateZ(0); /* webkit flicker fix */
    -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
    position: relative;
}

.swatches__swatch--regular.hidden {
    display: none !important;
}

/* Image with the cross in it */
.swatches__sold-out--image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(
        to top right,
        #0000 0% calc(50% - 0.8px),
        #5a595c 50%,
        #0000 calc(50% + 0.8px) 100%
    );
}

.swatches__sold-out--image {
    display: none;
}

.swatches__swatch--color.soldout .swatches__sold-out--image,
.swatches__swatch--regular.soldout .swatches__sold-out--image {
    display: block;
}

.swatches__swatch--regular.soldout label,
.swatches__swatch--color.soldout label {
    filter: alpha(opacity=60);
    /* internet explorer */
    -khtml-opacity: 0.6;
    /* khtml, old safari */
    -moz-opacity: 0.6;
    /* mozilla, netscape */
    opacity: 0.6;
    /* fx, safari, opera */
}

.swatches__container.error {
    background-color: #e8d2d2 !important;
    color: #333 !important;
    padding: 1em;
    border-radius: 5px;
}

.swatches__container.error p {
    margin: 0.7em 0;
}

.swatches__container.error p:first-child {
    margin-top: 0;
}

.swatches__container.error p:last-child {
    margin-bottom: 0;
}

.swatches__container.error code {
    font-family: monospace;
}

.swatches__option-name {
    text-transform: uppercase;
    margin-bottom: 10px;
    border-bottom: 1px solid transparent;
    display: block;
    font-family: var(--main-family);
    font-weight: var(--main-weight);
    font-style: var(--main-style);
    font-weight: bold;
    font-size: var(--font-size);
}

.swatches__option-value {
    text-transform: capitalize;
    margin-left: 5px;
    font-weight: normal;
}

/* ---- Product form dropdown ---- */

.product-form__input.product-form__input--dropdown label {
    font-weight: bold;
}

.product-form__input.product-form__input--dropdown {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.product-form__input.product-form__input--dropdown select.styled-select {
    width: unset;
    min-width: 250px;
}

@media screen and (max-width: 740px) {
    .product-form__input.product-form__input--dropdown select.styled-select {
        width: 100%;
    }
}

/* ---- Variant SKU ---- */

span.product__sku-label {
    display: inline-block;
}
span.product__sku-value.js-product-sku {
    margin-left: 5px;
    display: inline-block;
}

.product__sku-container {
    margin-bottom: 10px;
}

.product-qty label {
    line-height: 44px;
}

.product__section-rating {
    display: inline-block;
    margin: 0;
}

.product__section-rating-star {
    --letter-spacing: 0.2;
    --font-size: 1;
}

.product__section-rating-star {
    --percent: calc(
        (
                var(--rating) / var(--rating-max) + var(--rating-decimal) *
                    var(--font-size) /
                    (
                        var(--rating-max) *
                            (var(--letter-spacing) + var(--font-size))
                    )
            ) * 100%
    );
    letter-spacing: calc(var(--letter-spacing) * 1rem);
    font-size: calc(var(--font-size) * 1rem);
    line-height: 1;
    display: inline-block;
    font-family: Times;
    margin: 0;
}

.product__section-rating-star::before {
    content: "★★★★★";
    background: linear-gradient(
        90deg,
        var(--star-active) var(--percent),
        var(--star-inactive) var(--percent)
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.product__section-rating-text {
    display: none;
}

.product__section-rating-count {
    display: inline-block;
    margin: 0;
    font-size: 11px;
    vertical-align: middle;
}

@media (forced-colors: active) {
    .product__section-rating {
        display: none;
    }

    .product__section-rating-text {
        display: block;
    }
}

/* ---- Product tags block ---- */

ul.product__block--tags {
    list-style: none;
}

ul.product__block--tags li {
    margin: 0 5px 0 0;
    display: inline-block;
}

ul.product__block--tags li a {
    text-decoration: underline;
    text-transform: capitalize;
}

/* ---- Merge media queries to single stylesheet ---- */

@media screen and (min-width: 980px) {
    p.theme-error {
        max-width: 175px;
    }
}

@media screen and (min-width: 1200px) {
    .mobile-only {
        display: none;
    }
    desktop-9.span-9.tablet-6.mobile-3 .reveal .box-ratio {
        padding-bottom: 120% !important;
    }

    header .nav-container {
        padding: 0;
    }

    header .nav-container #main-nav > li {
        padding: 35px 0;
    }
}

@media screen and (max-width: 1199px) {
    .mobile-hide,
    .nav-container ul.shopping__cart-links,
    .nav-container nav,
    header nav {
        display: none;
    }
}

@media screen and (max-width: 980px) {
    .mobile-only {
        display: unset;
    }

    .section-title {
        padding: 0 0 15px;
        /* margin-bottom: 10px; */
    }

    .slideout__trigger-mobile-menu i {
        cursor: pointer;
        display: block;
    }

    .mobile-hide,
    .nav-container ul.shopping__cart-links,
    .nav-container nav,
    header nav {
        display: none;
    }

    footer ul.social-icons__wrapper,
    footer ul.social-icons__wrapper li {
        text-align: left !important;
    }

    .desktop-sidebar .collection__sidebar--wrapper {
        display: none;
        text-align: center;
    }

    .collection__sidebar--wrapper.open {
        display: block;
    }

    .collection__sidebar--wrapper ul li {
        padding: 0;
    }

    ul.announcement__bar-nav {
        text-align: center;
    }

    .sidebar-filter.filter--color ul li.filter_swatch {
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 741px) and (max-width: 980px) {
    body.page div#page_sidebar {
        display: inline-block;
    }
    body.page div#page_content.span-9 {
        grid-column: auto / span 8 !important;
    }
}

@media screen and (min-width: 741px) {
    .desktop-hide {
        display: none;
    }
}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 740px) {
    body.template-index .page-wrap {
        transform: translateY(0) !important;
    }
    .page-wrap {
        overflow: hidden;
    }
    .collection__sidebar--wrapper {
        background: transparent;
    }
    div#banner-message {
        text-align: center;
    }

    a.scrollup,
    .mobile-none,
    ul#main-nav,
    .product-modal,
    #looked-at {
        display: none !important;
    }

    .product-form {
        text-align: center;
    }

    .product__section-details #product-price {
        text-align: center;
        display: block;
    }

    .product-add {
        margin-top: 15px;
    }
    .shopify-payment-button__more-options {
        text-align: center !important;
    }

    .add {
        margin: 0 auto 20px !important;
    }

    .selector-wrapper .js-qty {
        margin: 0 auto;
    }
    .selector-wrapper .quantity-increment {
        width: 50px;
    }
    .selector-wrapper input.js-qty__num {
        max-width: 80px;
    }
    .selector-wrapper .js-qty {
        display: inline-block;
    }

    .share-icons a {
        display: inline-block;
        width: 33.3333%;
        margin: 0 -2px;
        height: 40px;
        line-height: 46px;
    }

    ul.announcement__bar-nav {
        text-align: center;
    }

    ul.announcement__bar-nav li {
        padding: 0 10px;
    }

    .fb-like-box {
        width: 200px !important;
        float: none;
        display: block !important;
        margin: 0 auto;
    }

    .desktop-sidebar .collection__sidebar--wrapper {
        display: none;
        text-align: center;
    }

    .collection__sidebar--wrapper.open {
        display: block;
    }

    .collection__sidebar--wrapper ul li {
        padding: 0;
    }

    p.product-note {
        text-align: center;
    }

    #page-sidebar {
        margin-top: 20px;
        text-align: center;
    }

    .first {
        clear: none;
    }

    .what-is-it {
        text-align: center;
    }

    div#search-bar {
        width: 100%;
    }

    div#search-bar .searchbox__input {
        text-align: left;
    }

    .map-section-wrapper,
    .placeholder-background,
    .map-section .placeholder-svg {
        height: auto !important;
    }

    #footer-wrapper {
        text-align: center !important;
    }

    .map-section-content {
        text-align: center;
    }

    input#footer-EMAIL {
        width: 100%;
    }

    input#footer-subscribe {
        width: 100%;
        margin-top: 15px;
    }

    .grid__item.item_img img {
        max-width: 180px;
    }

    .item_dtl {
        text-align: center;
    }

    .ajaxcart.row .ajaxcart__qty {
        width: 110px;
        margin: 0 auto;
    }

    .product-image-container.show-all .product-main-image {
        margin-bottom: 0px;
    }
    .product-qty.selector-wrapper label {
        display: none;
    }
    .has-offcanvas--visible {
        overflow: hidden;
    }
    .grid_wrapper.product-loop
        .desktop-fifth.tablet-2.mobile-half.span-one-fifth {
        grid-column: auto / span 1 !important;
    }
}

/*
   * Base styles
   */
.c-accordion {
    --transition: all 0.4s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.c-accordion .dropdown-arrow {
    cursor: pointer;
}

.c-accordion .dropdown-arrow[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.c-accordion .dropdown-arrow[aria-expanded="true"] svg #Plus {
    opacity: 0;
    visibility: hidden;
}

.c-accordion__panel {
    display: block;
    max-height: 0px;
    overflow: hidden;
    transition: var(--transition);
}

.c-accordion__panel.is-active {
    max-height: 100%;
    transition: var(--transition);
}

/* add extra bottom padding for active panels */
.c-accordion--custom-page .c-accordion__inner {
    padding-bottom: 10px;
}

/*
   * Custom Page Template Accordion
   */

.c-accordion.c-accordion--custom-page.c-accordion--icon {
    color: var(--text-color);
}

.c-accordion.c-accordion--custom-page.c-accordion--icon .c-accordion__header {
    background: #d5d5d5;
    color: #ffffff;
    font-weight: none;
    padding: 10px !important;
    border-bottom: 1px solid var(--dotted-color);
    margin-bottom: 1px;
    line-height: unset !important;
    background: var(--background);
    color: var(--text-color);
    text-align: left;
}
.c-accordion.c-accordion--cart-drawer.c-accordion--mrparker
    .c-accordion__header {
    line-height: 1 !important;
    letter-spacing: unset !important;
    width: 100%;
    text-align: left;
}
.c-accordion.c-accordion--custom-page.c-accordion--icon .dropdown-arrow i {
    font-size: inherit;
}

/* custom padding */
.c-accordion.c-accordion--custom-page.c-accordion--icon .c-accordion__inner {
    padding: 8px;
}
/* remove padding */
.c-accordion.c-accordion--custom-page.c-accordion--icon .c-accordion__panel {
    padding: 0;
    color: var(--text-color);
    background: var(--background);
}

.c-accordion.c-accordion--cart-drawer .c-accordion__header,
.c-accordion.c-accordion--product .c-accordion__header,
.c-accordion.c-accordion--custom-page .c-accordion__header {
    display: flex;
    width: 100%;
    /*font-weight: 600;*/
    overflow: hidden;
    line-height: 1;
    cursor: pointer;
    /*padding: 10px;*/
    /*background: var(--background);*/
    /*color: var(--text-color);*/
    /*border-bottom: 1px solid var(--dotted-color);*/
    height: unset !important;
}

.c-accordion.c-accordion--cart-drawer .c-accordion__header .dropdown-arrow,
.c-accordion.c-accordion--product .c-accordion__header .dropdown-arrow,
.c-accordion.c-accordion--custom-page .c-accordion__header .dropdown-arrow {
    margin-left: auto;
    transform: rotate(0deg);
    transition: transform 0.35s ease;
}

/* rotate arrow when active */
.c-accordion.c-accordion--cart-drawer
    .c-accordion__header[aria-expanded="true"]
    .dropdown-arrow,
.c-accordion.c-accordion--product
    .c-accordion__header[aria-expanded="true"]
    .dropdown-arrow,
.c-accordion.c-accordion--custom-page
    .c-accordion__header[aria-expanded="true"]
    .dropdown-arrow {
    transform: rotate(180deg);
    transition: transform 0.35s ease;
}
.c-accordion.c-accordion--product .c-accordion__panel,
.c-accordion.c-accordion--custom-page .c-accordion__panel {
    padding: 0 10px;
}

/*
   * Accordion Menu
   */

.c-accordion.c-accordion--mobile-nav {
    list-style: none;
    margin: 0;
}

.c-accordion.c-accordion--mobile-nav:not(.c-accordion--mobile-nav__inner) {
    padding: 10px;
}

.c-accordion.c-accordion--mobile-nav li:not(.c-accordion__panel) {
    padding: 15px 0 15px 10px;
    border-bottom: 1px solid;
}

.c-accordion.c-accordion--mobile-nav .c-accordion__panel {
    padding: 0 0 0 10px;
}

/* add more bottom padding on active panel */
.c-accordion.c-accordion--mobile-nav .c-accordion__panel.is-active {
    padding: 10px 0 20px 10px;
}

.c-accordion.c-accordion--mobile-nav .c-accordion__header {
    display: flex;
    text-transform: uppercase;
}

.c-accordion.c-accordion--mobile-nav .c-accordion__header a {
    font-family: "SweetSansPro-Regular", sans-serif;
    letter-spacing: 0.2em;
}

/*
   * 2. override button styles
   * 3. add from existing styles
   */
.c-accordion.c-accordion--mobile-nav .dropdown-arrow {
    /* 2. */
    border: none;
    background: transparent;
    display: unset !important;
    margin-bottom: unset;
    line-height: unset !important;
    height: unset;
    width: unset;
    max-width: unset;
    transition: unset;
    padding-left: 10px;
    padding-right: 10px;
    /* border-left: 1px solid; */
    border-radius: 0;
}

/* not active */
.c-accordion.c-accordion--mobile-nav .dropdown-arrow > i {
    transform: rotate(0);
    transition: transform 0.35s ease;
    font-size: inherit;
}

/* active */
.c-accordion.c-accordion--mobile-nav .dropdown-arrow[aria-expanded="true"] > i {
    transform: rotate(180deg);
    transition: transform 0.35s ease;
}
.c-accordion.c-accordion--cart-drawer .c-accordion__header .dropdown-arrow,
.c-accordion.c-accordion--mobile-nav .c-accordion__header .dropdown-arrow {
    margin-left: auto;
}

/* remove all list margins */
.c-accordion.c-accordion--mobile-nav ul {
    margin: 0;
    list-style: none;
}

.c-accordion.c-accordion--mobile-nav:not(.c-accordion--mobile-nav__inner)
    > li:first-child {
    /* border-top: 1px solid; */
}

/* Collection Sidebar and Filters */
.collection__sidebar--wrapper {
    height: 100%;
}

.collection__sidebar--wrapper .box-ratio {
    margin-bottom: 20px;
}

.collection__sidebar--wrapper {
    will-change: min-height;
}

.collection__sidebar--sidebar__inner-wrapper {
    transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

.collection__filters--active + .collection__filters--filter-list {
    display: block !important;
}

.slideout__inner-content-container .collection__sidebar--wrapper {
    padding: 0 !important;
}

.collection__filters--filter-list ul.extended-submenu {
    padding-left: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 7px;
    padding-top: 7px;
}

.collection__filters--filter-list {
    display: none;
    border: 0;
}

.collection__filters--filter-list li {
    margin-bottom: 5px;
}

.collection__sidebar--wrapper {
    min-height: 1px;
    position: relative;
    z-index: 5;
    height: 100%;
}

.theme-features__secondary-color-not-black--true .collection__sidebar--wrapper {
    background: var(--secondary-color);
    padding: 10px;
}

.collection__sidebar--sidebar__inner-wrapper h4 {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--dotted-color);
    letter-spacing: 0;
    font-weight: var(--heading-weight);
    font-size: var(--font-size);
}

.collection__sidebar--sidebar__inner-wrapper h4 small {
    font-size: 12px;
    opacity: 0.8;
}

.collection__sidebar--sidebar__inner-wrapper ul {
    list-style-type: none;
    margin-bottom: 20px;
}

.collection__sidebar--sidebar__inner-wrapper h1 {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--dotted-color);
}

.collection__sidebar--sidebar__inner-wrapper .textnote_container {
    margin-top: 10px;
}
.collection__sidebar--sidebar__inner-wrapper .textnote_container p {
    margin-bottom: 0;
}

.collection__sidebar--sidebar__inner-wrapper .textnote_container .subheading {
    padding: 10px 0;
}

.collection__sidebar--sidebar__inner-wrapper .image_container {
    margin: 20px 0;
}

ul.collection__filters--filter-list {
    display: none;
    position: relative;
    margin-bottom: 5px;
    border-top: 1px solid var(--dotted-color);
    padding-top: 10px;
    margin-top: 10px;
}

ul.collection__filters--filter-list.color-filter li {
    width: auto;
    min-width: 125px;
}

.extended-submenu {
    margin-left: 0;
}

.collection__sidebar--wrapper ul.sidebar_sub_menu {
    margin-bottom: 0;
    margin-left: 10px;
}

.collection__sidebar--wrapper .extend {
    position: relative;
    cursor: pointer;
}

ul.sidebar-accordion li,
.collection__sidebar--wrapper .extend {
    width: 100% !important;
}

/* Full Width Filters */
.collection__page--full-width-filters button:focus {
    outline: 0;
}

.collection__page--full-width-filters ul.collection__filters--filter-list {
    position: absolute;
    z-index: 5;
    padding: 15px 20px;
    top: 41px;
    min-width: 200px;
    left: -1px;
    font-size: 13px;
    line-height: 16px;
}

.collection__page--full-width-filters
    ul.collection__filters--filter-list.color-filter {
    min-width: 368px;
}

.collection__page--full-width-filters
    ul.collection__filters--filter-list.color-filter.lg {
    min-width: 700px;
}

.collection__page--full-width-filters
    ul.collection__filters--filter-list.color-filter
    li {
    display: inline-block;
    min-width: 160px;
}

.collection__page--full-width-filters {
    margin-bottom: 20px;
}

/* ---- Toggle collection sidebar visibility ---- */
.js-collection-content.extended {
    grid-column: auto / span 12;
}

@media screen and (prefers-reduced-motion: no-preference) {
    .js-collection-content.extended button.js-show--hide svg {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    button.js-show--hide svg {
        transition: all 0.5s ease;
    }
}

button.js-show--hide {
    width: auto;
    padding: 0 15px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.filtering__pagination {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

/* ---- Newsletter ---- */
.newsletter__popup-overlay {
    display: none;
}
.newsletter__popup-overlay.is-visible {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    background: rgba(0, 0, 0, 0.25);
}
.newsletter__popup-container {
    position: fixed;
    top: 50%;
    left: 50%;
    right: 20px;
    z-index: 99;
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    width: 600px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.newsletter__popup-container-close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 35px;
    text-align: center;
    height: 35px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

#newsletter__popup-content {
    display: flex;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    align-items: center;
}
.newsletter__popup-container .flex_column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
}

/* -- Image above -- */
.newsletter__popup-container.image_above {
    width: 600px;
}
.newsletter__popup-container.image_above #newsletter__popup-content {
    flex-direction: column;
}
.newsletter__popup-container.image_above .flex_column {
    text-align: center;
}

/* -- Image left -- */
.newsletter__popup-container.image_left {
    width: 800px;
}
.newsletter__popup-container.image_left #newsletter__popup-content {
    flex-direction: row;
}
.newsletter__popup-container.image_left .flex_column {
    flex: 1 400px;
}
.newsletter__popup-container.image_left .newsletter__popup-contentWrapper {
    padding: 30px;
}

/* -- Simple + no image -- */
.newsletter__popup-container.simple {
    width: 400px;
    top: unset;
    bottom: 25px;
    left: unset;
    right: 25px;
    -webkit-transform: translate(-25px, -25px);
    -ms-transform: translate(-25px, -25px);
    -moz-transform: translate(-25px, -25px);
    -o-transform: translate(-25px, -25px);
    transform: translate(-25px, -25px);
}
.newsletter__popup-container.simple #newsletter__popup-content {
    flex-direction: row;
}
.newsletter__popup-container.image_above .newsletter__popup-contentWrapper,
.newsletter__popup-container.simple .newsletter__popup-contentWrapper {
    padding: 30px;
}
.newsletter__popup-text,
.newsletter__popup-form,
.newsletter__popup-form {
    width: 100%;
}
.newsletter__popup-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
}
.newsletter__popup-container.image_above .newsletter__popup-image {
    min-height: 300px;
    height: 300px;
}
.newsletter__popup-container.image_left .newsletter__popup-image {
    min-height: 450px;
    height: 450px;
}
.newsletter__popup-container.simple .newsletter__popup-image {
    display: none;
}
.newsletter__popup-form input[type="email"] {
    border: 1px solid var(--dotted-color);
}
.newsletter__popup-form input[type="submit"],
.newsletter_popup--gdpr p {
    margin-top: 0;
    text-align: center;
}

.newsletter__popup-text h3,
.newsletter__popup-text p,
.newsletter_popup--gdpr p {
    color: var(--text-color);
}
.newsletter__popup-form input[type="email"] {
    color: var(--text-color);
}
.newsletter__popup-form input[type="email"]::-webkit-input-placeholder {
    /* WebKit browsers */
    color: var(--text-color);
}
.newsletter__popup-form input[type="email"]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: var(--text-color);
}
.newsletter__popup-form input[type="email"]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: var(--text-color);
}
.newsletter__popup-form input[type="email"]:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: var(--text-color);
}
.newsletter__popup-text h3 {
    font-size: var(--h3-size);
}
.newsletter__popup-text p {
    font-size: var(--text-size);
}

.newsletter__popup-text h3,
.newsletter__popup-text p,
.newsletter__popup-form input[type="email"],
.newsletter__popup-form input[type="submit"],
.newsletter_popup--gdpr p {
    margin-bottom: 15px;
}

.newsletter__popup-text .gdpr-text {
    font-size: 14px;
}
.newsletter__popup-text,
.newsletter__popup-form {
    padding: 0 25px;
    margin: 20px auto 0;
    text-align: center;
}
.newsletter__popup-form {
    padding-bottom: 25px;
}
.newsletter__popup-form input[type="email"] {
    text-align: center;
    margin-bottom: 10px;
}
.newsletter__popup-form input[type="submit"] {
    margin-bottom: 0px;
}

p.gdpr-text {
    margin-top: 10px;
}

/* mobile popup */
@media screen and (max-width: 740px) {
    .newsletter__popup-container.simple,
    .newsletter__popup-container.image_left,
    .newsletter__popup-container.image_above {
        width: 96%;
        left: 48%;
        top: unset;
        bottom: 20px;
        transform: translateX(-48%);
    }
    #newsletter__popup-content {
        flex-wrap: wrap;
    }
    .newsletter__popup-image {
        display: none !important;
    }
}

/* remove dynamic checkout buttons on cart page */
.template-cart .ajax-cart__drawer-wrapper .or-divider,
.template-cart .ajax-cart__drawer-wrapper .ajax-cart__buttons-additional,
.template-cart .ajax-cart__modal-wrapper .or-divider,
.template-cart .ajax-cart__modal-wrapper .ajax-cart__buttons-additional {
    display: none !important;
}
#dynamic-checkout-cart .shopify-cleanslate ul {
    justify-content: center !important;
}

/* Success & Error Handling */
.note-error,
.errors {
    border: 1px solid var(--error-msg-dark);
    color: var(--error-msg-dark);
    background: var(--error-msg-light);
    line-height: 19px;
    font-size: var(--font-size);
    padding: 10px;
    margin-bottom: 15px;
}
.note-success {
    border: 1px solid var(--success-msg-dark);
    color: var(--success-msg-dark);
    background: var(--success-msg-light);
    line-height: 19px;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 15px;
}
.note-error p,
.errors p,
.note-success p {
    margin-bottom: 0;
}
.errors ul,
.note-error ul,
.note-success ul {
    font-size: var(--font-size);
    margin: 0;
}
.errors li,
.note-error li,
.note-success li {
    margin-bottom: 3px;
    font-size: var(--font-size);
}
#footer_signup .errors ul {
    margin-top: 0;
}

/* ---- Announcement bar section ---- */

.announcement__bar-section {
    font-family: var(--main-family);
    font-weight: var(--main-weight);
    font-style: var(--main-style);
    background: var(--announcement-bar-background);
    color: var(--announcement-bar-text-color);
    position: relative;
    z-index: 12;
    padding: 10px 0;
    animation: fadeIn;
    animation-duration: 2s;
    line-height: 2em;
}
.announcement__bar-section.active {
    z-index: 15;
}

.announcement__bar-section ul,
.announcement__bar-section .rte,
.announcement__bar-section p {
    margin-top: 0;
    margin-bottom: 0;
}

ul.announcement__bar-nav {
    text-align: center;
    z-index: 5;
    position: relative;
    list-style: none;
}

@media screen and (min-width: 981px) {
    ul.announcement__bar-nav {
        text-align: left;
    }
}

ul.announcement__bar-nav li {
    display: inline-block;
    list-style: none;
    padding: 0 10px 0 0;
}

.announcement__bar-section ul.shopping__cart-links li i.la {
    font-size: calc(var(--topbar-font-size) * 1.1);
}

.announcement__bar-section ul.shopping__cart-links li a,
ul.announcement__bar-nav li a {
    font-family: var(--main-family);
    font-weight: var(--main-weight);
    font-style: var(--main-style);
    color: var(--announcement-bar-text-color);
}

.announcement__bar-section .slideout__trigger--open button.button-as-link,
.announcement__bar-section button.js-mini-cart-trigger {
    font-family: var(--nav-family);
    font-weight: var(--nav-weight);
    font-style: var(--nav-style);
    font-size: var(--nav-size);
    color: var(--announcement-bar-text-color);
    height: unset !important;
    line-height: unset !important;
    display: unset;
    text-decoration: none;
    margin-bottom: 0;
    padding: 0;
}

/* ---- Announcement bar carousel ---- */
.announcement__carousel-item {
    width: 100%;
}

.announcement__bar-section .flickity-button {
    height: 20px;
    width: 20px;
}

.announcement__bar-section .flickity-button,
.announcement__bar-section .flickity-button:hover {
    background: transparent;
}

.announcement__bar-section .flickity-button svg {
    fill: var(--announcement-bar-text-color);
}

.no-js .js-announcement-carousel {
    opacity: 0;
    display: none;
}

.js-announcement-carousel {
    opacity: 1;
    display: block;
}

/* Disclosure Selectors */
.disclosure {
    position: relative;
}

.disclosure__toggle {
    white-space: nowrap;
    margin: 0;
    padding: 0;
    border-radius: unset !important;
    height: unset !important;
    line-height: unset !important;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    font-family: var(--nav-family) !important;
    font-weight: var(--nav-weight);
    font-style: var(--nav-style);
    font-size: var(--nav-size) !important;
}

button.disclosure__toggle[aria-controls="lang-list"] {
    text-transform: capitalize;
}

.disclosure-list__option:focus,
.disclosure-list__option:hover,
.disclosure-list__item--current .disclosure-list__option,
.disclosure-list__option {
    color: rgb(var(--text-color) / 0.7);
    text-transform: capitalize;
}

.disclosure-list__item--current .disclosure-list__option {
    font-weight: 900;
}

form#localization_form {
    margin: 0;
}

.announcement__bar-section .disclosure-list {
    top: 115%;
}

.disclosure-list {
    padding: 15px 0px;
    position: absolute;
    display: none;
    border-radius: 2px;
    z-index: 6;
    text-align: left;
    list-style: none;
    background: var(--background);
    border: 1px solid var(--dotted-color);
}

.disclosure-list--visible {
    display: block;
}

ul.disclosure--ul {
    max-height: 300px;
    overflow-y: auto;
    margin: 0 !important;
}

.disclosure-list__item {
    white-space: nowrap;
    padding: 5px 15px 10px 15px !important;
    text-align: left;
    width: 100%;
}
.disclosure-list__item:active {
    background-color: rgba(128, 128, 128, 0.2);
}
.disclosure-list__option {
    text-transform: capitalize;
    color: var(--text-color) !important;
}
.disclosure-list__item--current .disclosure-list__option {
    font-weight: bold;
}
.selectors-form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}
.no-js .selectors-form {
    margin-top: 10px;
    margin-bottom: 10px;
}
@media (min-width: 980px) {
    .selectors-form {
        flex-wrap: nowrap;
    }
}
.selectors-form__item {
    margin: 0 5px;
}
.selectors-form__item select {
    margin-bottom: 0px;
    max-width: 240px;
}
@media (min-width: 980px) {
    .selectors-form__item {
        padding-bottom: 0;
    }
    .selectors-form__item:first-of-type {
        margin-left: 0;
    }
}

button.localization-form__noscript-btn {
    height: 48px;
    line-height: 48px;
    border: 1px solid #ccc;
    border-left: 0;
    padding-left: 10px;
    padding-right: 10px;
}
/* keep the two adjacent elements on the same line. */
#HeaderCountryFormNoScript {
    display: flex;
    justify-content: center;
}

a.disclosure-list__option {
    display: flex !important;
    flex-direction: row;
    align-items: center;
}

span.localization-form__currency {
    margin-left: 5px;
}

span.country--flag {
    margin-right: 10px;
    display: flex;
}
.disclosure__toggle__flag {
    width: 20px;
    height: 15px;
}

.disclosure__toggle svg {
    min-width: 20px;
}

/* ---- Search slideout ---- */

.sidebar__search-container input.searchbox__input {
    text-transform: none;
    margin-bottom: 15px;
}

button.slideout__trigger-search-sidebar.js-slideout-close,
button.slideout__trigger-search-sidebar.js-slideout-close:hover {
    background: transparent;
}

/* ---- Testimonials ---- */

.grid_wrapper.testimonial__container.flickity-enabled {
    display: block;
}

.testimonial {
    padding: 40px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    /* row-gap: 25px; */
    width: 100%;
    margin: 0 10px;
}

.testimonial h3,
.testomonial__content p {
    margin-bottom: 0;
}

.testimonial__author {
    font-weight: bold;
}

.testimonial__image {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0px 0px 5px -1px #ccc;
}

.testimonial__image .box-ratio {
    padding-bottom: 100% !important;
}

.testimonial__image .box-ratio img {
    object-fit: cover;
    object-position: center;
    height: 200px;
}

@media screen and (min-width: 741px) and (max-width: 1024px) {
    .testimonial {
        /* width: 50%; */
    }
    .testimonial__image,
    .testimonial__image .box-ratio img {
        /* width: 150px;
        height: 150px; */
    }
}

@media screen and (max-width: 740px) {
    .testimonial__container .flickity-page-dots {
        bottom: -20px;
        margin-bottom: 10px;
    }
    .testimonial {
        width: 100%;
    }
}

/* ---- Predictive search ---- */

input[type="search"]#Search::-webkit-search-decoration,
input[type="search"]#Search::-webkit-search-cancel-button,
input[type="search"]#Search::-webkit-search-results-button,
input[type="search"]#Search::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

#predictive-search {
    position: relative;
    line-height: initial;
    --ps-background-color: var(--background);
    --ps-border-color: var(--dotted-color);
    --ps-color: var(--text-color);
    --ps-transition: background-color 100ms ease-in-out;
}
#predictive-search ul {
    margin-bottom: 0;
}
#predictive-search-results {
    background: var(--ps-background-color);
    border: 1px solid var(--ps-border-color);
    color: var(--ps-color);
}
.predictive-search__heading {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--ps-border-color);
    color: var(--ps-color);
    text-transform: uppercase;
}
.predictive-search__item-content .price.price--listing .price-item {
    color: var(--ps-color);
}
.predictive-search__list-item,
.predictive-search__results-list > li {
    list-style-type: none;
}
.predictive-search__item.button-as-link {
    color: var(--ps-color);
}
.predictive-search__item-content .price.price--listing {
    align-items: flex-start;
}
.predictive-search__image {
    margin-right: 1rem;
    width: initial;
}
/*center vertically*/
.predictive-search__item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.predictive-search__item {
    display: flex;
    width: 100%;
    padding: 1rem;
    text-align: left;
    background-color: transparent;
    transition: var(--ps-transition);
    font-weight: initial;
    text-transform: initial;
    height: initial;
    line-height: initial;
    color: var(--ps-color);
}
.predictive-search__item p {
    margin-bottom: 0;
    letter-spacing: 0.1em;
}

.predictive-search__item mark {
    background-color: #edf5fc;
}
.predictive-search__item .predictive-search__image,
.predictive-search__item .predictive-search__item-content {
    width: 50%;
}
.predictive-search__list-item--search .predictive-search__item {
    width: 100%;
    margin: 0;
    padding: 1rem;
    text-decoration: none;
}
.predictive-search-form {
    position: relative;
}
/*hover effects*/
.predictive-search__list-item--search .predictive-search__item:hover,
.predictive-search__list-item--search .predictive-search__item:focus,
#predictive-search .predictive-search__item:hover,
#predictive-search .predictive-search__item:focus {
    background-color: var(--ps-background-color);
}
.predictive-search__item:hover .predictive-search__item-heading {
    text-decoration: underline;
}
/*increase font weight*/
.predictive-search__item-heading {
    font-weight: 700;
}
#predictive-search-results-list {
    display: flex;
    flex-wrap: wrap;
}
#predictive-search-results-list .predictive-search__group:nth-child(1),
#predictive-search-results-list .predictive-search__group:nth-child(3) {
    flex: 1 0 50%;
}
#predictive-search-results-list .predictive-search__group:nth-child(2) {
    order: 2;
    flex-basis: 100%;
}
@media screen and (max-width: 740px) {   
    #predictive-search-results-list .predictive-search__group:nth-child(2) .product-index .product-icons{
        display: none;
    }
}
.predictive-search__list-item--search {
    order: 3;
    flex-basis: 100%;
}
#predictive-search-results-list h3.predictive-search__heading {
    font-size: 1rem;
}
.predictive-search__item {
    padding: 0.5rem 1rem;
}
/*add border*/
.predictive-search__list-item--search {
    border-top: 1px solid var(--ps-border-color);
}
.mobile-menu #predictive-search {
    --ps-background-color: var(--background-color);
    --ps-border-color: var(--border-color);
    --ps-color: var(--link-color);
}

.js-product-image.animated.prod-image {
    flex: 0 0 100px;
    max-width: 100px;
    margin-right: 15px;
}

.product__upsell-item {
    margin-top: 15px;
}

.product__upsell-item .product__section.product-template {
    padding-top: 0;
}

.product__upsell-item .product-qty.selector-wrapper {
    display: none;
}

.product__upsell-container .product-info {
    flex: 1 1 auto;
    position: relative;
    display: flex;
    align-items: center;
}

.product__upsell-container .product-info .price {
    align-items: start;
}

.product__upsell-container .product-info button.button-as-link,
.product__upsell-container .product-info input#addToCart,
.product__upsell-container .product-info a.button-as-link {
    margin-top: 10px !important;
    padding: 0;
    line-height: 1.6em !important;
    height: unset !important;
    margin-bottom: 0 !important;
}

.product__section-details__inner.product__section-details__inner--product_description
    .rte {
    margin-bottom: 20px;
}

@media screen and (max-width: 740px) {
    .product__upsell-item .product__section-images {
        margin-bottom: 20px;
    }
}

/* ---- variant stock levels ---- */

.variant-stock-levels__inner {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.variant-stock-levels__svg {
    margin-right: 5px;
    min-width: 30px;
}
.variant-stock-levels {
    margin-bottom: 10px;
}

.pulse__icon {
    border-radius: 50%;
    margin: 0 12px 0 8px;
    height: 15px;
    width: 15px;
    background: rgba(255, 177, 66, 1);
    box-shadow: 0 0 0 0 rgba(255, 177, 66, 1);
    transform: scale(1);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
    }
}

@media screen and (max-width: 740px) {
    .variant-stock-levels__inner,
    .product-blocks__inner {
        justify-content: center;
    }
}

/* ---- background video ---- */
.section-background-video {
    line-height: 0;
}

.section-background-video .background-video__outer-wrapper {
    display: inline-block;
    overflow: hidden;
    position: relative;
    line-height: 1.6;
}

.section-background-video .background-video__placeholder-image {
    z-index: -1;
    overflow: hidden;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: var(--desktop-section-height);
}

.section-background-video .background-video__placeholder-image .box-ratio {
    padding-bottom: var(--video-height) !important;
}

.section-background-video .background-video__placeholder-image .box-ratio img {
    object-fit: cover;
    height: calc(var(--video-height) + 100px);
    width: 100%;
}

.section-background-video .background-video__caption {
    position: absolute;
    width: max-content;
    text-align: center;
    padding: 1rem;
    max-width: 90%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

@media (max-width: 767px) {
    .section-background-video .background-video__caption {
        width: 90%;
    }
}

.section-background-video h2,
.section-background-video p {
    color: var(--text-color);
    margin-bottom: 0;
}

.section-background-video .video__btn-wrapper {
    display: inline-block;
    white-space: nowrap;
}

.section-background-video .video__btn-wrapper a {
    color: var(--button-text);
    background: var(--button-color);
    padding: 0 20px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-transition: background 0.5s ease, color 0.5s ease;
    -moz-transition: background 0.5s ease, color 0.5s ease;
    -o-transition: background 0.5s ease, color 0.5s ease;
    transition: background 0.5s ease, color 0.5s ease;
    height: 48px;
    line-height: 48px;
}

.theme-features__buttons-uppercase--enabled
    .section-background-video
    .video__btn-wrapper
    a {
    text-transform: uppercase;
}

.theme-features__rounded-buttons--enabled
    .section-background-video
    .video__btn-wrapper
    a {
    border-radius: 3px;
}

.section-background-video .vidbg-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: var(--desktop-section-height);
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.section-background-video .vidbg-container video {
    min-width: var(--video-width);
    height: var(--video-height);
}

/* YouTube & Vimeo Styles */
:root {
    --video-width: 100vw;
    --video-height: 100vh;
}
@media (min-aspect-ratio: 16/9) {
    :root {
        --video-height: 56.25vw;
    }
}
@media (max-aspect-ratio: 16/9) {
    :root {
        --video-width: 177.78vh;
    }
}

.section-background-video .background-video__outer-wrapper,
.section-background-video .alternative-iframe--wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: var(--desktop-section-height);
    overflow: hidden;
}
.section-background-video video,
.section-background-video .alternative-iframe--wrapper iframe {
    min-width: var(--video-width);
    height: var(--video-height);
}

.section-background-video .vidbg-overlay,
.section-background-video .alternative-iframe--wrapper:before,
.section-background-video .background-video__placeholder-image:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--section-overlay-color);
}

/* ---- Mobile search form ----*/

.mobile__search--container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.mobile__search {
    position: relative;
    margin-top: 10px;
}

.mobile__search--button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    height: 48px !important;
    line-height: 46px !important;
    width: 48px !important;
}

#mobile__global--search.mobile__search-input {
    margin-bottom: 0;
}

/* ---- Shop the look section ---- */

.shop__thelook .stl__item {
    position: relative;
}
.shop__thelook .stl__item .image-inner img {
    width: 100%;
}
.shop__thelook .stl__item .product-container {
    position: relative;
}

/* ---- Contact form section ---- */

.contact__form--inner-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}
.contact__form--input {
    position: relative;
}
.contact__form--inner-wrapper input {
    margin: 0;
}
.contact__form--inner-wrapper select {
    margin-bottom: 0;
    border: 1px solid var(--dotted-color);
    color: var(--text-color);
    padding: 0 15px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    z-index: 2;
    position: relative;
}

.contact__form--input svg {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    z-index: 1;
}

/* ---- Complementary products ---- */

.complementary__products .complementary__grid--loop {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.complementary__products .product__complementary-item {
    display: flex;
    flex-direction: row;
    flex-basis: 100%;
    text-align: left;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--dotted-color);
    gap: 15px;
}

/* Item width when single item */
.complementary__products .product__complementary-item {
    width: calc(100% - 10px);
    margin-right: 10px;
}

.complementary__products .product__complementary-item .prod-image {
    flex: 2;
    margin: 0;
}

.complementary__products .product__complementary-item .product-info {
    display: flex;
    flex-direction: column;
    flex: 4;
    gap: 15px;
    text-align: left;
    padding: 0;
    align-items: flex-start;
}

.product__complementary-item .product-info .product-info-inner {
    width: 100%;
}
.product__complementary-item .price {
    align-items: start;
}
.product__complementary-item .product-info form {
    margin-top: 0;
}
.product__complementary-item input.button-as-link,
.product__complementary-item button.button-as-link {
    margin-bottom: 0 !important;
    padding: 0 !important;
    text-align: left;
}
.product__complementary-item .note-error {
    border: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.4em;
    margin-bottom: 10px;
    margin-top: -15px;
    background: var(--background);
}

.complementary__grid--loop button.flickity-prev-next-button.previous {
    top: 30px;
    right: 70px;
    left: unset;
}

.complementary__grid--loop button.flickity-prev-next-button.next {
    top: 30px;
    right: 30px;
}

.complementary__grid--loop button.flickity-prev-next-button {
    width: 35px;
    height: 35px;
}

/* ---- Collection list ----- */

.collection__item--details {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    gap: 15px;
    z-index: 1;
}

.collection__item--details h3 {
    font-size: var(--font-size);
    font-family: var(--main-family);
    font-style: var(--main-style);
    letter-spacing: initial;
    text-transform: uppercase;
}

.collection__item--details h3:not(.body--text) {
    font-weight: 800;
}

.collection__item--details h3 a.button {
    padding: 0 15px;
    margin-bottom: 0;
    font-size: var(--font-size) !important;
    margin-bottom: 0;
    color: var(--button-text) !important;
}

.collection__grid--item.title--floating .collection--image,
.collection__grid--item.title--floating .collection__item--details {
    grid-area: 1 / -1;
}

.collection__grid--item.title--floating {
    display: grid;
}

.collection__grid--item.title--floating .collection--image:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: var(--section-overlay-color);
    pointer-events: none;
    z-index: 1;
}

.collection__grid--item.title--floating
    .collection--image.image_natural
    .box-ratio {
    padding-bottom: 100% !important;
}

.collection__grid--item.title--floating h3,
.collection__grid--item.title--floating h3 a:not(.button) {
    color: var(--section-text-color) !important;
    font-size: var(--h3-size);
}

.collection__grid--item.title--floating .collection--image.onboard {
    height: 0;
    width: 100%;
    padding-bottom: 100%;
}
.collection__grid--item.title--floating .collection--image.onboard svg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    bottom: 0;
    left: 0;
}

@media screen and (max-width: 740px) {
    .collection__list-section .collection__list-container.flickity-section {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .collection__list-section
        .collection__list-container.flickity-section
        .collection__grid--item {
        width: 92%;
        padding: 10px;
    }
    .collection__list-section
        .collection__list-container.flickity-section:after {
        content: "flickity" !important;
        display: none !important; /* hide :after */
    }
}

/* ---- Product content blocks ---- */
.product__content-image.size--fixed .box-ratio {
    padding-bottom: var(--desktop-section-height) !important;
}
.product__content-image.size--fixed img {
    height: var(--desktop-section-height);
    object-fit: cover;
}
@media screen and (max-width: 740px) {
    .product__content-image.size--fixed .box-ratio {
        padding-bottom: var(--mobile-section-height) !important;
    }
    .product__content-image.size--fixed img {
        height: var(--mobile-section-height);
    }
}

.product__content-container .rte-tab {
    grid-column: auto / span 12;
}

/* ---- Tabbed content section ---- */
section.section-tabs ul.tabbed {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
}

section.section-tabs .rte-tab ul.tabbed li label {
    border: 0;
    position: relative;
}

section.section-tabs .rte-tab ul.tabbed li label:before {
    content: "";
    position: absolute;
    width: 100%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    height: 2px;
    height: 2px;
    bottom: 0.5rem;
    bottom: 0;
    left: 0;
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: background-color 0.3s ease-in,
        -webkit-transform 0.25s ease-out;
    transition: background-color 0.3s ease-in, -webkit-transform 0.25s ease-out;
    -o-transition: transform 0.25s ease-out, background-color 0.3s ease-in;
    transition: transform 0.25s ease-out, background-color 0.3s ease-in;
    transition: transform 0.25s ease-out, background-color 0.3s ease-in,
        -webkit-transform 0.25s ease-out;
    -webkit-transition: background-color 0.3s ease-in,
        -webkit-transform 0.25s ease-out;
    transition: background-color 0.3s ease-in, -webkit-transform 0.25s ease-out;
    -o-transition: transform 0.25s ease-out, background-color 0.3s ease-in;
    transition: transform 0.25s ease-out, background-color 0.3s ease-in;
    transition: transform 0.25s ease-out, background-color 0.3s ease-in,
        -webkit-transform 0.25s ease-out;
}
section.section-tabs .rte-tab ul.tabbed li label:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}
section.section-tabs .rte-tab section div.tabbed-block {
    border: 0;
}

/* --- Product Customization --- */

/* Input */
.line-item-property__field,
.line-item-property__field input,
.line-item-property__field textarea {
    margin-bottom: 5px;
    position: relative;
    margin-bottom: 10px;
}

/* Keep left top position for file/image fields */
.line-item-property__field input[type="file"] + label {
    transform: var(--line-item-transform);
}

/* Required field */
.line-item-property__required {
    position: absolute;
    right: 5px;
    top: -12px;
    padding: 0 5px;
    background: var(--background) !important;
    z-index: 5;
}

/* Label */
.line-item-property__label {
    position: absolute;
    top: calc(50px / 2 - 0.7em);
    margin: 0;
    padding: 0 5px;
    font-weight: var(--main-weight);
    transition: transform 0.2s ease-in-out;
    transform: translateX(10px);
    transform-origin: top left;
    background: var(--background);
}

/* Focus animation */
.line-item-property__field input:focus + label,
.line-item-property__field textarea:focus + label,
.line-item-property__field select:focus + label,
.line-item-property__field .is__filled + label {
    transform: var(--line-item-transform);
}

/* Error class */
.line-item-property__field .required-error {
    border-color: var(--error-msg-dark, #cc0000) !important;
}
.search-sidebar .js-collection-side-filter label {
    pointer-events: none;
}

/*---- Recipient form ----*/
.recipient-form {
    display: block;
    position: relative;
    margin-bottom: 20px;
}

.recipient-form-field-label {
    margin: 0.6rem 0;
}

.recipient-form-field-label--space-between {
    display: flex;
    justify-content: space-between;
}

.recipient-checkbox {
    flex-grow: 1;
    display: flex;
    word-break: break-word;
    align-items: center;
    max-width: inherit;
    position: relative;
    cursor: pointer;
}

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

.recipient-form > input[type="checkbox"] {
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    top: 0;
    left: 0;
    z-index: -1;
    appearance: none;
    -webkit-appearance: none;
}

.recipient-fields__field {
    margin: 0 0 2rem 0;
}

.recipient-fields .field__label {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 3.5rem);
    overflow: hidden;
}

.recipient-checkbox > svg {
    margin-right: 1.2rem;
    flex-shrink: 0;
}

.recipient-form .icon-checkmark {
    visibility: hidden;
    position: absolute;
    left: 0.28rem;
    z-index: 5;
    top: 0.4rem;
}

.recipient-form > input[type="checkbox"]:checked + label .icon-checkmark {
    visibility: visible;
}

.js .recipient-fields {
    display: none;
}

.recipient-form > input[type="checkbox"]:checked ~ .recipient-fields {
    display: block;
}
.recipient-form
    > input[type="checkbox"]:not(:checked, :disabled)
    ~ .recipient-fields,
.recipient-email-label {
    display: none;
}

.js .recipient-email-label.required,
.no-js .recipient-email-label.optional {
    display: inline;
}

.recipient-form ul {
    padding-left: 4.4rem;
    text-align: left;
}

.recipient-form ul a {
    display: inline;
}

.recipient-form .error-message {
    margin-bottom: 10px;
    display: block;
    color: var(--error-color, red);
}

.recipient-form .error-message::first-letter {
    text-transform: capitalize;
}

@media screen and (forced-colors: active) {
    .recipient-checkbox > svg {
        background-color: inherit;
    }

    .recipient-form > input[type="checkbox"]:checked + label .icon-checkmark {
        border: none;
    }
}

.send_on--date-picker {
    padding: 15px;
    border: 1px solid var(--dotted-color);
    font-family: var(--main-family);
    font-size: var(--font-size);
}

/* ---- Countdown section ---- */
.countdown__time {
    font-size: var(--font-size);
}

.countdown__label,
.countdown__how,
.countdown__time-label {
    font-size: var(--font-size);
}

.countdown__time--wrapper {
    opacity: 0;
    transition: opacity 0.5s ease-in;
    position: relative;
}

.countdown__image,
.countdown__wrapper.has--image {
    grid-row: 1/1;
    grid-column: 1/13 !important;
}

.countdown__image,
.countdown--content_container.has--image {
    height: var(--desktop-section-height);
}

.countdown__image .box-ratio {
    padding-bottom: var(--desktop-section-height) !important;
    position: relative;
}

@media screen and (max-width: 740px) {
    .countdown__image,
    .countdown--content_container.has--image {
        height: var(--mobile-section-height);
    }
    .countdown__image .box-ratio {
        padding-bottom: var(--mobile-section-height) !important;
    }
}

.countdown__image .box-ratio img {
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
}

.countdown__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--section-overlay-color);
}

.countdown__image {
    position: relative;
}

.countdown__wrapper.has--image.position-start {
    align-self: start;
}
.countdown__wrapper.has--image.position-center {
    align-self: center;
}
.countdown__wrapper.has--image.position-end {
    align-self: end;
}

.countdown__wrapper.has--image .countdown__grid {
    background: transparent;
}

.countdown__grid {
    display: flex;
    align-items: center;
    column-gap: 50px;
    padding: 20px;
    background: var(--background);
    color: var(--text-color);
    position: relative;
    z-index: 1;
}

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

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

.countdown__time-container {
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
}

.countdown__colon-divider {
    position: absolute;
    top: 0;
    right: -10px;
}

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

.countdown__heading p {
    color: var(--text-color);
    font-size: var(--text-size);
    margin-bottom: 0;
}

p.countdown__time {
    font-size: var(--text-size);
}

.countdown__heading p a {
    text-decoration: underline;
}

.countdown__button-wrapper {
    margin-left: 10px;
}

.countdown__button-wrapper a.button,
.countdown__button-wrapper a.button:hover,
.countdown__button-wrapper a.button:visited {
    background: var(--button-color);
    color: var(--button-text);
    margin: 0 auto;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 48px;
    line-height: 48px;
}

@media screen and (max-width: 980px) {
    .countdown__grid {
        flex-wrap: wrap;
        row-gap: 20px;
    }
}

@media screen and (max-width: 800px) {
    .countdown__grid {
        text-align: center;
    }
    .countdown__grid.l-space-between {
        justify-content: center;
    }
}

/* ---- Text with icon section ---- */

.text-with-icon__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 15px;
}

.text-with-icon__content p,
.text-with-icon__content h3 {
    margin-bottom: 0;
}

.text-with-icon__text {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

@media screen and (max-width: 740px) {
    .text-with-icon__container:after {
        content: "flickity" !important;
        display: none !important; /* hide :after */
    }
    .text-with-icon__container .flickity-page-dots {
        bottom: -30px;
        display: block;
        left: 0;
    }
    .text-with-icon__content {
        width: 100%;
    }
    .text-with-icon__container {
        display: block;
        margin-bottom: 20px;
    }
    .text-with-icon__container .flickity-viewport {
        width: 100%;
    }
}
@media screen and (min-width: 741px) {
    .text-with-icon__container:after {
        content: "";
    }
}

/*---- Collection submenus ----*/

.collection--list_submenus {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px !important;
    flex-wrap: nowrap;
    margin-bottom: 30px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
}

.collection--list_submenus::-webkit-scrollbar {
    height: 3px;
    width: 3px;
    background: #eee;
}

.collection--list_submenus::-webkit-scrollbar-thumb:horizontal {
    background: var(--text-color);
    border-radius: 0px;
}

.collection--list_submenus:after {
    display: none !important;
}

.collection--list_submenus .collection__list-item {
    flex: 0 0 calc((100% / 5) - 12px);
}

@media screen and (min-width: 741px) and (max-width: 1024px) {
    .collection--list_submenus .collection__list-item {
        flex: 0 0 calc((100% / 4) - 11px);
    }
}

@media screen and (max-width: 740px) {
    .collection--list_submenus .collection__list-item {
        flex: 0 0 calc((100% / 3) - 10px);
    }
}

section.lines-spacer {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 5px 0;
}

.lines-spacer__line {
    width: 100%;
    height: 3px;
}

.rich__text {
    padding: 43px 0 40px !important;
}

.rich__text .rte p {
    font-size: 10px;
}

.rich__text svg {
    height: 3px;
    width: auto;
}

.global__editorial--column {
    padding-top: 30px !important;
}

.global__editorial--column .editorial--column {
    grid-column: auto / span 6 !important;
}

.global__editorial--column .section-title:after {
    content: unset;
}

.global__editorial--column .section-title {
    padding-bottom: 10px;
}

.global__editorial--column .section-title h2 {
    font-size: 30px;
}

.highlighted-collections {
    padding: 35px 0;
}

.highlighted-coll__wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    gap: 12px;
}

.collection-block {
    flex: 0 0 100%;
    max-width: 100%;
    background-color: #fff;
}

.collection-block__content {
    padding: 25px 0;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
}

.collection-block__text {
    font-size: 7px;
    margin: 0;
}

.collection-block__title {
    letter-spacing: 0.03em;
    font-size: 30px;
    margin: 0;
}

.collection-block__link {
    text-transform: uppercase;
    font-size: 7px;
    position: relative;
}

.collection-block__link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.25px;
    background-color: rgb(89 89 92 / 25%);
    transition: width 0.3s ease-in-out;
}

.global__editorial--column.contained > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.global__editorial--column.inline-title {
    position: relative;
    padding-top: 0 !important;
    margin-top: 35px !important;
    /* padding-left: 40px; */
    /* padding-right: 40px; */
}

.global__editorial--column.inline-title .section-logo {
    position: absolute;
    right: 0;
    top: -30px;
    max-width: 50px;
    transform: rotate(180deg);
}

.global__editorial--column.inline-title .editorial__block-container,
.global__editorial--column.inline-title .section-title {
    flex: 0 0 100%;
}

.global__editorial--column.inline-title .section-title {
    text-align: left;
    margin-bottom: 30px;
    padding: 0;
}

.global__editorial--column.inline-title .section-title h2 {
    font-size: 30px;
    max-width: min-content;
}

.global__editorial--column.inline-title .editorial__caption {
    padding-top: 8px;
}

.global__editorial--column.inline-title .editorial__caption p {
    /* font-size: 9px; */
    /* padding-top: 8px; */
}

.image__with-text.about-brand .text-title {
    font-size: 25px;
}

.image__with-text.about-brand .rte em {
    font-family: var(--accent_family);
    font-size: 35px;
}

.image__with-text.about-brand .rte.has-quotation-marks {
    position: relative;
    padding-top: 28px;
    padding-bottom: 20px;
    max-width: 420px;
}

.image__with-text.about-brand .rte.has-quotation-marks p {
    margin-bottom: 0;
    letter-spacing: 0.05em;
    font-size: 12px;
    line-height: 1.6;
}

svg.quotation-top,
svg.quotation-bottom {
    width: 50px;
}

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

svg.quotation-bottom {
    position: absolute;
    bottom: 10px;
    right: 0px;
}

.image__with-text.about-brand .cta {
    margin-top: 20px;
}

.image__with-text.visit-us .cta {
    margin-top: 25px;
}

.image__with-text.about-brand .cta a,
.image__with-text.visit-us .cta a {
    font-size: 8px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
}

.image__with-text.visit-us {
    padding: 50px 0px 30px;
}

.image__with-text.visit-us .text-title {
    font-size: 27px;
    margin-bottom: 12px;
}

.image__with-text.visit-us .rte p {
    letter-spacing: 0.03em;
    font-size: 12px;
    line-height: 1.8;
}

.image__with-text.visit-us .rte p a {
    text-decoration: none;
}

.image__with-text.visit-us .rte p:first-of-type {
    margin-bottom: 30px;
}

.image__with-text.visit-us .rte p:last-of-type {
    margin-bottom: 0;
}

section.parallax__section .parallax__caption {
    /* width: fit-content; */
    max-width: 800px;
}

section.parallax__section .parallax__caption h2 {
    font-size: 26px;
}

section.parallax__section .parallax__caption .button {
    border: 1px solid var(--button-border);
    font-size: 8px;
    height: 24px;
    line-height: 24px;
}

section.parallax__section .parallax__caption .button:hover {
    color: var(--button-text-hover);
}

.global__newsletter .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.global__newsletter .section-header {
    flex: 0 0 100%;
    text-align: left !important;
}

.global__newsletter .section-title {
    padding: 0 0;
}

.global__newsletter .section-title:after {
    content: unset;
}

.global__newsletter .section-title h2 {
    font-size: 18px;
}

.global__testimonial-section {
    background-color: #dce8f4;
}

.global__testimonial-section .row {
    /* width: calc(80% - 40px); */
    /* padding: 0 60px; */
    padding: 35px 35px;
}

.global__testimonial-section .row .grid_wrapper {
    /* width: calc(100% - 80px);
    margin: 0 auto; */
    border: 1px solid #59595c;
}

.global__testimonial-section .flickity-button,
.global__testimonial-section .flickity-button:hover {
    background-color: transparent;
}

.global__testimonial-section .flickity-button svg {
    width: 17px;
    height: 17px;
}

.global__testimonial-section .flickity-prev-next-button {
    width: 17px;
    height: 17px;
    padding: 0;
    margin: 0;
}

.global__testimonial-section .flickity-prev-next-button.next {
    right: -40px;
}
.global__testimonial-section .flickity-prev-next-button.previous {
    left: -40px;
}

.global__testimonial-section .flickity-page-dots {
    display: none;
}

.global__testimonial-section .testimonial {
    /* border: 1px solid #59595c; */
    padding: 25px 25px 20px !important;
    /* width: 80%; */
}

.global__testimonial-section .testimonial__left {
    order: 2;
    margin-top: 20px;
}

.global__testimonial-section .testimonial__image {
    border-radius: 0;
    width: 100%;
    height: auto;
}

.global__testimonial-section .testimonial__image img {
    height: auto;
}

.global__testimonial-section .testimonial__stars {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.global__testimonial-section .testimonial .rte,
.global__testimonial-section .testimonial h3,
.global__testimonial-section .testimonial a,
.global__testimonial-section .testimonial p,
.global__testimonial-section .testimonial .testimonial__author {
    color: var(--text-color) !important;
}

.global__testimonial-section .testimonial .testimonial__title {
    margin-top: 15px;
}

.global__testimonial-section .testimonial .testimonial__title h3 {
    font-size: 8px;
    font-family: "SweetSansPro-Regular", sans-serif;
    letter-spacing: 0.3em;
}

.global__testimonial-section .testimonial .testimonial__content {
    /* margin: 20px 0; */
    margin: 35px 0;
}

.global__testimonial-section .testimonial .testimonial__content p {
    font-size: 15px;
    font-family: var(--heading-family);
    letter-spacing: normal;
    line-height: 1.5;
}

.global__testimonial-section .testimonial .testimonial__author {
    font-family: "SweetSansPro-Medium", sans-serif;
    font-weight: normal;
    font-size: 7px;
}

.global__testimonial-section .testimonial .testimonial__link {
    margin-top: 15px;
    display: inline-block;
}

.global__testimonial-section .testimonial .testimonial__link .button {
    color: #fff !important;
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 8px;
    margin-bottom: 0;
}

#insta-feed, #wave-feed {
    padding-top: 35px;
}

.ssw-instagram-grid {
    margin-bottom: 0 !important;
}

.ssw-instagram-load-more {
    display: none !important;
}

#insta-feed h2, #wave-feed h2, h2.gw-ig-gallery-widget-header__title {
    margin-bottom: 12px !important;
    font-size: 30px !important;
    font-family: var(--heading-family);
    font-weight: var(--heading-weight);
    font-style: var(--heading-style);
}

/* .rich__text .rte br {
    display: none;
  } */

.global__newsletter .newsletter__input {
    margin-bottom: calc(40px - 1rem);
}

#shopify-section-template--22276653580590__b2839f64-cd5a-4d0b-8dc6-a153c4816aba {
    margin-bottom: 54px;
}

#shopify-section-template--22276653842734__newsletter_HNhpUX
    .global__newsletter,
section.global__newsletter {
    padding: 38px 0 48px !important;
}

#shopify-section-template--22276653842734__newsletter_HNhpUX
    .section-newsletter,
.section-newsletter {
    flex: 1;
    margin: 0;
}

#shopify-section-template--22276653842734__newsletter_HNhpUX .newsletter__input,
.newsletter__input {
    text-transform: uppercase;
}

#shopify-section-template--22276653842734__newsletter_HNhpUX .newsletter__input,
#shopify-section-template--22276653842734__newsletter_HNhpUX
    .newsletter__submit,
.newsletter__input,
.newsletter__submit {
    height: 38px;
    line-height: 38px;
}

#shopify-section-template--22276653842734__newsletter_HNhpUX
    .global__newsletter
    .section-title,
.global__newsletter .section-title {
    text-transform: uppercase;
    margin-bottom: 20px;
}

div#bottom-footer .footer-left ul li a {
    font-size: 16px;
    letter-spacing: 0.03em;
}

.image__with-text .text__section .rte--more-text p {
    font-size: 8px;
    letter-spacing: 0.2em;
}

#shopify-section-sections--22276649877806__footer .footer-section {
    background: var(--footer-background);
}

#insta-feed, #wave-feed {
    padding-bottom: 15px;
}

section.global__newsletter .newsletter__input::selection,
.section-newsletter .newsletter__input::selection {
    background: #d8e4f0;
}

#footer-wrapper .rte p a {
    white-space: nowrap;
}

.rich__text.rich__text--blue {
    padding: 35px 0 !important;
    padding: 45px 0 !important;
}

.rich__text--blue .grid_wrapper {
    display: flex;
    justify-content: center;
    gap: 0;
}

.rich__text--blue .rich__text-block .rte {
    margin-bottom: 5px !important;
}

.rich__text--blue .rich__text-block .rte p {
    margin-bottom: 0;
}

/* .visit-us .image__section {
    padding-left: 17px;
  } */

.image__with-text.about-brand {
    padding: 0;
}

/* media queries */

@media screen and (max-width: 1024px) {
    .image__with-text.about-brand .text__section {
        padding: 30px 60px 15px 30px;
    }
}


@media screen and (max-width: 740px) {
    header {
        border-bottom: 1px solid #e5e5e5;
    }

    .image__with-text.about-brand {
        padding-top: 40px;
    }

    .global__testimonial-section .testimonial .testimonial__content {
        margin: 20px 0 10px;
    }

    .global__testimonial-section .testimonial .testimonial__link {
        margin-top: 5px;
    }

    .global__testimonial-section .testimonial__stars svg {
        height: 10px;
    }

    .global__testimonial-section .testimonial__stars {
        gap: 5px;
    }

    .collection-block__link {
        border-bottom: 1px solid rgb(89 89 92 / 25%);
    }

    .collection-block__link:after {
        display: none;
    }

    .global__editorial--column .editorial__caption {
        padding-top: 5px;
    }

    .global__editorial--column .editorial__caption p {
        font-size: 9px;
        letter-spacing: 0.2em;
        line-height: 1.2;
    }

    .rich__text--blue .rich__text-block .rte {
        max-width: 400px;
        margin: 0 auto;
    }

    /* #shopify-section-sections--22276649877806__footer .footer-section {
      padding-left: 35px;
      padding-right: 35px;
    } */

    .footer__block-container {
        display: flex;
        flex-flow: column wrap;
        gap: 0;
    }

    section.global__newsletter .newsletter__input,
    .section-newsletter .newsletter__input,
    section.global__newsletter .newsletter__submit,
    .section-newsletter .newsletter__submit {
        font-size: 9px;
    }

    section.global__newsletter .newsletter__input,
    .section-newsletter .newsletter__input {
        width: 65%;
    }

    section.global__newsletter .newsletter__submit,
    .section-newsletter .newsletter__submit {
        width: 35%;
    }

    #shopify-section-template--22276653842734__newsletter_HNhpUX
        .global__newsletter,
    .global__newsletter {
        padding-left: 25px;
        padding-right: 25px;
    }


    .image__with-text.section-template--22276653580590__4f632858-e5e5-409a-9a37-6581ebd48e2e
        .text__section {
        padding: 27.5px 27.5px;
    }

    .highlighted-collections .row {
        /* width: 100%; */
    }

    div#shopify-section-template--22276653580590__image_with_text_g8L8qj
        .image__with-text
        .row-wrapper {
        max-width: 85%;
    }

    #shopify-section-sections--22276649877806__footer .sm-span-12.auto label {
        position: relative;
        width: 210px;
    }

    #footer-wrapper {
        padding-bottom: 30px;
    }

    #footer-wrapper #footer {
        padding-left: 25px;
        padding-right: 25px;
    }

    #footer-wrapper #bottom-footer .footer-left {
        padding-left: 25px;
        padding-right: 25px;
        width: 88%;
        margin-left: auto;
        margin-right: auto;
    }

    #shopify-section-sections--22276649877806__footer .footer-block-image {
        width: 90px !important;
        margin-bottom: 25px;
    }

    #shopify-section-sections--22276649877806__footer h3.h4 {
        margin-bottom: 0;
    }

    #footer-wrapper .footer-menu:last-child {
        margin-bottom: 20px !important;
    }

    #footer-wrapper ul.social-icons__wrapper {
        margin: 3.5px 0 0;
    }

    #footer-wrapper ul.social-icons__wrapper li:first-child {
        margin-left: 0;
    }

    #footer-wrapper ul.social-icons__wrapper li {
        margin-left: 5px;
    }

    #footer-wrapper ul.social-icons__wrapper li a {
        line-height: 1;
    }

    #footer-wrapper ul.social-icons__wrapper li a svg {
        height: 10px;
    }

    #menu-item-2:checked ~ .footer-block-content + .footer-block-content p {
        margin-top: 0;
    }

    #menu-item-2:checked ~ .footer-block-content + .footer-block-content {
        margin-top: 10px;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    div#bottom-footer .footer-left ul li a {
        font-family: var(--main-family);
        font-style: normal;
    }

    div#bottom-footer .footer-left .navigation {
        width: 100%;
        /* padding-left: 15px; */
    }

    div#bottom-footer .footer-left .navigation li a {
        text-transform: uppercase !important;
    }

    div#bottom-footer .footer-left .navigation__menuitem {
        width: 100%;
        line-height: normal;
    }

    div#bottom-footer .footer-left p {
        margin-top: 0;
        text-align: left;
        /* padding-left: 15px; */
    }

    div#bottom-footer .footer-left a {
        font-size: 9px !important;
        letter-spacing: var(--main-spacing) !important;
    }

    #shopify-section-sections--22276649877806__footer .footer-menu h3 {
        font-size: 20px !important;
    }

    .global__editorial--column.featured-bestsellers
        .editorial--column__content
        .box-ratio {
        --mobile-section-height: 240px;
    }
}

/* @media screen and (max-width: 400px) {
    .global__editorial--column.shop-by .editorial--column__content .box-ratio {
      --mobile-section-height: 200px;
    }
  
    .global__editorial--column.featured-bestsellers .editorial--column__content .box-ratio {
      --mobile-section-height: 180px;
    }
  } */

@media screen and (min-width: 410px) {
    .rich__text--blue .rich__text-block .rte p br {
        display: none;
    }
}

.image__with-text .text__section .text-container .text-title svg {
    max-width: 125px;
}

@media screen and (min-width: 741px) {
    .image__with-text .text__section .text-container .text-title svg {
        margin-top: 3.5px;
        max-width: 80px;
    }

    .image__with-text .text__section .text-container .text-title br {
        display: block;
    }

    svg.quotation-top,
    svg.quotation-bottom {
        width: 75px;
    }

    .collection-block {
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
        /* padding: 0 20px; */
    }

    .rich__text .rte p {
        font-size: 12px;
    }
}

@media screen and (min-width: 981px) {
    #collection-description {
        max-width: 70%;
    }

    .image__with-text .text__section .text-container .text-title svg {
        max-width: 130px;
    }

    .visit-us .image__section {
        padding-left: 35px;
    }

    .full-w-img-text .image-with-text-wrapper {
        display: flex;
    }

    .full-w-img-text .image-with-text-wrapper .text__section {
        flex: 0 0 35%;
    }

    .full-w-img-text .image-with-text-wrapper .image__section {
        flex: 1;
    }

    #footer-wrapper {
        padding: 95px 0 30px;
    }

    #footer-wrapper .footer-menu {
        margin-bottom: 60px;
    }

    section.lines-spacer {
        gap: 10px;
        margin: 10px 0;
    }

    .lines-spacer__line {
        height: 6.5px;
    }

    .image__with-text .text__section .rte--more-text p {
        font-size: 11px;
    }

    #shopify-section-template--22276653580590__668b2bf5-c530-410f-994a-1b013d314f0a
        .grid__wrapper {
        grid-row-gap: 0;
    }

    .footer__block-container {
        grid-column-gap: 0;
    }

    .footer__block-container .footer-menu:first-child {
        padding-left: 60px;
    }

    div#bottom-footer .footer-left ul li a {
        font-size: 21px;
        letter-spacing: 0.03em;
        margin-right: 30px;
    }

    .global__newsletter .section-title {
        margin-bottom: 0;
    }

    .global__newsletter .section-title br,
    .global__newsletter .section-title br {
        display: none;
    }

    .global__newsletter .newsletter__input,
    .global__newsletter .newsletter__submit,
    .newsletter__input,
    .newsletter__submit {
        height: 70px !important;
        line-height: 70px !important;
    }

    #shopify-section-template--22276653842734__newsletter_HNhpUX .section-title,
    .global__newsletter .section-title {
        text-align: left;
    }

    .global__newsletter {
        padding: 100px 0;
    }

    #shopify-section-template--22276653580590__b2839f64-cd5a-4d0b-8dc6-a153c4816aba {
        margin-bottom: 55px;
    }

    #shopify-section-template--22276653580590__668b2bf5-c530-410f-994a-1b013d314f0a {
        margin-bottom: calc(50px - 1rem);
    }

    #insta-feed, #wave-feed {
        padding-top: 40px;
    }

    #insta-feed h2, #wave-feed h2, h2.gw-ig-gallery-widget-header__title {
        margin-bottom: 30px !important;
        font-size: 40px !important;
    }

    .global__testimonial-section .row {
        padding: 55px 35px;
    }

    .global__testimonial-section .testimonial {
        flex-direction: row;
        align-items: center;
        padding: 40px !important;
    }

    .global__testimonial-section .testimonial__left {
        order: initial;
        margin-top: 0;
        flex: 1;
        padding-right: 60px;
        padding-left: 20px;
    }

    .global__testimonial-section .testimonial__right {
        flex: 0 0 50%;
    }

    .global__testimonial-section .testimonial .testimonial__title h3 {
        font-size: 13px;
    }

    .global__testimonial-section .testimonial .testimonial__content p {
        font-size: 25px;
    }

    .global__testimonial-section .testimonial .testimonial__author {
        font-size: 11px;
    }

    .global__testimonial-section .testimonial .testimonial__link {
        margin-top: 15px;
    }

    .global__testimonial-section .testimonial .testimonial__link .button {
        width: 120px;
        height: 46px;
        line-height: 46px;
        font-size: 11px;
    }

    .global__testimonial-section .flickity-button svg {
        width: 25px;
        height: 25px;
    }

    .rich__text {
        padding: 40px 0 25px !important;
    }

    .rich__text--blue {
        padding: 45px 0 35px !important;
    }

    .rich__text--blue .rich__text-block .rte p {
        font-size: 19px;
        /* margin-bottom: 5px; */
    }

    .rich__text .rte p {
        font-size: 17px;
        margin-bottom: 20px;
    }

    .global__editorial--column .editorial--column {
        grid-column: auto / span 3 !important;
    }

    .global__editorial--column {
        padding-top: 45px !important;
    }

    .global__editorial--column .section-title h2 {
        font-size: 40px;
    }

    .image__with-text .section-logo {
        width: 90px;
        top: 20px;
        bottom: auto;
    }

    .image__with-text .text__section {
        padding: 0 60px;
    }

    .image__with-text .text__section .text-container .text-title {
        font-size: 45px;
    }

    .highlighted-collections {
        padding: 70px 0;
    }

    .highlighted-coll__wrapper {
        gap: 40px;
    }

    .collection-block__content {
        padding: 40px 0;
    }

    .collection-block__text,
    .collection-block__link {
        font-size: 11px;
    }

    .collection-block__link:hover:after {
        width: 0%;
    }

    .collection-block__title {
        font-size: 48px;
    }

    .image__with-text.about-brand {
        padding-top: 0;
        padding-bottom: 0;
    }

    .image__with-text.about-brand .text-title {
        font-size: 30px;
    }

    .image__with-text.about-brand .rte em {
        font-size: 50px;
    }

    .image__with-text.about-brand .rte.has-quotation-marks {
        padding-top: 60px;
    }

    .image__with-text.about-brand .rte.has-quotation-marks p {
        font-size: 17px;
        line-height: 2.2;
    }

    /* .image__with-text.about-brand .cta, {
      margin-top: 60px;
    } */

    .image__with-text.visit-us .cta {
        margin-top: 25px;
    }

    .image__with-text.about-brand .cta a,
    .image__with-text.visit-us .cta a {
        font-size: 11px;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
    }

    svg.quotation-top {
        top: 30px;
    }

    .image__with-text.visit-us {
        padding: 100px 0;
    }

    .image__with-text.visit-us .text-title {
        font-size: 40px;
        margin-bottom: 0;
    }

    .image__with-text.visit-us .rte {
        max-width: 400px;
        padding-top: 40px;
    }

    .image__with-text.visit-us .rte p {
        font-size: 17px;
    }

    section.parallax__section .parallax__caption h2 {
        font-size: 60px;
    }

    section.parallax__section .parallax__caption .button {
        font-size: 11px;
        min-width: 160px;
        height: 44px;
        line-height: 44px;
    }

    /* .footer-menu .rte {
      display: flex;
      align-items: center;
    } */

    .global__newsletter .section-header {
        flex: 1;
    }

    .global__newsletter .section-title h2 {
        font-size: 30px;
    }
}

/* media min 981 max 1280 */

@media screen and (min-width: 981px) and (max-width: 1280px) {
    .about-brand .image__section .box-ratio {
        /* --desktop-section-height: 580px; */
        padding-bottom: var(--desktop-section-height) !important;
        position: relative;
    }

    .about-brand .image__section.size--natural .box-ratio {
        /* --desktop-section-height: 580px; */
        padding-bottom: 100% !important;
        position: relative;
    }

    .about-brand .image__section .box-ratio img {
        object-fit: cover;
        object-position: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
        -moz-transform: translate(-50%, -50%) scale(1.1);
        -o-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
        transition: transform 2s cubic-bezier(0.41, 0.85, 0.6, 0.97);
        height: 100%;
    }

    .global__testimonial-section .testimonial .testimonial__content {
        margin: 25px 0;
    }

    .global__testimonial-section .testimonial__stars {
        gap: 10px;
    }

    .global__testimonial-section .testimonial__stars svg {
        width: 12px;
    }

    .global__testimonial-section .testimonial .testimonial__title h3 {
        font-size: 12px;
    }

    .global__testimonial-section .testimonial .testimonial__content p {
        font-size: 20px;
    }

    .global__testimonial-section .testimonial .testimonial__author {
        font-size: 10px;
    }

    .global__testimonial-section .testimonial .testimonial__link .button {
        height: 40px;
        line-height: 40px;
        font-size: 10px;
    }
}

@media screen and (min-width: 1280px) {
    .image__with-text .text__section .text-container .text-title svg {
        max-width: 150px;
    }

    .full-w-img-text .image-with-text-wrapper .text__section {
        flex: 0 0 40%;
    }

    .rich__text .rte br {
        display: block;
    }

    .global__testimonial-section .testimonial__left {
        padding-right: 100px;
        padding-left: 60px;
    }

    .image__with-text .text__section {
        padding: 0 80px 0 90px;
    }

    .image__with-text .text__section .text-container .text-title {
        font-size: 60px;
    }

    .global__editorial--column.inline-title {
        margin-top: 50px !important;
        /* padding-left: 100px;
      padding-right: 100px; */
    }

    .global__editorial--column.inline-title .section-title {
        flex: 0 0 15%;
        margin-right: 40px;
    }

    .global__editorial--column.inline-title .editorial__block-container {
        flex: 1;
        grid-row-gap: 0;
    }

    .global__editorial--column.inline-title .section-logo {
        max-width: 80px;
        left: 0;
        transform: none;
    }

    .global__editorial--column.inline-title .editorial__caption {
        padding-top: 12px;
    }

    .global__editorial--column.inline-title .editorial__caption p {
        /* font-size: 11px; */
    }
}

.global__editorial--column.shop-by .editorial--column__content .box-ratio img {
    /* height: auto; */
}

@media screen and (min-width: 1600px) {
    .full-w-img-text .image-with-text-wrapper .text__section {
        flex: 0 0 37.6667%;
    }
}

#footer-wrapper .footer-block-image {
    width: 120px;
}

.osx #footer-wrapper .footer-menu label.togglecontent,
.osx #footer-wrapper .footer-menu h3 {
    letter-spacing: -0.05em;
}

#footer-wrapper .footer-menu h3 {
    border-bottom: 0;
    font-family: "Austin Light";
    font-size: 21px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0.02em;
}

#footer-wrapper .footer-menu p,
#footer-wrapper .footer-menu a,
#footer-wrapper .sub-footer a {
    font-weight: 300;
    font-size: 11px;
    line-height: normal;
    text-decoration: none;
}

#footer-wrapper .footer-block-image {
    width: 120px;
}

#footer-wrapper .footer-menu li {
    line-height: 1;
}

#footer-wrapper .footer-menu li:not(:last-of-type) {
    margin-bottom: 12px;
}

#footer-wrapper ul.social-icons__wrapper li {
    margin: 0 10px 0 0 !important;
}

#footer-wrapper ul.social-icons__wrapper li:last-of-type {
    margin-right: 0 !important;
}

#footer-wrapper #bottom-footer p a {
    text-transform: uppercase;
}

#footer-wrapper .rte p {
    display: block;
}

#footer-wrapper .rte p + p {
    margin-top: 15px;
}

#footer-wrapper .rte p br {
    display: block;
}

@media (min-width: 741px) {
    #footer-wrapper .rte + .rte {
        margin-top: 10px;
        display: flex;
        align-items: center;
        gap: 0 10px;
    }
    #footer-wrapper .rte + .rte p {
        white-space: nowrap;
    }
}

@media (min-width: 741px) and (max-width: 1200px) {
    #footer-wrapper .footer__block-container .footer-menu {
        grid-column: auto / span 3;
    }

    #footer-wrapper
        .footer__block-container
        .footer-menu:nth-child(3)
        .footer-menu__inner {
        max-width: fit-content;
        margin: auto;
        padding-right: 30px;
    }

    #footer-wrapper .footer-menu a {
        max-width: 150px;
        display: block;
    }

    #footer-wrapper .footer-menu p,
    #footer-wrapper .footer-menu a,
    #footer-wrapper .sub-footer a {
        font-size: 9px;
    }

    footer ul.social-icons__wrapper {
        display: flex;
        margin: 2px 0 0;
    }

    footer ul.social-icons__wrapper svg {
        height: 11px;
        margin-top: 2px;
    }
}

@media (max-width: 740px) {
    #footer-wrapper .footer-menu a {
        max-width: 100%;
    }
}

@media (max-width: 980px) {
    #footer-wrapper .sm-span-12.auto {
        width: 100%;
        margin: 0;
    }
    #footer-wrapper h3.h4 {
        display: flex;
        align-items: center;
    }

    #footer-wrapper
        .footer__block-container
        .footer-menu:nth-child(3)
        .footer-menu__inner {
        padding-right: 0;
    }

    .ssw-instagram-item:nth-child(5),
    .ssw-instagram-item:nth-child(6),
    .ssw-instagram-item:nth-child(7),
    .ssw-instagram-item:nth-child(8) {
        display: none !important;
    }
}

/* #footer-wrapper .footer__block-container {
    display: flex;
  } */

@media (min-width: 1024px) {
    /* .slideshow__title {
      padding: 0 30px;
    } */
}

@media (min-width: 1200px) {
    #footer-wrapper .rte p br {
        display: none;
    }

    #footer-wrapper .footer-menu h3 {
        font-size: 21px;
    }
}

@media (min-width: 1400px) {
    .slideshow__title br {
        display: none;
    }
}

/* collections page */

.collection__page--section-title {
    background-color: var(--cs2-background);
    padding-bottom: 40px;
}

.collection__page--section-title:after {
    content: unset !important;
}

.collection__page--section-title h1 {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 7.5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-family: var(--main-family);
}

.collection__page--section-title h1 svg {
    width: auto;
}

.collection__filter-toggleWrapper {
    padding-bottom: 0;
    border-bottom: 0;
    margin: 40px 0 30px;
}

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

.product-details {
    text-align: var(--details-align);
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    /* gap: 10px; */
    gap: 7.5px;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.product-details .js-product-details-link {
    display: inline-block;
    max-width: 80%;
    flex: 1;
    text-align: left;
}

.product-details h3,
.product-details h4 {
    font-size: 12px;
    font-family: var(--main-family);
    letter-spacing: 0.065em;
}

@media (max-width: 740px) {
    .product-details h3,
    .product-details h4 {
        font-size: 12px;
    }
}

.product-details .price {
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.1em;
    align-self: flex-start;
    line-height: 1.6em;
}

@media (max-width: 740px) {
    .product-details .price {
        font-size: 12px;
    }
}

.product-details .product_listing_options {
    flex: 0 0 100%;
}

.product_listing_options .col-swatch.ProductItem__ColorSwatchList {
    display: block;
    flex: 1;
}

.product-details .col-swatch ul {
    justify-content: flex-start;
}

.collection__horizontal-toolbar .chosen-value,
.search__horizontal-toolbar .chosen-value {
    text-transform: uppercase;
    border-width: 0 0 1px;
    color: #9d9a9c;
    text-indent: 2px;
    height: 30px;
    font-size: 11px;
}

@media (max-width: 740px) {
    .collection__horizontal-toolbar .chosen-value,
    .search__horizontal-toolbar .chosen-value {
        font-size: 8px;
    }
}

.collection__horizontal-toolbar .chosen-value::placeholder,
.search__horizontal-toolbar .chosen-value::placeholder {
    color: #9d9a9c !important;
}

.collection__horizontal-toolbar .color-filter,
.search__horizontal-toolbar .color-filter {
    /* border-width: 3px; */
    --color-filter-size: 10px;
    --dotted-color: #cac5c5;
}

.collection__horizontal-toolbar svg {
    position: absolute;
    right: 15px;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

@media (max-width: 740px) {
    .collection__horizontal-toolbar svg {
        width: 9px;
    }
}

.col-swatch .flickity-viewport {
    margin-right: 15px;
}

.col-swatch .flickity-button {
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0;
    /* display: flex;
    opacity: 1; */
}

.col-swatch .flickity-prev-next-button.previous {
    left: 0;
}

.col-swatch .flickity-prev-next-button.next {
    right: 0;
}

.col-swatch li.color {
    width: 10px;
    height: 10px;
    border: none;
    /* box-shadow: none; */
    box-shadow: 0px 0px 0px 1px var(--dotted-color, #d6d6d6);
}

.col-swatch li.color.active,
.col-swatch li.color:hover {
    border: 1.5px solid #fff;
}

.col-swatch li.color span {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1;
}

.collection__horizontal-toolbar .value-list li label,
.search__horizontal-toolbar .value-list li label {
    font-size: 11px;
    letter-spacing: 0.1em;
}

#pagination {
    display: none;
}

.product-loop {
    margin-bottom: 0;
    grid-row-gap: 20px;
}

.product-index {
    margin-bottom: 0;
}

.product-details .col-swatch--more a {
    display: flex;
    align-items: center;
}

.col-swatch ul {
    flex-wrap: wrap;
}

/* .col-swatch ul.options li:nth-child(n+6) {
    display: none;
  }
  
  .col-swatch ul.options li.col-swatch--more {
    display: block;
  } */

.collection__filter-toggleWrapper button.filter-price__trigger,
.collection__filter-toggleWrapper button.filter-price__trigger span,
.collection__filter-wrapper .filter-price__trigger {
    text-transform: uppercase;
    border-width: 0 0 1px;
    color: #9d9a9c;
    padding-left: 0;
    text-indent: 0px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
}

@media (max-width: 740px) {
    .collection__filter-toggleWrapper button.filter-price__trigger,
    .collection__filter-toggleWrapper button.filter-price__trigger span,
    .collection__filter-wrapper .filter-price__trigger {
        font-size: 8px;
    }
}

.collection__horizontal-toolbar .value-list li,
.search__horizontal-toolbar .value-list li {
    /* padding-left: 0; */
}

.product-details .col-swatch--more svg {
    width: 8px;
    height: 8px;
}

.product-icons .icn {
    background: transparent;
}

.product-icons .icn + .icn {
    display: none;
}

.product-icons img {
    width: 52px;
}

.collection__filter-toggleWrapper .collection__filter-toggle--icon {
    margin-top: 0.5px;
    width: 8px;
}

@media screen and (min-width: 981px) {
    /* .product-icons img {
      width: 65px;
    } */

    .sort__filter--triggers {
        gap: 40px;
    }

    .product-details .price {
        margin-top: 0;
        align-self: flex-start;
    }

    .collection__page--section-title {
        padding-bottom: 40px;
    }

    .collection__page--section-title h1 {
        font-size: 18px;
    }

    #main-content {
        grid-row-gap: 0;
    }

    .product-loop {
        margin-bottom: 50px;
        grid-row-gap: 40px;
    }

    .col-swatch ul.options li {
        display: inline-block;
    }

    /* .col-swatch ul.options li:nth-child(n+6) {
      display: block;
    } */

    .col-swatch ul.options li.col-swatch--more {
        display: none;
    }

    .product-details .col-swatch--more {
        display: none;
    }

    .product-details .col-swatch--more svg {
        width: 10px;
        height: 10px;
    }

    .collection__filter-toggleWrapper .collection__filter-toggle--icon {
        margin-left: 10px;
    }

    .collection__horizontal-toolbar .color-filter,
    .search__horizontal-toolbar .color-filter {
        --color-filter-size: 12px;
    }

    .col-swatch li.color {
        width: 12px;
        height: 12px;
        border-width: 2px;
    }
}

.ProductItem__ColorSwatchItem {
    display: inline-block;
    margin: 0 5px;
}

.ColorSwatch__Radio {
    display: none;
}

.ColorSwatch {
    position: relative;
    vertical-align: top;
    cursor: pointer;
    background-size: cover;
}

.ColorSwatch:after {
    content: "";
    position: absolute;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    top: -3px;
    left: -3px;
}

/* PDP PAGE */

.prod-navigation {
    display: none;
}

.prod-navigation ul {
    text-align: center;
}

.prod-navigation ul li a {
    font-size: 10px;
    color: #59595c;
    margin-right: 40px !important;
}

.product__section--main h1 {
    font-family: SweetSansPro-Regular, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.product__section--main .price__badges {
    display: none;
}

.product__section--main .product__gallery--container {
    gap: 5px;
}

.product__section--main .product__section-details {
    padding: 0;
}

.product__section--main .product__policies,
.product__section--main .spi-banner {
    font-size: 11.5px;
    letter-spacing: 0.1em;
    display: none;
}

.product__section--main .product__section-more-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product__section--main .product__section--rating-wrapper {
    display: flex;
    gap: 5px;
}

.product__section--main .product__section-rating-star::before {
    background-color: #a7c6ed;
    background-image: none;
}

.product__section--main .product__section-rating-count {
    font-size: 9px;
    font-family: SweetSansPro-Regular, sans-serif;
    /* letter-spacing: 0.1em; */
    color: #5a595c;
    letter-spacing: 0.2em;
}

.product__section--main #product-price,
.product__section--main .product-price {
    font-size: 14.5px !important;
    font-weight: 500;
    font-family: SweetSansPro-Medium, sans-serif;
    margin-bottom: 0;
}

.product__section--main .flickity-prev-next-button {
    width: 26px;
    height: 26px;
}

.product__section--main .flickity-prev-next-button .flickity-button-icon {
    height: 13px;
}

.product__section--main .swatches__option-name span,
.product__section--main .swatches__option-name strong {
    text-transform: uppercase !important;
    font-size: 11.5px;
    font-family: SweetSansPro-Regular, sans-serif;
    font-weight: 400 !important;
    letter-spacing: 0.2em;
}

.product__section--main .swatches__swatch--color.swatch-element.color {
    width: 30px;
    height: 30px;
    /* border: 1px solid #CAC5C5; */
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.product__section--main
    .swatches__swatch--color.swatch-element.color
    label:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #CAC5C5;
    /* border: 1px solid var(--text-color); */
    border-radius: 50%;
}

.product__section--main
    .swatches__swatch--color.swatch-element.color:hover
    label:before {
    /* border: 1px solid #cac5c5; */
    border: 1px solid var(--text-color);
}

.product__section--main
    .swatches__form--input:checked
    + .swatches__form--label:before {
    /* border: 1px solid #cac5c5; */
    border: 1px solid var(--text-color);
}

.product__section--main
    .swatches__swatch--color.swatch-element.color
    .swatches__form--input:checked
    + .swatches__form--label 
    .swatches__sold-out--image {
    position: absolute;
    width: 21px;
    height: 21px;
    left: 5px;
    top: 5px;
}

.product__section--main
    .swatches__swatch--color.swatch-element.color
    label
    .swatches__sold-out--image {
    position: absolute;
    width: 21px;
    height: 21px;
    left: 5px;
    top: 5px;
}

.product__section--main .swatches__swatch--color.swatch-element.color .swatches__form--input[value="Black"] + .swatches__form--label .swatches__sold-out--image,
.product__section--main .swatches__swatch--color.swatch-element.color .swatches__form--input[value="Forest Green"] + .swatches__form--label .swatches__sold-out--image,
.product__section--main .swatches__swatch--color.swatch-element.color .swatches__form--input[value="Navy Blue"] + .swatches__form--label .swatches__sold-out--image
{
    background: linear-gradient(to top right, #0000 0% calc(50% - 0.8px), #f8f8f8 50%, #0000 calc(50% + 0.8px) 100%);
}


.product__section--main .swatches__swatch--color.swatch-element.color label {
    min-width: 22px !important;
    width: 22px !important;
    height: 22px;
    margin: 0;
    border-radius: 50%;
    border: 0;
    position: static;
    box-shadow: none;
}

.product__section--main .swatches__sold-out--image {
    position: static;
}

.product__section--main .swatches__swatch--regular.swatch-element label {
    min-width: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    margin-right: 10px;
}

.product__section--main
    .swatches__swatch--regular.swatch-element
    .swatches__form--input:checked
    + .swatches__form--label {
    background-color: transparent;
    color: var(--text-color);
}

.product__section--main
    .swatches__swatch--regular.swatch-element
    .swatches__sold-out--image {
    position: absolute;
}

.product__section--main .swatches__container--print .swatches__swatch--regular.swatch-element label {
    width: auto;
    height: auto;
    padding: 0 12px;
    border-radius: 5px;
}

.product__variants-swatches {
    display: flex;
    flex-direction: column-reverse;
}

.swatches__container {
    border-top: 0.75px solid #c9c5c5;
    border-bottom: 0.75px solid #c9c5c5;
    padding-top: 15px;
    padding-bottom: 15px;
}

.swatches__container + .swatches__container {
    border-bottom: 0;
    border-top: 0.75px solid #c9c5c5;
    padding-bottom: 0;
    padding-top: 15px;
}

.swatches__container--size .swatches__option-value {
    /* display: none; */
}

.modal__inner-content-container {
    max-height: fit-content;
    padding: 0 20px;
}

.modal__inner-content-container .popup-image {
    max-width: 500px;
    margin: 0 auto;
}

.product__section--main .swatches__container--size .swatches__option-name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.product__section--main #sizeChart button {
    font-size: 9px;
    font-weight: normal;
    letter-spacing: 0.2em;
    text-align: left;
    color: #5a595c;
    text-transform: uppercase !important;
    padding-left: 0;
    margin-bottom: 3px;
}

.product__section--main wrapped-extension {
    margin-bottom: 0.75em !important;
}

.product__section--main wrapped-extension [part="container"] {
    position: relative;
    padding-bottom: 15px !important;
    padding-left: 15px !important;
    padding-right:10px !important;
    padding-top: 10px !important;
}

.product__section--main wrapped-extension [part="thumbnail"] {
    order: 999 !important;
    width: 150px !important;
}

.product__section--main wrapped-extension [part="label"] {
    display: block;
}

.product__section--main
    wrapped-extension
    wrapped-feature-checkbox-simple
    [part="container"]
    label
    input[type="checkbox"] {
    position: absolute !important;
    background: #fcfcfc;
    border: 0.5px solid #cac5c5;
    border-radius: 0;
    display: none !important;
}

.product__section--main wrapped-extension [part="label"] h3 {
    font-size: 13px;
    font-weight: 500;
    font-family: SweetSansPro-Medium, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em !important;
    color: #5a595c;
    margin-bottom: 10px;
    margin-top: 10px;
}

.product__section--main wrapped-extension [part="label"] span {
    font-size: 12.5px;
    font-weight: 400;
    font-family: SweetSansPro-Regular, sans-serif;
    letter-spacing: 0.1em !important;
    line-height: 1.3em !important;
    color: #5a595c;
    margin-bottom: 30px;
    display: block;
    max-width: 300px;
    padding-left: 25px;
    padding-right: 5px;
}

.product__section--main wrapped-extension [part="label"] span:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    border: 0.5px solid #cac5c5;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -4px;
}

.product__section--main
    wrapped-extension
    wrapped-feature-checkbox-simple
    [part="container"]
    label
    input:checked {
    display: block !important;
}

/* .product__section--main wrapped-extension wrapped-feature-checkbox-simple [part="container"] label input:checked ~ [part="label"] span:before {
    background-color: #a7c6ed;
  } */

.product__section--main wrapped-extension [part="pricing"] {
    position: absolute;
    bottom: 15px;
    font-family: SweetSansPro-Regular;
    font-weight: normal;
    font-size: 13px !important;
    letter-spacing: 0.1em !important;
    color: #59595c;
}

.product__section--main input#addToCart {
    font-size: 11px;
    margin-bottom: 10px !important;
}

.product__section--main input#addToCart:disabled {
    background-color: #fff;
    color: var(--button-color);
    border: 1px solid var(--button-color);
}

.product__section--main #dropahint_wrapper #u_content_button_cta {
    padding: 0 !important;
}

.product__section--main #dropahint_wrapper #u_content_button_cta span {
    text-indent: -9999px;
    position: relative;
    font-size: 0;
    height: 0;
    display: inline-block;
    line-height: 0 !important;
}

.product__section--main #dropahint_wrapper #u_content_button_cta span:after {
    content: "Send a hint";
    text-indent: 0;
    font-size: 11px;
    color: #8bb8e8;
    display: block;
    text-transform: uppercase;
    border-bottom: 1px solid #8bb8e8;
    height: 10px;
    font-weight: 500;
}

.product__section--main #dropahint_wrapper #u_content_button_cta span br {
    display: none;
}

.product__section--main #dropahint_wrapper #u_content_button_cta a br {
    display: none;
}

.product__section--main #dropahint_wrapper #u_content_button_cta img {
    margin-right: 15px;
    width: 45px !important;
}

.product__section--main #dropahint_wrapper #u_content_button_cta a {
    width: auto !important;
    max-width: fit-content !important;
    display: flex !important;
    border: none !important;
    align-items: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}

.product__section--main .note-success {
    display: none !important;
}

.product-recommendations__wrapper {
    /* background-color: #dce8f4; */
    background-color: #dee9f7;
    padding: 50px 0 !important;
}

.product-recommendations__wrapper .section-title {
    margin: 0;
    width: 100%;
}

.product-recommendations__wrapper h2 {
    text-transform: uppercase;
    font-family: "Austin-Light";
    font-size: 25px;
    text-align: left;
}

.product-recommendations__wrapper .section-title:after {
    content: unset;
}

.product-recommendations__wrapper .product .ci .product-icons {
    display: none;
}

.template-product .section-accordion .section-title:after,
.is_product .section-accordion .section-title:after {
    content: unset;
}

.template-product .section-accordion .section-title h2,
.is_product .section-accordion .section-title h2 {
    font-size: 30px;
    text-transform: uppercase;
    font-family: "Austin-Light";
}

.template-product .section-accordion .c-accordion__header,
.is_product .section-accordion .c-accordion__header {
    font-size: 11px;
    outline: none !important;
    text-transform: uppercase;
}
.template-product
    .section-accordion
    .c-accordion__header[aria-expanded="true"],
.is_product
    .section-accordion
    .c-accordion__header[aria-expanded="true"] {
    border-bottom: 0;
}

.template-product .section-accordion .c-accordion__panel.is-active,
.is_product .section-accordion .c-accordion__panel.is-active {
    display: block !important;   
}

.template-product
    .section-accordion
    .c-accordion__header[aria-expanded="true"]
    + .c-accordion__panel,
.is_product
    .section-accordion
    .c-accordion__header[aria-expanded="true"]
    + .c-accordion__panel     {
    border-bottom: 1px solid var(--dotted-color);
}

.template-product .section-accordion .c-accordion__inner *,
.is_product .section-accordion .c-accordion__inner *  {
    font-size: 11px;
    letter-spacing: 0.1em;
}

.template-product .section-accordion .c-accordion__inner ul,
.is_product .section-accordion .c-accordion__inner ul {
    list-style: none;
    margin: 0;
}

.template-product .section-accordion .section--accordion__container,
.is_product .section-accordion .section--accordion__container {
    padding: 0;
}

.template-product .section-accordion .c-accordion,
.is_product .section-accordion .c-accordion {
    grid-column: auto / span 12 !important;
}

.template-product .section-accordion .c-accordion .dropdown-arrow,
.is_product .section-accordion .c-accordion .dropdown-arrow {
    transform: none !important;
    position: relative;
    width: 10px;
    height: 10px;
    align-self: center;
}

.template-product .section-accordion .c-accordion .dropdown-arrow svg,
.is_product .section-accordion .c-accordion .dropdown-arrow svg {
    position: absolute;
    transition: all 0.35s ease;
}

.template-product
    .section-accordion
    .c-accordion
    .dropdown-arrow
    svg.icon--apollo-minus,
.is_product
    .section-accordion
    .c-accordion
    .dropdown-arrow
    svg.icon--apollo-minus {
    opacity: 0;
    visibility: hidden;
}

.template-product
    .section-accordion
    .c-accordion.c-accordion--custom-page
    .c-accordion__header[aria-expanded="true"]
    .dropdown-arrow
    svg.icon--apollo-minus,
.is_product
    .section-accordion
    .c-accordion.c-accordion--custom-page
    .c-accordion__header[aria-expanded="true"]
    .dropdown-arrow
    svg.icon--apollo-minus     {
    opacity: 1;
    visibility: visible;
}

.template-product
    .section-accordion
    .c-accordion.c-accordion--custom-page
    .c-accordion__header[aria-expanded="true"]
    .dropdown-arrow
    svg.icon--apollo-plus,
.is_product
    .section-accordion
    .c-accordion.c-accordion--custom-page
    .c-accordion__header[aria-expanded="true"]
    .dropdown-arrow
    svg.icon--apollo-plus     {
    opacity: 0;
    visibility: hidden;
}

.template-product .SectionHeader__Heading,
.is_product .SectionHeader__Heading {
    font-size: 22px;
    text-transform: uppercase;
    font-family: "Austin-Light";
}

.template-product .section-title:after,
.is_product .section-title:after {
    content: unset;
}

.template-product .section-title h3,
.is_product .section-title h3 {
    font-family: "SweetSansPro-Regular";
    font-size: 9.5px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.template-product .section-title__arrow,
.is_product .section-title__arrow  {
    display: flex;
    justify-content: center;
    margin: 5px;
}

#ig_feed {
    /* background-color: #dce8f4; */
    background-color: #dee9f7;
    padding: 36px 0;
}

#ig_feed .ssw-instagram-grid {
    margin-bottom: 0 !important;
}

#ig_feed .ssw-instagram-widget,
#ig_feed .ssw-instagram-load-more,
#ig_feed .ssw-instagram-load-more button {
    margin-bottom: 0;
}

#ig_feed .ssw-instagram-load-more {
    margin-top: 30px;
}

#ig_feed .ssw-instagram-load-more button {
    color: #5a595c;
    border-bottom: 0.25px solid #5a595c !important;
    padding: 5px 0 !important;
    display: block;
    margin: auto;
    width: auto;
    font-size: 9.5px;
    letter-spacing: 0.2em;
    height: auto;
    line-height: 1;
}

#ig_feed .ssw-instagram-load-more button .ssw-icon-angle-down {
    display: none;
}

.back_in_stock button {
    font-size: 11px;
}

@media screen and (max-width: 740px) {
    .related-product-loop {
        display: block;
        width: 100%;
        /* margin: 0 -10px; */
    }

    .related-product-loop .flickity-viewport {
        display: block;
    }

    .related-product-loop .product {
        width: 50%;
        padding: 0 15px 0;
    }

    .related-product-loop .flickity-button,
    .related-product-loop .flickity-button:hover,
    .related-product-loop .flickity-button:focus {
        background: transparent;
        box-shadow: none;
        width: 20px;
        height: 20px;
    }

    .related-product-loop .flickity-button svg {
        height: 20px;
        fill: #59595c;
    }

    .related-product-loop .flickity-button.next {
        right: -15px;
    }

    .related-product-loop .flickity-button.previous {
        left: -15px;
    }
}

/* pdp media queries */
@media screen and (min-width: 1200px) {
    .product__section--main .product__gallery--container .thumbnails-nav {
        display: block;
    }
}


@media screen and (min-width: 981px) {
    .osx
        .product__section--main
        .swatches__swatch--regular.swatch-element
        label {
        padding-top: 4px;
        padding-left: 2px;
    }

    .template-product .SectionHeader__Heading {
        font-size: 30px;
    }

    .template-product .section-title h3 {
        font-size: 11px;
    }

    #ig_feed .ssw-instagram-load-more button {
        font-size: 11.16px;
    }

    .prod-navigation {
        display: flex;
        justify-content: center;
        background-color: #dee9f7;
        padding: 8px 0;
    }

    .product__section--main h1 {
        font-size: 21px;
    }

    .product__section--main
        .product__section-images
        .carousel-nav
        .carousel-cell {
        margin: 0;
    }
    .product__section--main .product__section-images .flickity-page-dots {
        display: none;
    }

    .product__section--main #product-price,
    .product__section--main .product-price {
        font-size: 17px !important;
    }

    .product__section--main .modal__inner-content-container {
        padding: 0 120px;
    }
    .product-recommendations__wrapper {
        padding: 60px 0 !important;
    }

    .product-recommendations__wrapper h2 {
        font-size: 30px;
    }

    #ig_feed {
        padding: 68px 0;
    }
}

.template-page-nantucket .slideshow-section {
    margin-bottom: 0;
}

.global__info {
    color: #fff;
    padding: 60px 0;
}

.global__info .section-heading {
    text-align: center;
    margin-bottom: 30px;
}

.global__info .section-heading h2,
.global__info .section-heading h3 {
    color: #fff;
    line-height: 1.33;
    margin-bottom: 0;
}

.global__info .section-heading h2 {
    font-family: sweet-sans-pro, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.2em;
}

.global__info .section-heading h3 {
    font-family: "Austin-LightItalic", sans-serif;
    font-style: italic;
    font-size: 28px;
    letter-spacing: 0.5px;
}

.global__info .info-columns {
    display: flex;
    flex-wrap: wrap;
    /* gap: 20px;
    justify-content: center; */
    justify-content: space-between;
    align-items: center;
}

.global__info .info-column {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
    margin-bottom: 30px;
    text-align: center;
}

.global__info .info-column__text {
    margin-bottom: 10px;
}

.global__info .info-column__image {
    order: -1;
}

.global__info .info-column__image img {
    max-width: 450px;
}

.global__info .info-column__content p {
    line-height: 1.5;
    margin-bottom: 0;
    letter-spacing: 0.2em;
}

.global__info .info-column__content p:last-child {
    margin-bottom: 0;
}

.global__info .info-column__content p strong {
    font-family: "Austin-LightItalic", sans-serif;
    font-weight: 300 !important;
    font-size: 28px;
    letter-spacing: 0.5px;
}

@media screen and (min-width: 981px) {
    .global__info .section-heading {
        text-align: center;
        margin-bottom: 10px;
    }

    .global__info .info-column {
        flex: 1;
    }

    .global__info .info-column__text {
        margin-bottom: 30px;
    }

    .global__info .info-column__content p {
        margin-bottom: 16px;
    }

    .global__info .info-column__image {
        max-width: 450px;
        flex: 0 0 auto;
        order: initial;
    }
}

/* Custom CSS */

.image-gallery-custom {
    padding-top: 4em;
    padding-bottom: 4em;
}

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

.image-gallery-custom__row {
    display: flex;
}

.image-gallery-custom__row p {
    width: 90%;
    letter-spacing: 0.85px;
}

.image-gallery-custom h1 {
    margin-bottom: 0;
}

.image-gallery-custom .heading {
    margin-bottom: 4em;
}

@media screen and (max-width: 1024px) {
    .image-gallery-custom__row {
        flex-flow: column !important;
        flex-direction: column-reverse !important;
    }

    .image-gallery-custom__text {
        margin-left: 0px !important;
        padding-left: 0px !important;
    }

    .image-gallery-custom__row p {
        width: 100%;
    }
}

/*  =============== CUSTOM CSS CODE ====================  */

.font-size-larger {
    font-size: 40px;
}

.font-size-large {
    font-size: 36px;
}

.font-size-medium {
    font-size: 24px;
}

@media screen and (max-width: 1024px) {
    .font-size-large {
        font-size: 28px;
    }

    .font-size-medium {
        font-size: 20px;
    }
}

.d-flex {
    display: flex;
}

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

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

.aspect-ratio-700-420 {
    aspect-ratio: 700/420;
    object-fit: cover;
}

.font-italic {
    font-style: italic;
}

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

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

#preview-bar-iframe {
    display: none !important;
}

.bg-yellowish {
    background: #f3f2f0;
}

.image-gallery-custom-2 {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
}

.image-gallery-custom-2 .section-title {
    text-transform: uppercase;
    padding-bottom: 4em;
}

.image-gallery-custom-2 .section-title::after {
    display: none !important;
}

.image-gallery-custom-2__textarea {
    padding: 0 10%;
    padding-top: 30px;
    letter-spacing: 1px;
}

@media screen and (max-width: 1024px) {
    .image-gallery-custom-2__textarea {
        padding: 0px;
        margin-top: 20px;
        width: 75% !important;
    }

    .image-gallery-custom-2 .image__block-container {
        width: 100%;
        display: flex;
        grid-column-gap: 5px !important;
    }
}

.simple-info-bar .row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.simple-info-bar img {
    width: 140px;
}

.simple-info-bar {
    position: relative;
    margin: 30px 0px;
}

.simple-info-bar__text {
    padding-left: 40px;
}

@media screen and (max-width: 1024px) {
    .simple-info-bar__text {
        font-size: 10px;
        padding-left: 20px;
        letter-spacing: 1px;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-left: 60px;
    }

    .simple-info-bar__text::after {
        height: 65%;
    }
}

@media screen and (max-width: 768px) {
    .simple-info-bar img {
        width: 90px;
        position: absolute;
        left: 10px;
    }
}

.simple-info-bar__text::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    height: 50%;
    transform: translate(0, -50%);
    background: #dfebf8;
    display: block;
    z-index: -1;
}

.font-sweet-sans {
    font-family: "SweetSansPro-Regular";
}

@media screen and (max-width: 1024px) {
    .image__with-text.about-brand .image-with-text-wrapper {
        display: flex;
        flex-flow: column;
    }

    .template-page-about .image__with-text.about-brand .image__section.image-right {
        order: -1;
    }

    section.image__with-text.about-image-with-text .text__section {
        padding: 30px 40px;
    }
}

@media screen and (min-width: 1024px) {
    section.image__with-text.about-image-with-text .row div.box-ratio {
        padding-bottom: var(--desktop-section-height) !important;
    }
}

@media screen and (min-width: 1980px) {
    section.image__with-text.about-image-with-text .box-ratio img {
        object-position: 50% 15% !important;
    }
}

/* simple gallery */

.simple__gallery {
    padding-top: 4em;
    padding-bottom: 4em;

}
.simple__gallery .heading{
    margin-bottom: 4em;
}

.simple__gallery h2 {
    margin-bottom: 0;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
}

.simple__gallery {
    padding-bottom: 15px;
}

.simple__gallery__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.33rem;
}

.simple__gallery__item {
    flex: 0 0 calc(33.333% - 0.33rem);
    max-width: calc(33.333% - 0.33rem);
    position: relative;
}

.simple__gallery__item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease;
}

.simple__gallery__item:hover:after {
    opacity: 1;
    visibility: visible;
}

.simple__gallery__item img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.simple__gallery__item .placeholder {
    width: 100%;
    height: 100%;
}

.simple__gallery__item .placeholder svg {
    width: 100%;
    height: 100%;
}

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

    .simple__gallery__container {
        gap: 1rem;
    }


    .simple__gallery h2 {
        font-size: 40px;
    }

    .simple__gallery__item {
        flex: 0 0 calc(25% - 1rem);
        max-width: calc(25% - 1rem);
    }
}

/* reviews */

#fulfilled-reviews-all {
}

#klaviyo-product-reviews-wrapper {
    position: relative;
    padding-top: 90px;
}

.kl_reviews__list_container {
    min-height: auto;
}

#fulfilled-reviews-all h2.kl_reviews__summary__header {
    display: none;
}

#fulfilled-reviews-all .kl_reviews__summary__custom_question--text {
    display: none;
}

#fulfilled-reviews-all .kl_reviews__summary {
    display: flex;
    flex-wrap: wrap;
    /* gap: 24px; */
    justify-content: space-between;
}

#fulfilled-reviews-all .kl_reviews__answers_grid {
    background: #f9f8f6;
    padding: 40px;
    flex: 0 0 calc(33.3333%);
    max-width: calc(66.6666%);
    justify-content: flex-start;
    text-align: left;
}

#fulfilled-reviews-all .kl_reviews__answers_grid:empty {
    display: none;
}

#fulfilled-reviews-all .kl_reviews__summary__grid--2-1 {
    flex: 0 0 calc(66.6666%);
    max-width: calc(66.6666%);
    display: block;
}

.kl_reviews__summary__rating--1-1 {
    display: flex !important;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 0 !important;
}

.kl_reviews__summary__average_and_stars {
    background: #f9f8f6;
    flex: 0 0 calc(50% - 24px);
    max-width: calc(50% - 24px);
    padding: 40px;
    position: relative;
    gap: 10px !important;
}

.kl_reviews__summary__stars{
    gap: 14px;
    min-width: auto !important;
}


.kl_reviews__summary__average_and_stars .kl_reviews__summary__average {
    font-family: "SweetSansPro-Medium", sans-serif;
}

.kl_reviews__summary__stars__count {
    /* position: absolute; */
    /* bottom: 60px; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    text-transform: uppercase;
    font-size: 11.5px !important;
    letter-spacing: 0.2em;
    text-align: center;
}

.kl_reviews__histogram__bar--background {
    flex: 1;
}

.kl_reviews__histogram__value {
    letter-spacing: 0.1em;
}

.kl_reviews__summary__average_value {
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: normal !important;
}

.kl_reviews__summary__average_denominator {
    font-size: 16px !important;
}

.kl_reviews__histogram {
    background: #f9f8f6;
    flex: 0 0 calc(50% - 24px);
    max-width: calc(50% - 24px) !important;
    margin: 0 !important;
    padding: 40px;
}

.kl_reviews__summary__stars .kl_reviews__stars_badge {
    margin-bottom: 0 !important;
    margin-top: 10px;
}

.kl_reviews__answers_grid .kl_reviews__summary__custom_question--range {
    width: 100% !important;
    margin: 0 !important;
}

.kl_reviews__answers_grid .kl_reviews__summary__custom_question--range strong {
    text-align: left !important;
    font-size: 11.5px !important;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.kl_reviews__review__verified {
    display: none !important;
}

.kl_reviews__answers_grid>div {
    max-width: 100% !important;
}

.kl_reviews__answers_grid .kl_reviews__summary__custom_question--range span {
    display: block;
    width: 100%;
    overflow: hidden;
    letter-spacing: 0.1em;
    text-align: center;
}

.kl_reviews__answers_grid .kl_reviews__summary__custom_question--range span[role="img"] {
    display: flex;
    background-color: var(--kl-reviews-reviews-secondary-background-color);
    border-radius: 5px;
    margin-bottom: 5px;
}

.kl_reviews__answers_grid .kl_reviews__summary__custom_question--range span:first-child {
    text-align: left;
}

.kl_reviews__answers_grid .kl_reviews__summary__custom_question--range span:last-child {
    text-align: right;
}

/* .kl_reviews__answers_grid .kl_reviews__summary__custom_question--range svg {
    transform: scale(1.2);
} */

.kl_reviews__list__tabs {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    margin-bottom: 0 !important;
    flex-direction: row-reverse !important;
}

.kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list
    .kl_reviews__list__tabs
    button.kl_reviews__list__tab
    small {
    display: none !important;
}

.kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list
    .kl_reviews__list__tabs
    button.kl_reviews__list__tab {
    padding: 0 !important;
    font-family: "Austin-Light" !important;
    font-size: 40px !important;
    line-height: normal !important;
    text-transform: uppercase;
}

.kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list
    .kl_reviews__list__tabs
    .kl_reviews__list__tab--active::after {
    content: none !important;
}

.kl_reviews__filters {
    position: absolute;
    top: 0;
    right: 200px;
}

.kl_reviews__reviews_list.kl_reviews__reviews_list button.kl_reviews__button {
    font-size: 11px !important;
    font-family: "SweetSansPro-Regular", sans-serif !important;
    text-transform: uppercase;
    min-width: 170px;
    text-align: center;
    box-sizing: border-box;
    background-color: #a7c6ed !important;
    letter-spacing: 0.2em;
}

.kl_reviews__reviews_list.kl_reviews__reviews_list
    button.kl_reviews__button:hover {
    background-color: #a7c6ed !important;
}

.kl_reviews__review__attributes + .kl_reviews__review__attributes {
    /* display: none !important; */
    position: static;
    max-width: 24.66667%;
    /* width: 66.6667%;
    margin-left: auto; */
}

.kl_reviews__review__attributes + .kl_reviews__review__attributes .kl_reviews__custom_question_answer {
    flex-direction: column !important;
    align-items: normal;
}

.kl_reviews__review__attributes + .kl_reviews__review__attributes .kl_reviews__custom_question_answer svg {
    width: 100% !important;
}

.kl_reviews__review_item.kl_reviews__review_item.kl_reviews__review_item {
    margin: 30px 0 !important;
    padding: 0;
    border-bottom: 0.5px solid #5a595c !important;
    padding-bottom: 20px !important;
}

.kl_reviews__review_item.kl_reviews__review_item.kl_reviews__review_item p.kl_reviews__review__content {
    color: var(--kl-reviews-reviews-primary-font-color);
    font-family: var(--kl-reviews-reviews-primary-font-font-family);
    font-weight: var(--kl-reviews-reviews-primary-font-font-weight);
}

.kl_reviews__review_item.kl_reviews__review_item.kl_reviews__review_item > div {
    /* display: grid; */
    position: relative;
}


.kl_reviews__review_stars_and_time + div {
    /* width: 75.33333%; */
    width: 66.6667%;
    margin-left: auto;
    padding-top: 25px;
}

.kl_reviews__review_stars_and_time {
    position: absolute;
    /* left: 24.5%; */
    left: 33.5%;
}

.kl_reviews__custom_question__answer--range {
    font-size: 10px;
    letter-spacing: 0.1em;
    gap: 10px;
    line-height: 1.2;
}

.kl_reviews__custom_question__answer--range span {
    text-align: center;
}

.kl_reviews__custom_question__answer--range span:first-child {
    text-align: left;
}

.kl_reviews__custom_question__answer--range span:last-child {
    text-align: right;
}

.kl_reviews__review__author {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 11.5px !important;
    font-family: "SweetSansPro-Regular", sans-serif !important;
    text-transform: uppercase;
    margin: 0;
}

p.kl_reviews__review__content {
    margin: 20px 0 0 !important;
}

.kl_reviews__review_item.kl_reviews__review_item.kl_reviews__review_item
    .kl_reviews__review__edited {
    display: none;
}

.kl_reviews__custom_question_answer {
    flex-direction: row !important;
    align-items: center;
    gap: 5px;
}

.kl_reviews__custom_question_answer strong {
    font-size: 11.5px !important;
    letter-spacing: 0.1em;
    margin-bottom: 0 !important;
}

.kl_reviews__custom_question_answer .kl_reviews__custom_question__answer--text {
    font-size: 11.5px !important;
    letter-spacing: 0.1em;
}

.kl_reviews__custom_question_answer + .kl_reviews__custom_question_answer {
    /* display: none; */
}

.kl_reviews__review__title {
    text-transform: uppercase;
    font-family: "SweetSansPro-Regular", sans-serif;
    font-size: 11.5px;
    letter-spacing: 0.2em;
}

.kl_reviews__review__title,
p.kl_reviews__review__content {
    letter-spacing: 0.1em !important;
}

p.kl_reviews__review__content {
    letter-spacing: 0.1em;
    font-size: 11px !important;
}

@media screen and (min-width: 981px) and (max-width: 1200px) {
    .kl_reviews__summary__average_and_stars,
    .kl_reviews__histogram,
    .kl_reviews__answers_grid {
        padding: 20px;
    }

    .kl_reviews__summary__stars__count {
        bottom: 45px;
    }
}

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

    .kl_reviews__review_item.kl_reviews__review_item.kl_reviews__review_item > div {
        gap: 0 !important;
    }
    
    .kl_reviews__review__attributes {
        flex-direction: column;
        position: absolute;
        top: 40px;
    }
}
@media screen and (max-width: 980px) {

    .kl_reviews__review_item.kl_reviews__review_item.kl_reviews__review_item {
        padding-bottom: 20px !important;
    }

    .kl_reviews__review_item.kl_reviews__review_item.kl_reviews__review_item > div {
        gap: 5px !important;
    }

    .kl_reviews__review__attributes + .kl_reviews__review__attributes {
        max-width: 100%;
    }
    
    #klaviyo-product-reviews-wrapper {
        padding-top: 160px;
    }

    .kl_reviews__filters {
        left: 10px;
        top: 90px;
        right: 10px;
        justify-content: space-between !important;
    }

    .kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list
        .kl_reviews__list__tabs
        button.kl_reviews__list__tab {
        font-size: 30px !important;
    }

    .kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list
        .kl_reviews__filters
        .kl_reviews__search {
        flex: 1;
    }

    .kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list
        .kl_reviews__search
        input[type="text"] {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #fulfilled-reviews-all .kl_reviews__summary__grid--2-1 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .kl_reviews__summary__average_and_stars,
    .kl_reviews__histogram {
        flex: 0 0 100%;
        max-width: 100% !important;
        margin-bottom: 0 !important;
    }

    #fulfilled-reviews-all .kl_reviews__answers_grid {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 24px;
    }

    .kl_reviews__summary__stars__count {
        bottom: 20px;
    }

    .kl_reviews__review_stars_and_time {
        position: absolute;
        left: -3px;
        top: 25px;
    }

    .kl_reviews__review_stars_and_time + div {
        width: 100%;
        margin-left: auto;
        padding-top: 50px;
    }

    p.kl_reviews__review__content {
        margin: 10px 0 10px !important;
    }
}

@media screen and (max-width: 400px) {
    .kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list .kl_reviews__list__tabs {
        border-bottom: none !important;
        gap: 5px !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list .kl_reviews__list__tab_buttons {
        order: -1;
    }

    .kl_reviews__filters {
        top: 100px;
    }

    .kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list .kl_reviews__filters .kl_reviews__search {
        flex: 0 0 100%;
    }

    .kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list .kl_reviews__filters__pill {
        flex: 0 0 100%;
    }

    .kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list .kl_reviews__filters__pill select {
        width: 100%;
    }

    #klaviyo-product-reviews-wrapper {
        padding-top: 200px;
    }
}


@media screen and (min-width: 980px) and (max-width: 1026px){
    .kl_reviews__summary__stars__count{
        bottom: 60px;
    }
 
}



.kl_reviews__summary__average_and_stars{
    flex-direction: column !important;
}

@media screen and (min-width: 980px) and (max-width: 1200px){
    .kl_reviews__review__attributes{
        /* position: static; */
        max-width: 24.66667%
    }
}


@media screen and (min-width: 1201px) and (max-width: 1319px){
    .kl_reviews__summary__stars__count{
        bottom: 77px;
    }
}

.kl_reviews__review__attributes .kl_reviews__custom_question_answer{
    flex-direction: column !important;
    align-items: flex-start;
}

.kl_reviews__custom_question_answer svg{
    max-width: 100%;
}


.kl_reviews__review__attributes{
    /* padding-top: 10px; */
}


.kl_reviews__custom_question__answer--range{
    width: 100%;
}

wrapped-extension label span {
    /* color: black !important;
    font-size: inherit !important; */
}

.cart-background {
    background-color: #f2f1ef;
}

.cart-page .ajax-cart__cart-form.grid__wrapper {
    padding-top: 67px;

    display: block;
    @media screen and (min-width: 980px) {
        display: grid;
        grid-template-columns: 70% 30%;
    }

    @media screen and (max-width: 979px) {
        padding-top: 98px;
    }
}

.cart-page wrapped-extension {
    background-color: #dee9f7 !important;
}

.cart-page wrapped-extension span {
    color: #58595c;
    font-size: 13px !important;
    line-height: 1.2;
}

.cart-page .cart-left,
.cart-page .cart-right {
    background-color: white;
    padding: 20px 5px 20px 7px;
    width: 100%;
    @media screen and (min-width: 740px) {
        padding: 30px 22px 30px 27px;
    }
    @media screen and (max-width: 739px) {
        margin-top: 10px;
        padding: 17px 25px 17px 27px;
    }
}

.cart-page.main__section {
    margin-bottom: 0px;
    padding-bottom: 50px;
}

.cart-page .ajax-cart__header__continue-link {
    font-family: "Austin-Light";
    text-align: right;
    letter-spacing: 0px;
    color: #443c3f;
    font-size: 25px;
}

.cart-page .cart-top-right {
    text-align: right;
    @media screen and (max-width: 739px) {
        display: none;
    }
}

.cart-page .cart-top-left {
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    align-items: flex-end;
}

.cart-page h1 {
    font-family: inherit;
    text-align: left;
    letter-spacing: 1.5px;
    color: #443c3f;
    font-size: 15px;
}

.cart-page .item-count {
    font-size: 12px;
    color: #443c3f;
}

.ajax-cart__page-wrapper .ajax-cart__item-qty,
.ajax-cart__page-wrapper .ajax-cart__item-line-price {
    align-self: start;
    text-align: left;
    @media screen and (max-width: 739px) {
        display: none;
    }
}

.ajax-cart__page-wrapper .ajax-cart__item-qty {
    letter-spacing: 0px;
}

.ajax-cart__page-wrapper .ajax-cart__item-details {
    grid-column: auto / span 5;
    @media screen and (max-width: 739px) {
        grid-column: auto / span 10;
        width: 95%;
    }
}

.ajax-cart__item-line-price span {
    font-size: 15px !important;
    letter-spacing: 0px;
    color: #443c3f;
    text-align: left;
}

.ajax-cart__item-quantity {
    letter-spacing: 0;
}

.cart-page .top-border {
    border-top: 0.5px solid #cac0b8;
    height: 15px;
}

.cart-page .ajax-cart__qty-control--down,
.cart-page .ajax-cart__qty-control--up,
.cart-page input[type="number"] {
    height: 22px !important;
    width: 24px !important;
    line-height: 18px;
    font-family: "SweetSansPro-Regular";
    border-color: #cac0b8;
    color: #443c3f !important;
    font-size: 15px !important;
    @media screen and (min-width: 1200px) {
        height: 32px !important;
        width: 34px !important;
        line-height: 32px;
        font-size: 15px !important;
    }

    @media screen and (max-width: 739px) {
        width: 30px !important;
        height: 27px !important;
        line-height: 20px;
        font-size: 15px !important;
    }
}

.ajax-cart__title a {
    font-size: 15px !important;
    text-transform: uppercase;
    /* @media screen and (min-width: 1200px) {
        font-size: 17px !important;
    }
    @media screen and (max-width: 739px) {
        max-width: unset;
    } */
}

.ajax-cart__final-details div > p {
    color: #58595c;
    font-size: 13px;
    font-family: "SweetSansPro-Thin";
}

.ajax-cart__cart-variants,
.ajax-cart__cart-variants p {
    font-size: 13px !important;
    font-family: "SweetSansPro-Thin";
    letter-spacing: 0px;
    color: #58595c;
    line-height: 1.6;
}

.ajax-cart__final-details div.total > p.title {
    font-size: 12px;
    color: #443c3f;
    font-size: 15px;
    font-family: "SweetSansPro-Regular";
    margin: 20px 0 23px;
    @media screen and (max-width: 739px) {
        font-size: 16.2px !important;
    }
    text-transform: uppercase;
}

.ajax-cart__final-details div.total > p.total-price {
    font-size: 15px;
    color: #443c3f;

    font-family: "SweetSansPro-Regular";
    margin: 20px 0 23px;
    text-transform: uppercase;
}

.ajax-cart__cart-item {
    border: none;
    row-gap: 10px;
    padding-bottom: 10px;
}

/* .cart-page div[data-cart-item-price]{
  display: none;
} */

.item-bottom-line {
    border-top: 0.5px solid #cac0b8;
    height: 0px;
    @media screen and (max-width: 739px) {
        height: 8px;
    }
}

.cart-heading,
.cart-heading * {
    line-height: 0;
    text-transform: uppercase;
    font-size: 12px;
    color: #443c3f;
}

.cart-page
    .c-accordion.c-accordion--custom-page.c-accordion--icon
    .c-accordion__inner {
    padding: 10px 0 0 0;
}

.js-accordion-header.c-accordion__header {
    letter-spacing: 0px;
    font-size: 14.5px;
}

.cart-right .grid__wrapper {
    grid-row-gap: 10px;
    margin-bottom: 10px;
}

.hide-mobile {
    @media screen and (max-width: 739px) {
        display: none;
    }
}

.hide-desktop {
    @media screen and (min-width: 740px) {
        display: none;
    }
}

.cart-page #checkout {    
    font-size: 15px;
}
.white-background {
    background-color: white !important;
}

.cart-right .a-right {
    letter-spacing: 0px;
    line-height: 1;
}

.cart-right .a-left {
    letter-spacing: 0em;
    line-height: 1.65;
}

.cart-right div.total .a-left {
    letter-spacing: 1.2px;
}

@media screen and (max-width: 739px) {
    .cart-right .a-left {
        /* letter-spacing: 1.84px; */
    }

    .cart-right div.total .a-left {
        letter-spacing: 1.62px;
    }
}

.cart-page .grid__wrapper.edge {
    @media screen and (max-width: 739px) {
        grid-template-columns: 64px 81px repeat(10, 1fr);
    }

    @media screen and (max-width: 500px) {
        grid-template-columns: 24px 30px repeat(10, 1fr);
    }
}

@media (max-width: 500px) {
    .ajax-cart__page-wrapper .ajax-cart__item-image img {
        max-width: 70px;
    }
}


.cart-page .ajax-cart__title * {
    letter-spacing: 0.1em;
}

.page-title h1 {
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 40px;
    margin-top: 20px;
}

.page-content h2 {
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.page-content p {
    letter-spacing: 0.05em;
    margin-bottom: 15px;
}

.page-content ul {
    letter-spacing: 0.05em;
    margin-bottom: 15px;
}

.page-content p + h2 {
    margin-top: 20px;
}

.page-content .cta {
    margin: 10px 0 20px;
}

.page-content .cta a {
    text-decoration: none;
}

@media (max-width: 740px) {
    page-title h1 {
        font-size: 35px;
    }

    page-content h2 {
        font-size: 30px;
    }
}


.cart-page wrapped-extension wrapped-feature-message-simple textarea{
    letter-spacing: 0em!important;
}

.cart-page .js-cart-note{
    letter-spacing: 0em;
}

.total-price.a-right{
    letter-spacing: 0.1em; 
}


/* klavyio rating */
.kl_reviews__star_rating_widget.kl_reviews__star_rating_widget.kl_reviews__star_rating_widget{
    justify-content: flex-end!important;
}

div.kl_reviews__star_rating_widget__label{
    font-size: 9px !important;
    font-family: "SweetSansPro-Regular" !important;
    color: #5a595c !important;
    letter-spacing: 0.2em !important;
}

.kl_reviews__full_star,
.kl_reviews__partial_star{
    height: 14px !important;
}

.klaviyo-star-rating-widget button{
    height: 16px;
    line-height: 16px;
}

.template-product .section-accordion .c-accordion__inner ul,
.is_product .section-accordion .c-accordion__inner ul{
    list-style: unset;
    margin-left: 20px;
}

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


.swatches__container {
    border-bottom: 0;
    border-top: 0.75px solid #c9c5c5;
    padding-bottom: 0;
    padding-top: 15px;
}
 


.swatches__container + .swatches__container {
    border-bottom: 0.75px solid #c9c5c5;
    border-top: 0.75px solid #c9c5c5;
    padding-bottom: 15px;
    padding-top: 15px;
}


@media screen {
    
}
.image-gallery-custom__row,
.image-gallery-custom__row p,
.image-gallery-custom-2__textarea,
.image-gallery-custom-2__textarea p,
.image__with-text .text__section .rte,
.image__with-text .text__section .rte p{
    line-height: 1.3em;
    font-size: 15px;
}

.image__with-text .text__section .rte.rte--additional-text p em
{
    line-height: 1.4;
}

@media (max-width: 740px) {
    .image-gallery-custom__row,
    .image-gallery-custom__row p,
    .image-gallery-custom-2__textarea,
    .image-gallery-custom-2__textarea p,
    .image__with-text .text__section .rte,
    .image__with-text .text__section .rte p{
        line-height: 1.3em;
        font-size: 14px;
    }    
}


.product__section--main wrapped-extension [part="pricing"]
{
    font-weight: 600;
}


wrapped-extension [feature="checkbox"] [part="container"] {
    & label {
        & span {
            &[part="pricing"] {
                font-weight: 600;
            }
        }
    }
}

.product__section--main wrapped-extension wrapped-feature-checkbox-simple [part="container"] label input[type="checkbox"]{
    display: inline-block !important;
}

.product__section--main wrapped-extension [part="label"] span:before{
    content: unset;
}

.cart-page wrapped-extension [part="feature"] {
    & [part="container"] {
        & label {
            align-items: flex-start !important;
        }
    }
}

/* .ssw-instagram-items{
    display: flex;
    justify-content: center;
} */

wrapped-extension [feature="checkbox"] [part="container"] {
    & label {
        & span {
            &[part="thumbnail"] {
                background-color: unset !important;
            }
        }
    }
}


.kl_reviews__list_container{
    min-height: 50px !important;
}

.theme-features__section-titles--short_below .section-title.maintitle:after{
    content: unset!important;
}

.theme-features__section-titles--short_below .section-title.maintitle h1{
    font-size: 30px;
    text-transform: uppercase;
}
.subtitle{
    letter-spacing: 0.1em;
}

wrapped-extension h3,
wrapped-extension span[part="pricing"]
{
    line-height: .9 !important;
}

#collection-description .rte{
    letter-spacing: 0.05em;
    font-size: 14px;
    line-height: 1.3;
}


.kl_reviews__review_item .kl_reviews__review__author,
.kl_reviews__review_item .kl_reviews__review__title,
.kl_reviews__review_item .kl_reviews__review__content,
.kl_reviews__review_item .kl_reviews__review__content *{
    font-size: 12px !important;
}

.product__section--main #sizeChart button{
    font-size:11px;
}

.template-product .section-accordion .c-accordion__header,
.template-product .section-accordion .c-accordion__inner *{
    font-size: 12px;
}

.instagram-section-header{
    padding-top:10px;
}
.instagram-section-header .section-title{
    padding-bottom: 47px;
}

.insta-stripe{
    border-top:8px solid #a7c6ec;
    border-bottom: 8px solid #a7c6ec;
    width: 100%;
    height: 40px;
    margin-bottom: 47px;
}

.insta-stripe-interior{
    border-bottom: 8px solid #a7c6ec;
    margin-top: 8px;
    margin-bottom: 8px;
}

@media screen and (max-width: 980px){
    .insta-stripe{
        border-top:3px solid #a7c6ec;
        border-bottom: 3px solid #a7c6ec;
        width: 100%;
        height: 19px;
        margin-bottom: 47px;
    }
    
    .insta-stripe-interior{
        border-bottom: 3px solid #a7c6ec;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}


.kl_reviews__reviews_list.kl_reviews__reviews_list.kl_reviews__reviews_list button.kl_reviews__list__tab{
    font-weight: 400 !important;
}


.product_final_sale{
    font-size: 11.5px;
    color: var(--sale-color);
}

.product_final_sale_text{
    font-size: 11px;
    color: var(--sale-color);
    text-align: center;
    margin-bottom: 12.8px;
}

.product-details .price{
    font-size: 12px;
}

.klaviyo-bis-trigger{
    display: none;

    background: var(--button-color);
    border: none;
    text-align: center;
    -webkit-transition: background 0.3s ease, color 0.3s ease;
    -moz-transition: background 0.3s ease, color 0.3s ease;
    -o-transition: background 0.3s ease, color 0.3s ease;
    transition: background 0.3s ease, color 0.3s ease;
    -webkit-appearance: none;
    color: var(--button-text);
    font-family: var(--main-family);
    font-weight: var(--main-weight);
    font-size: 11px;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 20px;
    height: 48px;
    line-height: 48px;
    text-transform: uppercase;
    width: 100%;
    max-width: 100%;
    letter-spacing: var(--main-spacing);
}

@media screen and (max-width:500px) {
    .klaviyo-form-U9BCKn .klaviyo-form{
        padding: 35px 20px 30px !important;
    }    
}

.klaviyo-form-U9BCKn div[data-testid="form-row"]{
    flex-wrap:wrap;
}

.klaviyo-form-U9BCKn div[data-testid="form-row"] div[data-testid="form-component"]:first-of-type{
    width: 100%;
    flex: unset !important;
    text-align: center;
}

.collection-block__title{
    text-align: center;
}

.ssw-instagram-items{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}       

#addToCart{
    border-radius: 0 !important; 
}

.flickity-prev-next-button{
    padding-left: 6px;
    padding-right: 6px;
}
button#BIS_trigger{
  font-size: 11px !important;
}
}

/* styling for Events Page template */ 

.events-page {
    letter-spacing: 0.85px;}


.events-page .text__section h2 {
  text-transform: uppercase;
  margin-bottom: 30px;
}
.events-page .text__section p {
  font-size: 20px;
  letter-spacing: 0.85px !important;
}

.events-page .rte--additional-text p em {
  font-family: Austin-Light;
  font-size: 20px !important;
  letter-spacing: 0.85px !important;
}
.events-page .rte--more-text {
  letter-spacing: 0.85px !important;
}
.events-page h2 {
  font-size: 20px;
    font-family: SweetSansPro-Regular, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.events-page p {
  font-size: 14px;
  letter-spacing: 0.085em;
}
.events-page .rich__text {
  padding: 10px 0 10px !important;
}

@media screen and (min-width: 981px) {
    .rich__text {
        padding: 10px 0 10px !important;
    }

.events-page .section-title h2 {
  padding-top:10px !important;
}

.events-page .section-title {
  paddint-top: 20px;
}
/* END styling for Events Page template */