/** Shopify CDN: Minification failed

Line 21020:0 Unexpected "}"

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

/* html{
  overflow-x: hidden;


} */

/* #st-autocomplete-container {
    display: none;
} */

@media(max-width: 785px)
{
  .wihslist-meta .wishlist-variant{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1!important;
    -webkit-box-orient: vertical
  }
}

@media(min-width: 785px)
{
  .wihslist-meta .wishlist-variant{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1!important;
    -webkit-box-orient: vertical
  }
}.template-product input,
textarea {
  font-size: 16px !important;
}

.wh-pro-meta .wishlist-price, .wihslist-meta .wishlist-price {
    color: #13294b !important;
    font-weight: 600;
}


.grecaptcha-badge {
    display: none !important;
}
div#footer-wrapper {
  padding: 0px 10px;
}
.product__section-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.rk-widget {
    padding: 0 10px;
}

@media(min-width: 981px)
{
  .footerblockitems-_0{
    display:none;
  }
  #footer-wrapper p{
    margin-bottom: 15px;
  }
#footer-wrapper a {
  color: var(--footer-text);
    font-weight: 500;
    margin: 0px;
    font-size: 15px;
}
}
@media screen and (max-width: 980px) {
    ul.shopping__cart-links svg {
        height: 18px;
        width: 30px;
    }
    .footerseo_section--footer-SEO-content {
      display: none;
    }
    .footer-signup-main {
      margin-bottom: -35px !important;
  }
    
}



.product__section-contentWrapper .price-item--sale, .product__section-content .price-item--sale {
    font-size: 16px !important;
    font-weight: 400;
}

h1.product__section-title.product-title.mobile {
  display: none;
}

.relative{
  position:relative;
}

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

.marmeto-footer {
    width: 94%;
    margin: 0 auto;
}

.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*="min-"],
.gridlock .row [class*="mobile-"],
.gridlock .row [class*="tablet-"],
.gridlock .row [class*="desktop-"],
.gridlock .row [class*="max-"] {
  float: left;
  margin-left: 1.04166667%;
  margin-right: 1.04166667%;
  box-sizing: border-box;
}

.gridlock .row [class*="all-"].padded,
.gridlock .row [class*="min-"].padded,
.gridlock .row [class*="mobile-"].padded,
.gridlock .row [class*="tablet-"].padded,
.gridlock .row [class*="desktop-"].padded,
.gridlock .row [class*="max-"].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*="min-"].contained,
.gridlock .row [class*="mobile-"].contained,
.gridlock .row [class*="tablet-"].contained,
.gridlock .row [class*="desktop-"].contained,
.gridlock .row [class*="max-"].contained {
  margin-left: 0;
  margin-right: 0;
}

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

.page_padding {
  padding: 0 1.04166667%;
}

@media screen and (min-width: 980px) {
  .gridlock .row,
  .gridlock .row.image_gallery_pagewidth {
    width: 960px;
  }
}

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

@media screen and (min-width: 769px) and (max-width: 1679px) {
  .gridlock .row,
  .gridlock .row.image_gallery_pagewidth {
    width: 90%;
  }
}

@media screen and (min-width: 1680px) {
  .gridlock .row,
  .gridlock .row.image_gallery_pagewidth {
    width: 1600px;
  }
}

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

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

  .gridlock .row.image_gallery_pagewidth {
    margin-right: 0;
    width: 96%;
  }
}

.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: 768px) {
  .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-fourths {
    width: 72.91666667%;
  }

  .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: 981px) {
  .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 {
    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;
  }
}

* {
  margin: 0;
}

@media (pointer: coarse) {
  *:focus {
    outline: none;
  }
}

/* =============== */
/* = 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: 0;
}

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

/* Remove space when full width options selected */
.row .grid__wrapper.row {
  padding: 0;
  max-width: 102.08333333%;
}

.grid__wrapper.row {
  padding: 0 1.04166667%;
}

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

/* align items */
.ai-s {
  align-items: start !important;
}

.ai-c {
  align-items: center !important;
}

.ai-e {
  align-items: end !important;
}

/* Gird Column Template*/
.grid__wrapper.gtc1 {
  grid-template-columns: 1fr;
}

.grid__wrapper.gtc2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid__wrapper.gtc3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid__wrapper.gtc4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid__wrapper.gtc5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid__wrapper.gtc6 {
  grid-template-columns: repeat(6, 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;
}

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

@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: 769px) {
    .desktop-hide {
      display: none !important;
    }
  }

  /* Mobile Grid Columns */
  @media (max-width: 768px) {
    .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: 769px) 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;
    }
  }
}

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

.mb30 {
  margin-bottom: 30px !important;
}

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

@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-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-bottom: 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%;
}

html,
body {
  height: 100%;
  box-sizing: border-box !important;
}

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

body {
  color: var(--text-color);
  background: var(--background);
  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);
  line-height: 1.6em;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* Without this, the body has excess horizontal scroll when the menu is open */
  overflow-x: hidden;
}

body .slideout-panel {
  background: var(--background);
}

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

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

.box-ratio {
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  background-color: #f1f1f1;
}

.product .box-ratio {
  background-color: white;
}

.box-ratio img {
  background-color: white;
  width: 100%;
}


h1,
h2,
h3,
h4,
h5 {
  color: var(--text-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 {
  font-weight: inherit;
  color: var(--text-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);
}

h1,
h2,
h3,
h4,
h5,
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: "Courier New", Courier, monospace;
  font-size: 13px;
  font-weight: bold;
}

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

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

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

.inline-block-auto {
  display: inline-block;
  width: auto !important;
}

.pr {
  position: relative;
}

a {
  text-decoration: none;
  color: var(--text-color);
  -webkit-transition: color 0.5s ease-in;
  -moz-transition: color 0.5s ease-in;
  -o-transition: color 0.5s ease-in;
  transition: color 0.5s ease-in;
}

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-family: Georgia, "Times New Roman", Times, sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-style: italic;
  padding-left: 35px;
  color: #999;
  margin: 20px 0;
}

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

.right {
  float: right;
}

.left {
  float: left;
}

.center {
  text-align: center;
}

.mb0 {
  margin-bottom: 0;
}

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

.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 .box-ratio {
  display: none;
}

.no-js .product-main-image img.lazyload,
.no-js #slider .carousel-cell {
  opacity: 1 !important;
  visibility: visible;
}

.no-js #slider .carousel-cell img {
  margin-bottom: 20px;
}

.no-js .product-thumbnails .lazyload,
.no-js .zoom_btn,
.no-js .swatches__container,
.no-js .no-js-hidden {
  display: none;
}

.no-js .product__variants-single-option-label,
.no-js .vantage-accordion .product-accordion-content {
  display: block !important;
}

.no-js #AddToCartForm .product__variants-select {
  display: block !important;
}

.no-js #AddToCartForm .product__variants-select select {
  float: unset;
  min-width: 240px;
}

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

.no-js #shopify-section-mobile-navigation {
  display: none;
}

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

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

.no-js .loading-wrapper,
.no-js .product-listing__quickview-trigger {
  display: none !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;
}

/* #Buttons
================================================== */
.collection-pacho-preorder-button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  width: 100%;
  max-width: 100%;
  background: var(--button-color);
  color: var(--button-text);
  font-family: var(--main-family);
  font-weight: var(--main-weight);
  font-style: var(--main-style);
  font-size: var(--font-size);
  letter-spacing: var(--main-spacing);
  font-weight: normal;
  text-decoration: none;
  border: none;
  -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;
  --webkit-appearance: none;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 15px;
  line-height: normal;
  height: 45px;
}

.theme-buttons-curved .button,
.theme-buttons-curved button,
.theme-buttons-curved input[type="submit"],
.theme-buttons-curved input[type="reset"],
.theme-buttons-curved input[type="button"] {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

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

button.button-as-link:hover,
a.button-as-link:hover,
input.button-as-link:hover {
  background: none;
  color: var(--text-color);
}

.secondary-button {
  background: var(--secondary-button-color) !important;
  color: var(--secondary-button-text) !important;
  border: 1px solid black;
  margin: 0;
  padding: 10px 34px;
  border-radius: 7px;
}

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

.view_all_button {
  margin: 20px auto 0;
  text-align: center;
}

.custom-primary-button {
  color: var(--button-text) !important;
  background: var(--button-color);
  border: 1px solid black;
  margin: 0;
  padding: 10px 20px;
  border-radius: 7px;
}

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

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

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

fieldset {
  margin-bottom: 20px;
}

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

select {
  padding: 0 9px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  color: #444;
  -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;
}

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

label span,
legend span {
  font-weight: normal;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #aaa;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #aaa;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #aaa;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #aaa;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"] {
  width: 100%;
  font-family: var(--main-family);
  font-weight: var(--main-weight);
  font-style: var(--main-style);
  font-size: var(--font-size);
  color: var(--text-color);
  border: 1px solid rgba(238, 238, 238, 1);
  height: 50px;
  margin: 0px;
  margin-bottom: 20px;
  max-width: 100%;
  text-indent: 10px;
  outline: none;
  --webkit-appearance: none;
  --webkit-border-radius: 0;
}

textarea {
  width: 100%;
  background: #fff;
  border: 1px solid var(--dotted-color);
  height: 135px;
  margin: 0 0 20px 0;
  max-width: 100%;
  padding: 10px;
  outline: none;
  --webkit-appearance: none;
  --webkit-border-radius: 0;
  min-height: 60px;
  min-width: 300px;
  letter-spacing: var(--main-spacing);
}

/* =============== */
/* = Start CSS = */
/* =============== */

.announcement__bar-section .row.grid__wrapper {
  grid-row-gap: 0;
}

.header-wrapper {
  background: var(--header-wrapper-background);
}

.header-wrapper .grid__wrapper:not(.megamenu) {
  grid-row-gap: 0;
  align-items: center;
}

header {
  background: var(--announcement-background);
  position: relative;
  z-index: 6;
  color: var(--announcement-text);
}

ul#social-icons {
  margin-bottom: 0;
  text-align: left;
  z-index: 5;
  position: relative;
  list-style: none;
  min-height: 1px;
}

ul#social-icons li {
  text-align: left;
  display: inline;
  padding: 0 10px 0 0;
}

ul#social-icons li a {
  color: var(--announcement-text);
}

ul#social-icons li a:hover {
  color: var(--announcement-text);
  text-decoration: underline;
}

.h-wishlist-icon svg {
  width: 18px !important;
  height: 18px !important;
}

#search {
  width: 300px;
  text-align: center;
  margin: 0 auto;
}

#search_popup {
  text-align: center;
}

#search_popup #q {
  text-indent: 0;
  text-align: center;
}

/* ====== Mobile Header ===== */
.mobile__header a,
.mobile__header button {
  color: var(--mobile-header-icons);
}

/* ====== Header links ===== */
header .fa-2x {
  font-size: 16px !important;
}

.cart-links__wrapper {
  margin: 0;
}

.cart-links__wrapper > li {
  display: inline-block;
}

.cart-links__wrapper > li > a {
  line-height: 48px;
  height: 48px;
  padding: 0 5px;
  display: inline-block;
}

.cart-links__link-cart button {
  margin: 0;
  padding: 0;
  line-height: 48px;
  height: 48px;
  color: var(--header-link-color);
}

.cart--css {
  pointer-events: none;
}

#announcement_bar-links {
  text-align: center;
  min-height: 1px;
  color: #13294b;
}

@media screen and (min-width: 741px) {
  #announcement_bar-links {
    padding: 4px 0;
  }
}

@media screen and (max-width: 740px) {
  #announcement_bar-links {
    padding: 2px 0;
  }
}

#announcement_bar-links p {
  color: var(--announcement-text);
  font-size: var(--announcement-text-size);
  margin-bottom: 0;
}

#announcement_bar-links a {
  color: var(--announcement-text);
  text-decoration: underline;
}

#logo {
  position: relative;
  margin-bottom: 2px;
  margin-top: 2px;
}

#logo a {
  vertical-align: middle;
  font-family: var(--heading-family);
  font-weight: var(--heading-weight);
  font-style: var(--heading-style);
  color: var(--header-link-color);
  text-decoration: none;
  font-size: var(--h1-size);
}

.main__section {
  position: relative;
  z-index: 1;
  /*z-index: 0;*/
}

.collection__page.main__section.st-collection-content {
    z-index: auto;
}

/* body:not(.template-index) .main__section {
  margin-top: 30px;
} */

.content-wrapper {
  background: var(--background);
}

ul.shopping__cart-links {
  list-style: none;
  display: flex;
  flex-direction: row;
  grid-gap: 15px;
  justify-content: end;
  align-items: center;
  margin-bottom: 0;
  padding: 0 10px;
}

ul.shopping__cart-links li a,
ul.shopping__cart-links li span,
ul.shopping__cart-links li button {
  margin-bottom: 0;
  padding: 0;
}

@media screen and (max-width: 980px) {
  ul.shopping__cart-links svg {
    height: 18px;
  }

  ul.shopping__cart-links {
    grid-gap: 8px;
  }
}

/* =============== */
/* = index.liquid = */
/* =============== */

#index-pages h3 {
  text-align: center;
  margin-bottom: 20px;
}

.pages-left-content {
  padding-top: 5px;
}

.padded {
  margin-bottom: 15px;
}

.pages-content .rte {
  text-align: center;
}

.prod-vendor {
  text-align: center;
  display: block;
}

/* =============== */
/* = collections = */
/* =============== */

.product_title {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.featured-product-form .errors.qty-error,
.product-form .errors.qty-error {
  padding: 10px 10px 20px 10px;
}

.product-index .single-option-selector {
  margin: 5px auto 10px;
}

li.paginext,
li.pagiprev {
  width: 38px;
  border: 1px solid #ddd;
  text-align: center !important;
  height: 38px;
  line-height: 36px;
}

li.paginext a,
li.pagiprev a {
  display: block;
  font-size: 16px;
}

span.pagination-count {
  margin-left: 10px;
  font-size: 11px;
}

/* ================ */
/* = Product page = */
/* ================ */

.product__section--header .product-title {
    font-size: 32px;
    width: 500;
    font-weight: 400;
    letter-spacing: 0px;
}

.product__section--header .product-description {
  font-size: 14px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 10px;
}

body.template-product .row.product__section #breadcrumb {
  margin-top: 0;
  margin-bottom: 30px;
}

.product-thumbnail img {
  border: 1px solid transparent;
}

.product-thumbnail.selected img,
.active img {
  border: 1px solid #e6e6e6 !important;
}

.zoomContainer {
  z-index: 2;
}

#mobile-product {
  position: relative;
}

ol.flex-control-nav {
  display: none;
}

.thumbnail {
  margin-bottom: 10px;
  border: 1px solid #fff;
}

#product-price,
.product-price {
  font-size: calc(var(--font-size) + 2px);
}

.product__section-details,
.product-description {
  text-align: left;
}

.product_social_icons svg {
  width: 24px;
  height: 24px;
}

.product__section--offers_container.offers_view-more {
  display: none;
}

@media screen and (max-width: 768px) {
  .product__section--desc.product__description-container.rte {
    text-align: left !important;
    clear: left;
    float: left;
    width: 100%;
  }

  .product__section-container.row.grid__wrapper {
    grid-row-gap: 0;
  }

  

  .product__section--header .product-title {
    font-size: 18px;
            /* width: 280px; */
  }
  .product__section--header  .share_button { 
    padding: 1px 8px;
}
  .product__section--header div#product-price {
    margin-top: 10px !important;
}

  .product__section--header .product-description {
    font-size: 12px;
  }

  .product_social_icons svg {
    width: 20px;
    height: 20px;
  }
}

.selector-wrapper {
  margin-bottom: 12px;
}

.product-add h5 {
  font-weight: bold;
  font-size: var(--font-size);
}

.qty-selection {
  max-width: 40%;
}

.qty_wrapper {
      display: flex;
    width: 100%;
    justify-content: space-between;
}

.quantity {
  text-align: center;
  display: inline-block !important;
  padding: 10px 0 !important;
  text-indent: 0 !important;
  background: transparent;
  padding: 0 !important;
  height: 50px !important;
  margin: 0 !important;
  border-left: 0;
  border-right: 0;
}

a.down,
a.up {
     display: inline-block;
    vertical-align: top;
    line-height: 45px;
    padding: 0;
    width: 100%;
    height: 50px;
    border-radius: 2px !important;
    text-align: center;
    background: rgba(238, 238, 238, 1);
    font-size: 20px;
    color: rgba(29, 29, 29, 1);
}
span._ks_text {
    color: rgba(41, 58, 84, 1);
    text-decoration-color: rgba(41, 58, 84, 1);
    text-decoration-line: underline;
}

a.down {
  border-radius: 7px 0 0 7px;
  font-size: 25px;
}

a.up {
  border-radius: 0 7px 7px 0;
}

.up:hover,
.down:hover {
  cursor: pointer;
}

.add {
  margin: 0 auto;
  display: block;
  clear: left;
}

.shopify-payment-button {
  clear: left;
  margin-top: 15px;
}

.shopify-payment-button__button--hidden {
  display: none !important;
}

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

.theme-buttons-curved .shopify-payment-button__button--branded,
.theme-buttons-curved .shopify-payment-button__button--unbranded {
  border-radius: 7px !important;
  -moz-border-radius: 7px !important;
  -webkit-border-radius: 7px !important;
}

.shopify-payment-button__button--unbranded {
  color: #13294b !important;
  background: transparent !important;
  font-size: var(--font-size) !important;
  font-weight: 500 !important;
  border: 1px solid #13294b !important;
}

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

button.shopify-payment-button__more-options,
button.shopify-payment-button__more-options:hover {
  background: transparent !important;
  color: #000 !important;
  padding: 0px 0 10px !important;
  font-size: 12px;
  height: initial;
}

.rte-description {
  margin-bottom: 15px;
}

.desc {
  padding-top: 10px;
}

.full-click {
  display: block;
  text-align: center;
  margin-top: 20px;
}

#related {
  margin-top: 20px;
  padding: 20px 0;
  float: left;
  text-align: center;
}

#social {
  float: left;
  width: 100%;
  padding-bottom: 10px;
}

#product-navigation {
  text-align: center;
}

#back-forth img {
  margin: 0 5px;
  vertical-align: middle;
  max-width: 160px;
}

.backto {
  margin-bottom: 10px;
  display: block;
}

.prev-prod {
  margin-right: 10px;
}

.next-prod {
  margin-left: 10px;
}

.prev-prod,
.next-prod {
  display: inline-block;
}

.share-icons a {
  margin: 0 5px;
}

#product__section-lowerDescription {
  text-align: left;
}

.single-option-selector {
  border: 1px solid #ddd;
  border-radius: 1px;
  --webkit-appearance: none;
  --moz-appearance: none;
  padding-left: 12px;
  font-size: var(--font-size);
  height: 48px;
  line-height: 46px;
  background: var(--select-arrow-bg) no-repeat right #fff;
  margin: 5px auto 10px;
}

.single-option-selecter::-ms-expand {
  display: none;
}

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

/*pincode*/
.pincode-wrapper {
  margin: 20px 0;
}

.pincode-checker {
  margin-top: 10px;
  display: flex;
}

.pincode-message {
  margin-top: 5px;
}

.pincode-checker__field {
  width: 35%;
}

.pincode-checker__button {
  width: fit-content;
  margin: 0;
  padding: 10px;
  margin-left: -5px;
  height: 40px;
}

#PincodeInput {
  margin: 0;
  height: 40px;
  border-radius: 7px 0 0 7px;
}

.is-error {
  color: #be5065;
}

.is-hidden {
  display: none;
}

/* product page offers */

.product__section--offer-wrapper {
  margin-top: 30px;
}

.product__section--offers_container {
  display: flex;
  gap: 10px;
  margin-top: 14px;
}

.product__section--offers_container .offer_details {
  display: block;
}

.product__section--offers_container .offer_title {
  font-size: 14px;
  font-weight: 700;
}

.product__section--offers_container svg {
  width: 30px;
  height: 30px;
}

@media only screen and (min-width: 769px) {
  .product__section--offers_container svg {
    width: 20px;
    height: 20px;
  }

  .product__section--offers_container .offer_details {
    display: flex;
    align-items: baseline;
    gap: 10px;
  }
}

/* New Product Quick View Image Gallery */

.product-main-image {
  visibility: hidden;
}

.product-main-image img {
  margin: 0 auto;
}

.product-image-container {
  width: 100%;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.product-main-image.selected {
  visibility: visible;
}

.product-thumbnail {
  cursor: pointer;
  display: inline-block;
  width: 100%;
}

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

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

.map-section--display-map .map-section-container,
.map-section--display-bg-image .map-section-image {
  z-index: 4;
  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-container {
  height: 400px;
  width: 100%;
}

.map-section-content {
  padding: 30px;
}

.map-section-content .button {
  height: auto;
  padding: 10px;
  width: auto;
  margin-top: 20px;
}

.map-section-wrapper .text_right .map-section-content-wrapper {
  float: right;
}

.map-section-background-wrapper {
  position: relative;
  overflow: hidden;
}

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

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

.map-section-image {
  height: 400px;
  background-size: cover;
  background-position: center;
}

.placeholder-background {
  height: 400px;
}

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

/* ====================== */
/* = Newsletter Section = */
/* ====================== */
#newsletter {
  padding: 30px 15px 30px 15px;
}

.section-icons ul li a {
  font-size: 15px;
  margin: 0 10px;
}

#newsletter #social-icons {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}

#newsletter #social-icons li {
  line-height: 13px;
}

#newsletter p.form--success {
  margin-top: 15px;
  text-align: center;
  font-size: 18px;
  font-weight: var(--main-weight);
}

#newsletter .section-title {
  margin-bottom: 0;
}

#newsletter .section-header p {
  margin: 0;
  padding: 0;
}

#newsletter .section-header {
  text-align: center;
}

#newsletter .input-group {
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
}

#newsletter .password__input-group {
  max-width: 600px;
  margin: 0 auto;
}

#newsletter .newsletter__submit {
  width: 30%;
  float: left;
  font-size: 14px;
  height: 37px;
  transition: all 0.25s ease-in-out;
  margin-left: -5px;
}

#newsletter .newsletter__input {
  width: 70%;
  float: left;
  border-radius: 7px;
  background: transparent;
  margin-bottom: 0;
  height: 37px;
  line-height: 50px;
}

#newsletter .newsletter__input:hover {
  opacity: 0.7;
}

#newsletter .section-icons li {
  display: inline-block;
  margin-right: 6px;
  font-size: 25px;
}

#newsletter .newsletter__input:focus {
  opacity: 0.7;
}

#newsletter .gdpr_disclaimer.rte.small {
  font-size: 90%;
  text-align: center;
  margin-bottom: 15px;
}

@media only screen and (min-width: 769px) {
  #newsletter .newsletter__input {
    height: 41px;
  }

  #newsletter .newsletter__submit {
    height: 41px;
    font-size: 16px;
  }
}

/* ============================ */
/* = Featured Product Section = */
/* ============================ */
.homepage-featured-product .featured-product-gallery {
  position: relative;
  margin-bottom: 10px;
}

.homepage-featured-product h4.product-vendor {
  font-size: 16px;
}

.homepage-featured-product .product-description .rte {
  max-width: 600px;
  margin: 0 auto;
}

.homepage-featured-product .product-details {
  padding: 16px;
  margin-bottom: 0px;
  margin-top: 15px;
  display: inline-block;
}

.homepage-featured-product .product-details li {
  display: block;
}

/* =============== */
/* = Search = */
/* =============== */
#search-bar {
  margin-top: 20px;
}

#search-bar #q {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

#SearchFiltersForm {
  padding-top: 20px;
  border-top: 1px solid var(--dotted-color);
}

.search-content {
  text-align: center;
  padding: 10px;
}

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

/* =============== */
/* = Footer = */
/* =============== */
.credit img {
  height: 28px;
}

#bottom-logo {
  margin-top: 50px;
  text-align: center;
}

#footer-wrapper {
  z-index: 2;
  clear: left;
  border-top: 1px solid var(--dotted-color);
  background: var(--footer-background);
  padding: 30px 0;
}

#footer-wrapper p,
#footer-wrapper a {
  color: var(--footer-text);
  font-weight: 400;
}

#footer-wrapper h3 {
  color: var(--footer-text);
  padding-bottom: 3px;
  font-weight: 500;
}

#footer-wrapper ul {
  list-style: none;
}

#footer-wrapper ul li a {
  line-height: 2.14;
  color: var(--footer-text);
}

#footer-wrapper ul li a:hover {
  color: var(--footer-text);
}

div#footer_signup {
  margin-top: 30px;
}

input#footer-EMAIL {
  width: 75%;
  display: inline-block;
  margin-bottom: 0;
  background: var(--footer-input);
  color: var(--footer-input-text);
  border: 0;
  border-radius: 7px;
}

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

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

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

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

input#footer-subscribe {
  width: 25%;
  display: inline-block;
  background: var(--footer-button);
  color: var(--footer-button-text);
  border: 0;
  font-weight: var(--main-weight);
  white-space: normal;
  margin-bottom:0;
}

.theme-buttons-curved input#footer-subscribe {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

ul#footer-icons li {
  display: inline-block;
  margin: 0 10px;
  width: auto;
  height: 19px;
}

ul#footer-icons li a {
  font-size: 14px;
  color: var(--footer-icons-color);
}

.credit {
  text-align: center;
}

.credit p {
  color: var(--footer-text);
  text-transform: uppercase;
  font-size: 11px;
  margin-top: 15px;
}

.credit a {
  color: var(--footer-text);
}

#mc_embed_signup {
  width: 100%;
}

#mce-EMAIL {
  float: left;
  text-align: center;
  text-indent: 0;
}

#mc-embedded-subscribe {
  float: left;
  margin-top: 0;
}

#payment svg {
  display: inline;
  width: 40px;
  height: 25.25px;
  text-align: center;
  margin: 0 1px;
}

/* =============== */
/* = Mobile Hides = */
/* =============== */

#mobile-product {
  display: none;
}

/* =============== */
/* = Global = */
/* =============== */
#pagination {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  line-height: 38px;
}

#pagination a,
#pagination span {
  float: none;
  display: inline-block;
  padding: 0 5px;
}

#pagination span.current {
  font-weight: var(--main-weight);
}

div.paginext,
div.pagiprev {
  display: inline-block;
}

div.paginext a,
div.pagiprev a {
  width: 38px;
  border: 1px solid #ddd;
  text-align: center !important;
  height: 38px;
  line-height: 35px;
  display: inline-block;
}

span.pagination-count {
  margin-left: 10px;
  font-size: 11px;
}

/*
Swatches Styles
*/
.swatch {
  margin: 0;
}

/* Label */
.swatch h5 {
  margin: 0.5em 0;
  font-weight: var(--heading-weight);
  font-size: 14px;
}

/* Hide radio buttons.*/
.swatch input {
  display: none;
}

.swatch label {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  display: inline;
  padding: 0;
  background-color: #fff;
  margin: 0px 3px 10px;
  cursor: pointer;
  border: 1px solid #eee;
  position: relative;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: var(--heading-weight);
  min-width: var(--swatch-width) !important;
  height: var(--swatch-height) !important;
  line-height: 38px;
  white-space: nowrap;
  text-transform: uppercase;
  text-align: center;
}

.swatch-element label {
       padding: 22px 0;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    text-align: center;
    font-size: 15px;
    font-weight: 400 !important;
}
.delivery-input-wrapper input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"]{
  border: 1.44px solid rgba(29, 29, 29, 0.5)
}

.color.swatch-element label {
  padding: 0;
}

.swatch input:checked + label {
  border: 1px solid #eee;
  background: #000;
  color: #fff;
}

.swatch .color input:checked + label {
  box-shadow: 0px 0px 2px 2px #d6d6d6;
}

.swatch label:hover {
  background: #eee;
}

.swatch .swatch-element {
  display: inline-block;
  --webkit-transform: translateZ(0);
  /* webkit flicker fix */
  --webkit-font-smoothing: antialiased;
  /* webkit text rendering fix */
  position: relative;
}

/* Image with the cross in it */
.crossed-out {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.swatch .swatch-element .crossed-out {
  display: none;
}

.swatch .swatch-element.soldout .crossed-out {
  display: block;
}

.swatch .swatch-element.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 */
}

/* Tooltips */
.swatch .tooltip {
  text-align: center;
  background: gray;
  color: #fff;
  bottom: 100%;
  padding: 10px;
  display: block;
  position: absolute;
  width: 100px;
  left: calc(var(--tool-tip-width) * 1px);
  margin-bottom: 15px;
  /* Make it invisible by default */
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.swatch .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

/* CSS triangle */
.swatch .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid gray 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}

.swatch .swatch-element:hover .tooltip {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

.swatch.error {
  background-color: #e8d2d2 !important;
  color: #333 !important;
  padding: 1em;
  border-radius: 7px;
}

.swatch.error p {
  margin: 0.7em 0;
}

.swatch.error p:first-child {
  margin-top: 0;
}

.swatch.error p:last-child {
  margin-bottom: 0;
}

.swatch.error code {
  font-family: monospace;
}

iframe {
  width: 100%;
}

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

.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 768px) {
  .swatch-element label {
    padding: 22px 0;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    text-align: center;
}
}

.global__section {
  animation: fadeIn;
  animation-duration: 3s;
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-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;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-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;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-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;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-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;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

/* Caption */

.closeslide {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.closeslide i.icon-angle-right {
  margin-right: -3px;
}

ol.flex-control-nav {
  display: none;
}

.mobile-gallery {
  text-align: center;
  position: relative;
  width: 100%;
}

.collection-banner {
  text-align: center;
  margin-bottom: 0px;
}

.collection-banner img {
  width: auto;
}

/* onboarding styles for new theme install */

.image-with-text-overlay .onboard {
  text-align: center;
}

.image-with-text-overlay .onboard svg {
  fill: #d0d0d0;
  height: 430px;
}

.image_gallery_container .onboard .placeholder-svg,
.gallery__item .onboard .placeholder-svg,
.ci.onboard .placeholder-svg,
.onboard svg,
.slideshow__slide-onboard .placeholder-svg,
.onboard-slide svg,
.article-image .placeholder-svg {
  fill: rgba(28, 29, 29, 0.2);
  background-color: transparent;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 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: normal;
}

.content-onboard {
  width: 80%;
  text-align: center;
  margin: 0 auto;
}

.panel:before {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.5s ease-in-out;
}

/* =============== */
/* = 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 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 {
  display: block;
}

.rte-tab #tab1:checked ~ nav .tab1,
.rte-tab #tab2:checked ~ nav .tab2,
.rte-tab #tab3:checked ~ nav .tab3 {
  color: red;
}

.tab3 label,
.tab4 label,
.tab5 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;
  background: var(--background);
  color: var(--text-color);
}

@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: #fff;
  line-height: 1.5em;
  letter-spacing: var(--main-spacing);
  color: #444;
}

.rte-tab section div h2 {
  margin: 0;
  color: var(--text-color);
}

.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(--direction-background);
  border-radius: 50px;
  margin: 0 0.2em 1em;
}

.rte-image-slider-menu label:hover {
  background: var(--direction-hover);
}

.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 Masonry Gallery */
.rte-masonry {
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-column-gap: 30px;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  -moz-column-fill: initial;
  -webkit-column-fill: initial;
  column-fill: initial;
}

.rte-masonry.gutter {
  -moz-column-gap: 1.5em;
  -webkit-column-gap: 1.5em;
  column-gap: 1.5em;
}

.rte-masonry.no-gutter {
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  column-gap: 0;
  line-height: 0;
}

.rte-masonry .item img {
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.rte-masonry .item {
  display: inline-block;
  background: #fff;
  width: 100%;
}

.rte-masonry .item:hover {
  opacity: 0.8;
  cursor: pointer;
}

.rte-masonry.no-gutter .item {
  padding: 0;
  margin: 0;
}

.rte-masonry.gutter .item {
  margin: 0 0 1.5em;
}

@media only screen and (min-width: 400px) {
  .rte-masonry {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }

  .rte-masonry.gutter {
    -moz-column-gap: 0.8em;
    -webkit-column-gap: 0.8em;
    column-gap: 0.8em;
  }
}

@media only screen and (min-width: 700px) {
  .rte-masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}

@media only screen and (min-width: 900px) {
  .rte-masonry {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}

@media only screen and (min-width: 1100px) {
  .rte-masonry {
    -moz-column-count: 5;
    -webkit-column-count: 5;
    column-count: 5;
  }
}

@media only screen and (min-width: 1280px) {
  .rte-masonry {
    width: 1260px;
  }
}

/* Product media styles */
.product-thumbnail {
  position: relative;
  z-index: 1;
}

.thumbnail-icon {
  position: absolute;
  top: 0px;
  right: 2px;
  z-index: 2;
  width: 25%;
  line-height: 0;
}

.thumbnail-icon svg,
.product-main-image svg {
  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.6;
}

.thumbnail-icon svg:hover {
  fill-opacity: 0.85;
}

.product-main-image svg {
  fill-opacity: 1;
}

.product-media-container {
  position: relative;
}

.product-video,
.product-media-container,
.plyr--video {
  outline: none;
}

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

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

.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;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  font-size: 14px;
  color: var(--text-color);
  z-index: 1;
  position: relative;
}

.product-single__view-in-space[data-shopify-xr-hidden] {
  visibility: hidden;
}

.product-single__view-in-space:hover svg .hover-fill {
  fill: var(--button-text);
}

.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 Thumbnail Slider */
body .focus-visible,
.product-video .plyr:focus,
.plyr__video-wrapper.plyr__tab-focus:focus {
  outline: var(--keyboard-focus-color) var(--keyboard-focus-border-style)
    calc(var(--keyboard-focus-border-weight) * 1px) !important;
  outline-offset: calc(var(--keyboard-focus-border-weight) * -1px) !important;
}

.thumb-slider {
  float: left;
}

.vertical-carousel .thumb-slider-wrapper {
  overflow: hidden;
  background-color: var(--background);
}

#thumb-slider-wrapper .product-single__thumbnails-item {
  padding-bottom: 100%;
  display: block;
  height: 0;
  width: 100%;
  max-width: 104px;
  overflow: hidden;
  background-color: var(--background);
  position: relative;
}

#thumb-slider-wrapper .product-single__thumbnails-item img {
  object-fit: cover;
  object-position: center;
  width: 110px;
  height: 110px;
}

.thumb-slider-slides {
  position: relative;
  top: 0;
  left: 0;
  list-style: none;
  background-color: var(--background);
}

.thumb-slider-slides li {
  margin-bottom: 5px;
}

/* vertical thumbnail slider */
.thumb-slider.thumbnail-slider.custom.vertical-carousel {
  margin: 0 auto;
  text-align: center;
}

/* horizontal thumbnail slider */
.thumb-slider.thumbnail-slider.custom.horizontal-carousel {
  margin-top: 0;
  text-align: center;
}

.horizontal-carousel #thumb-slider-wrapper .product-single__thumbnails-item {
  float: left;
  width: 110px;
  height: 110px;
  margin-right: 5px;
  padding: 0;
}

.horizontal-carousel
  #thumb-slider-wrapper
  .product-single__thumbnails-item
  img {
  width: 115px;
  height: 115px;
}

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

.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: rgb(255 255 255 / 85%) !important;
    border: none;
    color: #333 !important;
}

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

.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: 44px;
  height: 44px;
  border-radius: 50%;
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
  border-radius: 50%;
  border: 1px solid black;
}

.flickity-prev-next-button.next {
  right: 10px;
  border-radius: 50%;
  border: 1px solid black;
}

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

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

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

.flickity-page-dots {
  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: #ffffff;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

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

.slideshow .flickity-page-dots .dot.is-selected {
  opacity: 1;
  background: #ffffff;
}

.slideshow .flickity-page-dots .dot {
  border: 1px solid #ffffff !important;
  margin: 0 5px;
}

/* flickity-fade */

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

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

.flickity-slider {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

/* custom flickity styles */
.product__section-images .carousel {
  margin-bottom: 10px;
  flex-grow: 1;
  list-style-type: none;
}

.product__section-images .flickity-button {
  display: none;
}
.media-mobile-portrait is-selected
.product__section-images .carousel-cell {
  width: 100%;
}

.product__section-images .vertical-carousel .carousel-nav {
  width: 100%;
  max-height: calc(98px * 4);
  overflow-y: scroll;
  padding-right: 17px;
  /* Increase/decrease this value for cross-browser compatibility */
  box-sizing: content-box;
  /* So the width will be 100% + 17px */
}

.product__section-images .carousel-nav .carousel-cell {
  height: 80px;
  width: 100px;
  margin: 0 0 5px 0;
  cursor: pointer;
}

.product__section-images .carousel-nav .carousel-cell:before {
  font-size: 50px;
  line-height: 80px;
}

.product__section-images .carousel-nav .carousel-cell.is-nav-selected {
  background: #ed2;
}

.product__section-images .flickity-prev-next-button {
  background-color: var(--direction-background);
  opacity: 1;
}

.product__section-images .flickity-prev-next-button:hover {
  background-color: var(--direction-hover);
  opacity: 1;
}

.product__section-images .flickity-button-icon {
  fill: var(--direction-color);
}

.product__section-images .flickity-button:hover .flickity-button-icon {
  fill: var(--direction-color);
}

.product__section-images .flickity-button:focus {
  outline: none;
}

.product__section-images .flickity-prev-next-button .flickity-button-icon {
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
}

.product__section-images .image-slide.carousel-cell.is-selected {
  z-index: 1;
}

.product__section-images .plyr__control--overlaid svg {
  margin-left: 5px;
}

.product__section-images .zoom_btn {
  position: absolute;
  bottom: 10px;
  right: 0;
  cursor: pointer;
  background-color: var(--direction-background);
  color: var(--direction-color);
  border-radius: 50%;
  width: 44px;
  height: 44px;
  line-height: 48px;
  text-align: center;
}

.zoom_btn svg {
  width: 28px;
  height: 28px;
}

.product__section-images .zoom_btn:hover {
  background-color: var(--direction-hover);
}

.product__section-images .flickity-page-dots {
  display: none;
}

#slider .flickity-prev-next-button {
  top: 32px;
}

#slider .flickity-prev-next-button.next {
  left: 59px;
  right: unset;
}

@keyframes slidefadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes slidefadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

#slider .carousel-cell {
  opacity: 0 !important;
}

#slider .carousel-cell:not(.is-selected) {
  animation: slidefadeOut ease 0.2s;
}

#slider .carousel-cell.is-selected,
#slider.single-media .carousel-cell {
  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: 300px;
}

button.flickity-button:disabled {
  display: none !important;
}

.global__section {
  padding-bottom: calc(var(--section-margins) / 2);
}

body.index div#footer-wrapper {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .product__section-images .flickity-button {
  display: block;
}
  #logo img {
    max-width: 60%;
  }

  .zoom_btn svg {
    width: 20px;
    height: 20px;
  }

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

  .product__section-images .flickity-page-dots .dot.is-selected {
    background-color: #13294b;
    margin: 0 5px;
  }

  .product__section-images .flickity-page-dots .dot {
    border: 1px solid #13294b;
    margin: 0 5px;
    opacity: 1;
  }
}

:focus,
.focus-visible {
  /* outline: var(--keyboard-focus-color) var(--keyboard-focus-border-style) calc(var(--keyboard-focus-border-weight) * 1px) !important; */
  outline-offset: calc(var(--keyboard-focus-border-weight) * -1px) !important;
}

/* Unit Pricing Update */
.price {
  display: flex;

  align-items: center;
  margin-top: 15px;
  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;
}

.price__regular {
   display: flex;
    width: 100%;
}
.mobile-price_grid-item{
  width: 75%;
}

.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;
  justify-content: flex-start;
  font-size: 12px;
}

.price__vendor {
  color: var(--text-color);
  font-size: 0.9em;
  text-transform: uppercase;
  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,
.product__section-content .price-item {
    color: #13294C;
    font-size: 14px;
    font-weight: 600;
}

.product__section-content .price-item--regular {
  color: #13294C;
  font-size: 14px;
}

.swatch-type, .swatches__option-value
 {
    font-weight: 600;
}
.price-item--sale,
.product__section-content .price-item--sale {
  color: var(--sale-color);
  font-weight: 700 !important;
  font-size: 12px;
}

.price--on-sale .price-item--regular {
  text-decoration: line-through;
  color: #1D1D1D99;
  
}

.price-unit-price {
  color: var(--price-unit-price) !important;
  font-size: 0.8em;
  font-style: italic;
}

.price-item__label {
  display: inline-block;
  white-space: nowrap;
}

.price__badges {
  margin-top: -3px;
}

.price--on-sale .price__badge--sale {
  display: flex;
}

.price__badge {
  display: none;
  text-align: center;
  font-size: 16px;
  line-height: 1em;
  font-weight: bold;
  text-transform: capitalize;
  letter-spacing: 1px;
  border-radius: 2px;
  padding: 0 2px;
}

.save_price {
  font-size: 14px;
  color: #a64254;
  font-weight: bold;
}

.price__badge--sale {
  color: var(--sale-color);
  border-color: var(--sale-color);
}

.price__badge .price__badge--sale{
  display: flex;
}

 .price__badge--sale {
  display:block; 
}


.price__badge--sold-out {
  color: var(--text-color);
  border-color: var(--text-color);
}

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

.product-info-inner .price {
    margin-top: 0px;
}

 .template-product ._gai-prod-tit{
  height: 45px;
}
@media only screen and (min-width: 769px) {

   .add-cart-quantity_container input#addToCart{
   width: fit-content; 
  }
  .product__section-content .price-item {
    font-size: 18px;
    font-weight: 400;
  }
  .product__section-contentWrapper .price-item--sale, .product__section-content .price-item--sale{
        font-size: 22px !important;
  }
  
.template-product-pacho-sale .pdp_info_tooltip img {
    width: 19px !important ; 
    height: 19px !important;
}  
 .template-product .pdp_info_tooltip img {
    width: 19px !important ; 
    height: 19px !important; 
}
.template-product-pacho-sale span.product-swatch-title {
    font-size: 15px;
}
.template-product span.product-swatch-title {
    font-size: 15px;
}
.template-product-pacho-sale .product-swatch-title-container .swatch-type{
  font-size: 15px; 
}
.template-product .product-swatch-title-container .swatch-type{
  font-size: 15px; 
}
.template-product-pacho-sale sale-item--percentage {
    font-size: 17px !important;
    margin-top: -2px  !important;
}
.template-product .sale-item--percentage {
    font-size: 17px !important;
    margin-top: -2px  !important;
}
.template-product-pacho-sale .swatch-element label{
  padding: 18px 0 !important;
    height: 52px !important;
    width: 52px !important;

}
.template-product .swatch-element label{
  padding: 18px 0 !important;
    height: 52px !important;
    width: 52px !important;

}
.template-product-pacho-sale  .swatch_product_image{
  height: 52px !important;
    width: 52px !important;
}

.template-product .swatch_product_image{
  height: 52px !important;
    width: 52px !important;
}
.template-product-pacho-sale .offer-price-info span {
    font-size: 16px;
}
.template-product .offer-price-info span {
    font-size: 16px;
}
.template-product-pacho-sale .offer-labels {
    font-size: 15px;
        padding: 12px 14px;
        padding-right: 6px;
}
.template-product .offer-labels {
    font-size: 15px;
        padding: 12px 14px;
        padding-right: 6px;
}
.template-product-pacho-sale .offer-details li {
    font-size: 14px;
}

.template-product .offer-details li {
    font-size: 14px;
}
.template-product-pacho-sale span.coupon-icon svg {
    width: 18px;
    height: 18px;
        display: block;

}

 .template-product span.coupon-icon svg {
    width: 18px;
    height: 18px;
        display: block;

}
.template-product-pacho-sale span.bank-icon svg{
   width: 18px;
    height: 18px;
        display: block;

}
 .template-product span.bank-icon svg{
   width: 18px;
    height: 18px;
        display: block;

}
.template-product-pacho-sale .offer-top-row{
      padding: 6px 10px;
    font-size: 15px;
}
 .template-product .offer-top-row{
      padding: 6px 10px;
    font-size: 15px;
}
.template-product-pacho-sale .coupon-tag .tag-icon svg {
          width: 24px;
        height: 24px;
        display: block;
}
 .template-product .coupon-tag .tag-icon svg {
          width: 24px;
        height: 24px;
        display: block;
}
.template-product-pacho-sale  .template-product .coupon-tag strong {
    font-size: 15px;
    font-weight: 100;
}
 .template-product .coupon-tag strong {
    font-size: 15px;
    font-weight: 100;
}
.template-product-pacho-sale  .template-product .usp-item p{
    font-size: 9px;
    line-height: 11px;
}
 .template-product .usp-item p{
    font-size: 9px;
    line-height: 11px;
}
.template-product-pacho-sale  .template-product .offer-price-info, .mo-offer-price-info{
  gap: 6px;
}
 .template-product .offer-price-info, .mo-offer-price-info{
  gap: 6px;
}
.template-product-pacho-sale .template-product .offer-icon{
  margin-right: 0px !important;
}
 .template-product .offer-icon{
  margin-right: 0px !important;
}
.template-product-pacho-sale  .template-product .usp-item h4 {
    font-size: 11px;
}
 .template-product .usp-item h4 {
    font-size: 11px;
}
    ._gai-sec-tit {
        font-size: 32px !important;
        font-weight: 600 !important;
        text-align: left !important;
        padding-left: 10px;
    }
#rk-widget-220160 {
    padding-top: 50px;
}


.template-product-pacho-sale .delivery-heading {
    font-size: 21px;
}
 .template-product .delivery-heading {
    font-size: 21px;
}
.template-product-pacho-sale .pdp-clps-title-wrapper .pdp-clps-title .pdp-clps-heading {
    font-size: 21px;
}
 .template-product .pdp-clps-title-wrapper .pdp-clps-title .pdp-clps-heading {
    font-size: 21px;
}
.template-product-pacho-sale .pdp-clps-item .pdp-clps-header .pdp-clps-heading {
    font-size: 18px;
    font-weight: 400;
}
 .template-product .pdp-clps-item .pdp-clps-header .pdp-clps-heading {
    font-size: 18px;
    font-weight: 400;
}


.template-product-pacho-sale  .offer-details ul {
    padding-left: 12px !important;
}
 .template-product .offer-details ul {
    padding-left: 12px !important;
}
.template-product-pacho-sale  .product__section-content  .price-item--regular{
        font-size: 22px !important;
    font-weight: 400 !important;
  }
 .template-product .product__section-content  .price-item--regular{
        font-size: 22px !important;
    font-weight: 400 !important;
  }
  .template-product-pacho-sale  .product__section-content .price-item--sale, .price-item--sale {
    font-weight: 700 !important;
    font-size: 26px !important;
}
.template-product .product__section-content .price-item--sale, .price-item--sale {
    font-weight: 700 !important;
    font-size: 26px !important;
}

.js-template-collection .product__section-content .price-item--sale, .price-item--sale {
    font-weight: 700 !important;
    font-size: 12px !important;
}
.template-product-pacho-sale .sale-item--percentage{
    font-size: 22px !important;
    font-weight: 400 !important;
    
}

.template-product .sale-item--percentage{
    font-size: 22px !important;
    font-weight: 400 !important;
    
}
    ._gai-sec-tit {
        letter-spacing: normal;

    }
   
    span._gai-pill._gai-dis.product-label.product-label--sale {
    font-weight: 600;
}
a._gai-prod-img-wrap ._gai-prod-img {
    border-radius: 10px;
}
.swatch-type, .swatches__option-value {
    font-size: 16px;
}

}


@media (min-width: 1240px) and (max-width: 1440px){

  /* .template-product  ._gai-product-card-wrap {
        height: 490px !important;
    } */
            .template-product-pacho-sale [data-gai-section-id="220160"] ._gai-swtch-opt::-webkit-scrollbar {
    display: none;
}
            
      .template-product [data-gai-section-id="220160"] ._gai-swtch-opt::-webkit-scrollbar {
    display: none;
}
  .add-cart-quantity_container .custom-atc-container{
     justify-content: center; 
}
      .add-cart-quantity_container input#addToCart {
        font-size: 17px !important;

    }

}
@media (min-width: 1024px) and (max-width: 1240px) {

  
  .add-cart-quantity_container .custom-atc-container{
     justify-content: center;
}
      .add-cart-quantity_container input#addToCart {
        font-size: 14px !important;

    }
    
        .add-cart-quantity_container img#atc_icon {
        width: 20px !important;
    }
       .template-product-pacho-sale .offer-labels {
        font-size: 14px !important;
  }
       
  .template-product .offer-labels {
        font-size: 14px !important;
  }
     .template-product-pacho-sale .offer-details ul {
        padding-left: 20px !important;
        font-size: 12px !important;
        text-indent: -10px !important;
      }

      .template-product .offer-details ul {
        padding-left: 20px !important;
        font-size: 12px !important;
        text-indent: -10px !important;
      }
         .template-product-pacho-sale .offer-price-info span {
        font-size: 14px !important;
    }

      .template-product .offer-price-info span {
        font-size: 14px !important;
    }
  ._gai-prod-prc--selling span {
    font-size: 11px !important;
}
._gai-prod-prc--compare-at {
    font-size: 10px !important;
}
   .template-product-pacho-sale .coupon-tag strong {
        font-size: 16px !important;
    }
    .template-product .coupon-tag strong {
        font-size: 16px !important;
    }

      /* .template-product ._gai-product-card-wrap {
        height: 400px !important ;
    } */
        .template-product-pacho-sale [data-gai-section-id="220160"] ._gai-swtch-opt::-webkit-scrollbar {
    display: none;
}
      .template-product [data-gai-section-id="220160"] ._gai-swtch-opt::-webkit-scrollbar {
    display: none;
}

}

@media(min-width: 1700px)
{
   .template-product-pacho-sale .usp-item p {
        width: 121px;
        margin: auto;
    }
      .template-product .usp-item p {
        width: 121px;
        margin: auto;
    }
  @media (min-width: 1441px) {
    .add-cart-quantity_container .custom-atc-container {
         width: 65%;
    margin: auto;
    justify-content: center;
    }
}
}
@media (min-width: 769px) and (max-width: 1023px)
{
      .add-cart-quantity_container .custom-atc-container{
      justify-content: center;
}
 .add-cart-quantity_container input#addToCart{
        font-size: 17px !important;
  }
  .add-cart-quantity_container img#atc_icon{
    width: 20px !important;
  }
} 
@media(min-width: 1441px)
{
    .add-cart-quantity_container .custom-atc-container{
      justify-content: center;
}
  .add-cart-quantity_container input#addToCart{
        font-size: 17px !important;
  }
  .add-cart-quantity_container img#atc_icon{
    width: 20px !important;
  }
    /* .template-product   ._gai-product-card-wrap {
        height: 570px !important;
    } */
}
 .template-product-pacho-sale .pdp-clps-header .pdp-clps-heading {
    font-weight: 400;
}

@media (min-width: 900px) and (max-width: 1440px) {


.template-product-pacho-sale .usp-item h4 {
        font-size: 11px;
    }
     
.template-product-pacho-sale  ._gai-sec-tit {
       font-size: 26px !important;
    }
   
.template-product-pacho-sale .pdp-clps-title-wrapper .pdp-clps-title .pdp-clps-heading {
        font-size: 20px !important;
    }
.template-product-pacho-sale .pdp-clps-item .pdp-clps-header .pdp-clps-heading {
        font-size: 17px !important;
        font-weight: 400;
    }
.template-product-pacho-sale .delivery-heading {
        font-size: 20px !important;
    }
    .product__section--header .product-title {
    font-size: 28px !important;
    }
.template-product-pacho-sale .product__section-content .price-item--regular {
        font-size: 20px !important;
    }
.template-product-pacho-sale .product__section-content .price-item--sale, .price-item--sale {
        font-size: 24px !important;
    }
.template-product-pacho-sale .sale-item--percentage {
        font-size: 20px !important;
    }

      .template-product .usp-item h4 {
        font-size: 11px;
    }
     
    .template-product  ._gai-sec-tit {
       font-size: 26px !important;
    }
   
        .template-product .pdp-clps-title-wrapper .pdp-clps-title .pdp-clps-heading {
        font-size: 20px !important;
    }
    .template-product .pdp-clps-item .pdp-clps-header .pdp-clps-heading {
        font-size: 17px !important;
        font-weight: 400;
    }
        .template-product .delivery-heading {
        font-size: 20px !important;
    }
    .product__section--header .product-title {
    font-size: 28px !important;
    }
        .template-product .product__section-content .price-item--regular {
        font-size: 20px !important;
    }
        .template-product .product__section-content .price-item--sale, .price-item--sale {
        font-size: 24px !important;
    }
        .template-product .sale-item--percentage {
        font-size: 20px !important;
    }

}

@media(max-width: 768px)
{

 .template-product-pacho-sale .mo-offer-labels {
    border-radius: 50px;
    height: 28px !important;
  }

  .template-product-pacho-sale ._gai-sec-tit {
    font-size: 22px !important;
    text-align: left !important;
    font-weight: 600 !important;
    margin-bottom: 0px !important;
    padding-left: 10px;
  }

  .template-product-pacho-sale .announcement-bar {
    font-size: 11px !important;
    padding: 2px 4px !important;
    display: none;
  }

  .template-product-pacho-sale .navigation {
    border-bottom: 1px solid #1d1d1d21;
  }


  .template-product-pacho-sale .custom-atc-container {
    padding: 0 40px !important;
    justify-content: center;
  }

  .template-product-pacho-sale .add-cart-quantity_container.df {
    padding: 10px 20px !important;
  }

  .template-product-pacho-sale .mo-tnc-link {
    width: 100%;
    text-align: end;
    font-size: 12px !important;
    line-height: 22px !important;
    font-weight: 300 !important;
    color: #A51E36 !important;
    margin-top: -2px !important;
    text-decoration: none;
  }

  .template-product-pacho-sale span.mo-offer-code {
    font-weight: 400 !important;
  }

  .template-product-pacho-sale .mo-check-icon {
    width: 45px;
  }

  .template-product-pacho-sale a.mobile_pdp-pop_TNC {
    width: 100%;
    text-align: end;
    font-size: 12px;
    line-height: 20px;
    color: #A51E36;
    font-weight: 300;
  }

  .template-product-pacho-sale .product__section-content .mo-coupon-tag {
    justify-content: left !important;
    gap: 6px;
  }

  .template-product-pacho-sale [data-gai-section-id="220160"] ._gai-swtch-opt::-webkit-scrollbar {
    display: none;
  }

  .template-product-pacho-sale .mo-offer-card ul {
    list-style-position: outside;
    padding-left: 20px;
  }

  .template-product-pacho-sale ._gai-prod-prc {
    font-size: 9px !important;
  }

  .template-product-pacho-sale .mo-offer-top-row {
    padding: 8px 8px;
  }

  .template-product-pacho-sale .mo-offer-labels {
    padding: 8px 8px 8px 11px;
    background-color: #ECECEC;
    border: 0.5px solid var(--grey-border, #D1D1D1);
  }

  .template-product-pacho-sale .delivery-input-wrapper input[type="text"] {
    height: 45px !important;
  }

  .template-product-pacho-sale .product_social_media_container .share_button svg {
    width: 16px;
    height: 16px;
  }

  .template-product-pacho-sale .product__section-content .price-item--regular {
    font-size: 18px !important;
    font-weight: 600 !important;
  }

  .template-product-pacho-sale .product__section-content .price-item--sale,
  .price-item--sale {
    font-weight: 700 !important;
    font-size: 18px !important;
  }

  .template-product-pacho-sale .sale-item--percentage {
    font-size: 15px !important;
    font-weight: 400 !important;
  }


  .template-product-pacho-sale .mo-offer-price-info span.mo-offer-icon svg {
    width: 20px;
  }

  .template-product-pacho-sale .mo-offer-price-info span.mo-offer-icon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
  }

  .template-product-pacho-sale .product-image-gallery2 .flickity-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgb(255 255 255 / 68%) !important;
    border: none;
    font-size: 20px !important;
    line-height: 25px !important;
    padding: 0px 0px !important;
    cursor: pointer;
    display: block !important;
    z-index: 5;
    height: 25px !important;
    width: 20px !important;
    align-items: center;
  }

  .template-product-pacho-sale .product__section-images .flickity-button {
    border-radius: 0px !important;
  }

  .template-product-pacho-sale .mo-offer-price-info span {
    font-size: 15px;
    line-height: 16px;
  }

  .template-product-pacho-sale .mo-offer-wrapper {
    margin: 0px 0 10px 0 !important;
  }

  .template-product-pacho-sale .pdp_info_tooltip img {
    width: 13px !important;
    height: 13px !important;
  }

  .template-product-pacho-sale .product__section-content span.product-swatch-title {
    font-size: 15px;
  }

  .template-product-pacho-sale .product__section-content p.swatches__option-name.h5 {
    font-size: 15px;
  }

  .template-product-pacho-sale .product__section-content .swatch_product_image {
    width: 50px;
    height: 50px;
  }

  .template-product-pacho-sale .product__section-content .pdp-clps-title-wrapper .pdp-clps-title .pdp-clps-heading {
    font-size: 16px !important;
    line-height: 24px;
  }

  .template-product-pacho-sale .product__section-content .pdp-clps-item .pdp-clps-header .pdp-clps-heading {
    font-size: 14px !important;
    font-weight: 400;
  }

  .template-product-pacho-sale .product__section-content .pdp-clps-content p,
  .template-product-pacho-sale .product__section-content .pdp-clps-content span,
  .template-product-pacho-sale .product__section-content .pdp-clps-content strong {
    font-size: 12px;
  }

  .template-product-pacho-sale .product__section-content .usp-highlights {
    gap: 0px;
  }

  .template-product-pacho-sale .product__section--buttons.product-add {
    margin-top: -40px;
  }

  .template-product-pacho-sale .product__section-content .swatch-element label {
    padding: 18px 0 !important;
    border-radius: 50%;
    height: 50px !important;
    width: 50px !important;
    font-size: 12px !important;
  }

  .template-product-pacho-sale .pdp_info_tooltip .pdp_info_tooltip_tooltip_text {
    padding: 2px 6px !important;
    bottom: -26px !important;
  }

  .template-product-pacho-sale .product__section-color-swatches {
    margin-top: 0px !important;
  }

  .template-product-pacho-sale .product__section-content .option_container {
    margin-top: 5px !important;
    margin-bottom: 12px;
  }
  
  .mo-offer-wrapper {
    border: 1px solid #efefef;
    border-radius: 20px !important;
        border: .5px solid #d1d1d1ab;
    border-bottom: 0px;
  }
  .template-product .mo-offer-labels
  {
                border-radius: 50px;
        height: 28px !important;
  }
  ._gai-crz-cnt.swiper.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-backface-hidden{
        z-index: 0 !important;
  }

  .template-product  ._gai-sec-tit {

    font-size: 22px !important;
    text-align: left !important;
    font-weight: 600 !important;
    margin-bottom: 0px !important;
    padding-left: 10px;
}
.template-product .announcement-bar {
    font-size: 11px !important;
    padding: 2px 4px !important;
    display: none;
}
.template-product .navigation {
    border-bottom: 1px solid #1d1d1d21;
}



       .template-product .custom-atc-container {
        padding: 0 40px !important;
        justify-content: center;
    }
.add-cart-quantity_container input#addToCart {
    text-transform: math-auto !important;
    width: fit-content;
    margin: 0px;
}

          .template-product .add-cart-quantity_container.df{
              padding: 10px 20px !important;
    }
#breadcrumb {
    padding: 4px 0px 4px 0px !important;
}
button#backButton img {
    display: block;
}

    .template-product .mo-tnc-link {
    width: 100%;
    text-align: end;
    font-size: 12px !important;
    line-height: 22px !important; 
    font-weight: 300 !important;
    color: #A51E36 !important;
    margin-top: -2px !important;
    text-decoration: none;
}
    .template-product  span.mo-offer-code {
    font-weight: 400 !important;
}
    .template-product .mo-check-icon{
      width: 45px;
}

   .template-product a.mobile_pdp-pop_TNC {
    width: 100%;
    text-align: end;
    font-size: 12px;
    line-height: 20px;
    color: #A51E36;
    font-weight: 300;
}

  ._gai-crz-cnt.swiper.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-ios.swiper-backface-hidden{
        z-index: 0;
  }

  .template-product .product__section-content .mo-coupon-tag{
    justify-content: left !important;
    gap: 6px;
  }
  .template-product [data-gai-section-id="220160"] ._gai-swtch-opt::-webkit-scrollbar {
    display: none;
}

._gai-atc-btn{
    width: 40%;
}
.template-product .mo-offer-card ul{
      list-style-position: outside;
    padding-left: 20px;
}
  .template-product ._gai-prod-prc {
    font-size: 9px !important;
}
span._gai-prod-prc._gai-prod-prc--compare-at{
    font-size: 11px !important;
}
._gai-var-slt-wrp {
    gap: 5px !important;
}
._gai-prod-price-wrp {
    width: 100% !important;
}

 .template-product .mo-offer-top-row{
      padding: 8px 8px;
}

 .template-product .mo-offer-labels{
      padding: 8px 8px 8px 11px;
          background-color: #ECECEC;
    border: 0.5px solid var(--grey-border, #D1D1D1);
}

 .template-product .delivery-input-wrapper input[type="text"]
{
      height: 45px !important;
}
 .template-product .product_social_media_container .share_button svg {
    width: 16px; 
    height: 16px;
}

 .template-product .product__section-content  .price-item--regular{
        font-size: 18px !important;
    font-weight: 600 !important;
  }
.template-product .product__section-content .price-item--sale, .price-item--sale {
    font-weight: 700 !important;
    font-size: 18px !important;
}
.template-product .sale-item--percentage{
    font-size: 15px !important;
    font-weight: 400 !important;
}
    .template-collection .product__section-content .price-item--sale, .price-item--sale {
        font-weight: 700 !important;
        font-size: 11px !important;
    }


.template-product .mo-offer-price-info span.mo-offer-icon svg {
    width: 20px;
}
.template-product .mo-offer-price-info span.mo-offer-icon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

.template-product .product-image-gallery2 .flickity-button{
  position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgb(255 255 255 / 68%) !important;
    border: none;
    font-size: 20px !important;
    line-height: 25px !important;
    padding: 0px 0px !important;
    cursor: pointer;
    display: block !important;
    z-index: 5;
    height: 25px !important;
    width: 20px !important;
    align-items: center;
}
.template-product .product__section-images .flickity-button {
        border-radius: 0px !important;
    }
.template-product .mo-offer-price-info span{
      font-size: 15px;
    line-height: 16px;
}
.template-product .mo-offer-wrapper{
      margin: 0px 0 10px 0 !important;
}

.template-cart .grid__wrapper.edge {
  padding-left: 10px;
  padding-right: 10px;
}
.template-product .pdp_info_tooltip img {
    width: 13px !important;
    height: 13px !important;
}

.template-product .product__section-content span.product-swatch-title {
    font-size: 15px;
}

.template-product .product__section-content p.swatches__option-name.h5 {
    font-size: 15px;
}
.template-product .product__section-content .swatch_product_image{
      width: 50px;
    height: 50px;
}
.template-product .product__section-content .pdp-clps-title-wrapper .pdp-clps-title .pdp-clps-heading {
    font-size: 16px !important;
    line-height: 24px;
}

.template-product .product__section-content .pdp-clps-item .pdp-clps-header .pdp-clps-heading {
    font-size: 14px !important;
    font-weight: 400;
}

.template-product  .product__section-content .pdp-clps-content p, span, strong {
    font-size: 12px;
}
.template-product .product__section-content .usp-highlights{
  gap: 0px;
}

.fancybox__slide.is-selected.has-image.is-draggable div img{
      transform: translate3d(0.62px, 0.048px, 0px) scale(1) !important;
}
.template-product .product__section-content .swatch-element label{
          padding: 18px 0 !important;
        border-radius: 50%;
        height: 50px !important;
        width: 50px !important;
        font-size: 12px !important;
}

.pdp_info_tooltip .pdp_info_tooltip_tooltip_text {
    padding: 2px 6px !important;
    bottom: -26px !important;
}
.product__section-color-swatches {
    margin-top: 0px !important;
}
.product__section-content .option_container {
    margin-top: 5px !important;
}
.product__section--buttons.product-add {
    margin-top: -40px;
}
}

/* ==============================  */
/* =   New Customer Accounts     = */
/* ============================== */
/* .customer-account {
  padding-bottom: 144px;
} */
.customer-account_wrapper {
  display: flex;
}

.customer-account .sidebar {
  border-right: solid 3px var(--dotted-color);
  box-shadow: 2px 4px 4px 0 #00000026;
  width: 100%;
  max-width: 225px;
  margin-right: 20px;
}

.customer-account .sidebar ul {
  list-style: none;
  margin: 0;
}

.customer-account .sidebar ul li {
  padding: 20px 0;
}

.customer-account .sidebar ul a {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  width: 100%;
  height: 100%;
}

.customer-account .content {
  width: 90%;
  margin: auto;
  padding-top: 2rem;
}

.customer-account .content p {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  margin-bottom: 0px;
}
.customer-account #account-details h5 {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  text-transform: uppercase;
}

.customer-account #order-history tbody tr {
  height: 100px;
  border-top: 1px solid var(--dotted-color);
}

.customer-account #order-history tbody td {
  min-width: 80px;
}

.customer-account #order-history thead tr {
  text-align: left;
  padding: 10px 0;
  height: 38px;
}

.customer-account #order-history thead tr th {
  font-size: var(--font-size);
  text-transform: capitalize;
  font-weight: 600;
}

@media screen and (min-width: 740px) and (max-width: 979px) {
  .customer-account_wrapper {
    flex-direction: column;
  }

  .customer-account .sidebar {
    max-width: 100%;
  }

  .customer-account .content {
    margin-top: 35px;
    padding-left: 0;
    padding-top: 0;
  }
}

@media only screen and (max-width: 375px) {
  body.collection marmeto-product-card .price-item {
    font-size: 11px;
  }
}

@media (max-width: 768px) {
  .customer-account .sidebar {
    max-width: 100%;
  }

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

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

  .customer-account .sidebar ul li {
    border-bottom: solid 1px #bababa;
  }

  .customer-account .content {
    margin-top: 35px;
    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;
  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;
  text-transform: capitalize;
  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;
}

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

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

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

/* Login */
section.user-login {
  margin-top: 81px;
  padding-bottom: 144px;
  display: inline-block;
  width: 100%;
}

section.user-login .secondary-button.create-customer {
  line-height: 50px;
  text-align: center;
  margin-top: 15px;
}

.note-error {
  border: 1px solid red;
  padding: 10px;
  margin-bottom: 15px;
  color: red;
}

.shopify-challenge__container {
  margin-top: 81px !important;
}

.guest-user-login {
  padding: 20px;
  margin-bottom: 40px;
  text-align: center;
  border: 1px solid var(--dotted-color);
}

@media (min-width: 741px) {
  .login-info.alternate {
    padding-left: 100px;
  }
}

@media (max-width: 768px) {
  section.user-login {
    margin-top: 48px;
  }
}

/* Register */
section.row.main__section.customer__register {
  margin-top: 81px;
  padding-bottom: 144px;
}

/* Navigation & Dropdown CSS */
.navigation {
  background: var(--header-wrapper-background);
  list-style: none;
  text-align: center;
  margin-bottom: 0;
  position: relative;
  width: 100%;
  z-index: 5;
}

.navigation--sticky.navigation {
  position: fixed !important;
  top: 29px;
  left: 0;
}

.announcement--sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

@media (max-width: 768px) {
  .navigation--sticky.navigation {
    top: 24px;
  }
}

.navigation__menu {
  margin-bottom: 0;
}

.navigation__menuitem {
  display: inline-block;
}

.navigation__menuitem:hover {
  background: var(--nav-hover-color);
}

/* ul#main-nav li a */
.navigation__menulink {
  font-family: var(--nav-family);
  font-weight: var(--nav-weight);
  font-style: var(--nav-style);
  font-size: var(--nav-size);
  color: var(--nav-color) !important;
  display: block;
  padding: 0 20px !important;
  position: relative;
  letter-spacing: var(--nav-spacing);
  display: flex;
  align-items: center;
}

.menulink__badge {
  color: red;
  font-size: 12px;
  font-weight: 700;
}

.navigation__menulink .menulink__badge {
  position: absolute;
  top: -6px;
  right: -15px;
}

.dropdown__menulink .menulink__badge {
  display: block;
  line-height: 1.7;
}

.js-accordion-link {
  display: flex;
  align-items: center;
  gap: 5px;
}

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

/* ul#main-nav li a:hover { */
.navigation__menulink:hover {
  color: var(--nav-hover-link-color) !important;
  text-decoration: none;
  border-bottom: none;
}

.navigation__menulink svg .hover-fill {
  transition: fill 0.5s ease-in;
}

.navigation__menulink:hover svg .hover-fill {
  fill: var(--nav-hover-link-color) !important;
}

/* ul#main-nav li a:visited { */
.navigation__menulink:visited {
  border-bottom: none;
}

.navigation__menuitem.navigation__menuitem--dropdown
  > .navigation__menulink
  svg {
  margin-left: 5px;
  margin-bottom: 3px;
}

/* Creating a separate BEM block here to style the dropdown submenus. Calling them dropdowns. Alyssa, thoughts? */

.dropdown {
  display: none;
  position: absolute;
  padding: 10px 10px 10px 20px;
  z-index: 5;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  background: var(--dropdown-background-color);
  border-bottom: 1px solid var(--nav-border-color);
  border-left: 1px solid var(--nav-border-color);
  border-right: 1px solid var(--nav-border-color);
}

.navigation__menuitem--dropdown:hover .dropdown:not(.dropdown--nested),
.navigation__menuitem--active.navigation__menuitem--dropdown
  .dropdown:not(.dropdown--nested) {
  display: block;
}

/* ul#main-nav li ul.submenu li{ */
.dropdown__menuitem {
  line-height: 34px !important;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  background: transparent !important;

  min-width: var(--dropdown-min-width);

  display: block;
  position: relative;

  text-align: left;
}

.dropdown__menuitem:hover {
  background: var(--dropown-hover-background) !important;
}

/* ul#main-nav li ul.submenu li a { */
.dropdown__menulink {
  width: 100%;
  text-align: left;
  text-transform: none !important;
  color: var(--dropdown-link-color) !important;
  font-size: var(--font-size);
  font-family: var(--main-family) !important;
  font-weight: var(--main-weight);
  font-style: var(--main-style);
  display: flex;

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

/* ul#main-nav li ul.submenu li a:hover { */
.dropdown__menulink:hover {
  color: var(--dropdown-link-hover-color) !important;
}

.dropdown__menulink:hover svg .hover-fill {
  fill: var(--dropdown-link-hover-color) !important;
}

.dropdown__menuitem--nested.dropdown__menuitem svg {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.dropdown--nested.dropdown {
  display: none;
}

.dropdown__menuitem:hover > .dropdown--nested.dropdown,
.dropdown__menuitem.dropdown__menuitem--active > .dropdown--nested.dropdown {
  position: absolute;
  left: 100%;
  padding: 10px 10px 10px 20px;
  top: -10px;
  background: var(--dropdown-background-color);
  border: 1px solid var(--nav-border-color);
  display: block;
}

.dropdown__menuitem:hover > .dropdown--nested.dropdown--edge.dropdown,
.dropdown__menuitem.dropdown__menuitem--active
  > .dropdown--nested.dropdown--edge.dropdown {
  left: initial;
  right: calc(100% + 10px);
  /* 10px to make up for the padding. */
}

/* Megamenu styles. */

.megamenu.row.grid__wrapper {
  display: none;
  position: absolute;
  left: 0;
  z-index: 4;
  line-height: initial;
  padding: 30px 170px;
  background: var(--dropdown-background-color);
  border: 1px solid var(--nav-border-color);
  width: 100%;
  left: 0;
  max-width: 100%;
  margin: 0;
}

.megamenu.row.grid__wrapper .grid__wrapper-nest {
  align-items: start;
}

.nav-inner-container.nav_inline_center .navigation__menu {
  position: unset;
}

.nav-inner-container.nav_inline_center .navigation__menu ul.megamenu.row {
  width: 100%;
}

@media screen and (min-width: 1680px) {
  .nav-inner-container.nav_inline ul.megamenu.row {
    left: 50%;
    margin-left: -700px;
  }
}

@media screen and (min-width: 1220px) and (max-width: 1679px) {
  .nav-inner-container.nav_inline ul.megamenu.row {
    left: 50%;
    margin-left: -600px;
  }
}

@media screen and (min-width: 981px) and (max-width: 1219px) {
  .nav-inner-container.nav_inline ul.megamenu.row {
    left: 50%;
    margin-left: -480px;
  }
}

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

.megamenu span.grid__wrapper.grid__wrapper-nest {
  padding: 0 3%;
  grid-column-gap: 30px;
}

.megamenu__collection-image {
  margin-top: 20px;
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
}

.megamenu__collection-image .box-ratio {
  padding-bottom: 50% !important;
}

.megamenu__collection-image .box-ratio img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.megamenu__header {
  padding: 0 0 8px;
  font-family: var(--main-family) !important;
  color: var(--dropdown-link-color);
  font-weight: var(--heading-weight);
  margin: 0;
  text-align: left;
  font-size: var(--nav-size);
}

.megamenu__headerlink {
  padding-left: 0;
}

.megamenu__list {
  width: 100%;
  background: var(--dropdown-background-color);
  margin-bottom: 8px;
}

.megamenu__listcontainer {
  list-style-type: none;
}

.megamenu__listcontainer:hover {
  background: transparent !important;
}

.megamenu__listitem {
  line-height: unset;
  text-align: left;
  display: block;
  clear: left;
  padding: 0 0 4px;
  font-weight: 500;
}

.megamenu__listlink {
  padding: 0;
  color: var(--dropdown-link-color);
  font-size: var(--nav-size);
  font-family: var(--main-family);
  font-weight: 400;
  font-style: var(--main-style);
  background: transparent;
  text-transform: none;
}

.megamenu__listlink:hover {
  color: var(--dropdown-link-hover-color) !important;
}

.megamenu__imagecontainer {
  margin-top: 20px;
}

ul.megamenu li.desktop-3:nth-child(5n) {
  clear: left;
}

ul.megamenu__ulcontainer {
  margin-top: 20px;
}

/* Custom Icons */
.icn-close {
  width: 20px;
  height: 20px;
  position: relative;
}

.icn-close:after {
  content: "";
  height: 20px;
  border-left: 2px solid #fff;
  position: absolute;
  transform: rotate(45deg);
  left: 8px;
}

.icn-close:before {
  content: "";
  height: 20px;
  border-left: 2px solid #fff;
  position: absolute;
  transform: rotate(-45deg);
  left: 8px;
}

/* CSS Slideouts */

.slideout {
  list-style: none;
  background: var(--background);
  width: 100%;
  max-width: 552px;
  height: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: unset;
  right: unset;
  z-index: 1002;
  overflow: hidden;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.slideout.slideout__drawer-right {
  width: 480px;
}

@media (max-width: 740px) {
  .slideout.slideout__drawer-left {
    width: 100%;
  }

  .slideout.slideout__drawer-right {
    width: 380px;
  }
}

@media (max-width: 374px) {
  .slideout.slideout__drawer-right {
    width: 100%;
  }
}

.site-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  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(100%);
  right: 0;
}

.slideout__drawer-left {
  transform: translateX(-100%);
  left: 0;
}

.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__trigger--open {
  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-mobile-menu {
  width: 40px !important;
}

.slideout__trigger-mobile-menu {
  padding: 0;
}

.slideout__trigger--close .slideout__trigger-search-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-quickview,
.slideout__trigger--close .slideout__trigger-general-modal {
  padding: 15px 10px 15px 10px;
  margin-bottom: 0;
  color: black;
  background: unset;
  line-height: 50px;
  height: 50px;
}

.slideout__trigger--close .slideout__trigger-ajax-cart {
  padding: 15px 0;
  margin-bottom: 0;
  color: black;
  background: unset;
  line-height: 50px;
  height: 50px;
}

.slideout__trigger--open .slideout__trigger-search-sidebar,
.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-search-sidebar:hover,
.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 {
  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;
  margin: 0;
  padding: 0;
}

.slideout__trigger-password,
.slideout__trigger-ajax-cart,
.slideout__trigger-quickview,
.slideout__trigger-search-sidebar,
.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-search-sidebar .icn-close:before,
.slideout__trigger-search-sidebar .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);
}

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

@keyframes slideoutFadeout {
  0% {
    opacity: 1;
    visibility: visible;
  }

  99% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@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__featured-image--full-width {
  margin: 0 0 0 -12px !important;
  padding: 0;
  width: 110%;
}

.mobile-menu__search form input {
  border: none;
  border-bottom: 1px solid;
  height: 50px;
}

.mobile-menu__accordion > .mobile-menu__item:first-child {
  border-top: 1px solid;
}

.mobile-menu__cart-icon {
  font-family: var(--main-family);
  font-weight: var(--main-weight);
  font-style: var(--main-style);
  font-size: var(--font-size);
  position: relative;
  display: block;
  border: 1px solid;
  padding: 10px;
  text-transform: uppercase;
}

.mobile-menu__cart-icon svg {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-37%);
}

/* Store Availability */
.store-availability-small-text {
  font-size: 13px;
}

.store-availability-information {
  display: flex;
  margin-left: 5px;
}

.store-availability-information-container {
  margin-left: 5px;
  text-align: left;
}

.store-availability-information i {
  line-height: 22px;
}

p.store-availability-information__title svg {
  margin-right: 5px;
}

.product-quickview__container
  p.store-availability-information__title
  .vib-center {
  display: inline;
}

.store-availability-information__title,
.store-availability-information__stock {
  margin-bottom: 0;
}

.store-availability-information__stores {
  margin-top: 8px;
}

.store-availability-information__link {
  text-decoration: underline;
  cursor: pointer;
}

.store-availability-information__link:hover,
.store-availability-information__link:focus {
  opacity: 0.6;
}

.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-list__stock.store-availability-small-text svg {
  margin-right: 5px;
}

.store-availability-container {
  padding: 15px 0;
  margin-top: 15px;
  border-top: 1px solid var(--dotted-color);
  border-bottom: 1px solid var(--dotted-color);
}

/* Social Icons */
.social-icons__list {
  list-style: none;
  margin: 0px !important;
}

.social-icons__list li {
  display: inline-flex;
  margin: 0 5px;
}

.social-icons__list li a {
  width: auto;
  height: 48px;
  line-height: 48px !important;
}

/* Password Page */
.password .slideout__trigger-password {
  opacity: 0.8;
}

.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-size: 16px;
  font-weight: 600;
}

.password-page__login {
  padding: 10px 15px;
}

@media screen and (max-width: 740px) {
  .password-page__newsletter {
    margin-top: 50px;
  }
}

/* ---- Flickity sections ---- */

.flickity__section .flickity-button {
  color: var(--direction-color);
  background-color: var(--direction-background);
  width: 30px;
  height: 30px;
  margin: 0;
}

.flickity__section .flickity-button:hover {
  background-color: var(--direction-hover);
}

.flickity__section .flickity-button .flickity-button-icon {
  width: 40%;
  left: 30%;
  height: 40%;
  top: 30%;
}

.flickity__section .flickity-page-dots .dot {
  border: 1px solid #000000;
  margin: 0 5px;
}

/* ---- Slideshow section ---- */

.slideshow__slide-onboard,
.onboard,
.onboard-slide {
  background: #ddd !important;
  border: 1px solid #ccc;
}

.slideshow {
  border: 0 !important;
  width: 100%;
}

.slideshow__slide,
.slideshow__slide-desktop {
  width: 100%;
}

.slideshow__slide-desktop.overlay:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.25);
  content: "";
}

.slideshow__slide {
  opacity: 0 !important;
  transition: opacity 1s ease !important;
}

.slideshow__slide.is-selected {
  opacity: 1 !important;
}

@media screen and (min-width: 741px) {
  .slideshow.flickity__section .flickity-page-dots {
    text-align: center;
    bottom: 30px;
    right: 0;
  }
}

.slideshow__caption {
  position: absolute;
  width: 90%;
  height: 100%;
  text-align: center;
}

.slideshow__caption .slideshow__caption-wrapper {
  display: inline-block;
  padding: 0px;
}

.slideshow__caption p {
  line-height: initial;
}

.slideshow__btn-wrapper {
  display: inline-block;
  margin-top: 10px;
  margin-right: 10px;
}

.slideshow__btn-wrapper a {
  padding: 10px 20px;
  display: inline-block;
  -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;
}

.theme-buttons-curved .slideshow__btn-wrapper a {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

@media screen and (max-width: 740px) {
  .slideshow__caption .slideshow__caption-wrapper {
    width: 100%;
  }

  .slideshow__slide-desktop.overlay:after {
    height: 550px;
  }

  .slideshow .flickity-page-dots {
    bottom: 5px;
  }
}

/* ---- Recently Viewed Products ----- */
.recently-viewed{
  margin-top:30px;
}

#recently-viewed {
  margin-bottom: 30px;
}

.recently-viewed-products.recently-viewed-products--visible {
  display: block;
}

.recently-viewed-products.recently-viewed-products--hidden {
  display: none;
}

.recently-viewed-products--carousel {
  width: 100%;
  padding: 0 1.04166667%;
}

.recently-viewed-products--carousel .flickity-prev-next-button.next {
  right: -50px;
}

.recently-viewed-products--carousel .flickity-prev-next-button.previous {
  left: -50px;
}

@media screen and (min-width: 769px) {
  .recently-viewed-products--carousel.flickity__section .flickity-page-dots {
    display: none;
  }

  .recently-viewed-products--carousel .recently-viewed-products__product {
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
  }
}

@media screen and (max-width: 768px) {
  .recently-viewed-products--carousel .recently-viewed-products__product {
    width: calc((100% - 20px) / 2) !important;
    margin-right: 10px;
  }

  .recently-viewed-products--carousel .flickity-prev-next-button.previous {
    left: 0;
    display: none;
  }

  .recently-viewed-products--carousel .flickity-prev-next-button.next {
    right: 0;
    display: none;
  }

  .recently-viewed-products--carousel.flickity__section .flickity-page-dots {
    display: block;
  }
}

/* ---- Featured collection carousel ----- */

.featured__collection-carousel {
  width: 100%;
  padding: 0 1.04166667%;
}

.featured__collection-product {
  padding: 0;
}

.featured__collection-carousel .flickity-prev-next-button.next {
  right: -50px;
}

.featured__collection-carousel .flickity-prev-next-button.previous {
  left: -50px;
}

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

@media screen and (min-width: 769px) and (max-width: 980px) {
  .featured__collection-carousel .featured__collection-product {
    width: calc((100% - 40px) / 3) !important;
  }

  .featured__collection {
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-column-gap: 20px;
  }

  .featured__collection-carousel .flickity-prev-next-button.next {
    right: -40px;
  }

  .featured__collection-carousel .flickity-prev-next-button.previous {
    left: -40px;
  }
}

@media screen and (max-width: 768px) {
  .featured__collection {
    grid-template-columns: 1fr 1fr !important;
    grid-column-gap: 10px;
  }

  .featured__collection-carousel .featured__collection-product {
    width: calc((100% - 10px) / 2) !important;
  }

  .featured__collection-carousel .flickity-prev-next-button.previous {
    display: none;
    left: 0;
  }

  .featured__collection-carousel .flickity-prev-next-button.next {
    display: none;
    right: 0;
  }

  .featured__collection-carousel.flickity__section .flickity-page-dots {
    display: block;
  }
}

/* blog social media */
.blog_social_media_container {
  position: absolute;
  right: 0;
  display: flex;
  flex-direction: row-reverse;
  transition: all 0.5s ease-in-out;
}

.blog_social_icon_container {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  list-style-type: none;
  margin: 0 10% 0 0;
  transition: all 1s ease-in-out;
  transform: translateX(0%);
  opacity: 0;
}

.blog_social_icon_open {
  opacity: 1;
  transform: translateX(-5%);
}

.share_button,
.blog_share_button {
  background-color: transparent;
  border: none;
  height: fit-content;
  padding: 0;
  margin-bottom: 5px;
  margin-right: 0px;
}

.share_button:hover {
  background-color: transparent;
}

.product-card__size-btn {
  width: 100%;
  list-style-type: none;
  cursor: pointer;
}

.product-card__size-btn-nostock {
  color: #7b7b7b;
}

.option_buttons {
  background-color: transparent;
  border: none;
  height: fit-content;
  width: fit-content;
  padding: 0;
  margin-bottom: 5px;
}

.option_buttons:hover {
  background-color: transparent;
}

.option-open_button {
  display: none;
  position: absolute;
  right: 8%;
  bottom: 4%;
  cursor: pointer;
  transition: all 1s ease-in-out;
}

.option_close .option-open_button {
  display: block;
}

.option-close_button {
  position: absolute;
  top: 4%;
  right: 8%;
  cursor: pointer;
  transition: all 1s ease-in-out;
}

.product-card .flickity-prev-next-button.next {
  display: block !important;
}

.product-card .flickity-prev-next-button.next {
  right: -44px !important;
}

@media only screen and (min-width: 769px) {
  .option_sizes {
    font-size: 14px;
  }

  .option-close_button {
    right: 8%;
  }
}

/* ---- Product / Collection / Article grid ---- */

@media screen and (max-width: 980px) and (min-width: 740px) {
  .product-index:nth-child(2n + 1),
  .article-index:nth-child(2n + 1) {
    clear: left;
  }

  .first {
    clear: none;
  }
}

@media screen and (max-width: 740px) {
  .product-index:nth-child(2n + 1),
  .article-index:nth-child(2n + 1) {
    clear: left;
  }

  .first {
    clear: none;
  }
}

/* ---- Products ---- */
@media screen and (max-width: 768px) {
  .product-thumbnails {
    margin-top: 20px;
  }

  .product-thumbnail {
    cursor: pointer;
    display: inline-block;
    width: 15%;
  }

  #mobile-product {
    margin-bottom: 20px;
    display: block;
  }
}

/* ---- General ---- */
@media screen and (max-width: 740px) {
  #subscribe_popup {
    width: 100%;
  }

  #subscribe_popup img {
    min-width: 280px;
  }

  .mobile-menu__search form input {
    margin-bottom: 0;
  }

  .mobile-hide {
    display: none;
  }

  .product-listing__quickview-trigger {
    display: none !important;
  }

  #page-sidebar {
    margin-top: 20px;
    text-align: center;
  }
}

@media screen and (min-width: 981px) {
  .map-section-wrapper {
    height: 400px;
    margin-top: 20px;
  }
}

/* ---- Collection list grid ---- */

.collection__list-section {
  margin-bottom: 40px;
  background: #f8f8f8;
}

.collection__list-loop {
  margin: 0 auto;
  width: 100%;
  min-width: 100%;
  display: grid;
  grid-gap: 10px;
  padding: 0 1.04166667%;
}

@media screen and (min-width: 741px) and (max-width: 980px) {
  .collection__list-loop {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
}

@media screen and (max-width: 740px) {
  .collection__list-loop {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
}

.collection__list-description .rte {
  margin-bottom: 30px;
  clear: both;
}

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

.collection__list-item {
  position: relative;
  margin: 0;
  background: #fff;
  border-radius: 10px;
}

.collection__list-item .collection__item-details {
  padding: 10px 0;
  text-align: center;
}

.collection__list-item.floating__title .collection__item-details {
  padding-left: 15px;
  padding-right: 15px;
  background: var(--background);
  width: fit-content;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.collection__item-details p {
  margin-bottom: 0;
  font-weight: 700;
}

/* ---- remove this code to remove collection image height constraints ----*/

.collection__item-image {
  overflow: hidden;
  padding: 10px;
}

.collection__item-image > a {
  width: 100%;
  display: inline-block;
}

.collection__item-image img {
  object-fit: cover;
  object-position: center;
}

@media screen and (min-width: 1221px) {
  .collection__item-image {
    height: var(--collection-item-image-height);
  }

  .collection__item-image .box-ratio {
    padding-bottom: var(--collection-item-image-height) !important;
  }

  .collection__item-image img {
    height: var(--collection-item-image-height);
  }
}

@media screen and (min-width: 741px) and (max-width: 1220px) {
  .collection__item-image {
    height: var(--collection-item-image-height);
  }

  .collection__item-image .box-ratio {
    padding-bottom: var(--collection-item-image-height) !important;
  }

  .collection__item-image img {
    height: var(--collection-item-image-height);
  }
}

@media screen and (max-width: 740px) {
  /* .collection__item-image {
    height: var(--collection-item-image-height);
  } */

  .collection__item-image .box-ratio {
    padding-bottom: var(--collection-item-image-height) !important;
  }

  .collection__item-image img {
    height: var(--collection-item-image-height);
  }
}

/* ---- end collection image height constraints ----*/
/* ---- Rich text section ---- */

.rich__text-content {
  display: grid;
  grid-gap: 30px;
}

@media screen and (max-width: 740px) {
  .rich__text-column {
    grid-column: auto / span 4 !important;
  }
}

/* ---- Text column with image ---- */

.imageText__column-container .box-ratio {
  margin-bottom: 10px;
}

.imageText__column-btn-wrapper {
  display: inline-block;
  clear: both;
}

.imageText__column-btn-wrapper a {
  padding: 10px 20px;
  color: var(--button-text);
  background: var(--button-color);
  display: inline-block;
}

.theme-buttons-curved .imageText__column-btn-wrapper a {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

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

.imageText__column-btn-wrapper a:visited {
  color: var(--button-text);
}

.imageText__column-container .onboard {
  margin-bottom: 10px;
}

/* ---- Text with image blocks ---- */

.textWithImage__column-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 30px;
  align-items: center;
  justify-content: center;
}

.textWithImage__column-container.with-padding {
  padding: 0 1.04166667%;
}

.textWithImage__column-section .textWithImage__column-container.no-space {
  grid-gap: 0;
}

.textWithImage__column[data-block-type="text"] {
  padding: 15px;
}

@media screen and (max-width: 740px) {
  .textWithImage__column-container {
    grid-column: 1 / -1 !important;
  }

  .textWithImage__column-container {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: minmax(100px, 1fr);
    grid-template-rows: minmax(150px, 1fr);
    grid-auto-flow: column;
    grid-auto-columns: minmax(100px, 1fr);
    overflow-x: scroll;
    scroll-snap-type: x proximity;
    justify-content: unset !important;
    padding-bottom: 20px !important;
  }

  .textWithImage__column-scroll:before,
  .textWithImage__column-scroll:after {
    content: "";
    width: 10px;
  }

  .textWithImage__column-container::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background: #eee;
  }

  .textWithImage__column-container::-webkit-scrollbar-thumb:horizontal {
    background: #333;
    border-radius: 10px;
  }
}

/* ---- Image with text overlay ---- */

.image__overlay-section .overlay {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.image__overlay-section .image__overlay-caption {
  position: absolute;
  width: fit-content;
  width: -moz-fit-content;
}

.image__overlay-btn-wrapper {
  display: inline-block;
  margin-top: 10px;
}

.image__overlay-btn-wrapper a {
  padding: 10px 20px;
  display: inline-block;
  -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;
}

.theme-buttons-curved .image__overlay-btn-wrapper a {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.image__overlay-btn-wrapper a:hover {
  background: none !important;
}

.image__overlay-section .image__overlay-container {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 0;
  position: relative;
  height: 430px;
  overflow: hidden;
}

.image__overlay-section .onboard {
  text-align: center;
}

.image__overlay-section .onboard svg {
  fill: #d0d0d0;
  height: 430px;
}

.image__overlay {
  position: relative;
}

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

/* ---- Image aspect ratios ---- */

.image_natural .box-ratio,
.image_square .box-ratio,
.image_landscape .box-ratio,
.image_portrait .box-ratio,
.image_banner .box-ratio,
.image_gallery .box-ratio,
.image_cart .box-ratio {
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
}

.image_square .box-ratio {
  padding-bottom: 100% !important;
}

.image_landscape .box-ratio {
  padding-bottom: 75% !important;
}

.image_portrait .box-ratio,
.media-portrait {
  padding-bottom: 130% !important;
}

.image_banner:not(.slideshow__slide-desktop) .box-ratio {
  padding-bottom: 40% !important;
}

.image_cart .box-ratio {
  padding-bottom: 125% !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 .image_banner .box-ratio img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

.gallery__item {
  position: relative;
}

.gallery__item .gallery__item-container {
  position: relative;
  overflow: hidden;
  height: auto;
  width: 100%;
  background: transparent;
}

.collection__gallery_items {
  width: 45%;
  margin-right: 10px;
}

.gallery__item-image {
  position: relative;
}

.gallery__item-image.overlay:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.15);
  content: "";
}

.gallery__item .gallery__item-container img {
  display: block;
  max-width: 100%;
  width: 100%;
  opacity: 1;
  border-radius: 10px;
}

.gallery__item .gallery__item-container .gallery__item-caption {
  margin-top: 10px;
}

.gallery__item .gallery__item-container .gallery__item-caption .button_wrapper {
  margin-top: 5px;
}

.gallery__item .gallery__item-container .gallery__item-caption::before,
.gallery__item .gallery__item-container .gallery__item-caption::after {
  pointer-events: none;
}

.gallery__item.floating__text .gallery__item-container .gallery__item-caption {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.button_wrapper > a {
  width: 100%;
  text-decoration: none;
}

@media only screen and (min-width: 769px) {
  .collection__gallery_items {
    width: 24%;
    margin-right: 20px;
  }

  .button_wrapper {
    opacity: 0;
    transition: all 0.3s ease-in-out;
  }

  .gallery__item:hover .button_wrapper {
    opacity: 1;
  }

  .gallery__item
    .gallery__item-container
    .gallery__item-caption
    .button_wrapper {
    margin-top: 15px;
  }
}

/* ---- Section titles ---- */

.section-title {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}

.section-title.lines h1,
.section-title.lines h2,
.section-title.lines h3 {
  display: inline-block;
  padding: 0px 23px;
  margin: 0;
  background-color: var(--background);
  position: relative;
  z-index: 1;
}

.section-title.btm_border:after {
  content: "";
  border-bottom: 2px solid var(--dotted-color);
  width: 80px;
  height: 0;
  position: absolute;
  top: 95%;
  left: calc(50% - 40px);
}

.section-title h2 {
  font-weight: 500;
  font-size: 24px;
}

@media only screen and (min-width: 769px) {
  .section-title h2 {
    font-size: 26px;
  }
}

/* ---- Product options ---- */

.sku {
  font-size: 11px;
}

.product-variant-type--swatches .select,
.product-variant-type--swatches .product_variants,
.product-variant-type--swatches .selector-wrapper,
.product-variant-type--swatches .select {
  display: none !important;
}

/* ---- Image zoom effect ---- */
.theme-image-effect .article-content img,
.theme-image-effect .textWithImage__column-image img,
.theme-image-effect .imageText__column-image img,
.theme-image-effect .collection__list-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 1s cubic-bezier(0.25, 0.5, 0.8, 0.65);
  transition: transform 1s cubic-bezier(0.25, 0.5, 0.8, 0.65);
  -webkit-transform: 1s cubic-bezier(0.25, 0.5, 0.8, 0.65);
}

/* .theme-image-effect .article-content:hover img,
.theme-image-effect .textWithImage__column-image:hover img,
.theme-image-effect .imageText__column-image:hover img,
.theme-image-effect .collection__list-item:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
 */
/* ---- Breadcrumb trail ---- */

#breadcrumb,
#breadcrumb a {
  font-size: 13px;
}

#breadcrumb {
  padding: 20px 0px 20px 0px;
}
.template-product .page_padding {
    padding: 0px !important;
}

.template-product #breadcrumb, #breadcrumb a{
      color: rgba(19, 41, 76, 1);
      text-transform: capitalize;
}
.template-product .breadcrumb span:nth-last-of-type(2),
.breadcrumb span:last-of-type {
  color: #888888;
}


/* ---- Global style ---- */
.rte a {
  text-decoration: underline;
}

/* ---- Video Section ---- */

/* ---- Video text ---- */
.video__section .video__text-content {
  text-align: center;
  position: relative;
  width: 100%;
  top: 20px;
  opacity: 1;
  transition: all 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  transition-delay: 0.3s;
  z-index: 3;
  padding: 40px 0;
}

.video__section .video-is-playing .video__text-content {
  display: none;
}

.video__section .video-is-loaded .video__text-content,
.no-js .video__section .video__text-content {
  -ms-transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}

.video__section .video-is-loaded .video__text-content::after,
.no-js .video__section .video__text-content::after {
  opacity: 0;
  visibility: hidden;
  content: none;
}

/* ---- Video styles ---- */
.video__section .video {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.video__section .video--background {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in;
}

.autoplay .video__section .video-is-loaded .video--background {
  display: block;
  visibility: visible;
  opacity: 1;
}

.video__section .video--image_with_play {
  display: none;
  opacity: 0;
  visibility: none;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-in;
}

.video__section .video-is-playing .video--image_with_play,
.video__section .video-is-paused .video--image_with_play {
  display: block;
  visibility: visible;
  opacity: 1;
}

.video__section .video__section-wrapper .video {
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-500%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* ---- Video control buttons ---- */
.video__section .video-control {
  display: none;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 4;
  transition: all 0.1s ease-out;
}

.video__section .video-control__play-wrapper {
  display: none;
  height: 50px;
}

@media only screen and (min-width: 741px) {
  .video__section .video-control__play-wrapper {
    display: block;
  }
}

.video__section .video-control__play-wrapper-mobile {
  display: block;
  height: 50px;
  position: absolute;
}

@media only screen and (min-width: 741px) {
  .video__section .video-control__play-wrapper-mobile {
    display: none;
  }
}

.video__section .video-control__play-wrapper--with-text {
  margin-top: 30px;
}

.video__section .video-control__play {
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: visible;
  opacity: 1;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  position: relative;
  margin: 0 auto;
  padding: 5px;
  pointer-events: none;
  box-shadow: 0px 0px 3px 0px #d2d2d2;
}

.video__section .video-background-wrapper .video-control__play {
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.video__section .video-is-loaded .video-control__play {
  pointer-events: auto;
  cursor: pointer;
}

.video__section .video-is-playing .video-control__play {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.video__section .video-control__play::before {
  content: "";
  display: block;
  width: 2.875rem;
  height: 2.875rem;
  position: absolute;
  margin-left: -1.4375rem;
  border-radius: 50%;
  border: 2px solid white;
  border-top-color: transparent;
  -moz-animation: spin 0.65s infinite linear;
  -o-animation: spin 0.65s infinite linear;
  -webkit-animation: spin 0.65s infinite linear;
  animation: spin 0.65s infinite linear;
  transition: all 0.1s ease-out 0.5s;
  z-index: 5;
  top: 1px;
  left: 50%;
  opacity: 0.5;
}

.video__section .video-is-loaded .video-control__play::before,
.video__section .video-is-playing .video-control__play::before,
.video__section .video-is-paused .video-control__play::before {
  content: none;
  display: none;
}

.video__section .video-control__close-wrapper {
  display: none;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  position: absolute;
  top: 0;
  right: 0;
  outline: none;
  z-index: 3;
  padding: 0;
}

.video__section .video-is-playing .video-control__close-wrapper,
.video__section .video-is-paused .video-control__close-wrapper {
  display: block;
}

.video__section .video-control__close {
  position: relative;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 30px;
  border-radius: 25px;
}

.video__section .video-is-playing .video-control__close,
.video__section .video-is-paused .video-control__close {
  display: inline-block;
  visibility: visible;
  opacity: 1;
}

.video__section .video__pause {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 50px;
  height: 50px;
  padding: 0;
  border: none;
  background-color: transparent;
  transition: color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87),
    background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87);
}

.video__section button {
  color: #000;
}

.video__section button svg {
  fill: var(--direction-color);
}

@media only screen and (max-width: 740px) {
  .video__section .video__pause {
    display: none;
  }
}

.video__section .video-is-playing .video__pause {
  display: none;
}

.video__section .video__pause:hover,
.video__pause:focus {
  outline: none;
}

.video__section .video__pause-resume,
.video__section .video__pause-stop {
  height: 34px;
  width: 34px;
  margin: 0 auto;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
}

.video__section .video__pause:hover .video__pause-resume,
.video__section .video__pause:focus .video__pause-resume,
.video__section .video__pause:hover .video__pause-stop,
.video__section .video__pause:focus .video__pause-stop {
  background-color: rgba(0, 0, 0, 0.75);
}

.video__section .video__pause:focus .video__pause-resume,
.video__pause:focus .video__section .video__pause-stop {
  outline: auto 5px -webkit-focus-ring-color;
}

.video__section .video__pause-stop {
  display: flex;
}

.video__section .is-paused .video__pause-stop {
  display: none;
}

.video__section .video__pause-resume {
  display: none;
}

.video__section .is-paused .video__pause-resume {
  display: flex;
}

/* ---- Overlay ---- */
.video__section .video__overlay::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 3;
}

.video__section .video-is-playing .video__overlay {
  opacity: 0;
}

.video__section .video-is-playing .video__overlay:before {
  content: none;
}

/* ---- Fallback images ---- */
.video__section .video__image {
  transition: opacity 0.8s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  z-index: 1;
}

@media only screen and (min-width: 741px) {
  .video__section .video-background-wrapper .video__image {
    opacity: 0;
  }
}

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

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

[data-section-type="video-section"] {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 740px) {
  [data-section-type="video-section"] {
    transition: width 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87),
      height 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87),
      padding 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  }
}

/* ---- Video container ---- */

.video__section-wrapper {
  position: relative;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: height 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);
}

@media only screen and (min-width: 741px) {
  .video__section-wrapper {
    overflow: hidden;
  }
}

@media only screen and (max-width: 740px) {
  .video__section-wrapper {
    overflow: visible !important;
  }

  .video__section-wrapper.video-is-playing {
    margin: 0;
  }

  .video__section-wrapper.video-is-loaded {
    transition: height 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87),
      margin 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  }
}

.video__section-wrapper--min-height {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.video__section-wrapper--small.video__section-wrapper--min-height {
  min-height: 175px;
}

@media only screen and (min-width: 741px) {
  .video__section-wrapper--small.video__section-wrapper--min-height {
    min-height: 475px;
  }
}

.video__section-wrapper--medium.video__section-wrapper--min-height {
  min-height: 270px;
}

@media only screen and (min-width: 741px) {
  .video__section-wrapper--medium.video__section-wrapper--min-height {
    min-height: 650px;
  }
}

.video__section-wrapper--large.video__section-wrapper--min-height {
  min-height: 375px;
}

@media only screen and (min-width: 741px) {
  .video__section-wrapper--large.video__section-wrapper--min-height {
    min-height: 775px;
  }
}

.video__section-wrapper--min-height {
  transition: height 0s, margin 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);
}

@media only screen and (max-width: 740px) {
  .video__section-wrapper--min-height.video-is-loaded {
    transition: height 0s, margin 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  }
}

.video-background-wrapper--no-overlay {
  background-color: rgba(0, 0, 0, 0.2);
}

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

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

.newsletter__popup-container {
  width: 400px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.newsletter__popup-container-close {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 35px;
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  background: #ffffff;
}

.newsletter__popup-text,
.newsletter__popup-form {
  padding: 0 25px;
  margin-top: 20px;
  text-align: center;
}

.newsletter__popup-form {
  padding-bottom: 25px;
}

.newsletter__popup-form input[type="email"],
.enquiry__popup-container input[type="email"],
.enquiry__popup-container input[type="phone"],
.enquiry__popup-container input[type="text"] {
  margin-bottom: 6px;
}

.newsletter__popup-form input[type="submit"] {
  margin-bottom: 0px;
}

.newsletter__popup-form .gdpr_disclaimer.rte.small {
  font-size: 90%;
  margin: 10px 0 0;
  line-height: 1.6em;
}

/* ---- Product form ---- */
.add-cart-quantity_container {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.product__section--buttons {
  margin: 15px 0 0 0;
}

.product__section--buttons button,
.product__section--buttons input#addToCart {
  margin-bottom: 0 !important;
}

.product__section--buttons input#addToCart {
  height: 40px;
  text-transform: math-auto;
}

.custom-atc-container {

  position: relative;
  display: flex;
  flex-direction: row-reverse;
  background: #13294b;
  border-radius: 2.5px;
  align-items: center;
  padding: 0 50px;
  height: 50px;
}

svg#atc_icon path {
  fill: white;
}

.product__section-details .product__section--app {
  margin-top: 15px;
}

.product__section--desc.product__description-container.rte {
  margin-top: 15px;
}

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

.c-accordion__panel .c-accordion__inner p {
  margin: 0;
}

.product__line-item {
  margin-top: 15px;
}

.product__line-item label,
.qty-selection label,
.selector-wrapper label {
  font-family: var(--main-family) !important;
  font-weight: 500;
  font-size: var(--font-size);
  margin-bottom: 5px;
}

.sku label {
  font-family: var(--main-family) !important;
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 0;
}

/* ---- Product text with icon ---- */

.product-text__block {
  margin-top: 15px;
  display: block;
}

.product-text__block-icon,
.product-text__block-image {
  display: inline-block;
  max-width: 20px;
  margin-right: 5px;
  vertical-align: middle;
  line-height: 0;
}

.product-text__block-content {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
}

.product-text__block-content a:hover {
  text-decoration: underline;
}

.product-text__block-image img {
  max-height: 18px;
}

/* ---- Product upsell ---- */

.upsell {
  display: flex;
  overflow: auto;
  width: 100%;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: 10px;
}

.upsell::-webkit-scrollbar {
  width: 10px;
  height: 4px;
}

.upsell::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  width: 10px;
  height: 10px;
  border-radius: 6px;
}

.product__upsell-container {
  display: grid;
  grid-template-columns: 3fr 5fr;
  text-align: left;
  align-items: center;
  justify-content: start;
  grid-gap: 0 15px;
}

.product__upsell-item {
  margin-top: 25px;
  margin-bottom: 10px;
  border: 1px solid var(--dotted-color);
  padding: 15px;
  display: inline-block;
  position: relative;
  min-width: 100%;
}

.product__upsell-item .product-info {
  text-align: left;
  padding: 0;
}

.product-info-inner > .price-item.price-item--regular {
  font-size: 16px;
  font-weight: 500;
}

.prod-title {
  font-size: 12px;
  font-weight: 500;
}

.product__upsell-item .product-info .product-info-inner {
  width: 100%;
}

.product__upsell-item .price {
  align-items: start;
}

.product__upsell-item .price .price__regular dd .price-item--regular {
  font-size: 14px !important;
  font-weight: 500 !important;
}

.product__upsell-item .product-info form {
  margin-top: 5px;
}

.product__upsell-item button.button-as-link,
.product__upsell-item input {
  margin-bottom: 0 !important;
  padding: 0 !important;
  font-size: 16px;
  font-weight: 500;
  grid-area: 2 / 2;
  text-align: end;
}

@media only screen and (min-width: 768px) {
  .prod-title {
    font-size: 16px;
  }

  .product__upsell-item .price .price__regular dd .price-item--regular {
    font-size: 16px !important;
    font-weight: 500 !important;
  }

  .product__upsell-container {
    grid-template-columns: 2fr 5fr 3fr;
  }

  .product__upsell-item button.button-as-link,
  .product__upsell-item input {
    grid-area: 1 / 3;
    text-align: center;
  }
}

/* Product Form Swatches */
.swatches__container {
  margin: 0px 0 0 0;
  display: inline-block;
  width: 100%;
}

.swatches__container[data-option-index="2"],
.swatches__container[data-option-index="3"] {
  margin-top: 25px;
}

/* 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: #000;
  background-color: #fff;
  margin: 10px 8px 0 0;
  cursor: pointer;
  border: 1px solid #ddd;
  position: relative;
  font-size: 14px;
  font-weight: 600;
  min-width: 34px !important;
  white-space: nowrap;
  text-align: center;
  outline: 0 !important;
  padding: 0;
  font-weight: 400;
}

.swatches__form--label.focus-visible {
  transform: scale(1.08);
}

.swatches__shape--circle label {
  min-width: 34px !important;
  width: 34px !important;
  height: 34px !important;
  line-height: 32px !important;
  border-radius: 50%;
  vertical-align: middle;
}

.swatches__shape--square label {
  min-width: 34px !important;
  width: 34px !important;
  height: 34px !important;
  line-height: 32px !important;
  vertical-align: middle;
}

.swatches__shape--rectangle label {
  height: 34px !important;
  line-height: 32px !important;
  min-width: 44px !important;
  width: 44px !important;
  vertical-align: middle;
}

.swatches__swatch--regular label {
  line-height: 1;
}

.swatches__form--input:checked + .swatches__form--label {
  border: 1px solid #ddd;
  background: #13294b;
  color: #fff;
  font-weight: 700;
}

.swatches__swatch--color
  .swatches__form--input:checked
  + .swatches__form--label {
  box-shadow: 0px 0px 2px 2px #13294b;
}

.swatches__form--label:hover {
  background: #eee;
  color: #000;
}

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

/* Image with the cross in it */
.swatches__sold-out--image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.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 {
  /* internet explorer */
  /* khtml, old safari */
  /* mozilla, netscape */
  /* fx, safari, opera */
  background: #D2D1D3;
    font-weight: 700;
    color: #8F8C91;
  pointer-events: none;
}

.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 {
  margin-bottom: 0px;
  border-bottom: 1px solid transparent;
  display: block;
  font-size: var(--font-size);
  font-weight: 500 !important;
}

.swatches__option-name span.swatches__option-value {
  margin-left: 2px;
}

.brand-colour {
  display: none;
}

@media only screen and (max-width: 768px) {
  .swatches__container[data-option-index="2"],
  .swatches__container[data-option-index="3"] {
    margin-top: 15px;
  }
    .col-title-hidden-mobile{
    display: none;
  }
}

/* ---- Page titles ---- */

h1.page-title {
  margin-bottom: 40px;
  text-align: center;
}

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

.first {
  clear: left;
}

.collection__page-description {
  margin-bottom: 40px;
}

@media screen and (max-width: 739px) {
  .collection__page-image {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
  }
}

.collection__page-products.product-loop .product-index,
.product-loop .product-index {
  overflow: hidden;
}

.theme-border .collection__page-products.product-loop .product-index,
.theme-border .product-loop .product-index {
  border: 1px solid var(--dotted-color);
  padding-bottom: 10px;
}

.collection__page-products.product-loop {
  margin: 0 auto;
  width: 100%;
  display: grid;
  grid-column-gap: 25px;
  grid-row-gap: 40px;
}

@media screen and (max-width: 740px) {
  .collection__page-products.product-loop {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ---- Collection page sidebar ---- */

@media screen and (min-width: 981px) {
  .collection__sidebar-mobile-trigger {
    display: none;
  }
}

@media screen and (max-width: 980px) {
  .collection__sidebar-mobile-trigger {
    display: block;
  }
}

.collection__sidebar-mobile-trigger {
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid var(--dotted-color);
  height: 50px;
  line-height: 48px;
}

.collection__sidebar-mobile-trigger svg {
  margin-right: 5px;
  float: unset !important;
}

.collection__sidebar-image {
  margin-bottom: 10px;
}

.collection__page-sidebar .box-ratio {
  margin-bottom: 10px;
}

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

.collection__page-sidebar ul {
  list-style-type: none;
}

.collection__page-sidebar ul li.current a {
  text-decoration: none;
}

ul.collection__sidebar-menu {
  margin-bottom: 30px;
}

ul.collection__sidebar-menu li {
  margin-bottom: 5px;
}

ul.collection__sidebar-menu li a:hover {
  text-decoration: underline;
}

ul.collection__sidebar-menu li a.current {
  text-decoration: underline;
}

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

/* ---- Collection page sidebar & filters ---- */

.collection__page-sidebar .filter ul {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}

.collection__page-sidebar .filter ul::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px;
}

.collection__page-sidebar .filter 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);
}

@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;
  }
}

.filter ul li.disabled {
  opacity: 0.7;
}

.filter ul li.disabled a.disabled {
  cursor: default;
}

.filter
  ul
  li.disabled
  span.color-filter.color-filter--rounded.color-filter--disabled.disabled {
  display: none;
}

.filter ul li.current a:before {
  color: var(--text-color);
  margin-bottom: 0;
}

.filter ul li a {
  position: relative;
}

.filter.filter--color .color-filter {
  min-width: var(--color-filter-size, 20px) !important;
  width: var(--color-filter-size, 20px) !important;
  height: var(--color-filter-size, 20px) !important;
  line-height: calc(var(--color-filter-size, 20px) - 2px) !important;
  vertical-align: middle;
  border: 2px solid #fff;
  box-shadow: 0px 0px 0px 1px var(--dotted-color, #d6d6d6);
  display: inline-block;
  margin: 0 5px 0 0;
  line-height: initial;
  vertical-align: middle;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}

.filter.filter--color .color-filter.color-filter--rounded {
  border-radius: 50%;
}

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

.filtering__results ul.current_tags li {
  margin-bottom: 10px;
  margin-right: 10px;
  display: inline-block;
}

.filtering__results ul.current_tags li.current_tag a {
  background: #f5f5f5;
  padding: 10px 25px 10px 8px;
  color: var(--text-color);
  display: block;
  position: relative;
}

.filtering__results ul.current_tags li.current_tag a:after {
  content: "x";
  position: absolute;
  right: 10px;
  font-size: 17px;
}

.filtering__results ul.current_tags li a.clear-tags {
  text-decoration: underline;
}

.filter ul li {
  margin: 5px 5px 5px 0;
}

.clearfix.filter {
  margin-bottom: 30px;
}

.sidebar-filter.filter--price-range {
  padding-bottom: 30px;
}

.sidebar-filter.filter--price-range > .filter-range__boxes.js-price-range,
.filter > .rte,
.collection__sidebar-menu {
  padding-top: 8px;
}

span.filter__count {
  font-size: 80%;
  margin-left: 2px;
}

.checkbox-wrapper {
  font-family: var(--main-family);
  font-weight: var(--main-weight);
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  padding-top: 3px;
  cursor: pointer;
  font-size: 16px;
}

.checkbox-wrapper input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.checkbox-indicator {
  position: absolute;
  top: 5px;
  left: 0;
  height: 18px;
  width: 18px;
  background: #ffffff;
  border: 1px solid #d5d5d5;
  border-radius: 0px;
}

.checkbox-wrapper:hover input ~ .checkbox-indicator,
.checkbox-wrapper input:focus ~ .checkbox-indicator {
  background: #ffffff;
}

.checkbox-wrapper input:checked ~ .checkbox-indicator {
  background: #ffffff;
}

.checkbox-wrapper:hover input:not([disabled]):checked ~ .checkbox-indicator,
.checkbox-wrapper input:checked:focus ~ .checkbox-indicator {
  background: #ffffff;
}

.checkbox-wrapper input:disabled ~ .js-hz-filter-label {
  opacity: 0.7;
  pointer-events: none;
}

.checkbox-indicator:after {
  box-sizing: unset;
  content: "";
  position: absolute;
  display: none;
}

.checkbox-wrapper input:checked ~ .checkbox-indicator:after {
  display: block;
}

.checkbox-wrapper .checkbox-indicator:after {
  left: 6px;
  top: 2px;
  width: 3px;
  height: 8px;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.checkbox-wrapper input:disabled ~ .checkbox-indicator:after {
  border-color: #7b7b7b;
}

/* ---- Collection horizontal toolbar ---- */
.collection__filtering,
.search__filtering {
  position: relative;
  width: 100%;
  display: inline-block;
  height: 50px;
  border-radius: unset !important;
}

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

.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 .chosen-value,
.search__horizontal-toolbar .chosen-value {
  height: 50px;
  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 .value-list li [type="checkbox"],
.collection__page-sidebar .filter [type="checkbox"],
.search__horizontal-toolbar .value-list li [type="checkbox"] {
  display: none;
}

.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: 0 0 0 0;
  outline: 0;
}

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

.collection__horizontal-toolbar .value-list,
.search__horizontal-toolbar .value-list {
  list-style: none;
  margin-top: 50px;
  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: 5;
  background: var(--background);
}

.collection__horizontal-toolbar .value-list.open,
.search__horizontal-toolbar .value-list.open {
  max-height: 320px;
  overflow: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.collection__horizontal-toolbar .value-list li,
.search__horizontal-toolbar .value-list li {
  position: relative;
  height: auto;
  background-color: var(--background);
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s;
  opacity: 1;
  line-height: 1.2;
  display: inline-block;
  width: 90%;
}

.collection__horizontal-toolbar .value-list li span:hover,
.search__horizontal-toolbar .value-list li span:hover {
  text-decoration: underline;
}

.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 .color-filter,
.search__horizontal-toolbar .color-filter {
  min-width: var(--color-filter-size, 20px) !important;
  width: var(--color-filter-size, 20px) !important;
  height: var(--color-filter-size, 20px) !important;
  line-height: calc(var(--color-filter-size, 20px) - 2px) !important;
  vertical-align: middle;
  border: 2px solid #fff;
  box-shadow: 0px 0px 0px 1px var(--dotted-color, #d6d6d6);
  display: inline-block;
  margin: 0 10px 0 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 .checkbox-indicator,
.search__horizontal-toolbar .checkbox-indicator {
  top: 2px;
  left: 11px;
}

.collection__horizontal-toolbar .filter--regular .checkbox-wrapper,
.collection__horizontal-toolbar .filter--size .checkbox-wrapper,
.search__horizontal-toolbar .filter--size .checkbox-wrapper,
.search__horizontal-toolbar .filter--regular .checkbox-wrapper {
  padding-left: 42px;
}

.collection__horizontal-toolbar .filter--color .checkbox-wrapper,
.search__horizontal-toolbar .filter--color .checkbox-wrapper {
  padding-left: 15px;
}

.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 #collection--filters {
  line-height: 0;
  width: 100%;
  text-align: left;
}

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

/* ---- Price Range ---- */

.filter-price__trigger {
  height: 50px;
  font-size: var(--font-size);
  background-color: var(--background);
  color: var(--text-color);
  border: 1px solid var(--dotted-color);
  border-radius: 0 !important;
  transition: 0.3s ease-in-out;
  text-align: left;
  margin-bottom: 0 !important;
  position: relative;
  width: 100%;
  display: inline-block;
  line-height: 48px;
  padding-left: 10px;
}

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

.filter-price__trigger:hover {
  background-color: var(--background);
  color: var(--text-color);
  border: 1px solid var(--dotted-color);
}

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

.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: 2;
  position: absolute;
  top: 50px;
  left: 0;
  background: var(--background);
  padding: 20px 10px;
  line-height: initial;
  width: 100%;
}

.collection__horizontal-toolbar .filter-price__trigger.active,
.search__horizontal-toolbar .filter-price__trigger.active {
  box-shadow: 0 0 0 0;
  outline: 0;
}

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

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

.collection__filter-wrapper {
  display: none;
}

.collection__filter-wrapper.open {
  display: block;
}

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

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

.collection__page-filter ul#collection--filters,
.search__section ul#search--filters {
  width: 100%;
  text-align: left;
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px;
}

.collection__horizontal-toolbar .filter,
.search__horizontal-toolbar .filter {
  border: 0;
  margin-bottom: 0;
  list-style: none;
  width: 100%;
  position: relative;
}

.collection__filtering svg,
.search__filtering svg,
.filter--price-range svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  right: 13px;
  pointer-events: none;
}

.collection__filtering svg path,
.search__filtering svg path,
.filter--price-range svg path {
  fill: var(--text-color);
}

.collection__filtering.open svg path,
.collection__filtering:hover svg path,
.search__filtering.open svg path,
.search__filtering:hover svg path,
.filter--price-range.active svg path,
.filter--price-range:hover svg path {
  fill: var(--background);
}

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

.sort-by__wrapper li {
  padding: 5px 20px;
}

.collection__horizontal-toolbar.sort-by__wrapper {
  position: relative;
  float: right;
  margin-left: 1.04166667%;
}

@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: unset;
  padding: 0 15px;
  display: inline-block;
}

@media screen and (max-width: 740px) {
  .collection__filter-toggleWrapper {
    grid-template-columns: 1fr;
  }

  .filtering__pagination {
    display: none;
  }

  .sort__filter--triggers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
  }

  .collection__page-filter ul#collection--filters,
  .search__section ul#search--filters {
    grid-template-columns: repeat(2, 1fr);
  }
}

select.styled-select {
  display: inline-block;
  width: 100%;
  min-width: 160px;
  vertical-align: middle;
  border: 1px solid var(--dotted-color);
  margin-bottom: 10px;
  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 {
    width: 100%;
    display: inline-block;
    margin: 0;
  }
}

/* ---- Price filters ---- */

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

.filter-range__field {
  display: inline-block;
  margin-bottom: 20px;
}

/* 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;
  width: auto !important;
  min-width: 70px;
  margin: unset !important;
  float: unset !important;
}

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

.filter-range__slider--input::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  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;
}

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

/* ---- Global styled selects ---- */

.styled-select {
  border: 1px solid #ddd;
  border-radius: 1px;
  --webkit-appearance: none;
  --moz-appearance: none;
  padding-left: 12px;
  font-size: var(--font-size);
  height: 48px;
  line-height: 46px;
  min-width: 165px;
  margin-bottom: 10px;
  background: var(--select-arrow-bg) no-repeat right #fff;
}

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

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

.collection__banner-image {
  height: 400px;
  position: relative;
  overflow: hidden;
}

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

@media screen and (max-width: 740px) {
  .collection__banner-image {
    height: 200px;
  }

  .collection__banner-image img {
    height: 200px;
  }
}

/* ---- Product grid ---- */

.product-index img {
  display: block;
  margin: 0 auto 0;
  height: auto;
}

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

.theme-image-hover .reveal .hidden {
  display: block !important;
  visibility: visible !important;
}

/* .theme-image-hover .product-image:hover .reveal img {
  opacity: 1;
} */

.theme-image-hover .reveal {
  position: relative;
}

.theme-image-hover .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;
  background: var(--background);
}

/* .theme-image-hover .reveal:hover .hidden {
  z-index: 1;
  opacity: 1;
} */

.product-index img a {
  border: 0;
}

.product-info {
  text-align: left;
  padding: 8px 0 0;
  position: relative;
}

.product-info-inner {
  width: 96%;
  margin: 0 auto;
}

.product-info p {
  font-size: var(--font-size);
  margin-bottom: 0;
}

.product-info a {
  text-decoration: none !important;
}

.product-index .price {
  align-items: start;
  margin-bottom: 8px;
}

.was,
.product-compare-price,
.compare-price,
.was-related {
  color: var(--sale-color);
  text-decoration: line-through;
}

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

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

.onsale {
  display: inline;
}

.product-index-inner {
  position: relative;
}

.prod-image {
  position: relative;
  overflow: hidden;
}

/* .prod-image:hover > .product-listing__quickview-trigger {
  display: block;
} */

.icn {
  --webkit-transition: opacity 1s ease-out;
  line-height: 1rem;
  position: absolute;
  text-align: center;
  font-size: 85%;
  display: grid;
  align-items: center;
}

.icn.circle_icon {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  top: 10px;
  right: 10px;
}

.icn.rectangle_icon {
  padding: 5px 7px;
  top: 5px;
  right: 5px;
}

.pre-order {
  color: var(--background);
  z-index: 3;
}

.new {
  color: var(--background);
  background: var(--text-color);
  z-index: 2;
}

.so {
  color: var(--background);
  background: var(--text-color);
  z-index: 4;
}

.sale-item {
  color: #fff;
  background: var(--sale-color);
  z-index: 1;
}

/* prevent icons clashing */

.icn.rectangle_icon.sale-item {
  right: unset;
  left: 0;
  top: 10px;
    font-size: 10px;
    padding: 5px 7px;
    color: #fff;
    width: max-content;
    height: 24px;
    border-bottom-right-radius: 5.23px;
    background: linear-gradient(90deg, rgba(86, 9, 30, 0.8) -6.02%, rgba(179, 9, 56, 0.6) 100%);
  --webkit-transition: opacity 1s ease-out;
  line-height: 1rem;
  position: absolute;
  text-align: center;
  display: grid;
  align-items: center;
}

.icn.circle_icon.sale-item {
  right: unset;
  left: 10px;
}

@media only screen and (max-width: 768px) {
  .icn.rectangle_icon.sale-item {
    font-size: 8px;
  }

  .icn.rectangle_icon {
    padding: 2px 6px;
  }
}

.col-swatch ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.col-swatch li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  padding: 0;
  margin: 0px 18px 0 0;
  border-radius: 50%;
}

.col-swatch li span {
  display: block;
  margin: 5px 10px;
}

.col-swatch li.color {
  width: 20px !important;
  height: 20px !important;
}

.col-swatch li.color span {
  width: 100%;
  height: 100%;
  margin: 5px 10px;
  border-radius: 50%;
  border: 1px solid #7b7b7b;
}

.swatch-product-container li.swatch-product-color button {
  margin: 0;
  border-radius: 50%;
}

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

.col-swatch li:hover {
  cursor: pointer;
}

/* ---- Product page ---- */

.product__section-container {
  clear: both;
  position: relative;
  align-items: start;
}

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

span.popup_content_link {
  margin: 15px 0 0 0;
  display: inline-block;
}

span.popup_content_link button {
  margin: 0 10px 0 0;
  padding: 0;
}

.product__section-details .share-icons {
  margin-top: 15px;
}

.product__section-lowerDescription {
  margin-bottom: 50px;
}

.product__section-details .rte-accordion {
  text-align: left;
}

/* ---- Pages ---- */

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

.contactPage__section-content {
  display: grid;
  justify-content: center;
  grid-gap: 50px;
}

.page__section {
  display: grid;
  grid-gap: 50px;
}

@media screen and (max-width: 740px) {
  .page__section,
  .contactPage__section-content {
    grid-template-columns: 100% !important;
  }
}

/* --- Product Ratings Block --- */
.product__section--rating-wrapper {
  padding: 10px 0;
}

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

/* ---- Blog ---- */

.blog__article-container {
  display: grid;
  grid-gap: 34px;
}

.blog__article-container.list-layout {
  grid-row-gap: 25px;
}

.blog__article-container.list-layout .blog__post-content {
  display: grid;
  grid-template-columns: 2fr 4fr;
  grid-column-gap: 50px;
  align-items: center;
}

.blog__post-details {
  position: relative;
}

.blog__post-container {
  text-align: left;
  width: 32.3%;
  margin: 0 10px 0 10px;
}

.blog__article-container .flickity-prev-next-button.previous {
  left: -50px;
  display: block;
}

.blog__article-container .flickity-prev-next-button.next {
  right: -50px;
  display: block;
}

@media screen and (max-width: 768px) {
  .blog__article-container.list-layout .blog__post-content {
    grid-template-columns: 100%;
  }

  .blog__post-container {
    text-align: left;
    width: 100%;
  }

  .blog__article-container .flickity-prev-next-button.previous {
    display: none;
  }

  .blog__article-container .flickity-prev-next-button.next {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .blog__article-container.list-layout .blog__post-image {
    margin-bottom: 0;
  }
}

.blog__article-container.list-layout .blog__post-container {
  padding-bottom: 25px;
  border-bottom: 1px solid var(--dotted-color);
}

@media screen and (max-width: 768px) {
  .blog__article-container {
    grid-template-columns: 100% !important;
  }
}

.blog__section-description {
  margin-bottom: 40px;
}

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

.blog__post-image.image_landscape img {
  object-fit: cover;
}

.article__page-info {
  margin-bottom: 10px;
  padding-top: 10px;
}

.blog__post-author.posted,
.blog__post-date.posted {
  text-align: left;
  clear: left;
  display: block;
}

.blog__post-excerpt {
  margin-top: 15px;
  margin-bottom: 15px;
}

.blog__post-container .rte {
  margin-bottom: 15px;
}

ul.blog__post-tags {
  list-style: none;
  margin-bottom: 15px;
}

ul.blog__post-tags li.blog__post-tag {
  display: inline-block;
  margin: 0 5px 0 0;
}

ul.blog__post-tags li.blog__post-tag a {
  border-bottom: 1px solid #aaa;
}

.blog__post-button {
  clear: left;
  text-align: left;
}

.blog__post-button a {
  display: inline-block;
  color: var(--button-text) !important;
  background: var(--button-color) !important;
  padding: 10px 20px;
  -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;
}

.theme-buttons-curved .blog__post-button a {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.blog__post-button a:hover {
  color: var(--button-text) !important;
  background: var(--button-hover) !important;
  text-decoration: none;
}

/* ---- Article ---- */
.article__section {
  margin-top: 0;
  position: relative;
  z-index: 0;
}

.article__section-container {
  justify-content: center;
  grid-gap: 50px;
  clear: both;
}

.article__section-title {
  margin-bottom: 15px;
  font-size: 20px;
}

.article__section-image {
  margin-bottom: 75px;
}

.article__section-details.rte {
  padding: 15px 0;
  font-size: 16px;
  line-height: 26px;
}

@media screen and (max-width: 740px) {
  .article__section-container {
    grid-template-columns: 100% !important;
  }

  .article__section-title {
    margin-bottom: 10px;
  }

  .article__section-image {
    margin-bottom: 40px;
  }

  .article__section-details.rte {
    padding-bottom: 15px;
    /*     border-bottom: 1px solid var(--dotted-color); */
  }
}

.article__section-body .share-icons {
  margin-bottom: 10px;
  /*    border-bottom: 1px solid #ddd;  */
  padding: 20px 0;
}

.article__section-commentContainer {
  display: grid;
  grid-gap: 50px;
  grid-template-columns: 1fr 1fr;
}

ul.article__section-commentList {
  list-style-type: none;
}

li.article__section-comment {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--dotted-color);
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-gap: 15px;
}

@media screen and (max-width: 768px) {
  .article__section-commentContainer {
    grid-template-columns: 1fr !important;
  }

  .article__section-commentContent {
    grid-column: auto / span 1;
  }

  .article__comment-author {
    margin-left: 20px;
  }
}

.article__section-commentContent {
  grid-column: 1 / span 2;
}

.gravatar.article__section-avatar,
.article__comment-author {
  align-self: center;
}

.gravatar.article__section-avatar img {
  vertical-align: middle;
  padding: 10px;
  border: 1px solid var(--dotted-color);
}

.notice {
  border: 3px dashed #ccc;
  padding: 10px;
  background: white;
  margin: 20px 0;
}

.errorForm.feedback {
  background: mistyrose;
  padding: 15px 0 5px;
  text-align: center;
  font-weight: 600;
  color: firebrick;
  margin: 0 1.1%;
}

.more__articles {
  margin-bottom: 50px;
}

.gallery__item-btn-wrapper {
  display: inline-block;
  margin-top: 10px;
  margin-right: 10px;
}

.gallery__item-btn-wrapper a {
  padding: 10px 20px;
  display: inline-block;
  -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;
}

.theme-buttons-curved .gallery__item-btn-wrapper a {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.gallery__item-btn-wrapper a:hover {
  background: none !important;
}

/* 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: fixed;
  z-index: 15;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  --webkit-transition: opacity 1.2s ease-in-out;
  transition: opacity 1.2s ease-in-out;
  width: 90%;
  margin: 0 auto;
}

.modal__inner-content-container {
  height: 100%;
}

/* Modal Content/Box */
.modal__inner-wrapper {
  background-color: var(--background);
  padding: 20px;
  border: 1px solid #888;
  height: 77vh;
  position: relative;
}

@media (max-width: 739px) {
  .modal__inner-wrapper {
    max-height: unset;
    overflow-y: auto;
  }
}

.modal__inner-wrapper .loading-wrapper {
  height: 100%;
}

@media (max-width: 739px) {
  .modal__inner-wrapper {
    max-height: unset;
    padding: 20px 10px 20px 10px;
  }
}

.modal__container.modal--active {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}

.modal__container.modal--active .modal__inner-wrapper {
  overflow: scroll;
}

/* Cart Styles: Drawer, Modal, and Page */

.total .cart-price {
  font-size: 16px;
}

.shipping p {
  font-size: 14px !important;
  color: #4d4d4d;
  text-align: left !important;
}

.ajax-cart_container {
  overflow-y: auto;
  height: 75vh;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.ajax-cart_container .apply {
  width: 70px;
  padding: 0;
  height: 25px;
  font-size: 12px;
  margin-bottom: 4px;
}

.mini-cart__container {
  position: relative;
  height: 100%;
}

.ajax-cart__cart-item {
  position: relative;
  border-bottom: 1px solid var(--dotted-color);
}

.ajax-cart__cart-item:not(:last-child) {
  border-bottom: 1px solid var(--dotted-color);
}

.ajax-cart__item-remove {
  position: absolute;
  top: 10%;
  right: 3%;
  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__item-quantity {
  font-size: 0;
  width: fit-content;
}

.ajax-cart__qty-control--down,
.ajax-cart__qty-control--up {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid transparent;
  width: 22px;
  height: 22px;
  line-height: 22px;
  cursor: pointer;
  text-align: center;
  font-size: initial;
  border: 1px solid var(--dotted-color);
}

.ajax-cart__qty-input {
  display: inline-block;
  vertical-align: middle;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  width: 22px !important;
  height: 22px !important;
  text-indent: 0 !important;
  margin-bottom: 0 !important;
}

.ajax-cart__cart-variants {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
  gap: 10px;
}

svg.js-edit-variant {
  width: 15px;
  height: 15px;
}

.variant-value {
  margin-top: 3px;
  cursor: pointer;
  display: none;
}

.down-arrow_variant {
  margin-left: 5px;
}

.ajax-cart__cart-variants > * {
  font-size: 12px;
  font-weight: 400;
}

.ajax-cart__cart-title__wrapper > * {
  font-size: 16px;
  font-weight: 400;
}

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;
  width: 30px !important;
  -webkit-appearance: textfield;
  appearance: textfield;
}

.ajax-cart__title a {
  font-size: 14px;
  display: block;
  max-width: 200px;
}

.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(--dotted-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%);
  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 {
  letter-spacing: initial;
}

.ajax-cart__final-details div {
  letter-spacing: var(--main-spacing);
  font-size: 0;
  margin-bottom: 4px;
}

.discounts {
  display: flex;
}

.discounts > * {
  width: 100%;
}

.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: 100%;
  vertical-align: middle;
  text-align: center;
}

.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: 50px;
}

.ajax-cart__cart-form {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
}

.mini-cart__cart-note {
    width: fit-content;
    text-align: center;
    display: block;
    border-radius: 5px;
    padding: 5px 15px;
    color: #ffffff;
    background-color: #9d3737;
    margin-top: 10px;
    position: fixed;
    bottom: 40%;
    left: 2%;
    z-index: 9999;
}

.mini-cart__cart-note p {
  margin-bottom: 0;
}

/* cart drawer offers */

.cart__drawer--offer-wrapper span {
  font-size: 16px;
  font-weight: 700;
}

.cart__drawer--offers_container {
  display: flex;
  gap: 10px;
  font-size: 12px;
  font-weight: 500;
}

.cart__drawer--offers_container .offer_details {
  display: block;
  font-size: 14px;
}

.cart__drawer--offers_container .offer_title p {
  font-size: 12px;
  font-weight: 700;
  margin: 0;
}

.cart__drawer--offers_container svg {
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-top: 10px;
}

.cart-view-more-button {
  font-size: 10px !important;
}

@media only screen and (min-width: 769px) {
  .cart__drawer--offers_container svg {
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin-top: 10px;
  }
}

/* Cart Styles: Page Only */
section.cart-page.main__section {
  padding-top: 20px;
  padding-bottom: 50px;
}

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

@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-qty,
  .ajax-cart__page-wrapper .ajax-cart__item-line-price {
    grid-column: auto / span 2;
    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: 9 / span 4;
    width: 100%;
  }
}

@media (min-width: 1250px) {
  .ajax-cart__item-image__wrapper {
    max-width: 160px;
  }
}

@media (min-width: 980px) and (max-width: 1249px) {
  .ajax-cart__item-image__wrapper {
    max-width: 120px;
  }

  .ajax-cart__page-wrapper .ajax-cart__qty-input {
    width: 40px !important;
  }
}

@media (min-width: 740px) and (max-width: 979px) {
  .ajax-cart__item-image__wrapper {
    max-width: 130px;
  }

  .ajax-cart__page-wrapper .ajax-cart__qty-input {
    width: 40px !important;
  }
}

@media (max-width: 739px) {

  .mini-cart__cart-note{
    width: fit-content;
    text-align: center;
    display: block;
    border-radius: 5px;
    padding: 5px 15px;
    color: #ffffff;
    background-color: #9d3737;
    margin-top: 10px;
    position: fixed;
    bottom: 43%;
    left: 3%;
    right: 3%;
    z-index: 9999;
    font-size: 10px;
  }

  li.ajax-cart__item-details.v-top {
    margin-top: auto;
}

  .ajax-cart__item-image__wrapper {
    max-width: 200px;
  }

  dd[data-cart-item-regular-price] {
    display: flex;
    flex-direction: column; /* Stack prices vertically */
    align-items: flex-start; /* Align text to the left */
}

  .ajax-cart__page-wrapper .ajax-cart__item-image {
    grid-column: auto / span 4;
    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 6;
    width: 100%;
  }

  .ajax-cart__page-wrapper .ajax-cart__item-details {
    grid-column: auto / span 8;
    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: center;
    width: 80px;
  }

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

.progress-bar_cart::-moz-progress-bar {
  background: #13294b;
}

/* For Chrome or Safari */
.progress-bar_cart::-webkit-progress-value {
  background: #13294b;
}

/* For IE10 */
.progress-bar_cart {
  background: #13294b;
  width: 100%;
  grid-column: auto / span 12;
  height: 6px;
}

.ajax-cart__drawer-wrapper .ajax-cart__header-wrapper {
  padding: 10px 10px 0 10px;
  grid-row-gap: 0;
}

.ajax-cart__drawer-wrapper .ajax-cart__info-wrapper,
.ajax-cart__drawer-wrapper .ajax-cart__summary-wrapper {
  padding: 0 10px;
}

.ajax-cart__drawer-wrapper .ajax-cart__cart-item {
  padding: 10px !important;
  grid-row-gap: 0;
  grid-column-gap: 10px;
}

.ajax-cart__drawer-wrapper .ajax-cart__cart-item .down-arrow_variant {
  margin-left: 2px;
}

.ajax-cart__drawer-wrapper .ajax-cart__item-image img {
  width: 100%;
}

.ajax-cart__drawer-wrapper .ajax-cart__item-image {
  grid-column: auto / span 4;
  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: center;
}

.ajax-cart__drawer-wrapper .ajax-cart__item-qty {
  grid-column: auto / span 6;
  width: 100%;
}

.ajax-cart__drawer-wrapper .ajax-cart__item-details {
  grid-column: auto / span 8;
  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 {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  grid-column: auto / span 12;
  width: 100%;
  box-shadow: 0px -2px 4px 0px #00000020;
  z-index: 1;
}

.ajax-cart__drawer-wrapper .ajax-cart__empty-cart {
  margin-top: 100px;
  padding-bottom: 100px;
}

.ajax-cart__header-wrapper div .section-heading {
  font-size: 26px;
  font-weight: 500;
  margin: 0;
}

.line-item_price {
  color: #13294b;
  font-size: 12px;
  font-weight: bold;
  margin-right: 5px;
}

.line-item_compare_at_price {
  text-decoration: line-through;
  color: #00000080;
  font-size: 12px;
  font-weight: 400;
}

.line-item_regular_price {
  color: #000000;
  font-size: 12px;
  font-weight: 400;
}

/* 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: 320px;
  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: 70px;
}

.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(--h4-size);
}

.ajax-cart__buttons .ajax-cart__button-submit {
  margin-bottom: 10px;
}

.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-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 4;
    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-qty {
    grid-column: auto / span 6;
    width: 100%;
  }

  .ajax-cart__modal-wrapper .ajax-cart__item-details {
    grid-column: auto / span 8;
    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;
    overflow: auto;
  }
}

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

div#shipping-calculator select {
  width: 100%;
  clear: both;
  margin: 5px 0 10px;
}

/* cart- offers*/
.cart__drawer--offer-wrapper {
  padding: 15px 10px;
}

/*
 * New Accordion Styles
 */

/*
 * Base styles
 */

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

.c-accordion .dropdown-arrow {
  cursor: pointer;
}

.c-accordion__panel {
  display: block;
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0, 1, 0, 1);
}

.c-accordion__panel.is-active {
  max-height: 100%;
  transition: max-height 0.35s ease-in-out;
}

/* 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 {
  color: var(--text-color);
}

.c-accordion.c-accordion--product .c-accordion__header,
.c-accordion.c-accordion--custom-page .c-accordion__header {
  display: flex;
  width: 100%;
  overflow: hidden;
  line-height: 1;
  cursor: pointer;
  padding: 15px 10px;
  background: transparent;
  color: var(--text-color);
  border-bottom: 1px solid var(--dotted-color);
  border-radius: 0;
  height: unset !important;
  text-align: left;
  margin-bottom: 0;
  padding-left: 0;
}

.c-accordion.c-accordion--product .c-accordion__header .dropdown-arrow {
  margin-left: auto;
  transform: rotate(0deg);
  transition: transform 0.35s ease;
}

.c-accordion.c-accordion--custom-page .c-accordion__header .dropdown-arrow {
  margin-left: auto;
  transform: rotate(-90deg);
  transition: transform 0.35s ease;
}

/* rotate arrow when active */
.c-accordion.c-accordion--product
  .c-accordion__header[aria-expanded="true"]
  .dropdown-arrow {
  transform: rotate(180deg);
  transition: transform 0.35s ease;
}

.c-accordion.c-accordion--custom-page
  .c-accordion__header[aria-expanded="true"]
  .dropdown-arrow {
  transform: rotate(0deg);
  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;
}

.c-accordion__panel .c-accordion__inner {
  padding-top: 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 30px;
}

.c-accordion.c-accordion--mobile-nav li:not(.c-accordion__panel) {
  padding: 15px 0 15px 10px;
  border-bottom: 1px solid #e6e6e6;
  border-color: var(--button-color) !important;
}

.c-accordion.c-accordion--mobile-nav li:not(.c-accordion__panel):last-child {
  border: 0;
}

.c-accordion.c-accordion--mobile-nav .c-accordion__panel {
  padding: 0 30px;
}

/* add more bottom padding on active panel */
.c-accordion.c-accordion--mobile-nav .c-accordion__panel.is-active {
  padding: 0 0 20px 10px;
}

.c-accordion.c-accordion--mobile-nav .c-accordion__header {
  display: flex;
}

/*
 * 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;
  height: unset;
  width: unset;
  max-width: unset;
  transition: unset;
  /* 3. */
  padding-left: 10px;
  padding-right: 10px;
}

.c-accordion.c-accordion--mobile-nav .dropdown-arrow > svg {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  -o-transition: transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

.c-accordion.c-accordion--mobile-nav
  .dropdown-arrow[aria-expanded="true"]
  > svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  -o-transition: transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

.c-accordion.c-accordion--mobile-nav .c-accordion__header .dropdown-arrow {
  margin-left: auto;
  border-radius: 0;
}

/* remove all list margins */
.c-accordion.c-accordion--mobile-nav ul {
  margin: 0;
  list-style: none;
}

/* Product Quickview */
.product-listing__quickview-trigger {
  display: none;
  position: absolute;
  bottom: 10%;
  left: 10%;
  width: 80%;
  text-align: center;
  font-size: 90%;
  background: var(--button-hover);
  color: var(--button-text);
  height: 44px;
  line-height: 44px;
  font-weight: normal;
  -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;
  --webkit-appearance: none;
  z-index: 5;
}

.theme-buttons-curved .product-listing__quickview-trigger {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.product-listing__quickview-trigger:hover {
  background: var(--button-hover);
  color: var(--button-text);
}

.product-listing__quickview-trigger:visited {
  background: var(--button-hover);
  color: var(--button-text);
}

.slideout__trigger-quickview__wrapper {
  position: fixed;
  right: 2px;
  z-index: 1;
  background: var(--background);
}

.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 {
  min-height: 640px;
}

#modal-quickview-cart .product__section-details {
  padding: 0 20px;
}

#modal-quickview-cart .product__section-content {
  padding: 0;
}

#modal-quickview-cart .product__section-details form {
  border-bottom: none;
}

#modal-quickview-cart .product__section-details,
#modal-quickview-cart .product-description {
  text-align: left !important;
}

#modal-quickview-cart .price {
  align-items: flex-start !important;
}

@media (min-width: 740px) {
  .slideout__trigger-quickview__wrapper {
    top: 1px;
  }

  #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;
    display: grid;
  }

  #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 {
    max-height: 560px;
    margin: 10px;
    padding-right: 10px;
  }
}

/* ---- Drawer quick view ---- */
.slideout .product-quickview__container .product__section-container {
  grid-template-columns: repeat(1, 12fr);
  padding: 20px;
  grid-row-gap: 0px;
}

.slideout
  .product-quickview__container
  .product__section-container
  .product__section-content {
  padding: 0;
}

.slideout__drawer-right .product-quickview__container .product__section-details,
.slideout__drawer-right
  .product-quickview__container
  .product__section-details
  .slideout__drawer-right
  .product-quickview__container
  .rte,
.slideout__drawer-right
  .product-quickview__container
  .product__section-details
  h1 {
  text-align: left;
}

.slideout__drawer-right .product-quickview__container .add {
  margin: 0;
}

.slideout__drawer-right .product-quickview__container .price {
  align-items: flex-start;
}

a.view-full {
  text-decoration: underline;
  margin-top: 15px;
  display: block;
}

/* ---- Scrollup ---- */

.scrollup {
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 0;
  position: fixed;
  bottom: 2%;
  right: 1%;
  z-index: 3;
  transform: translatex(50%, 100px);
  transition: all 0.5s ease;
  text-align: center;
}

.scrollup:hover {
  text-decoration: none;
}

.scrollup.showBtn {
  opacity: 1;
  transform: translate(50%, 0);
}

.scrollup.showBtn.colorblue svg path {
  stroke: var(--nav-background-color);
}

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

@media only screen and (min-width: 769px) {
  .scrollup.showBtn {
    transform: translateY(0);
  }
}

/* ---- SPI banner ---- */

.spi-banner {
  margin-top: 8px;
  margin-bottom: 12px;
}

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

/* ---- Introduction Global Section ---- */

.introduction__text-content {
  display: grid;
  align-items: center;
  grid-gap: 30px;
}

.introduction__heading {
  text-align: right;
  position: relative;
  padding-right: 30px;
}

.introduction__heading:after {
  content: "";
  position: absolute;
  right: 0;
  top: 20%;
  height: 70%;
  width: 1px;
  background: var(--dotted-color);
}

.introduction__heading h2 {
  margin-bottom: 0;
  line-height: 1em;
}

.introduction__content .rte p {
  margin-bottom: 0;
}

.introduction__content-btn-wrapper {
  display: inline-block;
  clear: both;
  margin-top: 15px;
}

.introduction__content-btn-wrapper a {
  padding: 10px 20px;
  display: inline-block;
}

.theme-buttons-curved .introduction__content-btn-wrapper a {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

@media screen and (min-width: 741px) {
  .introduction__text-content {
    grid-template-columns: 5fr 7fr;
    max-width: 80%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 740px) {
  .introduction__text-content {
    grid-template-columns: 1fr;
  }

  .introduction__heading {
    text-align: left;
  }

  .introduction__heading:after {
    display: none;
  }
}

/* ---- Image with text section ---- */

.image__withText-wrapper {
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  grid-row-gap: 0 !important;
}

.image__with-textImage {
  margin-top: -20px;
  margin-bottom: -20px;
}

.image__with-textImage .box-ratio {
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  padding-bottom: 450px !important;
}

.image__with-textImage img {
  object-fit: cover;
  height: 450px;
  min-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.image__with-textImage.image__size-large .box-ratio {
  padding-bottom: 550px !important;
}

.image__with-textImage.image__size-large .box-ratio img {
  height: 550px !important;
}

.image__with-textCaption-btn-wrapper {
  display: inline-block;
  clear: both;
  margin-top: 10px;
}

.theme-buttons-curved .image__with-textCaption-btn-wrapper a {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.image__with-textCaption-btn-wrapper a {
  padding: 10px 20px;
  display: inline-block;
}

@media screen and (min-width: 741px) and (max-width: 980px) {
  .image__with-textImage .box-ratio,
  .image__with-textImage.image__size-large .box-ratio {
    padding-bottom: 420px !important;
  }

  .image__with-textImage img,
  .image__with-textImage.image__size-large img {
    height: 420px !important;
  }
}

@media screen and (min-width: 741px) {
  .image__with-textCaption {
    padding: 30px;
  }
}

@media screen and (max-width: 740px) {
  .image__with-textSection .image__with-textImage {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    order: 0;
  }

  .image__with-textImage .box-ratio,
  .image__with-textImage.image__size-large .box-ratio {
    padding-bottom: 350px !important;
  }

  .image__with-textImage img,
  .image__with-textImage.image__size-large img {
    height: 350px !important;
  }

  .image__with-textCaption {
    margin-top: 20px;
    margin-bottom: 25px;
  }
}

@-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);
  }
}

/* ---- 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 {
  width: 100%;
  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);
}

.predictive-search__heading#predictive-search-products {
  margin-bottom: 1rem;
}

.predictive-search__item-content .price.price--listing .price-item {
  color: var(--ps-color);
}

.predictive-search__list-item,
.predictive-search__results-list > li {
  display: block !important;
  list-style-type: none;
  position: absolute;
  z-index: 20;
  background: #fff;
  width: 100%;
}

.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-results-list .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__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;
}

/*add border*/
.predictive-search__list-item--search {
  border-top: 1px solid var(--ps-border-color);
}

.search__product-loop.grid__wrapper {
  padding-left: 1rem;
  padding-right: 1rem;
}

.search-sidebar {
  padding: 0 1rem 1rem 1rem;
}

.search-sidebar #predictive-search-results {
  border: none;
}

/* ---- Text with icons ---- */
.text__icons-section .text__icons-container {
  align-content: center;
  grid-gap: 0;
  padding: 20px 0;
}

.text__icons-section .text__icons-container text__block a {
  display: block;
}

.text__icons-section .text__icons-container .text__block {
  display: flex;
  justify-content: center;
  column-gap: 10px;
  align-items: center;
}

.text__icons-section .box-ratio img,
.text__icons-section .box-ratio {
  background: transparent !important;
}

.text__icons-container .text__block-image img {
  max-height: 20px;
}

.text__block-icon {
  line-height: 0;
}

@media screen and (max-width: 740px) {
  .text__icons-section .text__icons-container .text__block {
    padding: 10px 0;
  }
}

/* ---- Testimonials section ---- */

.testimonials__section {
  padding-top: 20px;
  padding-bottom: 40px;
}

.testimonials__container {
  grid-row-gap: 0 !important;
  align-items: center;
  width: 100%;
  padding: 40px 20px;
}

.testimonials__container {
  grid-row-gap: 40px !important;
}

@media screen and (min-width: 741px) {
  .testimonials__content {
    padding: 0 30px;
  }
}

.testimonials__image.image_square.type__product img {
  object-position: center center;
}

.testimonial__author {
  font-style: italic;
  font-size: 90%;
}

.testimonial__rating {
  margin-bottom: 20px;
}

.testimonial__rating svg {
  height: 15px;
}

.testimonial__btn-wrapper {
  display: inline-block;
  margin-top: 10px;
  margin-right: 10px;
}

.testimonial__btn-wrapper a {
  padding: 10px 20px;
  display: inline-block;
  -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;
}

.theme-buttons-curved .testimonial__btn-wrapper a {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.testimonials__section .flickity-page-dots {
  text-align: center;
  bottom: -10px;
}

/* ---- Shop the look ---- */

.shop__theLook-section .shop__theLook-container {
  grid-row-gap: 0;
}

.shop__theLook-section .image__container {
  line-height: 0;
}

.shop__theLook-section .image__container img {
  width: 100%;
}

.shop__theLook-container .shop__thelook-content,
.shop__theLook-section .product-container {
  position: relative;
}

.shop__theLook-section .product-hotspot {
  grid-template-columns: 2fr 6fr;
  grid-column-gap: 10px;
  align-items: center;
  position: absolute;
  width: max-content;
  max-width: 400px;
  top: 13px;
  left: 13px;
  display: none;
  z-index: 2;
  padding: 15px;
}

.shop__theLook-section .hotspot {
  position: absolute;
  cursor: pointer;
}

.shop__theLook-section .hotspot:after {
  content: "";
  width: 25px;
  height: 25px;
  border: 3px solid white;
  border-radius: 50%;
  opacity: 0.6;
  display: block;
  pointer-events: all;
}

.shop__theLook-section .hotspot__prod-image {
  line-height: 0;
  min-width: 60px;
  height: 80px;
  width: 80px;
}

.shop__theLook-section .hotspot__prod-image.image_square img {
  object-fit: cover;
  object-position: center center;
  height: 100%;
  width: 100%;
}

.shop__theLook-section .hotspot__product-details {
  font-size: 90%;
  line-height: 1.6em;
}

.shop__theLook-section .hotspot__product-details a:hover {
  text-decoration: underline;
}

.shop__theLook-section .hotspot__product-price .was {
  color: var(--text-color);
}

.shop__theLook-section .hotspot__product-details .js-quickview-trigger {
  margin: 0 5px;
}

@media screen and (max-width: 740px) {
  .shop__theLook-section .product-hotspot {
    max-width: 130px;
    width: 130px;
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
    padding: 10px;
    text-align: center;
    left: -52px;
  }

  .shop__theLook-section .hotspot__prod-image {
    width: auto;
    height: 100px;
  }

  .shop__theLook-section .hotspot__product-details .js-quickview-trigger {
    clear: left;
    display: block;
    margin-top: 5px;
  }
}

input.required-error,
textarea.required-error {
  outline: 1px solid var(--error-color);
}

/* ---- Product featured content section ---- */

.product__featured-container .product-info form {
  margin-top: 0;
}

.product__featured-container .product-info .button-as-link {
  margin: 0 auto;
}

.product__featured-container .onboard.prod-image.image_square {
  line-height: 0;
}

.product__featured-container .price--on-sale .price__sale {
  flex-direction: column;
}

/* custom font */
@font-face {
  font-family: "TriviaSlab";
  src: url("/cdn/shop/files/TriviaSlabMedium.ttf?v=1663661230")
    format("truetype");
  src: url("/cdn/shop/files/TriviaSlabMedium.eot?v=1663661230")
    format("embedded-opentype");
  src: url("/cdn/shop/files/TriviaSlabMedium.woff?v=1663661229")
    format("woff");
  src: url("/cdn/shop/files/TriviaSlabMedium.woff2?v=1663661229")
    format("woff2");
}

/* custom css*/
.rotate-180 {
  transform: rotate(180deg);
}

.disabled {
  color: #7b7b7b !important;
  cursor: no-drop !important;
}

.media,
.media_two {
  position: relative;
  overflow: hidden;
  display: block;
}

.media_two > img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
  width: 100%;
  height: 100%;
  object-position: center;
}

.media > img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: unset;
}

.media-square {
  padding-bottom: 100%;
}

.media-potrait_200 {
  padding-bottom: 200%;
}

.media-potrait {
  padding-bottom: 120%;
}

.media-potrait-140 {
  padding-bottom: 140%;
}

.media--landscape {
  padding-bottom: 66.6%;
}

.media-collectionbanner {
  padding: 20%;
}

.flex {
  display: flex;
}

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

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

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

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

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

.jc-space-evenly {
  justify-content: space-evenly;
}

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

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

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

.top-left {
  justify-content: start;
  align-items: flex-start;
}

.top-center {
  justify-content: center;
  align-items: flex-start;
}

.top-right {
  justify-content: end;
  align-items: flex-start;
}

.middle-left {
  justify-content: start;
  align-items: center;
}

.middle-center {
  justify-content: center;
  align-items: center;
}

.middle-right {
  justify-content: end;
  align-items: center;
}

.bottom-left {
  justify-content: start;
  align-items: flex-end;
}

.bottom-center {
  justify-content: center;
  align-items: flex-end;
}

.bottom-right {
  justify-content: end;
  align-items: flex-end;
}

.mp-0 {
  margin: 0;
  padding: 0;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-30 {
  margin-top: 30px;
}

.position-r {
  position: relative;
}

.position-a {
  position: absolute;
}

/* strip */
span.red_strip {
  border-top: 8.47px solid #a3293b;
  display: block;
}

span.white_strip {
  display: block;
  border-top: 10px solid #ffffff;
}

@media screen and (max-width: 769px) {
  .blue_strip {
    display: block;
    border-top: 15px solid #13294b;
  }
}

.strip_body {
  position: relative;
  padding-bottom: 30px;
  background: url(/cdn/shop/files/uspoloassn-stripe-2000x30.webp?v=1676876506);
  background-repeat: no-repeat;
}

@media (min-width: 769px) and (max-width: 980px) {
  .navigation__menulink {
    font-size: 12px;
    padding: 0 10px !important;
  }
}

.clear.header-spacer {
  margin-bottom: 4px;
}

.header-position {
  position: relative;
}

/* icon */
.cart_count {
  position: absolute;
  background: #a64254;
  border-radius: 100%;
  color: #fff;
  height: 16px;
     font-size: 10px;
    width: 20px;
    height: 20px;
    right: -12px;
    top: -10px;

  justify-content: center;
  display: flex;
  align-items: center;
}

/* search bar */

.search-bar_container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  width: 40%;

  transition: 0.5s all ease-in-out;
}

.search-bar_container:focus-within {
  width: 60%;
  border-bottom: 1px solid #000;
}

.search-bar_container .searchbox__input {
  border: none;
  margin: 0;
  text-indent: 0;
  height: 30px;
  width: 100%;
}

.search-bar_container .searchbox__input::placeholder {
  color: #000;
}

.search-bar_container .searchbox__input:focus {
  box-shadow: none;
}

.search-bar_container #search_button {
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 1237px) {
  .search-bar_container {
    width: 35%;
  }
}

.shopify-section-header {
  position: relative;
}

.navigation__menu {
  width: 100%;
  /*   margin-top: -7px; */
}

.navgation_container {
  width: 100%;
  /*   padding-top: 4px; */
}

.navigation__menu:hover {
  background-color: #13294b !important;
}

.testament--apollo-down-carrot {
  transition: all 0.3s ease-in-out;
}

.navigation__menuitem:hover .testament--apollo-down-carrot {
  transform: rotate(-180deg);
}

/* Mega Menu */

.megamenu.grid-c2 {
  grid-template-columns: 70% 30%;
  gap: 0;
}

.menu {
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}

@media only screen and (max-width: 1440px) {
  .megamenu.row.grid__wrapper {
    padding: 24px 80px;
  }
}

/*Image-gallery megamenu*/
.image-text_container {
  display: flex;
  gap: 30px;
}

.image-text_wrapper {
  flex-basis: 50%;
}

/* slideshow */

.slideshow-section .flickity__section .flickity-button .flickity-button-icon {
  width: 40%;
  height: 40%;
}

.slideshow-section .flickity-prev-next-button.previous {
  left: 56px;
  border: 1px solid #000000;
  border-radius: 50%;
}

.slideshow-section .flickity-prev-next-button.next {
  right: 56px;
  border: 1px solid #000000;
  border-radius: 50%;
}

@media only screen and (max-width: 768px) {
  .slideshow-section .flickity__section .flickity-button {
    display: none;
  }
}

@media only screen and (min-width: 769px) and (max-width: 979px) {
  .slideshow-section .flickity-prev-next-button.previous {
    left: 10px;
  }

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

/* image gallery */

.image_gallery_container {
  width: 40%;
  margin: 0 10px;
}

.image_gallery-carousel {
  width: 100%;
  padding: 0;
}

.image_gallery-carousel .flickity-prev-next-button.previous {
  display: none;
  border-radius: 50%;
  border: 1px solid black;
}

.image_gallery-carousel .flickity-prev-next-button.next {
  display: none;
  border-radius: 50%;
  border: 1px solid black;
}

.image_gallery-carousel .flickity-page-dots {
  display: block;
}

@media only screen and (min-width: 989px) {
  .image_gallery-carousel .flickity-page-dots {
    display: none;
  }

  .image_gallery-carousel .flickity-prev-next-button.previous {
    left: -50px;
    display: block;
  }

  .image_gallery-carousel .flickity-prev-next-button.next {
    right: -50px;
    display: block;
  }

  .image_gallery_container {
    width: 33.33%;
  }

  .image_gallery-carousel {
    padding: 0 1.04166667%;
  }
}

@media screen and (min-width: 769px) and (max-width: 980px) {
  .image_gallery-carousel .flickity-prev-next-button.previous {
    left: -40px;
    display: block;
  }

  .image_gallery-carousel .flickity-prev-next-button.next {
    right: -40px;
    display: block;
  }

  .image_gallery-carousel {
    padding: 0 1.04166667%;
  }
}

/* Contact-Us section css */

.m-0 {
  margin: 0;
}

.bold {
  font-weight: bold;
}

.h-20 {
  height: 20px;
}

.answer-content_flex-item .h-20 {
  line-height: normal;
}

.p_x-section {
  padding: 0 5px;
}

.br-left {
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  padding-left: 2.5rem;
}

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

.contact-us__query-wrapper {
  max-width: 75%;
  margin: 0 auto;
}

.query_category-wrapper {
  width: 20%;
}

.sub_category-wrapper {
  width: 75%;
}

.query_category__list a,
.sub_category__list a,
.question_title a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  color: var(--text-color);
  height: 0px;
  margin: 0px;
  padding: 15px 0px;
  cursor: pointer;
}

.query_category__list a:hover,
.sub_category__list a:hover,
.question_title a:hover {
  background-color: transparent;
  color: var(--text-color);
}

.query_category__list {
  padding: 10px 5px;
}

.query_category__list.selected a {
  color: #42ae00;
  box-shadow: none;
  background-color: transparent;
}

.sub_category__list,
.question_wrapper {
  border-bottom: 0.5px solid #838383;
  padding: 10px 5px;
}

.sub_category__list summary,
.question_wrapper summary {
  cursor: pointer;
}

.anwer-content_wrapper p:first-child {
  border-bottom: 0.5px solid #838383;
  padding: 15px 0px 10px;
}

.answer-content {
  justify-content: space-around;
  align-items: center;
  padding: 15px 5px 10px;
  border-top: 0.5px solid #838383;
  border-bottom: 0.5px solid #838383;
  width: 100%;
  margin-top: 20px;
}

.answer-content span {
  padding-right: 5px;
}

.answer-content p {
  font-size: 10px;
  line-height: normal;
}

.answer-content_flex--item {
  width: 50%;
}

.text-style {
  font-weight: bold;
  text-transform: uppercase;
}

.text-style span {
  display: none;
}

.question_wrapper.text-style span:first-child {
  display: none;
}

details[data-id="contact-us"],
details.contact_us_list[data-child="contact-us"] summary,
details.contact_us_list[data-child="contact-us"] .anwer-content_wrapper {
  display: none;
}

details.contact_us_list[data-child="contact-us"] .answer-content {
  margin-top: 0;
}

details.contact_us_list[data-child="contact-us"] {
  border-bottom: 0;
}

.contact_us_p {
  line-height: 1.5;
}

@media only screen and (max-width: 769px) {
  .contact-us__query-wrapper {
    max-width: 100%;
    justify-content: center;
  }

  .query_category-wrapper {
    display: none;
  }

  .sub_category-wrapper {
    width: 90%;
    border: none;
    padding: 0;
  }

  .answer-content {
    flex-direction: column;
    gap: 20px;
    border-bottom: none;
  }

  .answer-content_flex-item {
    border-left: none;
    border-bottom: 0.5px solid #838383;
    padding: 0px;
  }
}

/* share icon */
.share_icon,
.social-media_icons,
.open-close_button {
  width: 18px;
  height: 18px;
}

/*Login-page CSS  */

.accounts__create-customer {
  margin-bottom: 20px;
}

.modal__inner-wrapper .modal__inner-content-container .section-heading {
  text-align: center;
}

/* Blog-Article page */

.article__section-container .article__section-body .share-icons path {
  fill: black;
}

/* blogs section  */

.blog__section .blog__section-title {
  margin-bottom: 20px;
}

/*Login-page App buttons */

.h_divider::before,
.h_divider::after {
  background-color: var(--dotted-color) !important;
}

.h_divider {
  text-transform: lowercase;
  color: #cccccc;
}

/* offers product */

.offers_container_desktop {
  border-top: 1px solid #00000066;
  border-bottom: 1px solid #00000066;
  margin-top: 10px;
}

.offer_wrapper {
  display: flex;
  padding: 17px 1.04166667%;
  justify-content: center;
  align-items: center;
}

.offers {
  font-size: 14px;
  font-weight: 500;
  padding: 17px 0;
  width: 25%;
  text-align: center;
}

.offers:not(:last-child) {
  border-right: 1px solid #00000066;
}

.offers:not(:first-child):not(:last-child) {
  padding-right: 29px;
  padding-left: 29px;
}

.offers:first-child {
  padding-right: 29px;
}

.offers:last-child {
  padding-left: 29px;
}

.offers_mobile {
  width: 100%;
  text-align: center;
}

.offers_container_mobile {
  border-bottom: 1px solid #00000066;
  padding: 15px 0 34px 0;
}

.offers_container_mobile .flickity-page-dots {
  bottom: -22px;
}

/* product social media */

.product_wishlist {
  display: block !important;
  position: absolute;
  top: 5%;
  right: 3%;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

.product_wishlist .wishlist-icons {
  width: 20px;
  height: 20px;
}

.product_social_media_container {
  transition: all 0.5s ease-in-out;
}

.product_social_icon_container { 
   display: none;
  opacity: 0;
  list-style-type: none;
  margin-top: 5px;
  transition: all 0.5s ease-in-out;
  transform: translateY(10%);
}

.product_social_icon_open {
  opacity: 1;
  transform: translateY(0%);
}

.share_button,
.product_share_button {
  background-color: transparent;
  border: none;
  height: fit-content;
  padding: 0;
  margin-bottom: 5px;
}

.product_button:hover {
  background-color: transparent;
}

.product-page-icons {
  position: absolute;
  right: 5%;
  top: 3%;
  z-index: 9;
}

.product_social_media_container .share_button svg {
  width: 20px;
  height: 20px;
}

.product-media-container .wishlist-engine {
  display: block;
  background: transparent !important;
  cursor: pointer;
}

.product__section-images .wishlist-engine .wishlist-icon svg,
.carousal-zoom-container .wishlist-engine .wishlist-icon svg {
  width: 24px;
  height: 24px;
}

@media only screen and (min-width: 769px) {
  .product_social_media_container .share_button svg,
  .product_wishlist .wishlist-icons {
    width: 24px;
    height: 24px;
  }

  .product-media-container .wishlist-engine {
    display: block;
    background: transparent !important;
    cursor: pointer;
  }
}

/* size guide */

.option_container { 
  position: relative;
  display: block;
  align-items: baseline;
  min-height: 70px; 
  margin-top: -10px;
}

@media only screen and (max-width: 768px) {
  .option_container {
    display: block;
    align-items: flex-start;
  }
  p.swatches__option-name.h5 {
    width: 100%;
}

  .sizing-chart-container {
    margin-top: 0px;
  }
  .announcement__bar-section {
    overflow-y: hidden;
  }

  .announcement__bar-section::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  .announcement__bar-section {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
}

.size_chart {
  position: absolute;
  right: 3%;
  top: 0;
}

.title_wrapper h4,
.title_wrapper p {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2rem;
}

.size_wrapper {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.size_wrapper li {
  padding: 10px 20px;
  margin: 8px 8px 0 0;
  border: 1px solid #807f7f;
  color: #000;
}

.size-image_container {
  text-align: center;
  margin-top: 40px;
}

.size_content_common {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2rem;
}

.size_open_btn {
  border: none;
  background: none;
  color: var(--text-color);
  text-decoration: none;
  line-height: var(--font-size);
  font-size: 12px;
  font-weight: 400;
  height: auto;
  display: inline-block;
  width: auto;
  cursor: pointer;
}

.Size-guide {
  border-bottom: 1px solid black;
}

.mr-50 {
  margin-right: 50px;
}

.mr-10 {
  margin-right: 10px;
}

.tabscontainer {
  margin-bottom: 15px;
}

.fit-tips_table {
  width: 100%;
  border-spacing: 0;
}

.fit-tips_table td,
.fit-tips_table th {
  border: 1px solid #807f7f;
  text-align: center;
  font-size: 12px;
}

.fit-tips_table th {
  background-color: #e5e5e5;
  width: 50%;
}

.size-guide_background {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 10;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.size-guide_container {
  display: none;
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  height: 95%;
  padding: 20px 30px;
  background-color: white;
  z-index: 1002;
  overflow: auto;
  transform: translateY(-50%);
}

.size-guide_container > * {
  font-size: 12px;
  font-weight: 400;
}

.tab_title {
  cursor: pointer;
}

.tab_title_border {
  border-bottom: 1px solid #000000;
}

.size_close_btn {
  position: absolute;
  right: 3%;
  top: 2%;
}

.background-blur {
  position: fixed;
  left: 0;
  top: 0;
  background: black;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: 10;
  display: none;
}

@media only screen and (min-width: 769px) {
  .size-guide_container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 600px;
    height: 100%;
    padding: 50px 30px;
    background-color: white;
    z-index: 11;
    overflow: auto;
  }
}

/* Collection-image-gallery */

.collection_gallery-container {
  display: flex;
  flex-direction: column;
}

.collection_gallery__item-text {
  text-align: center;
  padding: 10px;
  padding-bottom: 0px;
}

.collection__button_wrapper {
  text-align: center;
  padding: 10px 20px;
  opacity: 1;
}

.collection_button-text {
  color: #13294b;
}

.collection__heading {
  font-weight: 700;
  text-transform: uppercase;
}

@media only screen and (min-width: 769px) {
  .collection__item_caption {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -60%);
  }

  .collection__heading {
    color: #ffffff;
  }
}

@media only screen and (max-width: 768px) {
  .collection_gallery__item-text {
    display: none;
  }

  .collection__heading {
    color: #000000;
    font-size: 14px;
    margin: 0;
  }
}

/* Collection-offer-Image  */

.collection_offer-image img {
  width: 100%;
  height: 100%;
}

/* ajax cart */

/* .reveal .box-ratio img{
  width: 100%;
  object-fit: inherit;
} */

.option_conatiner {
  display: flex;
  align-items: center;
}

.ajax-cart__item-details .product-variants {
  border: none;
  margin: 0 !important;
  padding: 0;
  font-size: 12px;
}

/* variant change cart */

.variant_change_container {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10;
  background: #fff;
  width: 100%;
  border-radius: 15px;
  box-shadow: 0 -4px 10px #00000029;
}

.cart-options {
  display: flex;
  align-items: center;
}

.cart-variant_options {
  width: fit-content;
  height: 45px;
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid #13294b;
  border-radius: 9px;
  font-weight: 600;
  color: #000;
  cursor: pointer;
  font-size: 14px;
  padding: 5px;
}

.product-variants {
  display: flex;
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 10px;
}

.ajax-cart_container .variant_change_container .cart-edit_svg_close {
  text-align: right;
  padding: 2px 13px;
}

.ajax-cart_container
  .variant_change_container
  .cart--action
  .mm-ajaxcart-info-body {
  width: 50%;
}

.ajax-cart_container .variant_change_container .cart--action .ajax_add-to-cart {
  width: 50%;
}

.ajax-cart_container
  .variant_change_container
  .cart--action
  .mm-ajaxcart-info-body
  .mm-ajaxcart-item-quantity {
  display: flex;
  justify-content: center;
}

.cart--action {
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  box-shadow: 0 -4px 10px #00000029;
}

.ajax-cart_container
  .variant_change_container
  .cart--action
  .mm-ajaxcart-info-body
  .mm-ajaxcart-item-quantity
  .quantity-input,
.ajax-cart_container
  .variant_change_container
  .cart--action
  .mm-ajaxcart-info-body
  .mm-ajaxcart-item-quantity
  .quantity-minus,
.ajax-cart_container
  .variant_change_container
  .cart--action
  .mm-ajaxcart-info-body
  .mm-ajaxcart-item-quantity
  .quantity-plus {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid transparent;
  width: 35px;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  text-align: center;
  font-size: initial;
  border: 1px solid #000000 !important;
  margin: 0;
  --moz-appearance: textfield;
  --webkit-appearance: none;
  margin: 0;
}

.ajax-cart_container
  .variant_change_container
  .cart--action
  .mm-ajax_update_add {
  width: 100%;
  margin: 0;
}

.variant_change_container .swatches__option-name {
  font-size: 14px;
}

.variant_change_container .swatches__swatch--regular label {
  height: 30px !important;
  line-height: 18px !important;
  padding: 6px;
  font-size: 10px !important;
}

.variant_change_container .swatches__shape--circle label {
  min-width: 25px !important;
  width: 25px !important;
  height: 25px !important;
  line-height: 20px !important;
  border-radius: 50%;
  vertical-align: middle;
}

.variant_change_container .quantity {
  text-align: center;
  display: inline-block !important;
  padding: 10px 0 !important;
  text-indent: 0 !important;
  background: transparent;
  padding: 0 !important;
  width: 30px !important;
  height: 31px !important;
  margin: 0 !important;
}

.variant_change_container .qty-selection,
.variant_change_container .product__section--buttons {
  margin: 0;
}

.variant_change_container .qty-selection {
  width: 50%;
}

.variant_change_container a.down,
.variant_change_container a.up {
  vertical-align: top;
  line-height: 29px;
  padding: 0;
  width: 30px;
  color: var(--text-color);
  border: 1px solid var(--dotted-color);
  text-align: center;
  background: #fff;
}

.variant_change_container .variant_change_close_btn {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 8px;
  cursor: pointer;
}

.variant_change_container .price,
.variant_change_container .product__variants-swatches {
  padding: 0 10px;
}

.variant_change_container .add-cart-quantity_container {
  box-shadow: 0 -4px 10px #00000029;
  padding: 10px;
  align-items: center;
}

.variant_change_container .add-cart-quantity_container .AddtoCart {
  height: 40px;
  max-width: 50%;
  margin: 0;
}

.variant_change_container .product-info-inner .price--on-sale .price__sale,
.variant_change_container .price-item,
.variant_change_container .qty-selection label {
  font-size: 14px !important;
}

/* Marmeto-filter */

.mmc-container {
  /*   padding: 0 20px; */
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
}

.mmc-breadcrumb {
  margin: 1.5rem 0;
}

.mmc-header__title {
  margin: 0 0 10px;
}

.mmc-overflow-hidden {
  overflow: hidden !important;
}

.mmc-main {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  margin-bottom: 100px;
  justify-content: center;
}

.mmc-main__filter,
.mmc-main__wrapper {
  width: 100%;
  padding: 0 15px;
}

/* FILTER SIDEBAR */
.filter-sidebar__title {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

.filter-sidebar__close {
  display: none;
}

.filter-group:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.filter-group__heading {
  border: 0;
  padding: 0;
  width: 100%;
  background: none;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  letter-spacing: 0.5px;
  align-items: center;
  color: #000000;
  justify-content: space-between;
  margin: 0;
}

.heading--icon {
  position: relative;
  padding: 5px;
  transform: rotate(90deg);
  -webkit-transition: opacity 0.25s ease-in-out,
    -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}

.js-accordion-heading.is-closed .heading--icon {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.js-accordion-content {
  overflow: hidden;
  padding-top: 10px;
  transition: height 0.35s ease-in-out;
}

.js-accordion-content.is-closed {
  display: none;
}

.filter-group__listitem {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 2px 0;
  text-transform: capitalize;
  font-size: 14px;
}

.search__horizontal-toolbar .value-list li.filter-group__listitem {
  display: flex;
  align-items: center;
  cursor: pointer;
  text-transform: capitalize;
  font-size: 14px;
}

.search__horizontal-toolbar .value-list li.filter-group__listitem label {
  cursor: pointer;
}

.filter-sidebar__footer {
  display: none;
}

.filter-sidebar__button {
  width: 100%;
  font-size: 15px;
  padding: 10px;
  margin: 0 5px;
  cursor: pointer;
  letter-spacing: 0.05rem;
  border: 1px solid #000;
  text-align: center;
  font-weight: 600;
}

.filter-sidebar__button:last-child {
  background: #13294b;
  color: #ffffff;
}

.filter-group__listitem .filter-checkbox {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  border: 1px solid #e1e3e4;
  display: inline-block;
  position: relative;
  border-radius: 7px;
}

.filter-group__listitem.discount-filter-item .filter-checkbox {
  border-radius: 50%;
}

.filter-group__listitem .filter-checkbox:before {
  content: "";
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 4px;
  top: 0px;
}

.filter-group__listitem.discount-filter-item .filter-checkbox:before {
  width: 4px;
  left: 5px;
  height: 9px;
  top: 1.5px;
}

.filter-group__listitem.filter-selected .filter-checkbox {
  background: #000000;
  border-color: #000000;
}

.filter-group__listitem.filter-selected .filter-checkbox:before {
  border-color: #ffffff;
}

.filter-colorswatch {
  margin-right: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid #e1e3e4;
  display: inline-block;
  border-radius: 50%;
}

.price-field,
.filter-group__price {
  display: flex;
  align-items: baseline;
}

.filter-group__price {
  gap: 20px;
}

.to-symbol {
  font-size: 30px;
}

.price-field__currency {
  padding-right: 5px;
}

.price-field__input {
  min-width: 80px;
  padding: 10px 15px;
  border: 1px solid #cccccc;
  max-width: 100%;
  line-height: 1.2;
  border-radius: 2px;
}

.filter-group__pricetext {
  color: #727272;
  font-size: 14px;
  padding-bottom: 10px;
}

.price-field__input[type="number"]::-webkit-inner-spin-button,
.price-field__input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

/* UTILS TOOLBAR */
.mmc-toolbar {
  display: flex;
  margin-top: 1rem;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 1024px) {
  .mmc-toolbar {
    border-bottom: none;
  }
}

.mmc-sort-desktop {
  position: relative;
  cursor: pointer;
}

.mmc-sort-header {
  font-size: 14px;
  min-width: 250px;
  padding: 10px 15px;
  border: 1px solid #e1e3e4;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' fill='none'%3E%3Cpath d='M1 1l8 8 8-8' stroke='%23000' stroke-width='1.25'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 15px;
  margin-bottom: 10px;
}

.mmc-sort-header span {
  font-weight: 600;
}

.mmc-sort-list {
  top: 97%;
  left: 0;
  opacity: 0;
  z-index: 2;
  width: 100%;
  padding: 10px 0;
  font-size: 13px;
  visibility: hidden;
  position: absolute;
  background: #ffffff;
  border: 1px solid #e1e3e4;
  border-top: 0;
}

.mmc-sort-list li {
  padding: 5px 15px;
  list-style: none;
}

.mmc-sort-list li:hover {
  background: #f4f4f5;
}

.mmc-sort-desktop:hover .mmc-sort-list {
  opacity: 1;
  visibility: visible;
}

.mmc-pagination {
  margin: 3em 0 0;
  text-align: center;
}

.mmc-pagination.is-hidden {
  margin: 0;
  height: 0;
  cursor: default;
  visibility: hidden;
}

.mmc-pagination a {
  margin: 0 4px;
  font-size: 12px;
  padding: 5px 10px;
  border: 1px solid #dddddd;
  display: inline-block;
}

.mmc-pagination span {
  margin: 0 4px;
  font-size: 12px;
  padding: 5px 10px;
  background: #000000;
  border: 1px solid #000000;
  color: #ffffff;
  display: inline-block;
}

.mmc-pagination svg {
  max-width: 12px;
  vertical-align: middle;
}

.mmc-sort-mobile {
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  background: #ffffff;
  z-index: 1000;
  visibility: hidden;
  transform: translateY(100%);
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
    visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-top: 1px solid #dddddd;
}

.mmc-sort-mobile.is--opened {
  visibility: visible;
  bottom: 54px;
  transform: translateY(0);
}

.mmc-sort-mobile ul li {
  line-height: 2.5;
  list-style: none;
}

.mmc-sort-mobile .active {
  font-weight: bold;
}

.mmc-sort-mobil li:hover {
  background: #f4f4f5;
}

.sort-checkbox {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  border: 1px solid #e1e3e4;
  display: inline-block;
  position: relative;
  border-radius: 7px;
}

.sort-checkbox::before {
  content: "";
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 4px;
  top: 0px;
}

.sort-checkbox.sort-selected .sort-checkbox {
  background: #000000;
  border-color: #000000;
}

.sort-checkbox.sort-selected .sort-checkbox:before {
  border-color: #ffffff;
}

/* PRODUCT CARD */
.mmc-loop:not(.is-hidden) {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.mmc-loop-item {
  width: 50%;
  padding: 0 5px;
  margin-top: 2rem;
}

.mmc-product-card {
  position: relative;
}

.mmc-card-image {
  display: block;
  position: relative;
  background: #f1f1f1;
}

.mmc-card-image img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  transition: all 0.3s ease;
}

.mmc-card-info {
  padding-top: 1rem;
}

.mmc-price-sale {
  color: #dc0000;
}

.mmc-price-compare {
  opacity: 0.6;
  padding-left: 0.5rem;
  text-decoration: line-through;
}

.product-tag_above-title {
  font-size: 12px;
  color: #a2323f;
  font-weight: 600;
  display: inline-block;
  height: 15px;
}

.product-tag_below-variant {
  font-size: 12px;
  color: #a2323f;
  font-weight: 600;
}

/* share button*/
.product-icons {
  position: absolute;
  top: 3%;
  display: flex;
  right: 3%;
  flex-direction: column;
  align-items: center;
}

.social_media_container {
  margin-top: 8px;
}

.social_media_icon_container {
  opacity: 0;
  list-style-type: none;
  margin-top: 5px;
  transition: all 0.5s ease-in-out;
  transform: translateY(10%);
}

.share-open .social_media_icon_container {
  opacity: 1;
  transform: translateY(0%);
}

/* wishlist */
.wishlist-icons {
  width: 15px;
  height: 15px;
}

.wishlist-engine {
  display: block;
  background: transparent !important;
  cursor: pointer;
}

.wishlist-engine-button {
  background: transparent !important;
  padding: 0;
}

.wishlist-engine-button:hover {
  padding: 0;
}

.prod-colors {
  width: 100%;
  min-height: 43px;
}

@media only screen and (min-width: 769px) {
  .wishlist-icons {
    width: 20px;
    height: 20px;
  }

  .prod-colors {
    width: 100%;
  }

  .wishlist-engine {
    display: block;
    background: transparent !important;
    cursor: pointer;
  }
}

/* MOBILE BUTTONS */
.mmc-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
  padding: 15px;
  display: flex;
  align-items: center;
  background: #ffffff;
  box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, 0.04);
}

.mmc-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  padding: 5px 0;
  /*   font-weight: bold; */
  cursor: pointer;
  letter-spacing: 0.05rem;
  border: 1px solid #a5a1a1;
}

.mmc-button svg {
  max-width: 18px;
  margin-right: 10px;
}

.mmc-button-divider {
  width: 30px;
}

/* MOBILE SIDEBARS */
@media screen and (max-width: 1023px) {
  .mmc-main__filter {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    z-index: 1002;
    max-width: 400px;
    visibility: hidden;
    transform: translateX(-100%);
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
      visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .mmc-main__filter.is--opened {
    visibility: visible;
    transform: translateX(0);
  }

  .filter-sidebar__header {
    position: relative;
    padding: 20px 0;
  }

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

  .filter-sidebar__close {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: -3px;
    font-size: 18px;
  }

  .filter-group:first-child {
    padding-top: 0;
  }

  .filter-sidebar__content {
    width: 100%;
    position: relative;
    height: calc(100vh - 125px);
    border-top: 1px solid rgba(0, 0, 0, 0.4);
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .filter-sidebar__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -5px;
    padding: 10px 0;
  }

  .mmc-sort-desktop {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .mmc-loop-item {
    width: 33.33%;
  }
}

.flex.desktop-custom-flex {
  gap: 20px;
  width: 50%;
  align-items: center;
}

.filter-sidebar__button.desktop-clear_button {
  width: fit-content;
  background: transparent;
  color: black;
  display: none;
  border: none;
  padding: 0 10px;
  margin: 0;
  font-size: 13px;
  font-weight: 100;
  cursor: pointer;
}

#js-products-count {
  font-size: 14px;
}

.filter-sidebar__title {
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 1024px) {
  .mmc-main {
    flex-wrap: nowrap;
  }

  .mmc-main__filter {
    max-width: 290px;
    margin-top: 33px;
  }

  .filter-sidebar__title {
    margin-bottom: 14px;
    text-transform: uppercase;
  }

  .filter-sidebar__content {
    border-top: 1px solid rgba(0, 0, 0, 0.4);
  }

  .mmc-buttons {
    display: none;
  }
}

@media screen and (min-width: 1280px) {
  .mmc-loop-item {
    width: 33.33%;
  }

  .filter-sidebar__content {
    border-top: 1px solid rgba(0, 0, 0, 0.4);
  }
}

/* collection-page- grid svgs */

.apply_only_mobile {
  display: none;
}

@media screen and (max-width: 1023px) {
  .apply_only_mobile {
    display: flex;
    align-items: center;
  }

  .svg__1 {
    padding-right: 15px;
  }

  .filter-sidebar__button.desktop-clear_button {
    display: none !important;
  }
}

.mmc_button__svg {
  padding-left: 10px;
}

.mmc-button span {
  transform: rotate(90deg);
}

.mmc-loop .flickity-prev-next-button.previous {
  left: -50px;
  visibility: hidden !important;
}

.mmc-loop-item .price-item {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .mmc-loop-item svg.flickity-button-icon {
    width: 40% !important;
    height: 38%;
    top: 30%;
  }

  .mmc-loop
    .mmc-loop-item
    button.flickity-prev-next-button.flickity-button-icon {
    position: absolute;
    width: 40%;
    left: 30%;
    height: 40%;
    top: 30%;
  }

  .mmc-loop-item .price-item {
    font-size: 12px;
  }
}

.mmc-loop-item svg.flickity-button-icon {
  width: 40% !important;
}

.mmc-loop-item .col-swatch li span.swatch-radio {
  display: block;
  margin: 0px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

/* collection- Offer- Image */

body.body_overflow_hidden {
  overflow: hidden;
}

body.body_overflow_auto {
  overflow: scroll;
}

/* pickup store*/
.pickup_store_container {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}

.pickup_store_wrapper {
  position: relative;
  display: inline-block;
  width: 67px;
  height: 32px;
}

.pickup_store_wrapper .pickup_btn {
  opacity: 0;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
}

.pickup-circle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 0;
  border-radius: 34px;
}

.pickup-circle:before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  left: 0.8px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.pickup_btn:checked + .pickup-circle {
  background-color: #13294b;
}

.pickup_btn:focus + .pickup-circle {
  box-shadow: 0 0 1px #2196f3;
}

.pickup_btn:checked + .pickup-circle:before {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
}

.pickup_store-selector {
  text-decoration: underline;
  color: #13294b;
}

.mmc-loop-item.loop-item-hide.img_background_color {
  display: none;
}

.store_list {
  display: none;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.store_list.show {
  display: flex;
}

.storewrapper {
  border: 1px solid #000;
  padding: 5px;
  flex: 1 0 48%;
}

.store_title {
  font-size: 14px;
  letter-spacing: 0;
}

.store_address,
.store_country {
  font-size: 12px;
  color: #000;
  line-height: 16px;
}

/* gift-card-css */
.qwikcilver-gift-card .add-cart-quantity_container {
  display: none;
}

.read-btn {
  font-weight: 900;
  cursor: pointer;
}

.read-btn svg {
  width: 12px;
  height: 12px;
}

.read-more svg {
  transform: rotate(90deg);
}

.read-less svg {
  transform: rotate(-90deg);
}

.truncate-desc span {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.qwikcilver-gift-card .option_container {
  padding-top: 30px;
}

.qwikcilver-gift-card .shopify-payment-button {
  display: none !important;
}

.inventory-class {
  padding: 15px 0;
}

.available-product span {
  color: green;
}

.unavailable-product span {
  color: red;
}

.inventory-class span {
  font-weight: bold;
}

.customer-account .content .address.note p {
  margin-bottom: 0;
}

.track-oreder_btn.track-order_cancelled_btn {
  border: 1px solid #999999;
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.col-swatch-hide {
  display: none;
}

.product__section-images.carousel-container {
  max-width: 500px;
  height: auto;
  position: relative;
  margin: 10px auto;
}

.product-media-container .product__image {
  width: 100%;
  height: auto;
}

.product__section-images.carousel-container:hover,
.product__section-images.carousel-container:active {
  cursor: zoom-in;
  display: block;
}

.product__section-images.carousel-container:hover #pdp-zoompreview,
.product__section-images.carousel-container:active #pdp-zoompreview {
  opacity: 1;
}

#thumbnails:hover ~ #pdp-zoompreview {
  opacity: 0;
}

#pdp-zoompreview {
  width: 100%;
  height: 90%;
  box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
  pointer-events: none;
  position: absolute;
  opacity: 0;
  border: 4px solid whitesmoke;
  z-index: 99;
  top: 0;
  right: -105%;
  display: block;
  transition: opacity 0.2s;
}

@media screen and (max-width: 768px) {
  #pdp-zoompreview {
    display: none;
  }
}

.sewp-engine-popup .wh-search-icon {
  top: 12px !important;
}

/* to hide availibility filter */
.filter-group[data-tag="availability"] {
  display: none;
}

.swatch-radio.selected-variant {
  border: 1px solid;
}

.show-prod-colors .col-swatch-hide {
  display: block;
}

/* product page gallery popup */
.popup_gallery_container {
  width: 95%;
  cursor: pointer;
  display: flex;
  justify-content: end;
  margin-top: 10px;
  z-index: 9;
  position: relative;
}

.modal {
  display: none;
  z-index: 11;
  width: 700px;
  height: 100%;
  overflow: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 1s;
}

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

.modal-content {
  margin: auto;
  padding: 0 100px;
  width: 750px;
  max-width: 1100px;
}

.close {
  color: black;
  float: right;
  font-size: 50px;
  font-weight: bold;
  position: absolute;
  top: 10px;
  right: 2%;
  z-index: 99;
}

.mm-no-scroll {
  overflow: hidden;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.carousel.carousel-main.popup-main-carousel {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.popup-main-carousel .main-product__items.carousel-cell img {
  width: 100%;
  margin: 0 auto;
  height: 100%;
}

.carousal-zoom-container {
  height: auto;
  position: relative;
  margin: 10px auto;
}

.carousal-zoom-container:hover,
.carousal-zoom-container:active {
  cursor: zoom-in;
  display: block;
}

.carousal-zoom-container:hover #pdp-popup-zoompreview,
.carousal-zoom-container:active #pdp-popup-zoompreview {
  opacity: 1;
}

#pdp-popup-zoompreview {
  width: 300px;
  height: 300px;
  box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
  pointer-events: none;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  border: 4px solid whitesmoke;
  z-index: 99;
  border-radius: 100%;
  display: block;
  transition: opacity 0.2s;
}

.product-page-icons.product-popup-icons {
  right: 1%;
  top: 7%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .carousel.carousel-main.popup-main-carousel {
    margin-top: 6rem;
  }

  .modal-content {
    padding: 0;
    width: 100%;
  }

  #pdp-popup-zoompreview {
    display: none !important;
  }

  .product-page-icons.product-popup-icons {
    right: 0;
  }

  #myModal .product_social_media_container {
    margin-top: 0;
  }

  .store-locator-class {
    text-align: center;
  }
}

/* judgMe button on product page */
a.jdgm-btn.jdgm-btn--border.jdgm-cancel-rev {
  margin-bottom: 12px;
  width: 100%;
}

.wishlist-popup .wishlit-popupinr .wishlist-p-right p,
.jdgm-rev-widg__summary-stars:not([role="img"]) {
  display: none !important;
}

/* Ajax load on product swatches */
ul.swatch-product-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 1rem;
  padding-left: 5px;
}

li.swatch-product-color {
  list-style: none;
  cursor: pointer;
}

.swatch_product_image {
  width: 60px;
  height: 60px;
  display: block;
  border: 0.1px solid #8080805c;
  border-radius: 50%;
}

.product__section-color-swatches {
  margin-top: -10px;
}

.product-gift-card-swatches .swatch_product_image.swatch_product_price {
  border-radius: unset;
  width: fit-content;
  height: fit-content;
  padding: 10px;
}

.template-product-qwickcilver-gift-card #pdp-zoompreview,
.template-product-qwickcilver-gift-card .zoom_btn {
  display: none;
}

.product-swatch-title-container {
  margin-bottom: 10px;
}

.swatch_product_image.selected_product {
  border-radius: 50%;
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #000;
}

.share_button {
  cursor: pointer;
}

.recently-viewed-products__product:first-child {
  display: none;
}

#dummy-chat-button-iframe {
  bottom: 60px !important;
}

.slideout__trigger-ajax-cart:focus-visible,
.slideout__trigger-mobile-menu:focus-visible {
  outline: unset;
}

.view-more_button {
  cursor: pointer;
}

/* New changes -- gallery */
.media--square {
  padding-bottom: 100%;
}

.media--portrait {
  padding-bottom: 150%;
}

.product__section-container.mm--product-section {
  display: flex;
  width: 100%;
  margin: 0 auto;
  position: relative;
  gap: 70px;
}

@media(min-width: 768px)
{

  
}

.product--section--imageGalleryWrapper {
  flex: 1 1 70%;
}

.product__section-contentWrapper {
  flex: 1 1 40%;
}

.product-image-gallery2.js-gallery-carousel {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: auto;
  height: 100%;
  gap: 0px;
  grid-auto-flow: dense;
}

.product-gallery-image {
  width: 100%;
  height: 100%;
  cursor: crosshair;
}

.product-card-gallery-image {
  width: 100%;
  height: 100%;
}

.product__section-contentWrapper .product-page-icons {
  right: 5px;
  top: 5px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.product__section-contentWrapper .wishlist-icon svg {
  width: 24px;
  height: 24px;
}

@media (min-width: 769px) {
  .product-image-gallery2.js-gallery-carousel {
  justify-items: center;
}
  .product__section-contentWrapper {
    position: sticky;
    top: var(--header-height);
  }

  .product--section--imageGalleryWrapper,
  .product__section-contentWrapper.span-6.auto {
    width: 45%;
  }

  .ajax-cart_container .product__section-contentWrapper.span-6.auto {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .product__section-container.mm--product-section {
    display: block;
    width: 100%;
  }


.kiwi-sizing-modal-inner *, .ks-chart-container * {
    color: rgba(41, 58, 84, 1) !important;
    font-size: 14px !important;
}

  .product__section-contentWrapper.span-6.md-span-6.sm-span-12.auto {
    width: 95%;
    margin: 0 auto;
  }

  .product-image-gallery2.js-gallery-carousel {
    display: block;
  }

  .product-image-gallery2.js-gallery-carousel:not(.flickity-enabled) {
    display: none;
  }

  .product-image-gallery2.product__section-images .flickity-page-dots {
    bottom: -30px;
    margin-bottom: 8px;
  }


  .product--section--imageGalleryWrapper .wishlist-icon svg {
    width: 20px;
    height: 20px;
  }

  .c-accordion.c-accordion--mobile-nav .dropdown-arrow {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%;
  }

  .c-accordion--mobile-nav__inner li a {
    width: 100%;
    display: flex;
  }
}


.line-item-subtotal-price{
  color: #13294b;
  font-weight: 500;
  font-size: 12px;
  margin-left: 5px;
}

@media only screen and (max-width: 640px) {
  .rktheme-product-card .rktheme-product-price-wrap {
      font-size: 8px !important;
  }
}

.filter-group.hide--filter {
  display: none;
}

/* cart changes */
.shipping_progress_bar .progress_bar--wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0 8px;
}

.shipping_progress_bar #js-progress-bar-msg {
  font-size: 14px;
  line-height: 16px;
  color: #201d1d;
  margin: 0;
  text-align: center;
  padding: 0 0 5px 0;
}

.shipping_progress_bar progress[value] {
  -webkit-appearance: none;
  appearance: none;
  width: 400px;
  width: 90%;
  height: 6px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.shipping_progress_bar progress::-webkit-progress-bar {
  background-color: #d9d9d9;
}

.shipping_progress_bar progress::-webkit-progress-value {
  background-color: #13294b;

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.threshold_cart--wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
}

.mini-cart__container .pickup_store_wrapper {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
}

.mini-cart__container .pickup-circle:before {
  position: absolute;
  content: "";
  height: 23px;
  width: 23px;
  left: 0.8px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.mini-cart__container .pickup_btn:checked + .pickup-circle:before {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(25px);
}

.cart-upsell {
  padding: 10px 0 0 10px;
}

.cart-upsell_title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}

.template-cart .cart-upsell_title {
  font-size: 16px;
  margin-bottom: 15px;
}

.cart-upsell_container {
  display: flex;
  overflow-x: auto;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  list-style: none;
}

.cart-upsell_container::-webkit-scrollbar {
  display: none;
}

.template-cart .cart-upsell_container::-webkit-scrollbar {
  display: block;
}

.upsell--product .swym-button.swym-add-to-wishlist-view-product,
.upsell--product .social_media_container {
  display: none;
}

.upsell_products {
  width: 35%;
  min-width: 35%;
  margin-right: 10px;
}

.template-cart .upsell_products {
  width: 20%;
  min-width: 20%;
  margin-right: 10px;
}

.upsell_products .product-card .product-info .product_title {
  height: 30px;
  line-height: 15px;
}

.upsell_products .product-card .product-info .product_title .prod-title {
  font-size: 12px;
}

.upsell_products .product-card .product-info .price .price-item,
.product__section-content .price-item > * {
  font-size: 12px !important;
}

.upsell_products
  .product-card
  .product-info
  .col-swatch
  product-swatches
  .previous {
  display: none;
}

.upsell_products
  .product-card
  .product-info
  .col-swatch
  product-swatches
  .next
  svg {
  width: 30%;
  height: 40%;
}

.upsell_products .product-card .flickity-prev-next-button.next {
  right: -30px !important;
  width: 30px;
  height: 40px;
  padding: 0;
}

.upsell_products .product-card .product-info .prod-colors {
  width: 85%;
  margin-top: 5px;
}

.upsell_products .product-card .product-info .prod-colors .col-swatch li.color {
  width: 18px !important;
  height: 18px !important;
}

.upsell_products .product-card .product-info .prod-colors .col-swatch li {
  margin-right: 3px;
}

.upsell_products .product-card .social_media_container .share_icon,
.upsell_products
  .product-card
  .social_media_container
  .social-media_icons
  .open-close_button,
.upsell_products .product-card .open-close_button,
.upsell_products .product-card .option-open_button svg,
.upsell_products .product-card .social_media_container .social-media_icons,
.upsell_products .product-card .wishlist-icons {
  width: 12px;
  height: 12px;
}

.upsell_products .product-card .social_media_icon_container {
  margin: 0;
}

.upsell_products .product-card .social_media_container li {
  line-height: 0;
}

.upsell_products .product-card .option_size_container {
  padding: 10px 0 0;
}

.upsell_products .product-card .option_size_container .product-card__size-btn,
.upsell_products
  .product-card
  .option_size_container
  .product-card__size-btn-nostock {
  margin-bottom: 5px;
}

@media (max-width: 768px) {
  .template-cart .upsell_products {
    width: 50%;
    min-width: 50%;
  }

  .template-cart .cart-upsell_title {
    font-size: 14px;
    margin-bottom: 5px;
  }
}

/* freebie collection on cart drawer */
.freebie-collection-container {
  padding: 15px 10px;
  border-top: 1px solid #00000021;
}

.product-select-icon {
  display: block;
  float: right;
  height: 30px;
  position: absolute;
  width: 30px;
  right: 2px;
  top: 2px;
  background: white;
  border-radius: 50%;
}

.freebie-collection {
  display: flex;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  list-style: none;
  padding-bottom: 10px;
}

.freebie-product {
  width: 35%;
  min-width: 35%;
  border-radius: 10px;
  border: 0.2px solid #00000029;
  padding: 10px;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}

.freebie-product.freebie-added {
  border: 1px solid #13294b;
}

.freebie-product.freebie-added .product-unselected,
.freebie-product .product-selected {
  display: none;
}

.freebie-product.freebie-added .product-selected {
  display: block;
}

.freebie-product.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.freebie-product-info {
  font-size: 12px;
  line-height: 1.5;
}

.freebie-product-title {
  margin-bottom: 8px;
}

.Freebie-sub-container {
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 8px;
}

.Freebie-collection-title {
  font-size: 14px;
  font-weight: 700;
  flex: 1 1 50%;
}

input.btn.btn-freebie {
  margin: 0;
  font-size: 14px;
  max-width: fit-content;
  padding: 5px 10px;
  height: fit-content;
  width: fit-content;
  flex: 1 1 50%;
  visibility: hidden;
}

input.btn.btn-freebie.enabled {
  opacity: 1;
  cursor: pointer;
  visibility: visible;
}

input.btn.btn-freebie.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  visibility: visible;
}

.btn-freebie.shake {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  perspective: 1000px;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

[data-cart-item-discounted-price-group] {
  display: none !important;
  gap: 4px;
}

.product-info .jdgm-widget.jdgm-widget {
  min-height: 24px;
  display: block;
}

/* live stream video section */
.live-stream-video-heading {
  margin-top: 0;
}

@media (max-width: 768px) {
  .live-stream-video-section iframe {
    height: 315px;
  }
}

/* * PLP new changes */
input[type="submit"].atc-soldOut {
  background: transparent;
  color: var(--button-color);
  border: 1px solid var(--button-color);
  cursor: no-drop;
}

.option_size_container ul {
  display: flex;
  gap: 10px;
  overflow-x: scroll;
  margin-bottom: 10px;
}

.option_size_container ul::-webkit-scrollbar {
  display: none;
}

.product--card-variant_swatch {
  list-style: none;
  border: 1px solid;
  height: fit-content;
  width: fit-content;
  min-width: fit-content;
  padding: 8px;
  line-height: 1;
  cursor: pointer;
  border-radius: 7px;
}

.js-selected-variant.product--card-variant_swatch {
  background: #13294b;
  color: white;
}

.product-card__size-btn-nostock.product--card-variant_swatch.js-selected-variant {
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  .option_size_container ul {
    gap: 5px;
  }

  .scrollup {
    bottom: 15%;
    right: 12%;
  }
}

/* Image gallery CSS merge */
.gallery__item-caption {
  width: 100%;
}

.gallery__item {
  width: 40%;
  margin-right: 10px;
}

@media only screen and (min-width: 769px) {
  .gallery__item {
    width: 33.5%;
    margin-right: 20px;
  }

  .gallery__item.gallery__item4 {
    width: calc((100% - 60px) / 4);
  }
}

/* ajax cart changes */
.ajax-cart__item-image__wrapper {
  position: relative;
}

.wishlist-engine.ajax-cart-wishlist-icon {
  position: absolute;
  top: -5px;
  right: -5px;
}

.ajax-cart-wishlist-icon svg {
  height: 15px;
  width: 15px;
}

/* search page changes */
.search_section-grid--wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.search_section-grid--wrapper .js-product-listing {
  width: 25%;
  padding: 0 5px;
  margin-top: 2rem;
}

input#addToCart.atc-soldOut {
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  .search_section-grid--wrapper .js-product-listing {
    width: 100%;
  }
}

/* product card extra changes */
marmeto-product-card.product-card .flickity-page-dots {
  display: none;
  bottom: 0;
  background: white;
  border-top: none;
}

marmeto-product-card.product-card .flickity-page-dots .dot {
  border: 1px solid black;
}

marmeto-product-card.product-card:hover .flickity-page-dots {
  display: block;
}

.mmc-loop-item:hover {
  box-shadow: 0 2px 16px 4px rgba(40, 44, 63, 0.07);
}

@media (max-width: 768px) {
  marmeto-product-card.product-card .flickity-page-dots,
  marmeto-product-card.product-card:hover .flickity-page-dots {
    display: none;
  }
}

/* animation slider */
.animationslider {
  position: relative;
  padding-left: 0;
  margin: 0;
  min-height: 30px;
}

.animationslider > div {
  width: 100%;
  display: none;
  /* Hide all slides by default */
}

.animationslider > .slide {
  width: 100%;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  animation: animationslider 12s cubic-bezier(0.18, 0.89, 0.32, 1.28) infinite;
  /* Adjust duration */
  -webkit-transform: translateX(-8%);
  /* Start off-screen */
  transform: translateX(-8%);
  /* Start off-screen */
  transition: all 4s cubic-bezier(1, 0, 0, 1);
  will-change: opacity, transform, -webkit-transform;
  opacity: 0;
}

.animationslider > .slide:nth-child(2) {
  animation-delay: 8s;
  /* Delay for the second slide */
}

.animationslider > .slide:nth-child(3) {
  animation-delay: 4s;
  /* Delay for the third slide */
}

@keyframes animationslider {
  0%,
  25% {
    -webkit-transform: translateX(-8%);
    transform: translateX(-8%);
    opacity: 0;
    pointer-events: none;
  }

  30%,
  55% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
  }

  70%,
  100% {
    -webkit-transform: translateX(8%);
    transform: translateX(8%);
    opacity: 0;
    pointer-events: none;
  }
}

@media (max-width: 768px) {
  .animationslider {
    min-height: 24px;
  }
}

/* quickfilter on collection page */
.Collection-title-container {
  display: flex;
  gap: 10px;
  align-items: baseline;
}

div#js-products-count {
  font-size: 14px;
}

.collection-title {
  font-size: 26px;
  font-weight: bold;
}

.filter-sidebar__content.quickFilter-sidebar__content {
  display: flex;
  gap: 20px;
  height: unset;
  border-top: 0;
  justify-content: center;
  position: unset;
}

.filter-sidebar__content.quickFilter-sidebar__content .filter-group {
  border-bottom: 0;
}

.filter-sidebar__content.quickFilter-sidebar__content .filter-group__content {
  position: absolute;
  z-index: 2;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  padding-right: 20px;
  padding-left: 20px;
}

@media (max-width: 1024px) {
  .filter-sidebar__content.quickFilter-sidebar__content {
    padding: 10px;
    border-radius: 10px;
    background: #13294b14;
  }

  .filter-sidebar__content.quickFilter-sidebar__content .filter-group__heading {
    font-size: 12px;
    border: 1px solid black;
    padding: 0 10px;
    height: fit-content;
    background: white;
  }

  .filter-sidebar__content.quickFilter-sidebar__content .filter-group {
    border-bottom: 0;
    flex: 1 1 50%;
  }

  .filter-sidebar__content.quickFilter-sidebar__content
    .filter-group__listitem
    span {
    font-size: 10px;
  }

  .collection-title {
    display: none;
  }
}

/* changes on product cards */
.price-item--discount-percentage {
  font-size: 12px;
}

@media(min-width: 768px)
{
 .price-item--discount-percentage {
        font-size: 10px !important;
        line-height: 24px;
        background: #ededed;
        color: #a3283b;
        padding: 0px 10px !important;
        position: absolute;
        width: max-content;
        right: 0px;
        bottom: 4.5rem;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
  }

 .template-product  .price-item--discount-percentage {
            font-size: 14px !important;
        line-height: 24px;
        background: #ededed;
        color: #a3283b;
        padding: 4px 10px !important;
        position: absolute;
        width: max-content;
        right: 0px;
        bottom: 12rem;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
  }
}

@media (max-width: 768px) {
  .price-item--discount-percentage {
    font-size: 8px;
        line-height: 24px;
        background: #EDEDED;
        color: #A3283B;
        border-radius: 10px;
        padding: 0px 10px !important;
        position: absolute;
        width: max-content;
        right: 0px;
        bottom: 3.5rem;
  }
.template-product  .price-item--discount-percentage {
    font-size: 14px;
        line-height: 24px;
        background: #EDEDED;
        color: #A3283B;
        border-radius: 10px;
        padding: 4px 10px !important;
        position: absolute;
        width: max-content;
        right: 0px;
        bottom: 10.5rem;
  }
.recently-viewed-products__product .price-item--discount-percentage {
    bottom: 7.5rem;
}

  .price dd {
    margin: 0 0.4em 0 0;
  }
}

/* prodcuct page css */
.magnifier-container {
  display: inline-block;
  position: relative;
}

.magnifier {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  overflow: hidden;
  height: 300px;
  width: 300px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: white;
}

.magnifier__img {
  width: 1000px;
  transform-origin: 150px 150px;
}

.swym-button-bar {
  display: none !important;
}

.swym-btn-container[data-position="default"] {
  display: none !important;
}

.swym-button.swym-add-to-wishlist-view-product {
  position: absolute;
  top: 5%;
  right: 3%;
}

/* PLP filter changes */
.show--buttons.js-hide-btn,
.js-hide-filter {
  display: none;
}

ul.filter-group__list {
  margin-bottom: 10px;
  list-style: none;
}

.show--buttons {
  font-size: 12px;
  cursor: pointer;
  font-weight: bold;
  margin: 10px 20px;
  margin-top: 0;
  display: block;
}

/* ajax cart changes */
.ajax-cart__item-image__wrapper {
  position: relative;
}

.wishlist-engine.ajax-cart-wishlist-icon {
  position: absolute;
  top: 0px;
  right: 2px;
}

.ajax-cart-wishlist-icon svg {
  height: 15px;
  width: 15px;
}

.variant_change_container .price__badges {
  display: none;
}

.errors {
  text-align: center;
}

.template-customers-account {
  padding-top: 0px;
}

.template-customers-account .announcement__bar-section {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.template-customers-account .js-header-wrapper .navigation {
  left: 0;
}

@media (max-width: 768px) {
  .media-mobile-portrait {
    padding-bottom: 130%;
  }

  .template-customers-account .js-header-wrapper .navigation {
    top: 0px;
  }

  .template-customers-account {
    padding-top: 130px;
  }
  .collection-pacho-preorder-button,
  input[type="submit"].productCard--atc {
        width: 250px;
        display: block;
    }
  }

  .ajax-cart_container {
    height: 65vh;
  }

  .cart-links__link-account.custom-hide {
    display: none;
  }

  .action.order-details {
    justify-content: center;
  }

  .view_btn,
  p.cancel_btn {
    display: flex;
    align-items: center;
  }

  .track-oreder_btn.track-order_cancelled_btn {
    text-align: center;
  }
}

.search__horizontal-toolbar .filter[data-index="5"] {
  display: none;
}

#product-error-msg {
  width: 90%;
  display: none;
  border: 1px solid var(--error-color);
  padding: 0 5px;
  color: var(--error-color);
  background-color: var(--error-color-light);
  margin-left: 12px;
  font-size: 12px;
}

/* Account page CSS */
.orders-tabs {
  padding: 18px;
  text-align: center;
  border-bottom: 1px solid #808080;
  cursor: pointer;
}

p.cancel_btn {
  cursor: no-drop;
  margin-bottom: 0;
  min-height: 47px;
}

.customer_details {
  margin: 20px 0 40px;
}

.order_content {
  text-align: center;
  width: 100%;
}

.action_btn {
  display: flex;
}

.order-title {
  background: #f1f1f1;
  padding: 10px;
  text-align: left;
}

.order-details {
  text-align: left;
  padding: 15px 0;
}

.orders-table {
  width: 100%;
}

table {
  border-collapse: collapse;
}

.order-details-row {
  border-bottom: 1px solid #f1f1f1;
  padding: 15px 0;
}

.action {
  display: block;
}

.js-return-order-button,
.view_btn,
.track-oreder_btn {
  padding: 10px 20px;
  border: 1px solid #2d3458;
  border-radius: 7px;
  color: #2d3458;
  cursor: pointer;
  margin-right: 20px;
  background: transparent;
}

.cancel_btn {
  padding: 10px 20px;
  border-radius: 7px;
  background: var(--button-color);
  color: var(--button-text);
  cursor: pointer;
  white-space: nowrap;
}

@media only screen and (max-width: 768px) {
  .orders_container {
    display: flex;
    flex-direction: column;
  }

  .orders_tab {
    box-shadow: 2px 4px 4px 0 #00000026;
    width: 100%;
    max-width: 100%;
  }

  .view_btn,
  .cancel_btn,
  .track-oreder_btn {
    padding: 8px 10px;
    margin: 0 10px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/* Mobile */
.orders-row-mobile {
  display: flex;
  margin-bottom: 20px;
}

.order-view-mobile_wrapper {
  box-shadow: 0 1px 4px 0 #00000040;
  padding: 15px;
  border-radius: 7px;
  margin-bottom: 10px;
}

.order-details-mobile {
  width: 100%;
  text-align: left !important;
}

.order-details-mobile span {
  color: #4d4d4d;
}

.tab_active {
  background-color: #d5e9f0;
}

/* popup-lineitem */
.lineitem-details_popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 70%;
  padding: 40px 50px;
  z-index: 999;
  height: min-content;
  max-height: 85%;
  overflow: auto;
  max-width: 1000px;
  border-radius: 4px;
}
.line-item-details-cancel-popup.lineitem-details_popup {
  max-width: 600px;
}

.lineitem-details_popup::-webkit-scrollbar {
  width: 5px;
}

.lineitem-details_popup::-webkit-scrollbar-thumb {
  background-color: #f1f1f1;
}

.lineitem-details_wrapper {
  margin-bottom: 40px;
}

.lineitem-popup_closebtn {
  position: absolute;
  top: 5%;
  right: 3%;
  cursor: pointer;
}

.order-lineitem_container {
  display: flex;
  gap: 20px;
}

.lineitem-title {
  font-size: 20px;
  font-weight: 600;
}

.delivery-details_container {
  display: flex;
}

.delivery-address_title {
  font-size: 16px;
  font-weight: 600;
}

.delivery-address_wrapper,
.order-status_wrapper,
.loyalty_wrapper {
  width: 33.33%;
}

.delivery-address_wrapper {
  margin-right: 100px;
}

@media only screen and (max-width: 768px) {
  .lineitem-details_popup {
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 40px 20px;
  }

  .order-lineitem_container {
    display: block;
  }

  .delivery-details_container {
    display: block;
  }

  .delivery-address_wrapper,
  .order-status_wrapper,
  .loyalty_wrapper {
    width: 100%;
  }

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

  .lineitem-image_contianer img {
    width: 100%;
  }

  .lineitem-popup_closebtn {
    top: 3%;
  }
}

/* Account page line item level cancellation */
.order-status_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cancel_btn.line-item-cancel-btn {
  text-align: center;
  width: fit-content;
}

.line-item-details-cancel-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: min-content;
  justify-content: center;
  align-items: center;
}

.cancel--container-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
}

.cancel-button {
  width: fit-content;
  padding: 5px 20px;
  border-radius: 7px;
  cursor: pointer;
  text-transform: capitalize;
}

.deny--cancel.cancel-button {
  border: 1px solid grey;
}

.confirm--cancel.cancel-button {
  background: var(--button-color);
  color: white !important;
  height: min-content;
  color: red;
  height: min-content;
}

.cancel--container-message {
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}

.cancel--error--message {
  color: red;
  margin-top: 5px;
}

input.line-item-quantity-input {
  border: 1px solid #13294b;
  border-radius: 7px;
  height: 37px;
  width: auto;
  color: #000000;
  padding-left: 20px;
  box-shadow: none;
}

input.line-item-quantity-input:focus + label,
input.line-item-quantity-input:valid + label {
  font-size: 12px;
  color: #afbdcf;
  top: -15px;
  left: 10px;
  background: #ffffff;
  padding: 0px 5px 0px 5px;
}

.input_wrap {
  width: auto;
  height: auto;
  position: relative;
}

.input_wrap label {
  font-size: 16px;
  color: #afbdcf;
  padding: 14px;
  position: absolute;
  top: -8px;
  left: 0;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  pointer-events: none;
}

.confirm--cancel.cancel-button.cancelled {
  cursor: not-allowed;
}

@media (max-width: 768px) {
  .cancel-button.cancelled {
    width: 100%;
  }

  .line-item-details-cancel-popup.lineitem-details_popup {
    width: 85%;
    height: min-content;
    max-height: 90%;
  }

  .cancel--container-message,
  .cancel--error--message {
    width: 80%;
    margin: 0 auto 10px;
  }

  .line-item-quantity-container .cancel--container-buttons {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .input_wrap label {
    font-size: 12px;
    top: -5px;
  }

  .line-item-quantity-container .confirm--cancel.cancel-button {
    width: 70%;
  }
}

/* timeline section */
.mt-80 {
  margin-top: 80px;
}

.title-text {
  color: #b30838;
  font-size: 18px;
}

.timeline_section {
  padding: 70px 3px 7px 30px;
}

.timeline_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 6rem;
  max-width: 900px;
  margin: 5rem auto;
  padding: 8rem 0 1rem;
}

.timeline {
  min-width: 40%;
  position: relative;
}

.side-line {
  background: #000000;
  width: 2px;
  height: 262px;
  right: -48px;
  position: absolute;
  top: 0px;
}

.timeline:not(:nth-child(even))::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: 46%;
  left: -10px;
  transform: rotate(90deg);
  background: #000;
  width: 2px;
  z-index: 1;
  height: 70px;
}

.timeline:not(:nth-child(odd))::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: -7%;
  right: -10px;
  transform: rotate(90deg);
  background: #000;
  width: 2px;
  z-index: 1;
  height: 70px;
}

.timeline:not(:nth-child(even))::before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 259px;
  left: -55px;
  height: 12px;
  width: 12px;
  background-color: #000;
  border-radius: 50%;
}

.timeline:not(:nth-child(odd))::before {
  content: "";
  position: absolute;
  bottom: 0;
  top: -8px;
  right: -53px;
  height: 12px;
  width: 12px;
  background-color: #000;
  border-radius: 50%;
}

.timeline:nth-child(even) .timeline-block_container {
  transform: translateY(-250px);
}

.timeline:nth-child(odd) .side-line {
  bottom: -93px;
  top: unset;
  left: -49px;
  height: 322px;
  right: unset;
}

.timeline:last-child .side-line {
  display: none;
}

.timeline-block_container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid black;
  max-width: 310px;
  height: 500px;
  border: 5px solid #ffffff;
  border-radius: 50px;
  box-shadow: 0px 4px 17px 11px rgba(0, 0, 0, 0.09),
    0px 4px 98px 10px rgba(0, 0, 0, 0.05) inset;
  margin: 0 auto;
}

.timeline-block_wrapper {
  height: 100%;
  padding: 20px 15px;
  flex-wrap: wrap;
}

.image_block {
  max-width: 212px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.image_block img {
  width: 100%;
  height: auto;
}

.text__paragraph p {
  font-size: 14px;
}

.pop-up_btn {
  background: none;
  border: none;
}

.pop-up_btn:hover {
  box-shadow: none;
  background-color: transparent;
}

.timeline-heading_wrapper {
  display: none;
}

/* Pop-up box css */

#modal {
  display: none;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}

.pop-up_container {
  position: relative;
  width: 100%;
  height: 100vh;
  margin: auto;
  padding: 35px;
  z-index: 1;
  background-color: #ffffff;
}

.pop-up_text {
  width: 50%;
  padding: 0px 20px;
}

.pop-up_title {
  font-size: 24px;
  color: #b30838;
}

.year-text {
  font-size: 36px;
  color: #2a3a54;
  margin-bottom: 30px;
}

.pop-up_text p {
  font-size: 15px;
  margin-bottom: 30px;
}

.pop-up_image {
  width: 50%;
  padding-bottom: 40%;
  position: relative;
}

.pop-up_image img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.pop-up__paragraph {
  max-height: 70px;
  overflow-y: scroll;
}

.pop-up__paragraph p {
  padding-right: 40px;
}

.close-icon {
  transform: rotate(45deg);
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 10;
}

@media only screen and (max-width: 768px) {
  #modal {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: #00000080;
  }

  .timeline {
    width: 100%;
    position: relative;
  }

  .timeline-block_container {
    width: 100%;
    margin-bottom: 45px;
  }

  .timeline_wrapper {
    gap: 0;
    padding: 0;
  }

  .timeline:not(:last-child)::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    height: 15px;
    width: 15px;
    background-color: #000;
    border-radius: 50%;
    top: unset;
    right: unset;
  }

  .timeline:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 40px;
    background: #000;
    width: 2px;
    z-index: 1;
    top: unset;
    right: unset;
  }

  .timeline:nth-child(even) .timeline-block_container {
    transform: none;
  }

  .timeline-block_image-container {
    margin: 0 auto;
  }

  .side-line {
    display: none;
  }

  .pop-up_container {
    flex-direction: column-reverse;
    justify-content: space-evenly;
    height: 100vh;
    padding: 3rem 1rem 1rem;
    background-color: #fff;
  }

  .pop-up_text {
    width: 100%;
    padding: 20px 0;
  }

  .pop-up_image {
    width: 100%;
    height: 50%;
  }

  .pop-up__paragraph {
    max-height: 300px;
  }

  .pop-up__paragraph p {
    padding: 0;
  }

  .timeline:last-child:after {
    display: none;
  }
}

@media only screen and (max-width: 480px) {
  .timeline_section {
    padding: 10px;
  }

  .timeline:not(:nth-child(odd)):before {
    content: none;
  }

  .timeline:not(:last-child)::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    height: 15px;
    width: 15px;
    background-color: #000;
    border-radius: 50%;
    top: unset;
    right: unset;
  }
}

.featured__collection-carousel:not(.flickity-enabled) {
  display: flex;
}

[data-section-type="homepage-products"] .flickity-prev-next-button,
.argoid-carousel__nav button,
.recently-viewed-products .flickity-prev-next-button {
  top: 35% !important;
  transform: translateY(-35%) !important;
}

.track-order-button {
  line-height: 1;
  cursor: pointer;
  position: relative;
}

.track-order-title {
  position: absolute;
  bottom: -50%;
  opacity: 0;
  left: -20px;
  font-size: 10px;
  width: 65px;
}

.track-order-button-mobile {
  display: flex;
  align-items: center;
}

.track-order-title-mobile {
  margin-bottom: -5px;
}

.wishlistt-li {
  position: relative;
}

.wishlist-li-title,
.cart-title,
.account--title,
.royalty-title {
  position: absolute;
  bottom: -88%;
  opacity: 0;
  left: -16px;
  font-size: 10px;
  width: 65px;
  line-height: 12px;
}

.royalty-icon {
  cursor: pointer;
}

.royalty-title {
  bottom: -20px;
  left: -15px;
}

.track-order-button svg {
  height: 28px !important;
}

.track-order-button:hover .track-order-title,
.wishlistt-li:hover .wishlist-li-title,
.my-cart-link-container:hover .cart-title,
.cart-links__link-account:hover .account--title,
.royalty-icon:hover .royalty-title {
  opacity: 1;
}

.template-cart .cart-drawer-offer-section {
  display: none;
}

.template-cart .ajax-cart__qty-control--down,
.template-cart .ajax-cart__qty-control--up {
  border: 1px solid var(--dotted-color);
}

.template-cart .ajax-cart__qty-input {
  font-size: 14px;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
}

.template-cart .ajax-cart__cart-form {
  display: flex;
}

.template-cart .ajax-cart__cart-items {
  border-right: 1px solid var(--dotted-color);
  padding-right: 20px;
  width: 60%;
  height: 372px;
  overflow-y: scroll;
}

.template-cart .ajax-cart__cart-items::-webkit-scrollbar {
  width: 2px;
  border-radius: 4px;
}

.template-cart .ajax-cart__cart-items::-webkit-scrollbar-track {
  background: #cccccc;
  border: 1px solid #13294b;
  border-radius: 4px;
}

.template-cart .ajax-cart__cart-items::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 4px;
}

.template-cart .cart-page-total {
  display: flex;
}

.template-cart .ajax-cart__final-details div > p.cart-page-total-title {
  text-align: unset;
  font-weight: bold;
}

.template-cart .ajax-cart__final-details div > p.cart-page-total-price {
  text-align: right;
}

.template-cart .ajax-cart_final-details-title {
  font-size: 16px;
  border-bottom: 1px solid var(--dotted-color);
  font-weight: bold;
  padding-bottom: 10px;
  text-align: left;
}
.discounts p {
    text-align: left !important;
    font-weight: 700;
}
.ajax-cart__final-details .discounts{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.template-cart .cart__drawer--offer-wrapper {
  padding: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--dotted-color);
  margin-bottom: 15px;
}

.template-cart .cart__drawer--offer-wrapper span {
  font-size: 16px;
}



.template-cart .cart__drawer--offers_container svg {
  margin-top: 0;
}

.template-cart .ajax-cart__page-wrapper .ajax-cart__summary-wrapper {
  width: 40%;
}

.template-cart .ajax-cart__page-wrapper .ajax-cart__cart-item {
  display: flex;
  align-items: center;
}

.template-cart .ajax-cart__page-wrapper .ajax-cart__item-image {
  width: unset;
}

.template-cart .ajax-cart__title a {
  max-width: unset;
}

.template-cart .ajax-cart__item-remove {
  top: 8%;
}

.mini-cart .cart-page-offer-section,
.mini-cart .cart-page-total-title {
  display: none;
}

#checkout_svg {
  position: absolute;
  top: 19%;
  left: 35%;
}

#checkout_svg path {
  fill: white;
}

.product__section-contentWrapper .price-item--sale,
.product__section-content .price-item--sale {
  font-size: 16px;
  font-weight: bold;
}

.jdgm-widget.jdgm-widget,
.product-info-inner
  .jdgm-widget.jdgm-preview-badge
  .jdgm-prev-badge[data-average-rating="0.00"] {
  display: block !important;
}

.product-card:hover .reveal .hidden {
  position: unset;
  opacity: 1;
}

.hover-image .product-card:hover .hidden .box-ratio {
  display: block;
}

.product-card:hover .hidden .box-ratio {
  display: block;
}

.argoid-facets__input--numerical-min,
.argoid-facets__input--numerical-max {
  height: 30px !important;
  width: 30% !important;
}

/* footer CSS */
.social-media-icons_mobile {
  margin-top: 35px;
}

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

.bottom-nav_wrapper {
  color: #ffffff;
}

#footer-wrapper p {
  margin-top: 10px;
}

@media (min-width: 980px) {
  #footer {
    display: flex;
    padding: 0 1.04166667%;
  }

  .footer-block + .footer-block {
    margin-left: 3%;
  }
}

div#bottom-footer .footer-left {
  width: 50%;
  text-align: left;
}

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;
  margin-top: 16px;
}

div#bottom-footer #footer-icons {
  margin: 0;
}

div#bottom-footer #footer-icons i {
  font-size: 19px;
}

div#bottom-footer div#copy {
  margin-top: 21px;
  text-transform: capitalize;
}

.footer-sect form#contact_form {
  display: flex;
  align-items:center;
}

input#footer-subscribe {
  border: 1px solid;
  margin-left: -30px;
}

.scrollup.showBtn.colorblue {
  width: 50px;
  height: 50px;
}

.scrollup.showBtn.colorblue svg {
  width: 50px;
  height: 50px;
}

.jdgm-write-rev-link {
  display: block !important;
}

.jdgm-widget a[role="button"] {
  border-radius: 7px;
  width: fit-content !important;
}

@media (max-width: 768px) {
  .pincode-checker__field {
    width: 50%;
  }


  .pincode-checker__button {
    width: 40%;
  }

  .wishlist-li-title,
  .cart-title,
  .account--title,
  .track-order-title {
    display: none;
  }

  .qty-selection {
    max-width: 35%;
  }

  .template-cart .ajax-cart__cart-form {
    flex-direction: column;
  }

  .template-cart .ajax-cart__item-remove {
    top: 10%;
  }

  .template-cart .ajax-cart__cart-items {
    border-right: 0;
    padding-right: 0;
    width: 100%;
    height: 100%;
  }

  .template-cart .ajax-cart__cart-title__wrapper {
    width: 90%;
  }

  .template-cart .ajax-cart__page-wrapper .ajax-cart__summary-wrapper {
    width: 100%;
    margin-top: 20px;
  }

  .template-cart .ajax-cart__cart-title__wrapper > *,
  .template-cart .ajax-cart__item-details dl {
    margin-bottom: 5px;
  }

  #checkout_svg {
    left: 32%;
  }

  .line-item_price {
    font-size: 12px;
  }

  .bottom-nav_container {
    margin-top: 45px;
  }

  div#bottom-footer {
    flex-wrap: wrap;
  }

  div#bottom-footer .footer-left {
    width: 100%;
    text-align: left;
    order: 2;
    margin-top: 31px;
  }

  div#bottom-footer .footer-right {
    width: 100%;
    text-align: left;
    order: 1;
  }

  div#bottom-footer .selectors-form {
    justify-content: flex-start;
    margin: 0;
  }

  div#bottom-footer #payment {
    text-align: left;
  }

  div#bottom-footer .footer-section .disclosure__toggle {
    height: 44px;
    width: 80px;
  }

  section.footer-block {
    vertical-align: top;
    margin-top: 64px;
  }

  .footer-sect form#contact_form {
    width: 80%;
    margin: 0 auto;
  }

  input#footer-subscribe {
    width: 35%;
  }

  .scrollup.showBtn.colorblue svg {
    width: unset;
    height: unset;
  }

  .product--card-variant_swatch,
  .swatches__form--label {
    font-size: 11px;
  }

  .swatches__form--label {
    min-width: unset !important;
    margin: 10px 5px 0 0;
  }

  .jdgm-widget-actions-wrapper {
    margin: 0 auto !important;
  }

  .jdgm-write-rev-link {
    font-size: 12px !important;
  }

  .jdgm-widget a[role="button"] {
    padding: 5px 10px;
  }

.quantity {
    width: 40px !important;
    height: 50px !important;
}
  a.down,
  a.up {
        width: 50px !important;
        height: 50px !important;
        line-height: 45px;
  }

  #myModal.modal {
    width: 90%;
  }

  .royalty-page-link {
    display: flex;
    align-items: center;
    gap: 20px;
  }
}

@media (min-width: 769px) {
  .modal {
    overflow: unset;
  }

  .modal,
  .modal-content,
  #myModal .flickity-slider,
  .main-product__items {
    height: 700px;
  }

  .carousel.carousel-main.popup-main-carousel,
  .carousal-zoom-container {
    height: 700px;
    width: 100%;
  }

  .popup-main-carousel .main-product__items.carousel-cell img {
    height: auto;
    width: 100%;
  }
}

#quickview-form .product__section-content {
  position: sticky;
  top: 0;
  padding-left: 10px;
}

#quickview-form .swatches__form--label {
  margin: 5px 0 0 0;
}

#quickview-form .swatches__container {
  margin: 0;
}

#quickview-form .qty-selection {
  margin-top: 15px;
}

#quickview-form .product__section--buttons input#addToCart {
  margin-left: 0;
}

#quickview-form .product-image-gallery2.js-gallery-carousel {
  display: block;
  min-width: 500px;
  height: 650px;
}

#quickview-form .product__section-images .flickity-button {
  display: block;
}
 
#quickview-form
  .product_social_media_container:hover
  .product_social_icon_container {
  
}

#quickview-form .product_social_media_container .share_button svg,
#quickview-form .product_social_icons svg {
  height: 18px;
  width: 18px;
}

#quickview-form .product-page-icons {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#modal-quickview-cart #quickview-form .product__section-details {
  padding: 0;
}

.product-quickview__container a.down,
.product-quickview__container a.up,
.product-quickview__container .quantity {
  width: 25px !important;
  height: 25px !important;
  line-height: 20px;
}

@media (min-width: 767px) and (max-width: 990px) {
  .product-quickview__container .add-cart-quantity_container {
    display: flex;
    align-items: self-start;
    flex-direction: column;
    gap: 0;
  }

  .product-quickview__container .qty-selection {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  #quickview-form .product-image-gallery2.js-gallery-carousel {
    min-width: 280px;
    height: fit-content;
  }

  .slideout__trigger--close .slideout__trigger-quickview {
    padding: 0;
    width: 22px;
  }

  #quickview-form
    .product-image-gallery2.product__section-images
    .flickity-page-dots {
    bottom: -15px;
  }

  #quickview-form .qty-selection {
    max-width: 100%;
  }

  #quickview-form .flickity-prev-next-button {
    width: 30px !important;
    height: 30px !important;
  }

  #quickview-form .product__section--buttons input#addToCart {
    height: 30px;
  }
}

/* capillary page css */
.template-page-capillary-generic-page .navigation--sticky.navigation,
.template-page-capillary-custom-page .navigation--sticky.navigation {
  top: 0;
}

.custom-image-with-text-container img {
  width: 100%;
  height: auto;
  border-radius: 0;
}

.custom-image-with-text--img-desktop,
.custom-image-with-text--img-mobile {
  width: 100%;
}

.custom-image-with-text-container {
  display: flex;
  align-items: center;
}

.content-container,
.custom-image-with-text--img-desktop {
  width: 50%;
}

.gridlock .row .custom-image-with-text--img-desktop,
.gridlock .row .custom-image-with-text--img-mobile {
  margin: 0;
}

.content-container {
  padding: 20px;
  height: fit-content;
}

.content-heading {
  font-weight: bold;
  text-align: center;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 20px;
  line-height: 1.2;
}

.content-heading,
.content-overlay.content-overlay-with-padding .content-heading,
.text-block-main-heading,
.text-block-link-main-heading,
.usp-section-heading,
.member-benefits-page-heading {
  font-size: calc(25px + (36 - 25) * (100vw - 375px) / (1440 - 375));
}

.content-sub-heading p {
  font-size: calc(16px + (20 - 16) * (100vw - 375px) / (1440 - 375));
  text-align: center;
  line-height: 1.2;
  margin: 0;
}

.content-button {
  width: fit-content;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 20px 40px;
  margin-top: 40px;
}

.custom-image-with-text-container.content-overlay-container {
  position: relative;
}

.content-overlay-container .custom-image-with-text--img-desktop {
  width: 100%;
}

.content-overlay.content-overlay-with-padding .content-heading {
  text-align: left;
  width: 100%;
}

.content-overlay.content-overlay-with-padding .content-sub-heading p {
  font-size: calc(10px + (15 - 10) * (100vw - 375px) / (1440 - 375));
  text-align: left;
  margin: 0;
}

.content-overlay.content-overlay-with-padding .content-sub-heading p strong {
  font-size: calc(17px + (26 - 17) * (100vw - 375px) / (1440 - 375));
  font-weight: normal;
}

.content-overlay .content-heading {
  margin-bottom: 5px;
  letter-spacing: -1px;
}

.content-overlay .content-sub-heading p {
  font-size: calc(12px + (18 - 12) * (100vw - 375px) / (1440 - 375));
}

.content-overlap-container .custom-image-with-text--img-desktop {
  width: 90%;
}

.content-overlap-container .content-sub-heading p {
  width: 80%;
  margin: 0 auto;
  font-size: calc(11px + (20 - 11) * (100vw - 375px) / (1440 - 375));
}

.text-block-main-heading,
.usp-section-heading,
.text-block-link-main-heading {
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

.text-block-container {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}

.text-block {
  width: 33.33%;
  text-align: center;
}

.text-block:not(:last-child) {
  border-right: 1px solid;
}

.text-block-title,
.text-block-link-title {
  font-size: calc(22px + (26 - 22) * (100vw - 375px) / (1440 - 375));
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}

.text-block-sub-title {
  width: 60%;
  margin: 0 auto;
}

.text-block-link-sub-title,
.text-block-sub-title {
  text-align: center;
  font-size: calc(15px + (18 - 15) * (100vw - 375px) / (1440 - 375));
}

.heading-container {
  padding-top: 40px;
}

.usp-content-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding-bottom: 10px;
}

.usp-block-container {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.usp-block-container img {
  width: 100%;
  height: auto;
  max-width: 250px;
  max-height: 250px;
}

.usp-section-sub-heading {
  font-size: calc(16px + (18 - 16) * (100vw - 375px) / (1440 - 375));
  text-align: center;
  width: 30%;
  margin: 0 auto;
  line-height: 1;
}

.template-page-capillary-generic-page .flickity-page-dots .dot {
  background: grey;
}

.template-page-capillary-generic-page .flickity-prev-next-button.previous,
.template-page-capillary-generic-page .flickity-prev-next-button.next {
  border: 0;
  background: transparent;
  color: white;
}

.template-page-capillary-generic-page .flickity-prev-next-button.previous {
  left: 30px;
}

.template-page-capillary-generic-page .flickity-prev-next-button.next {
  right: 30px;
}

.member-benefits-page-heading {
  text-align: center;
  font-weight: bold;
  margin-bottom: 35px;
}

.member-benefits-table-container {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}

.benefit-block:first-child {
  width: 30%;
}

.benefit-block {
  width: 23.33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.member-benefits-table-container
  .benefit-block
  .benefit-block-content:first-child {
  font-size: calc(20px + (28 - 20) * (100vw - 375px) / (1440 - 375));
  font-weight: bold;
  padding: 20px;
  margin-bottom: calc(15px + (25 - 15) * (100vw - 375px) / (1440 - 375));
}

.benefit-block .benefit-block-content:not(:first-child) {
  font-size: calc(8px + (20 - 14) * (100vw - 375px) / (1440 - 375));
  padding: 10px;
  margin-bottom: 2px;
  max-height: 85px;
  min-height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media(min-width: 769px)
{
.benefit-block:first-child .benefit-block-content {
  font-size: calc(8px + (20 - 14) * (100vw - 375px) / (1440 - 375)) !important;
}
}

.benefit-block:first-child .benefit-block-content {
  background: #13294b;
  color: white;
  padding-left: 10%;
  margin-right: 10px;
  font-size: calc(8px + (20 - 14) * (100vw - 375px) / (1440 - 375));
  justify-content: start;
}


.benefit-block:not(:first-child) .benefit-block-content:first-child {
  background: #a2323f;
  color: white;
  text-align: center;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.benefit-block:not(:first-child) .benefit-block-content:not(:first-child) {
  background: #e6e6e6;
  text-align: center;
  line-height: 1;
  letter-spacing: -1px;
}

.benefit-block:first-child .benefit-block-content:first-child {
  border-radius: 10px;
  min-height: 100px;
  display: flex;
  align-items: center;
}

.benefit-block:nth-child(2) .benefit-block-content:first-child {
  border-radius: 10px 0 0 10px;
}

.benefit-block:last-child .benefit-block-content:first-child {
  border-radius: 0 10px 10px 0;
}

.benefit-block:first-child .benefit-block-content:nth-child(2) {
  border-radius: 10px 10px 0 0;
}

.benefit-block:first-child .benefit-block-content:last-child {
  border-radius: 0 0 10px 10px;
}

.benefit-block:nth-child(2) .benefit-block-content:nth-child(2) {
  border-top-left-radius: 10px;
}

.benefit-block:last-child .benefit-block-content:nth-child(2) {
  border-top-right-radius: 10px;
}

.benefit-block:nth-child(2) .benefit-block-content:last-child {
  border-bottom-left-radius: 10px;
}

.benefit-block:last-child .benefit-block-content:last-child {
  border-bottom-right-radius: 10px;
}

.custom-image-with-text-container.image--second {
  flex-direction: row-reverse;
}

.custom-image-with-text-container.no--image .content-container {
  width: 100%;
}

.template-page-capillary-custom-page .rich__text-content h3 {
  font-size: calc(25px + (36 - 25) * (100vw - 375px) / (1440 - 375));
  padding-bottom: 10px;
}

.template-page-capillary-custom-page .rich__text-content .clear {
  border-bottom: 1px solid #80808073;
  width: 10%;
  visibility: visible;
  display: flex;
  margin: 0 auto;
  margin-bottom: 10px;
}

.template-page-capillary-custom-page .rich__text-content a {
  text-decoration: unset;
}

.text-block-with-link {
  display: block;
  width: 50%;
  padding: 20px;
}

.text-block-link-container {
  display: flex;
  width: 100%;
  gap: 20px;
}

.main-title-content {
  font-size: calc(36px + (66 - 36) * (100vw - 375px) / (1440 - 375));
  margin-bottom: 30px;
}

.main-title-content,
.sub-title-content {
  color: #13294b;
  text-align: center;
  font-weight: bold;
}

.sub-title-content {
  font-size: calc(22px + (36 - 22) * (100vw - 375px) / (1440 - 375));
  width: 50%;
  margin: 0 auto;
  line-height: 1.2;
}

.capillary-plan-name-container {
  display: flex;
  justify-content: center;
  position: relative;
}

.capillary-plan-name-container svg {
  width: calc(200px + (300 - 200) * (100vw - 375px) / (1440 - 375));
  height: calc(200px + (300 - 200) * (100vw - 375px) / (1440 - 375));
}

.capillary-plan-name-container svg path:first-child {
  fill: #a2323feb;
}

.capillary-plan-name-container svg path:not(:first-child) {
  fill: #a2323f;
}

#capillary-plan {
  position: absolute;
  font-size: calc(16px + (26 - 16) * (100vw - 375px) / (1440 - 375));
  top: 42%;
  font-weight: bold;
  color: white;
}

.welcome-content {
  margin-top: -40px;
}

.membership-threshold-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.membership-threshold-container:before {
  content: "";
  position: absolute;
  width: 88%;
  height: 3px;
  background: #12294a;
  top: 12%;
  left: 5%;
}

.threshold {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}

.threshold-bubble {
  display: block;
  width: 50px;
  height: 50px;
  background: #a2323f;
  border-radius: 50%;
  z-index: 3;
}

.threshold-bubble.active {
  background: #12294a;
  box-shadow: 0 0 0 4px #fff, 0 0 0 5px #12294a;
  width: 45px;
  height: 45px;
}

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

.threshold-text {
  font-size: calc(22px + (36 - 22) * (100vw - 375px) / (1440 - 375));
  font-weight: bold;
  margin-bottom: 10px;
}

.royalty-icon img {
  width: 18px;
  margin-top: 10px;
  height: 18px;
}

@media (max-width: 989px) {
  .small-hide {
    display: none;
  }

  .custom-image-with-text-container,
  .custom-image-with-text-container.image--second {
    flex-direction: column;
  }

  .custom-image-with-text--img-mobile {
    width: 100%;
  }

  .content-container {
    width: 70%;
  }

  .template-page-capillary-custom-page .content-container {
    width: 100%;
  }

  .content-heading {
    margin-bottom: 10px;
  }

  .content-button {
    margin-top: 20px;
  }

  .content-container.content-overlay.content-overlay-with-padding {
    position: absolute;
    bottom: 0;
    border-radius: 15px;
    left: 50%;
    transform: translate(-50%, -40%);
  }

  .content-container.content-overlay {
    position: absolute;
    bottom: 0;
  }

  .content-container.content-overlap {
    margin-top: -50px;
    z-index: 2;
    padding: 5% 20px;
    width: 85%;
  }

  .content-overlap .content-button {
    padding: 5px 10px;
    height: 30px;
  }

  .usp-section-sub-heading {
    width: 90%;
  }

  .usp-content-container {
    flex-direction: column;
  }

  .usp-block-container {
    margin-bottom: 30px;
    width: 100%;
  }

  .usp-section-main-container.row {
    width: 100%;
  }

  .usp-section-main-container .text-block-sub-title {
    width: 80%;
  }

  .usp-block-container img {
    max-width: 200px;
    max-height: 200px;
  }
}

@media (min-width: 990px) {
  .large-up-hide {
    display: none;
  }

  .content-container.content-overlay {
    position: absolute;
    bottom: 35px;
    right: 0;
  }

  .content-container.content-overlay.content-overlay-with-padding {
    position: absolute;
    right: 12%;
    width: 25%;
    border-radius: 15px;
    text-align: left;
    top: 20%;
  }

  .content-container.content-overlap {
    margin-left: -50px;
    z-index: 2;
    padding: 5% 20px;
  }
}

@media (max-width: 768px) {
  .text-block-container {
    display: block;
    padding: 0;
  }

  .text-block {
    width: 100%;
    padding: 20px;
  }

  .text-block:not(:last-child) {
    border-right: 0;
    margin-bottom: 20px;
  }

  .usp-section-heading {
    margin-bottom: 15px;
  }

  .usp-section-sub-heading {
    margin-bottom: 20px;
  }

  .usp-content-container.usp-flickity-container {
    margin-top: 30px;
    display: block;
  }

  .text-block-sub-title {
    width: 100%;
  }

  .heading-container {
    padding-top: 0;
  }

  .member-benefits-table-container {
    display: block;
  }

  .member-benefits-table-container:not(.flickity-enabled) {
    display: flex;
  }

  .benefit-block:first-child,
  .benefit-block {
    width: 47%;
    margin-right: 10px;
  }

  .benefit-block:first-child .benefit-block-content {
    margin-right: 0;
  }

  .benefit-block:first-child .benefit-block-content:first-child,
  .benefit-block:not(:first-child) .benefit-block-content:first-child {
    min-height: 65px;
  }

  .benefit-block .benefit-block-content:not(:first-child) {
    max-height: 61px;
    min-height: 61px;
  }

  .benefit-block .benefit-block-content:last-child {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
  }

  .benefit-block:first-child .benefit-block-content:nth-child(2) {
    border-radius: 25px 25px 0 0;
  }

  .benefit-block:first-child .benefit-block-content:last-child {
    border-radius: 0 0 25px 25px;
  }

  .benefit-block:nth-child(2) .benefit-block-content:nth-child(2) {
    border-top-left-radius: 25px;
  }

  .benefit-block:nth-child(2) .benefit-block-content:last-child {
    border-bottom-left-radius: 25px;
  }

  .benefit-block:last-child .benefit-block-content:nth-child(2) {
    border-top-right-radius: 25px;
  }

  .benefit-block:last-child .benefit-block-content:last-child {
    border-bottom-right-radius: 25px;
  }

  .benefit-block .benefit-block-content:nth-child(2) {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
  }

  .benefit-block .benefit-block-content:first-child,
  .benefit-block:nth-child(2) .benefit-block-content:first-child,
  .benefit-block:last-child .benefit-block-content:first-child {
    border-radius: 10px;
  }

  .text-block-link-container {
    flex-direction: column;
    gap: 10px;
  }

  .text-block-with-link,
  .sub-title-content {
    width: 100%;
  }

  #capillary-plan {
    top: 41%;
  }

  .main-title-content {
    margin-bottom: 18px;
  }

  .threshold-bubble {
    width: 35px;
    height: 35px;
  }

  .threshold-bubble.active {
    width: 30px;
    height: 30px;
  }

  .membership-threshold-container:before {
    width: 85%;
  }

  .royalty-icon img {
    margin-top: 0;
  }

  .member-benefits-table-container .flickity-viewport {
    height: 100%;
    min-height: 500px;
    max-height: 500px;
  }

  .benefit-block:not(:first-child) .benefit-block-content:not(:first-child) {
    min-height: 67px;
    max-height: 67px;
  }

  .benefit-block .benefit-block-content:not(:first-child) {
    max-height: max-content;
    min-height: min-content;
  }
}



/* capillary buttons */
#cap-check-out-btn,
#cap-cart-coupon,
#show-points,
#cap-cart-point,
#cap-cart-summary {
  width: 42%;
  margin-left: 58.55%;
  padding-left: 30px;
  margin-top: 0;
}

#cap-cart-summary {
  list-style: none;
}

.capHidden {
  display: none !important;
}

.capillary-container.cap-summary {
  padding-bottom: 0;
}

#show-points {
  margin-top: -9%;
}

.field.cap-redeem_point,
.field.cap-redeem_coupon {
  display: flex;
  padding-bottom: 5px;
  gap: 10px;
}

input#cap-redeem_point,
input#cap-redeem_coupon {
  margin-bottom: 0;
  border-radius: 7px;
  height: 40px;
}

#cap-redeem_point_btn,
#cap-redeem_coupon_btn {
  width: 42% !important;
  font-size: 14px;
  line-height: 1;
  padding: 0 5px;
  letter-spacing: 0;
  font-weight: bold;
  text-transform: capitalize;
  background: #13294b;
  margin: 0;
}

#cap-redeem_point_error,
#cap-redeem_point_success {
  font-size: 16px;
  margin-bottom: 6px;
  line-height: 1;
}

.field.cap-redeem_coupon,
.cart__checkout-button.button {
  padding-top: 5px;
}

.cart__checkout-button.button {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 18px;
}

#cap-check-out-btn {
  padding-top: 10px;
}

.cart-page.ajax-cart__page-wrapper.global__section {
  padding-bottom: 0;
}

.capillary-container {
  padding-bottom: calc(var(--section-margins) / 2);
}

.coupon-history table,
.transaction-history table {
  width: 100%;
}

.transaction-history th,
.transaction-history td,
.coupon-history th,
.coupon-history td {
  padding: 10px;
  border: 1px solid var(--dotted-color);
  text-align: center;
}

#cap-point .row {
  justify-content: space-around;
}

.gridlock #cap-point .row:after {
  content: unset;
}

.add-to-cart-main-container {
position: fixed;
    right: 0;
    z-index: 9;
    background: #000000a1;
    width: fit-content;
    width: 100%;
    transform: translateX(100%); 
    transition: 0.5s all ease-in-out;
}

.product-image {
  padding-bottom: 17%;
  aspect-ratio: 1/1;
}

.add-to-cart-main-container.active-notification {
  transform: translateX(0);
}

.details-container {
  display: flex;
  gap: 20px;
  padding: 10px;
  width: 100%;
}

.product-image img {
  width: 100%;
  height: auto;
}

.product-info-container {
    width: 100%;
    display: flex;
    line-height: 1;
    align-items: center;
    text-align: center;
    font-size: 16px;
    color: #fff;
    justify-content: space-evenly;
}

.go-to-cartBtn {
  color: white;
  font-weight: bold;
  margin-top: 5px;
  background: rgb(19, 41, 75);
  padding: 5px 10px;
  border-radius: 8px;
}

details#cap-details summary::after {
  content: "+";
  position: absolute;
  right: 5%;
}

details[open]#cap-details summary::after {
  content: "-";
  position: absolute;
  right: 5%;
}

#cap-cart-summary {
  padding-left: 20px;
}

#cap-cart-point,
#cap-cart-coupon {
  width: 39%;
}

body.template-customers-account #account-details #cap-coupon #loading-image {
  display: none;
}

body.template-customers-account
  #account-details
  #point-history-div
  .point-history
  h2.page-title {
  display: none;
}

details#cap-details {
  cursor: pointer;
}

@media (max-width: 768px) {
  .product__section-content
 {
    margin-top: 20px;
}
  .textWithImage__column-container.with-padding {
    max-height: 310px;
    min-height: 310px;
  }

  details#cap-details summary#cap-cart-summary {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  details#cap-details summary::after {
    content: "+";
    position: absolute;
    right: 4%;
  }

  details[open]#cap-details summary::after {
    content: "-";
    position: absolute;
    right: 4%;
  }

  #show-points {
    margin-top: 0;
  }

  #cap-check-out-btn,
  #cap-cart-coupon,
  #show-points,
  #cap-cart-point {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }

  #cap-redeem_point_btn,
  #cap-redeem_coupon_btn {
    width: 55% !important;
  }

  .cap-card {
    width: 50%;
    min-width: 154px;
    min-height: 165px;
  }

  .transaction-history th,
  .transaction-history td,
  .coupon-history th,
  .coupon-history td {
    word-break: break-all;
  }

  .contributed-point .points {
    max-width: unset !important;
  }

  .product-info-container {
    font-size: 14px;
  }

  .add-to-cart-main-container {
    top: 0%;
  }

  .modal__container.modal--active {
    max-width: 90%;
  }
}

a.jdgm-link {
  pointer-events: none !important;
  color: #13294b !important;
  text-decoration: none !important;
  font-weight: bold;
}

.shopify-app-block #judgeme_product_reviews {
  display: none !important;
}

.jdgm-rev-widg__summary-stars:not([role="img"]) {
  display: block !important;
}

.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.enquiry__popup-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 90%;
  height: auto;
}

.enquiry-popup-content-flex-item {
  padding-bottom: 0;
  width: 100%;
}

.enquiry-popup-container--close {
  position: absolute;
  top: 10px;
  right: 10px;
  text-decoration: none;
  cursor: pointer;
  background: white;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  padding-top: 2px;
}

#enquiry__popup-content {
  text-align: center;
}

.enquiry__popup-image img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 0;
}

.clear::after {
  content: "";
  display: table;
  clear: both;
}

.enquiry__popup--succsess p {
  color: green;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  margin-top: 15px;
}

.enquiry-error-msg {
  color: red;
}

.enquiry-gender-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.field-item {
  display: flex;
  gap: 0.5rem;
}

.enquiry-popup-image-flex--item {
  width: 100%;
}

.field__input[type="date"] {
  text-transform: uppercase;
  background: #fff;
  border: none;
  padding: 13px;
  border-bottom: 1px solid #000;
  box-sizing: border-box;
  font-size: 14px;
  appearance: none;
  -webkit-appearance: none;
  padding: 8px;
  width: 100%;
  height: 30px;
  margin: 0;
  border-radius: 0;
}

.field__label {
  text-align: justify;
  margin-bottom: 5px;
  display: block;
  font-weight: bold;
  width: 100%;
}

.field__input:checked {
  background-color: #4caf50;
  border-color: #4caf50;
}

#enquiry-form .field__input[type="email"],
#enquiry-form .field__input[type="phone"],
#enquiry-form .field__input[type="text"] {
  border: none;
  background: #fff;
  padding: 0;
  border-bottom: 1px solid #000;
  margin-right: 5px;
  cursor: pointer;
  height: 16px;
  border-radius: 0;
}

.enquiry-gender-flex .field-item {
  padding-left: 0;
  width: 28%;
  margin-bottom: 5px;
  gap: 0;
  align-items: center;
}

.enquiry-subscribe-flex .field-item {
  padding-left: 0;
  width: 100%;
  margin-bottom: 5px;
  gap: 0;
}

.enquiry-gender-flex .field-item input[type="radio"],
.enquiry-subscribe-flex .field-item input[type="radio"] {
  accent-color: midnightblue;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  margin-right: 5px;
}

.field__input[type="phone"] {
  cursor: auto;
}

.loaded-custom-spinner,
#sales-form span#loader-wrapper,
#enquiry-submit span#loader_wrapper {
  border: 3px solid #fff;
  border-top: 3px solid #00ffb1;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
  margin: 0 auto;
}

.enquiry__popup-text p,
.enquiry__popup-caption span {
  font-size: 13px;
  margin: 5px auto;
  width: 100%;
  text-align: center;
  display: block;
  letter-spacing: 0;
  line-height: 1.5;
}

.enquiry__popup-text .caption strong {
  color: red;
}

.enquiry__popup-text h3 {
  font-size: 20px;
  text-transform: uppercases;
  letter-spacing: 0px;
  margin-bottom: 5px;
  text-align: center;
  line-height: 1.5;
}

.enquiry__popup--succsess .enquiry__popup-text h3 {
  font-size: 14px;
}

.flexing-form-elements {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  flex-direction: column;
}

#enquiry-form .field.grid--2-col.grid__item {
  margin: 0;
  margin-top: 8px;
}
#sales-form [type="submit"],
.cash-on-delivery-popup [type="submit"],
#enquiry-form button#enquiry-submit {
  margin: 0 auto;
  width: 100%;
  display: block;
  height: 28px;
  border-radius: unset;
  border-width: 1px;
}

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

  to {
    transform: rotate(1turn);
  }
}

#enquiry-form .elements-flex {
  align-items: baseline;
  justify-content: space-between;
}

#enquiry-form .elements-flex .field.grid--2-col.grid__item {
  width: 100%;
}

.enquiry__popup--succsess {
  margin-top: 12px;
}

.enquiry__popup-form p.center {
  margin-top: 10px;
}

#enquiry-form .field__input[type="email"]:focus,
#enquiry-form .field__input[type="phone"]:focus,
#enquiry-form .field__input[type="text"]:focus {
  box-shadow: none;
}

@media screen and (min-width: 741px) {
  .enquiry__popup-form {
    padding: 0 22%;
  }

  .enquiry__popup--succsess p {
    font-size: 18px;
  }

  .enquiry-gender-flex .field-item input[type="radio"] {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  .enquiry-gender-flex .field-item:not(:first-child) {
    padding-left: 16px;
  }

  #enquiry-form .field__input:not([type="date"]) {
    padding: 0;
  }

  .enquiry__popup-form {
    margin-top: 12px;
  }

  .enquiry__popup-text h3 {
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
    text-align: center;
  }

  .enquiry__popup--succsess .enquiry__popup-text h3 {
    font-size: 18px;
  }

  .enquiry__popup-text p,
  .enquiry__popup-text .caption,
  .enquiry__popup-caption span {
    font-size: 16px;
    margin: 10px auto;
    width: 85%;
    text-align: center;
    display: block;
  }

  .enquiry__popup-container {
    width: 70%;
    height: auto;
    padding: 10px;
  }

  .enquiry-popup-image-flex--item,
  .enquiry-popup-content-flex-item {
    width: 50%;
  }

  #enquiry__popup-content {
    text-align: center;
    flex-direction: row;
    gap: 2rem;
  }

  .flexing-form-elements {
    flex-direction: row;
  }

  #enquiry-form button#enquiry-submit {
    margin: 0 auto;
    width: 100%;
    height: 30px;
  }
}

.field.grid--2-col.grid__item {
  margin: 18px 0;
}

ul.product-colour.options::-webkit-scrollbar {
  background: white;
}

.col-swatch ul.product-colour.options {
    overflow-y: hidden;
    padding-bottom: 6px;
    overflow-x: auto !important;
    white-space: nowrap !important;
    max-width: 100% !important;
}

.col-swatch ul.product-colour.options::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  border-radius: 10px;
}
 
.col-swatch ul.product-colour.options::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.swatch_color_name {
    margin-top: 10px;
}


.col-swatch ul.product-colour.options::-webkit-scrollbar-thumb {
  background-color: #a9a9a9;
  border-radius: 10px;
}

.quick-cart-modal .product-colour .js-collection-swatch {
  max-width:120px;
  margin-right:8px;
}

.quick-cart-modal .product-colour .color-swatch_product_image{
  width:100% !important;
  height:100% !important;
  border-radius:4px;
}

span.color-swatch_product_image.show-prod-colors.color-swatch-radio {
  border: 1.9px solid black;
}

.textWithImage__column-container.with-padding {
  max-height: max-content;
  min-height: min-content;
}

/* iframe#preview-bar-iframe {
  display: none;
} */

/* custom image banner section  */
.banner {
  display: flex;
  position: relative;
  flex-direction: column;
}

.image__overlay .image__overlay-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: unset;
}

.banner__content {
  padding: 0;
  display: flex;
  width: 100%;
}

a.jdgm-link {
  pointer-events: none !important;
  color: #13294b !important;
  text-decoration: none !important;
  font-weight: bold;
}

.shopify-app-block #judgeme_product_reviews {
  display: none !important;
}

.breadcrumb__section.product-section {
  min-height: 41px;
}

.slideshow__slide-desktop.custom-image-banner img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}

/* HP collage image section */
.column img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 0;
}

.collage-images-content {
  display: grid;
  grid-template-columns: repeat(5, auto);
  grid-template-rows: auto;
  grid-gap: 12px;
  grid-template-areas:
    "block-1 block-1 block-2 block-3 block-3"
    "block-1 block-1 block-4 block-4 block-5"
    "block-6 block-7 block-7 block-8 block-8";
}

.collage-images-content img {
  object-fit: cover;
}

.collage-images-media--content {
  position: relative;
}

.collage-images-content {
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-template-rows: auto;
  grid-gap: 10px;
  grid-template-areas:
    "block-1 block-3 block-4"
    "block-2 block-3 block-5"
    "block-2 block-3 block-5";
}

p.collage-images--content {
  position: absolute;
  top: 50%;
  left: 35%;
  font-size: 25px;
  color: white;
  letter-spacing: 1px;
  text-align: center;
  margin: 0;
  text-transform: uppercase;
}

.collage-images-media {
  line-height: 0px;
  height: 100%;
  position: relative;
}

.collage-images-content img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 0;
}

@media screen and (max-width: 749px) {
  p.collage-images--content {
    left: 20%;
    font-size: 15px;
  }

  .collage-images-media--content:last-child p.collage-images--content {
    left: 35%;
  }

  a.collage-images-media--content:last-child .collage-images-media {
    max-height: 170px;
  }

  .collage-images-content {
    grid-template-columns: repeat(2, auto);
    grid-template-areas:
      "block-1 block-3"
      "block-2 block-3"
      "block-2 block-3"
      "block-2 block-4"
      "block-5 block-5";
  }
}

/* Tablet Grid */
@media (min-width: 741px) and (max-width: 980px) {
  .enquiry__popup-container {
    width: 40%;
  }
  #enquiry__popup-content,
  .enquiry-popup-content-flex-item {
    width: 100%;
  }

  .enquiry__popup-container.modal {
    width: 60%;
  }
  .flexing-form-elements {
    flex-direction: column;
  }
}
.enquiry__popup-container.modal {
  max-height: 90vh;
  overflow: scroll;
}
#shopify-section-announcement-bar {
  max-width: 100%;
  overflow-x: hidden;
}

.hidden {
  display: none !important;
}

#image-banner-popup .enquiry__popup-container {
  background-color: unset;
  box-shadow: unset;
}

#image-banner-popup .enquiry-popup-container--close {
  top: 5px;
  right: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: unset;
}
#image-banner-popup .enquiry__popup-content,
#image-banner-popup .enquiry__popup-image {
  position: relative;
}

@media screen and (min-width: 741px) {
  #image-banner-popup .enquiry-popup-image-flex--item,
  #image-banner-popup .enquiry-popup-content-flex-item {
    width: 100%;
  }
  #image-banner-popup .enquiry__popup-container {
    width: 70%;
  }
}

.template-collection.collection .image__overlay-section {
  padding-bottom: 0;
}

.image__overlay-section_2 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.free-product-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.free-product-quantity {
  border: 1px solid #d5d5d5;
  padding: 2.5px 27.5px;
  font-size: 14px;
}

@media only screen and (min-width: 750px) {
  .free-product-content-wrapper {
    gap: 10px;
    justify-content: center;
  }
}

.hidden {
  display: none;
}

.ribbon {
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: right;
}
.free-gift-wrapper {
  --ribbon-color: #13294b;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(0deg);
  width: 100px;
  display: block;
  background: var(--ribbon-color);
  background: linear-gradient(var(--ribbon-color) 0%, var(--ribbon-color) 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  bottom: 0px;
  right: -22px;
}
.ribbon span::before,
.ribbon span::after {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
  border-style: solid;
  border-width: 3px;
}

.ribbon span::after {
  border-color: var(--ribbon-color) var(--ribbon-color) transparent transparent;
  right: 0;
}
.ribbon span::before {
  border-color: var(--ribbon-color) transparent transparent var(--ribbon-color);
  left: 0;
}

@media only screen and (max-width: 750px) {
  .ribbon {
    left: -4px;
    top: -4px;
  }
  .ribbon span::before,
  .ribbon span::after {
    border-width: 2px;
  }

  .ribbon span {
    font-size: 8px;
    line-height: 15px;
    width: 55px;
    display: block;
    bottom: 8px;
    left: 5px;
  }
  .free-product-msg {
    font-size: 13px;
    line-height: 17px;
  }
}

.custom-image-banner picture {
  line-height: 0;
  display: block;
}

.custom-image-banner picture {
  line-height: 0;
  display: block;
}

.template-collection .argoid-collection__title {
  text-transform: capitalize;
}

.enquiry__popup-container .enquiry__popup-form label + input {
  margin-bottom: 20px;
}
.enquiry__popup-container .enquiry__popup-form label {
  line-height: normal;
}
.enquiry__popup-container .enquiry__popup-form .field__input[type="date"] {
  padding: 0;
  height: 16px;
}
.enquiry-popup-container--close {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .enquiry__popup-container {
    width: 70%;
    padding: 0;
  }

  .enquiry-popup-content-wrapper {
    margin: 15px 25px 0;
  }
  .enquiry__popup-image img {
    object-fit: cover;
  }

  .enquiry__popup-form {
    padding: 0 12%;
  }
  .enquiry__popup-container.modal {
    display: flex;
    max-height: 95vh;
    overflow: scroll;
  }

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

.cta-banner .slideshow__caption {
  height: 100%;
}

@media only screen and (min-width: 768px) {
  .cta-banner .cta-button-block {
    display: flex;
  }
}

.cta-banner .slideshow__caption .slideshow__caption-wrapper {
  padding: 10px;
}

@media only screen and (max-width: 768px) {
  .cta-banner .slideshow__btn-wrapper a {
    padding: 5px 10px;
  }
}

.mens-liquid-polo.collection .option_size_container .option_sizes {
  display: none;
}

.mens-liquid-polo.collection .price.price--listing {
  margin-bottom: 2px;
}

.similar-category-product:has(.product-section)
  + .shopify-section
  .product__variants-swatches
  .soldout {
  display: none;
}

.recommended-sub-collection {
  margin-top: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 6px;
  justify-content: center;
  align-items: center;
}
.recommended-sub-collection .custom-button {
  padding: 2px 8px;
  display: inline-block;
  background: var(--button-color);
  color: #fff;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 8px;
  height: min-content;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .recommended-sub-collection {
    margin-top: 10px;
  }

  .nav-collection-button {
    display: flex;
    flex-direction: column-reverse;
  }
  .nav-collection-button .recommended-sub-collection {
    margin-top: -10px;
  }
}

@media only screen and (min-width: 768px) {
  .recommended-sub-collection .custom-button {
    font-size: 12px;
    padding: 4px 14px;
  }
  .nav-collection-button {
    display: grid;
    grid-template-columns: 2fr 8fr;
    margin-top: 10px;
  }
  .nav-collection-button nav {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  .nav-collection-button .recommended-sub-collection {
    grid-column: 2 / -1;
  }
}

.multicolumn-image img {
  border-radius: unset;
}

.argoid-collection_products .argoid-metafield-card__wrapper img {
  width: 100%;
  height: auto;
}

.custom-cta .button-block {
  background-color: var(--cta-bg-color);
  border-radius: 4px;
}
.custom-cta .button-block a {
  color: var(--cta-color);
  white-space: nowrap;
}

.custom-cta .custom-image-banner {
  position: relative;
}
.custom-cta .custom-cta-button-wrapper {
  position: absolute;
}
.cta-buttons-block {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.custom-cta .slideshow__btn-wrapper.button-block {
  margin-right: 0;
}

.argoid-carousel__next-icon:not(.hide),
.argoid-carousel__prev-icon:not(.hide) {
  min-width: 16px;
}

.image-gallery-button .button_wrapper {
  opacity: 1;
}
.image-gallery-button .gallery__item-container .button_wrapper a {
  display: inline-block;
  padding: 5px 16px;
  border-radius: 4px;
  background-color: var(--button-color);
  width: min-content;
  white-space: nowrap;
  text-transform: uppercase;
}

.product__section-container.mm--product-section.special_offer_product
  .price__pricing-group,
.product__section-container.mm--product-section.special_offer_product
  .product__section--buttons,
.product__section-container.mm--product-section.special_offer_product
  .option_container,
.product__section-container.mm--product-section.special_offer_product
  .product__section--sku {
  display: none;
}
.product__section-container.mm--product-section.special_offer_product
  .product-image-gallery2.js-gallery-carousel {
  grid-template-columns: 1fr;
}

.collection
  .argoid-card__wrapper.hide_sold_option
  .product-card__size-btn-nostock {
  display: none;
}
.seo-accordion .accordion-container {
  padding: 10px 0;
  background: #eee;
  border-bottom: 2px solid white;
}
.seo-accordion summary {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-top: 10px;
}
.seo-accordion summary svg {
  transition: transform 0.3s ease;
}

.seo-accordion [open] svg {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.seo-accordion:empty {
  display: none;
}
.seo-accordion {
  margin-top: 30px;
}

.seo-accordion .marmeto-footer-seo_container {
  padding: 0 15px;
}

.seo-accordion details > summary {
  list-style: none;
}
.seo-accordion details > summary::-webkit-details-marker {
  display: none;
}

/* .fancybox__container .fancybox__backdrop {
  background: #ebeef0;
} */

.fancybox__toolbar__column.is-right {
  gap: 2px;
}

.fancybox__container .f-button {
  background: var(--button-color);
}
.fancybox__container .f-button {
  width: 40px;
  height: 40px;
}

.enquir-user-sumibt-success p {
  color: var(--success-msg-text);
}

.custom-rte .rte :is(h1, h2, h3, h4) {
  margin-bottom: 0;
}

.store-locator .form-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.store-locator form {
  max-width: 600px;
  width: 100%;
}

.store-locator form input {
  border-radius: 7px;
}
.store-locator form button {
  text-transform: uppercase;
  font-size: 18px;
  height: 40px;
}

.store-locator .section-title h2 {
  text-transform: uppercase;
}

@font-face {
  font-family: "triviaSlabRegular";
  src: url("https://cdn.shopify.com/s/files/1/0696/3504/7680/files/TriviaSlabRegular.woff?v=1721957197")
    format("woff2");
  font-display: swap;
  font-style: normal;
}

.custom-image-banner.custom-cta .button-block {
  text-align: center;
}
.store-google-form .section-locator,
.store-google-form .section-offer-form {
  padding: 30px 20px;
  border-radius: 8px;
}

.store-google-form .separator {
  margin: 20px 0;
}

@media only screen and (min-width: 768px) {
  .store-google-form .section-wrapper {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 30px;
  }
  .store-google-form .section-locator,
  .store-google-form .section-offer-form {
    padding: 30px 50px;
  }

  .section-locator .form-wrapper {
    margin-top: 48px;
  }
}
.store-google-form .section-locator,
.store-google-form .section-offer-form,
.store-google-form .separator {
  background-color: var(--bg-color);
}

.store-google-form .section-title {
  margin-bottom: 10px;
}

.section-offer-form #loader-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.section-offer-form .success-msg {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .store-google-form input {
    height: 40px;
  }
  .store-google-form form button {
    height: 32px;
  }
  .section-offer-form #loader-wrapper {
    width: 22px;
    height: 22px;
  }
}

.section-offer-form .success-msg.error {
  color: var(--error-color);
}
.section-offer-form .success-msg:not(.error) {
  color: var(--button-color);
}

.section-offer-form .sub-text {
  text-align: center;
}

.contributed-point .points {
  display: flex;
  gap: 10px;
}

.navigation__menuitem:hover > .megamenu,
.navigation__menuitem--active.navigation__menuitem > .megamenu {
  display: grid;
  justify-content: space-between;
  grid-template-columns: var(--grid-column);
  grid-template-rows: 1fr;
  height: 100%;
  min-height: 16rem;
  max-height: 400px;
  height: auto;
  gap: 30px;
}
.navigation__menuitem .image-gallery_container img {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
}
.image-gallery_container {
  display: flex;
  gap: 30px;
}

body.template-page-prebuzz {
  background-color: beige;
}

.page-prebuzz .shopify-section.sales-form {
  display: none;
}

dialog#dialog {
  position: fixed !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 500px;
  position: relative;
}
dialog#dialog button {
  position: absolute;
  right: 10px;
}

dialog::backdrop {
  backdrop-filter: blur(2px);
}



.shoppable-videos__heading {
  margin: 0;
}

.shoppable-videos__wrapper {
  width: calc((100% / 3) - 15px);
  margin-right: 15px;
}

@media (max-width: 768px) {
  .shoppable-videos__wrapper {
    width: 100%;
  }

   .template-product-pacho-sale .share_button.active+.product_social_icon_container {
    display: flex;
    margin-top: 35px;
    z-index: 10;
    right: 0rem;
}
   .template-product-pacho-sale .share_button{
    
}

  .template-product-pacho-sale
    .product__section-title.product-title:not(.mobile) {
    display: none;
  }
  .template-product-pacho-sale .product__section-title.product-title.mobile {
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 20px;
  }
}

.shoppable-video__item {
  width: 100%;
  position: relative;
  padding-bottom: 500px;
  height: 0;
  overflow: hidden;
}

.shoppable-video__item video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.announcement__bar-section {
  overflow: hidden;
}



marmeto-product-card .price.price--listing.price--on-sale * {
  font-size: 10px;
}
marmeto-product-card .product-card-atc-container {
  display: grid;
  grid-template-columns: calc(100% - 40px) 40px;
}
.wishlist-engine-button {
  padding: 0px !important;
}

.wishlist-engine {
  margin-bottom: 15px !important;
  align-self: center;
  justify-self: center;
}

.wishlist-engine svg {
  width: 22px;
  height: 22px;
}

@media only screen and (min-width: 768px) {
  .template-product-pacho-sale .product__section-title.product-title.mobile {
    display: none;
  }
}

.product-gallery-image {
  position: relative; /* Important to contain absolute children */
}

.shop-the-look-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
}

.shop-the-look-button {
  padding: 6px 10px;
  font-size: 14px;
  background: rgba(246, 244, 235, 0.9);
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .shop-the-look-button {
    font-size: 12px;
    padding: 5px 8px;
  }
}
 

.tabs-heading {
  min-height: 31px;
  border-bottom: 2px solid rgb(185, 183, 175);
  cursor: pointer;
}
.tabs-heading.is-active {
  border-color: black;
}

.tabs-heading h2 {
  font-size: 12px;
  display: flex;
  align-items: center;
  height: 31px;
  margin-bottom: 0;
  font-weight: 400;
  padding: 0 6px;
  text-align: center;
  justify-content: center;
}
product-tabs {
  margin-top: 20px;
  display: block;
}

.tabs-heading-wrapper {
  display: grid;
  grid-template-columns: repeat(var(--tab-count), 1fr);
  grid-template-rows: 1fr;
}

/* 
video gallery */

.product-gallery-video {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.product-gallery-video deferred-media {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  width: 100%;
  position: relative;
}

.product-gallery-video deferred-media > * {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  aspect-ratio: var(--aspect-ratio);
  width: 100%;
  height: auto;
  position: relative;
}

deferred-media .deferred-media__poster {
  z-index: 2;
  border: none;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}

deferred-media .deferred-media__poster-button {
  width: 60px;
  height: 60px;
  display: inline-block;
  background: transparent;
}

.product-gallery-video deferred-media picture {
  width: 100%;
  height: auto;
  z-index: 1;
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
}

deferred-media[loaded] .deferred-media__poster-button,
deferred-media[loaded] picture,
deferred-media[loaded] .box-ratio,
deferred-media[loaded] img,
deferred-media[loaded] .deferred-media__poster {
  display: none;
}
deferred-media[loaded] video {
  border-radius: 7px;
}
.product-gallery-video video:focus-visible {
  outline: none;
}
.product-gallery-video video {
  width: 100%;
  height: calc(100% + 1px);
  object-fit: cover;
  border: none;
  border-radius: 7px;
  margin: -1px;
}

#dialog custom-form.row {
  width: clamp(min(10%, 200px), 100%, 550px);
}

#alternate-logo img {
  max-height: 80px;
}
.tabs-heading-wrapper::-webkit-scrollbar,
#mobile-navigation .image-gallery_container::-webkit-scrollbar,
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.tabs-heading-wrapper,
#mobile-navigation .image-gallery_container,
.hide-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.js-accordion-mobile-nav {
  position: relative;
  --bg-color: white;
}

#mobile-navigation [data-parent] {
  position: absolute;
  inset: 0;
  top: 10px;
  width: 100%;
  transform: translate(100%);
  background-color: var(--bg-color);
  visibility: hidden;
  opacity: 0;
  will-change: tranform, opacity, z-index;
  transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);

  z-index: -4;
  min-height: 0px;
  max-height: unset;
}
.mobile-nav-wrapper {
  overflow-y: scroll;
  overflow-x: hidden;
}
.mobile-nav-wrapper:has([open]) {
  overflow: hidden;
}

#mobile-navigation [data-parent][open] {
  transform: translate(0);
  visibility: visible;
  opacity: 1;
  z-index: 1;
  overflow-y: auto;
  min-height: var(--item-height);
  transition: transform 0.25s cubic-bezier(0.104, 0.204, 0.492, 1),
    max-height 0s ease-out 0.5s;
}

#mobile-navigation [data-parent].grand-child-wrapper {
  top: var(--item-height);
  padding: 0;
  position: absolute;
}

#mobile-navigation [data-parent].grand-child-wrapper[open] {
  z-index: 99999;
}

#mobile-navigation .mobile-nav-wrapper {
  height: 100%;
}

.mobile-menu .slideout__trigger--close {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}
.mobile-menu .shop__logo {
  width: 60%;
  max-width: 250px;
}

.mobile-menu .js-accordion-link {
  font-size: 16px;
  text-transform: capitalize;
}
.mobile-menu {
  --border-color: #e6e6e6;
}
.child-subtitle svg,
.parent-subtitle svg {
  height: 16px;
  width: 8px;
  transform: rotate(180deg);
}
.child-subtitle span,
.parent-subtitle span {
  display: inline-block;
  width: calc(100% - 10px);
  text-align: center;
  text-transform: uppercase;
}
.slideout__trigger-mobile-menu.js-slideout-close,
#mobile-navigation .child-subtitle,
#mobile-navigation .parent-subtitle {
  display: grid;
  grid-template-columns: 10px 100%;
  align-items: center;
  background-color: #efefef;
  border-bottom: none;
  position: sticky;
  top: 0;
  z-index: 2;
}
.slideout__trigger-mobile-menu.js-slideout-close {
  background-color: white;
}
.slideout__trigger-mobile-menu.js-slideout-close::after,
.child-subtitle::after,
.parent-subtitle::after {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 2;
  background-color: transparent;
}

#mobile-navigation .child-subtitle::after {
  z-index: 4;
}
#mobile-navigation .grand-child-wrapper > ul {
  margin-bottom: 70px;
  padding: 0 30px;
}
#mobile-navigation .child-elements {
  height: 100%;
  overflow-y: auto;
}
#mobile-navigation .child-elements .child-title {
  width: min-content;
  white-space: nowrap;
}
#mobile-navigation .child-elements > ul {
  height: 100%;
  padding: 0 30px;
}

#mobile-navigation .child-elements[data-parent][open]:has([open]) {
  padding: 0;
  overflow-y: hidden;
}

#mobile-navigation .image-gallery_container {
  grid-auto-flow: column;
  display: grid;
  grid-auto-columns: var(--grid-width);
  scroll-snap-type: x mandatory;
  overflow: auto;
  gap: 10px;
  width: 100%;
}
#mobile-navigation .image-gallery_container a {
  scroll-snap-align: start;
}
#mobile-navigation .image-gallery_container img {
  height: auto;
  width: 100%;
}
#mobile-navigation .image-block {
  padding: 0;
  padding-top: 15px;
  border-bottom: none;
}
#mobile-navigation .media {
  margin-bottom: 0;
}

[data-parent] > ul {
  margin-bottom: 10px;
}
.mobile-menu-logo-link {
  display: inline-block;
}
#mobile-navigation .child-elements {
  padding: 0;
}
#mobile-navigation .child-elements > c-accordion-mobile-nav__inner {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 30px;
}

deferred-media video {
  outline: 2px solid white;
  outline-offset: -2px;
}
.preorder-container {
  margin: 25px 0;
}
.preorder-container .input-wrapper {
  display: flex;

  max-width: 350px;
}

.preorder-container input {
  margin-bottom: 0;
}

.preorder-container button {
  border: none;
  border-radius: unset;
  cursor: pointer;
  background: var(--button-color);
  color: white;
  padding: 0 20px;
  white-space: Nowrap;
  min-width: 120px;
}

.preorder-container .success-message {
  color: green;
}

.collection-pacho-preorder-button {
  text-align: center;
  align-content: center;
  border-radius: 7px;
  cursor: pointer;
}

.preorder-container .loaded-custom-spinner {
  display: inline-block;
}

.template-collection-pacho-sale a + .wishlist-engine {
  margin-bottom: 0 !important;
}

.template-collection-pacho-sale main {
  background: #e8d7cd;
}

.template-collection-pacho-sale #breadcrumb {
  margin: 0;
  padding: 20px;
}
.template-collection-pacho-sale .product-colour.options {
  overflow-x: unset !important;
}
.navigation--sticky .blue_strip,
.navigation--sticky .white_strip,
.navigation--sticky .red_strip {
  display: none;
}

@media only screen and (max-width: 768px) {
  .navigation--sticky .blue_strip {
    display: none;
  }
    .template-page-contact .answer-content_flex-item p {
      font-size:14px;
    }
}

.tabs-heading-wrapper {
  max-width: 100%;
  overflow: scroll;
}

marmeto-product-card .price.price--listing {
  margin-bottom: 8px;
}
.navigation--sticky.navigation {
  top: 0 !important;
}

.shopify-section + .shopify-section + .shopify-section #breadcrumb {
  margin-top: 0;
}

.track-order {
  padding: 10px 20px;
  background: var(--button-color);
  color: var(--button-text);
  border-radius: 7px;
  margin-right: 10px;
  line-height: normal;
  white-space: nowrap;
}
.st-toolbox-main,
#CollectionProductGrid #st-toolbox-main-wrapper {
  background-color: inherit !important;
}

.custom-atc-container:has(input[disabled]) {
  background-color: gray;
  opacity: 0.5;
  cursor: not-allowed;
}

.custom-atc-container:has(input[disabled]) input[type="submit"] {
  background-color: inherit;
  opacity: inherit;
  transition: none;
}


.h-wishlist-icon .wishlist-h-count {
    position: absolute !important;
    background: #13294b !important;
    font-size: 10px !important;
    border-radius: 100% !important;
    color: #fff !important;
    height: 20px !important;
    width: 20px !important;
    right: -14px !important;
    top: -10px !important;
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
    line-height: 0px !important;
    padding-left: 0px !important;
}

.template-customers-login  .login-img {
  display:none;
}

.tax-msg {
  font-size:11px;
}

.product-card #addToCart[disabled] {
  background: gray;
  border: none;
  color:white;
}

.template-page-contact .answer-content_flex-item a {
  height:unset;
}

.template-page-contact .answer-content_flex-item p {
  font-size:16px;
}

.template-page-contact .answer-content_flex-item  {
  margin-right:20px;
}

.template-page-faq   .c-accordion.c-accordion--custom-page .c-accordion__header {
   padding: 15px 10px;
 }

.consent-links-wrapper > a {
    pointer-events: none;
}

.flickity-prev-next-button  {
  cursor:pointer;
}
.verify-content ,
.input-box-content.mobile-no-inner input {
  font-size: 16px !important;
}
.jdgm-widget-actions-wrapper,
.jdgm-rev-widg__summary-text {
  display:none !important;
}


@media(min-width: 768px){
.collection__page-products.product-loop .product-index, .product-loop .product-index {
    overflow: hidden;
    box-shadow: 0px 4px 50px -5px rgba(32, 32, 32, 0.1);
    padding: 12px;
    border-radius: 8px;
  background: #fff;
}
  img.cart-icon-image-popup {
    position: absolute;
        right: 10px;
        bottom: 0;
        width: 26px;
        bottom: 10px;
        top: unset;
        height: 26px;
}
}

@media(max-width: 767px){
.collection__page-products.product-loop .product-index, .product-loop .product-index {
    overflow: hidden;
    box-shadow: 0px 4px 50px -5px rgba(32, 32, 32, 0.1);
    padding: 10px;
    border-radius: 8px;
}
  .collection__page-products.product-loop.cart-icon-image-popup {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 20px;
    width: 35px;
}
}

img.color-swatch_product_image {
    margin: 0;
}

    .collection__page-products-3 .wishlist-engine svg {
    width: 12px;
    height: 10px;
}
    .wishlist-engine {
    display: block;
    cursor: pointer;
    border-radius: 50%;
}

.primary-modal .modal-header{
  @media(max-width: 768px){
    display: block !important;
  }
  position: absolute;
  top: -70px;
  width: 100%; 
  text-align:center;
}

.primary-modal .modal-header .close {
    left: 40%;
    right: initial;
    border-radius: 100%;
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0 none;
}
 @media(max-width: 768px){
.primary-modal .modal-body-content{
    width:100%;
  }
}

@media screen and (min-width: 768px) {
   .single-banner, .collection-banner{
     display:none;
   }
}

  li.js-collection-swatch.selected-swatch.selected {
    border: 2px solid #13294C;
    border-radius: 6px;
}

.conf-section-main-inner .product-image{
    padding-bottom: 0;
    aspect-ratio: 0;
    width: 115px !important;
    height: 115px !important;
    border: 2px solid #13294C;
}

.conf-inner-main .product-price {
    font-size: 18px;
    color: #13294C;
    font-weight: 600;
    display: flex;
}
.size-color {
    display: flex;
    gap: 15px;
}
.conf-inner-main .product-size, .conf-inner-main .product-color  {
    font-weight: 700;
}
.bag-added-tick {
    display: flex;
  gap: 10px;
    justify-content: center;
    align-items: center;
}
.add-text-bag {
    text-transform: uppercase;
    font-size: 20px;
    color: #13294C;
}
.vb-button {
    background: #13294c;
    padding: 8px 16px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    max-width: 200px;
}
.dlp {
    font-size: var(--font-size);
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}
.dlp a {
    text-decoration: underline !important;
    color: #000000;
}
  .cart-confirmation {
    padding: 15px;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    margin: 10px 0;
    border-radius: 5px;
  }
  .cart-confirmation img {
    max-width: 100px;
    margin-bottom: 10px;
  }
  .cart-confirmation p {
    margin: 5px 0;
    font-size: 14px;
  }

.conf-section-main-inner {
        display: flex;
    align-items: center;
    gap: 20px;
}
.conf-inner-main {
    position: relative;
    width: 100%;
    line-height: 25px;
}
  .size-selector-container{
    display: flex !important;
    overflow-x: scroll !important;
    margin-bottom: 2px !important;
}
.size-selector-container::-webkit-scrollbar {
  width: 1em;
  height: 2px;
}
label.swatches__form--label {
    margin-bottom: 5px;
}
 
.size-selector-container::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
.size-selector-container::-webkit-scrollbar-thumb {
  background-color: darkgrey;
}
.pricing-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pricing-details-container.pricing-label {
    max-width: 160px;
    display: block;
}
.pricing-label-mrp {
    font-size: 16px;
    width: 160px;
    display: block;
}
.pricing-details-container.compare-at-price {
    font-size: 16px;
}
.princing-main-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pricing-label, .savings-percentage, .savings-amount {
    font-size: 16px;
    color: #E4312C;
}
.savings-percentage{
  margin-left: 3px;
}

.pricing-label-sp, .base-price {
    font-size: 16px;
    font-weight: 700;
}
.princing-main-head {
    font-size: 20px;
    text-transform: uppercase;
    color: #13294C;
    font-weight: 700;
}
.tick-wrap-all hr {
    margin-top: 0;
    margin-bottom: 20px !important;
}

  .cart-icon-image-popup {
    position: absolute;
    right: 0;
    top:unset;
}

/* Header - footer  changes */

.royalty-icon img{
  width: 18px;
    margin-top: 10px;
    height: 18px;
    max-width: 18px;
}

.footer-signup-main{
      display: flex;
  flex-direction: column;
    align-items: center;
    justify-content: center;
      margin-bottom: 30px;
}

.footer-signup-main #footer_signup{
margin-top:0px;
      width: 40%;
}

.footer-signup-main #footer_signup form{
      display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.footer-signup-main #footer_signup input#footer-subscribe{
  width:35%;
  margin-left: 0px;
  margin-bottom:0px;
  border: 0px;
    border-radius: 0px;
  height:50px;
}

.footer-signup-main #footer_signup input#footer-EMAIL{
      border-radius: 2px;
}

.footer-last-sec{
      background: #112544;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
   color:white;
}

 .footer-part-img{
        width: 20%;
    margin-top: 20px;
  }

input#footer-EMAIL{
  background: var(--footer-background);
  color:white;
  border: 0.5px solid white;
}

input#footer-EMAIL::placeholder{

  color:white;
}

.footer-downloads{
  display: flex;
    flex-direction: column;
}

.footer-downloads img{
  width:140px;
}

.footer-sect h3{
  text-transform:uppercase;
}

.wishlist-li-title, .account--title, .royalty-title{
      left: -20px;
}

.account--title{
  left:-22px;
}

.track-order-title{
   left: -16px;
}

.cart-title{
  left: -24px;
}

span.red_strip{
  border-top: 7px solid #B30938;
}

.navigation__menuitem .megamenu{
      box-shadow: 0px 4px 4px 0px #00000040;
}

header{
  background:#1D1D1D;
  
}

#announcement_bar-links a , #announcement_bar-links{
  color:white;
}

.cart_count{
  background:#13294b;
}

#footer-wrapper h3{
  font-size:11.89px;
  line-height:13.67px;
}

#footer-wrapper ul li a{
    font-size:12px;
}

.footer-last-sec{
  padding:15px;
}

.footer-last-sec .social-icons__list {
  display: flex;
    align-items: center;
    justify-content: space-around;
}

.social-icons__list li a {
    width: auto;
    height: 20px;
    line-height: inherit !important; 
}

  .footer-last-sec p{
   color: #DADADA;
    font-size: 12px;
    margin: 0px;
  }

#footer-wrapper h3{
  font-weight: 700;
}


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

  ul.shopping__cart-links{
    /* grid-gap: 15px; */
  }

      .template-customers-account {
        padding-top: 0px;
    }

  #footer-wrapper h3{
  font-size:14px;
  font-weight:400;
  text-transform: uppercase;
}

  .footer-signup-main {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
  .footer-downloads img{
  width:70%;
}

  .footer-sect h3{
  text-transform:inherit;
}

  .footer-signup-main #footer_signup {
    margin-top: 0;
    width: 100%;
    padding: 0px 20px;
}

  .footer-signup-main #footer_signup input#footer-subscribe {
    width: 40%;
}

  section.footer-block{
   border-top: 0.5px solid #DADADA;
  }
  
  .footer-last-sec{
    gap: 20px;
  }

  .footer-part-img{
        width: 50%;
    margin-top: 20px;
  }

  .footer-downloads-main{
    margin-top: 20px;
  }

   .footer-downloads-main h3{
        text-align: left;
  }

  .footer-downloads{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:10px;
    flex-direction: row;
     width: 90%;
     margin: auto 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 979px) {
    .customer-account_wrapper {
        flex-direction: row;
    }

  .template-customers-account .customer-account_wrapper {
    display: flex;
    padding: 30px 20px 30px 0 !important;
    position: relative;
}

  .template-customers-account .customer-account .sidebar {
    max-width: 300px;
}
}

.product-details-wrapper {
    display: flex;
    justify-content: space-between;
}

span.st-search-icon svg, .st-search-icon-mobile svg {
    margin-top: 0;
}

.ajax-cart__item-image__wrapper .wishlist-engine svg {
    width: 15px;
    height: 15px;
}
@media only screen and (max-width:768px) {

  .template-product-pacho-sale :not(.product__section--header) .product__section-title.product-title {
    display:block !important;
    margin-top: 0px !important;
  }
   .template-product-pacho-sale .product__section--header .product__section-title.product-title {
    margin-top: 0px !important;
  }
}

.order-discount.onsale.discount {
  color:green;
  font-size: 12px;
}


  .footer-downloads{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:10px;
    flex-direction: column;
     width: 40%;
     margin: auto 0 !important;
  }





@media only screen and (min-width: 769px) {
   .collection__page-product .product-info-inner .price--on-sale .price__sale, .collection__page-product .product-info-inner .price--on-sale .price-item {
        font-size: 14px !important;
    }

    .footer-downloads{
          width: fit-content;
       margin: auto 0 !important;
    }
    #footer-wrapper h3 {
      text-align: left !important;
  }
  .footer-downloads-inner{
    text-align: end !important;
  }
    
}

#footer-wrapper h3{
  font-size:13px;
  line-height:13.67px;
  text-align: center;
}
.footer-downloads-inner{
  text-align: -webkit-center;
}
#footer-wrapper ul li a{
    font-size:13px;
}






/* Homepage slideshow banners starts */


    .flickity_banner__section .flickity-page-dots .dot.is-selected{
    background: #212F5C !important;
    border: none !important ;
    }

.flickity_banner__section .flickity-page-dots .dot {
    border: none !important;
    margin: 0 5px;
}


.custom-section-dots {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.custom-section-dots .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ccc;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.custom-section-dots .dot.active {
  background-color: #212f5c;
}

.flickity_banner__section .dot {
    width: 5px;
    height: 5px;
    background: #003152;
    border-radius: 50%;
    margin: 5px 0;
    cursor: pointer;
    transition: background 0.3s;
}

.flickity_banner__section .dot.active {
    background: #001f5c;
    transform: scale(1.2);
    height: 20px;
    border-radius: 10px;
}

.flickity_banner__section .dot-text-display {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}


/* Active section name */
.flickity_banner__section .dot-text-display {
    font-size: 14px;
    font-weight: bold;
    color: black;
    margin-bottom: 10px;
}

/* Ensures the dots are aligned inside each section */
.flickity_banner__section {
    position: relative;
}

.flickity_banner__section .custom-section-dots {
    position: absolute;
    left: 30px;
    top: 60%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ffffff57;
    padding: 5px 0px;
    border-radius: 20px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}
.dot-text-display {
    transform: rotate(-90deg);
    font-size: 12px;
    font-weight: 700;
}

.flickity_banner__section img {
    border-radius: 0;
}
    .slideshow__slide-video {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden;
    }
    .slideshow__video {
      width: 100%;
      height: auto;
      object-fit: cover;
      display: none;
    }
    .slideshow__video-desktop {
      display: block;
    }
    .slideshow__video-mobile {
      display: none;
    }

    /* Responsive adjustments */
    @media screen and (max-width: 767px) {
      .flickity_banner__section .dot {
    width: 10px;
    height: 10px;
   }
      .flickity_banner__section .dot.active {
       height: 30px;
       }
      .slideshow__video-desktop {
        display: none !important;
      }
      .slideshow__video-mobile {
        display: block !important;
        width: 100%; /* Ensure mobile video is full width */
        height: auto;
      }
    }

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

      span.st-search-icon.desktop_searchIcn.st-icon-search {
        margin-top: -5px
        }

      .slideshow__video-desktop {
        display: block !important;
        width: 100%;
        height: auto;
      }
      .slideshow__video-mobile {
        display: none !important;
      }
    }

@media screen and (max-width: 769px) {
    .flickity_banner__section .slide--image_z8TWnW > a {
        display: block;
        width: 100%;
        padding-bottom: 0;
        position: absolute;
        top: 0;
        height: 100%;
    }
}

.flickity_banner__section .flickity-button.flickity-prev-next-button.next {
  border: none !important;
}

.flickity_banner__section .flickity-button.flickity-prev-next-button.previous {
border: none !important;
}
a.scrollupIndex {
    position: fixed;
    z-index: 99;
    bottom: 66px;
    right: 20px;
}

/* Homepage slideshow banners ends */


@media screen and (max-width: 768px) {
  /* .add-cart-quantity_container.df {
   left: 0;
        position: fixed;
        display: flex;
        bottom: -1px;
        padding: 10px;
        background: white;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        z-index: 9;
        flex-wrap: nowrap;

  } */
  
.add-cart-quantity_container.df {
  position: fixed;
  left: 0;
  bottom: -100px; /* Hide off screen */
  width: 100%;
  padding: 10px;
  background: white;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  justify-content: space-between;
  align-items: center;
  z-index: 9;
  flex-wrap: nowrap;
  display: flex;
  opacity: 0;
  transition: all 1s ease;
}

.add-cart-visible {
  bottom: 0 !important;  /* Slide up */
  opacity: 1 !important; /* Fade in */
}




  .custom-atc-container {
        width: 100%;
    min-width: 180px;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    background: #13294b;
    align-items: center;
    border-radius: 2.5px;
    padding: 0 60px;
  }

  .cstm_checkout_btn {
    left: 0;
    position: fixed;
    display: flex;
    bottom: -1px;
    padding: 10px;
    background: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    width: 100%;
}

.cstm_checkout_btn{
  display: block;
}

form.cstm_checkout_btn.edge.js-cart-form {
  width: 100%;
}

  }


 /* Wishlist Engine CSS Starts */

  .wishlist-header{
    display: none !important;
  }

  .wishlist-variant-picker {
    width: auto !important; /* Make it responsive */
    padding: 8px 12px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    appearance: none !important; /* Hide default dropdown styles */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
}

/* Dropdown arrow */
.wishlist-variant-picker {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="gray"><path d="M7 10l5 5 5-5H7z"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 16px !important;
    padding-right: 30px !important; /* Space for the arrow */
}

/* When select is focused */
.wishlist-variant-picker:focus {
    outline: none !important;
    border-color: #666 !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) !important;
}

/* Style the options */
.wishlist-variant-picker option {
    padding: 8px !important;
    font-size: 14px !important;
    background: #fff !important;
    color: #333 !important;
}

/* On hover */
.wishlist-variant-picker:hover {
    border-color: #999 !important;
}

.wh-pro-meta a, .wihslist-meta h3 a, .ws_gridmeta h4 a {
  font-family: var(--main-family) !important;
  font-size: 11px !important;
  letter-spacing: 0px !important;
  font-weight: 500 !important;
  margin-bottom: 10px !important;
}

.wihslist-meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.wishlist-heading {
  font-size: 26px !important;
  font-weight: 500 !important;
  font-family: var(--main-family) !important;
}

.sewp-header {
  background: #13294b !important;
}

button.wishlist-cart.wishlist-move-cart {
  width: 100% !important;
  max-width: 100% !important;
  background: var(--button-color) !important;
  color: var(--button-text) !important;
  font-family: var(--main-family) !important;
  font-weight: var(--main-weight) !important;
  font-style: var(--main-style) !important;
  font-size: var(--font-size) !important;
  letter-spacing: var(--main-spacing) !important;
  font-weight: normal !important;
  text-decoration: none !important;
  border: none !important;
  -webkit-transition: background 0.5sease, color 0.5sease !important;
  -moz-transition: background 0.5s ease, color 0.5s ease !important;
  -o-transition: background 0.5s ease, color 0.5s ease !important;
  transition: background 0.5sease, color 0.5sease !important;
  -webkit-appearance: none !important;
  display: inline-block !important;
  cursor: pointer !important;
  margin-bottom: 15px !important;
  line-height: normal !important;
  height: 40px !important;
}

 /* Wishlist Engine CSS Ends */

 @media (max-width: 640px) {
  .wh-pro-meta h3, .wihslist-meta h3 {
      font-size: 16px;
      line-height: 20px;
      overflow: hidden;
      text-overflow: ellipsis!important;
      -webkit-line-clamp: 1!important;
  }
}

 @media only screen and (max-width: 768px) {
  .ks-calculator-container, .ks-chart-container {
      width: 40% !important;
  }
  .btn.ks-chart-modal-button, span.ks-chart-modal-link {
    margin-top: 0px !important;
}
}

/* .option_size_container .option_sizes {
  display: none !important;
} */


@media screen and (min-width: 768px) {
.recently-viewed-products .price-item--discount-percentage {
  bottom: 190px !important;
} 
}
@media screen and (max-width: 768px) {
.recently-viewed-products .price-item--discount-percentage {
  bottom: 160px !important;
} 
} 

.ajax-cart__item-image__wrapper.custom-freebie-cart {
  max-width: 100px !important;
}

/* Loader Styles */
.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}

.loader-spinner {
  width: 30px;
  height: 30px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top: 3px solid #000;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* Variant loader inside cart item */
.variant-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Cart loader */
.cart-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Spinner animation */
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.cart__drawer--offers_container{
  padding: 10px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  margin: 15px 0;
}

.cart_cstm_row {
  margin-bottom: 10px;
}





.size_chart_swatch_wrapper {
    display: flex
;
    width: 100%;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

span.ks-chart-modal-link.sizing-chart-modal-link.with-icon {
    display: flex;
    align-content: space-between;
    justify-content: center;
    align-items: stretch;
}

.ks-chart-modal-button>span.with-icon .kiwi-svg, .ks-chart-modal-link.with-icon .kiwi-svg {
    width: 70px !important;
    height: 20px !important;
}

.ks-calculator-modal-button>span.with-icon .kiwi-svg, .ks-calculator-modal-link.with-icon .kiwi-svg, .ks-chart-float-button>span.with-icon .kiwi-svg, .ks-chart-modal-button>span.with-icon .kiwi-svg, .ks-chart-modal-link.with-icon .kiwi-svg {
    position: relative !important;
    top: 6px !important;
}

@media(max-width: 767px)
{
  span.ks-chart-modal-link.sizing-chart-modal-link.with-icon {
    justify-content: end;
  }
}

.template-customers-account input#ifsc {
    margin-bottom: 0px;
}

   /* 🚫 Hide popup section on login page */
    .template-customers-login #promo-popups {
      display: none !important;
    }

    .template-customers-login #promo-popups,
.template-customers-register #promo-popups,
.template-customers-account #promo-popups {
  display: none !important;
}


.template-customers-account input#ifsc {
    margin-bottom: 0px;
}