/** Shopify CDN: Minification failed

Line 285:0 Comments in CSS use "/* ... */" instead of "//"
Line 365:31 Unexpected "{"
Line 365:40 Expected ":"
Line 369:32 Unexpected "{"
Line 369:41 Expected ":"
Line 374:28 Unexpected "{"
Line 374:37 Expected ":"
Line 388:28 Unexpected "{"
Line 388:37 Expected ":"
Line 396:28 Unexpected "{"
... and 1 more hidden warnings

**/
/* ======================== BASE ======================== */

.hero-one .banner__heading {
  all: unset;
  display: block;
  font-size: inherit;
  line-height: inherit;
}

.hero-one h2.banner__heading.inline-richtext {
    width: 76%;
}

.hero-one .banner__text.rte {
  width: 32%;
}

.hero-one h2.banner__heading {
    font-size: 32px;
    width: 66%;
}

.hero-one .banner__text.rte p {
    font-size: 18px;
    line-height: 1.4;
}

.hero-one .slideshow__text.slideshow__text--left {
  gap: 29px;
}

.hero-one a.button.button--primary {
    background: #d9152e;
    color: #fff;
    border-radius: 33px;
    padding: 10px 63px;
    font-size: 18px;
    font-weight: 700;
    opacity: 1;
}

.hero-one a.button.button--primary::after {
  box-shadow: unset;
}

.hero-one .slideshow__text.banner__box {
    padding-bottom: 102px;
    max-width: 60%;
}


/* ======================== 1024px ======================== */

@media(min-width:1440px){
  .hero-one h2.banner__heading.inline-richtext {
    width: 100%;
    font-size: 54px;
  }
  .hero-one .banner__text.rte p {
    font-size: 28px;
    line-height: 1.4;
}
.hero-one a.button.button--primary {
    padding: 10px 133px;
    font-size: 28px;
}
.hero-one .slideshow__text.slideshow__text--left {
    gap: 64px;
}
}

@media(max-width:1440px) and (min-width:1024px){
  .hero-one h2.banner__heading.inline-richtext {
    width: 75%;
    font-size:35px;
}
.hero-one .banner__text.rte p {
    font-size: 25px;
    line-height: 1.4;
}
.hero-one a.button.button--primary {
    padding: 10px 93px;
}
}
@media (max-width:1024px){

.hero-one h2.banner__heading.inline-richtext {
    width: 60%;
    font-size: 30px;
}

 
.hero-one .banner__text.rte p {
    font-size: 20px;
    line-height: 1.4;
    width: 80%;
}

  .hero-one a.button.button--primary {
    padding: 10px 39px;
    font-size: 16px;
  }

  .hero-one .slideshow__text.banner__box {
    padding-bottom: 42px;
  }

  .hero-one .slideshow__text.slideshow__text--left {
    gap: 27px;
  }
}


/* ======================== 748px ======================== */

@media (max-width:749px){

  .hero-one h2.banner__heading.inline-richtext {
      width: 95%;
  }

 .slideshow__text.banner__box {
    position: absolute;
    top: 50px;
}
 .hero-one h2.banner__heading.inline-richtext {
    width: 95%;
    font-size: 44px;
}

  .hero-one .banner__text.rte {
    width: 68%;
    padding: 0 90px;
  }

  .hero-one .banner__text.rte p {
   font-size: 27px;
    margin: auto;
  }

 .hero-one a.button.button--primary {
    padding: 10px 83px;
    font-size: 20px;
}

  .hero-one .slideshow__text.slideshow__text--left {
    gap: 27px;
  }

  .hero-one .banner--mobile-bottom .slideshow__text.banner__box {
    height: 100%;
    position: absolute;
    bottom: 653px;
    background: transparent;
  }
}


/* ======================== 600px ======================== */

@media(max-width:600px){

  .hero-one h2.banner__heading.inline-richtext {
    width: 95%;
    font-size: 26px;
}

  .hero-one .banner__text.rte {
    width: 80%;
    padding: 0 90px;
  }

 .hero-one .banner__text.rte p {
    font-size: 16px;
}

  .hero-one .slideshow__text.slideshow__text--left {
    gap: 18px;
  }

  .hero-one .banner__box {
    top: 20px;
  }
}


/* ======================== 430px ======================== */

@media(max-width:430px){

.hero-one h2.banner__heading.inline-richtext {
    width: 95%;
    font-size: 21px;
}
  .hero-one .banner__text.rte {
    padding: 0 90px;
  }

 .hero-one .banner__text.rte p {
    font-size: 12px;
}
  .hero-one a.button.button--primary {
    padding: 0 43px;
    font-size: 10px;
  }

  .hero-one .slideshow__text.slideshow__text--left {
    gap: 7px;
  }

  .hero-one .banner__box {
    top: 20px;
  }

  .banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box {
    background: transparent;
    padding: 10px;
  }
}


/* ======================== 320px ======================== */

@media(max-width:320px){

 .hero-one h2.banner__heading {
    font-size: 16px;
 }

  .hero-one .banner__text.rte {
    width: 90%;
    padding: 0 67px;
  }

 .hero-one .banner__text.rte p {
    font-size: 11px;
}
  .hero-one a.button.button--primary {
    padding: 0 38px;
    font-size: 10px;
    min-height: 26px;
  }

  .hero-one .slideshow__text.slideshow__text--left {
    gap: 7px;
  }

  .hero-one .banner__box {
    top: 10px;
  }
}


.hero-two.slideshow__text-wrapper.banner--desktop-transparent.hero-two {
    padding: unset;
}

.hero-two a.button {
  opacity: 1;
}

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

   .hero-two .slideshow__text.slideshow__text--right {
        max-width: 100%;
        padding: 5rem;
    }
}

///////////////////////////blog///////////////////////////////
/* Responsive grid for slider using classes */
.blog-custom .slider .articles-wrapper {
  display: grid;
  gap: 20px;
}

@media screen and (min-width: 1440px) {
  .blog-custom  .slider .articles-wrapper {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .blog-custom  .slider .articles-wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .blog-custom .slider .articles-wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media screen and (max-width: 767px) and (min-width: 600px) {
  .blog-custom .slider .articles-wrapper {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

@media screen and (max-width: 599px) {
  .blog-custom .slider .articles-wrapper {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.blog-custom  .card__inner.color-background-1.gradient.ratio {
    --ratio-percent: 675px !important;
}
@media (max-width:768px){
  .blog-custom  .card__inner.color-background-1.gradient.ratio {
    --ratio-percent: 578px !important;
}
}
.blog-custom .card .card__inner .card__media {
    overflow: hidden;
    z-index: 0;
  border-radius: unset; 
}
.blog-custom .slider-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 50%;
    z-index: 10;
    /* justify-content: space-between; */
    width: 100%;
    justify-content: space-between;
    /* color: white; */
}
.blog-custom svg.icon.icon-caret path{
    stroke: white !important;
}
.blog-custom  button.slider-button{
    background: #1f1f25;
}
.blog-custom .blog__title {
    margin: auto;
}
/* .blog-custom .slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {
    display: flex !important;
    position: absolute;
} */

.box__image:hover{
 transform: scale(1.1);
    transition: 0.3s ease-out;
}
   .test-slider .lumin-slide--{{ section.id }} .lumin-slide__image__wrapper svg {
        width: 100% !important;
    height: 200px !important;
   }
    .test-slider .lumin-slide--{{ section.id }}  .lumin-slide__item img {
    width: 100%;
    object-fit: cover !important;
    max-height: 200px;
}
.test-slider .lumin-slide--{{ section.id }}   .lumin-slide__inner-content
 {
    gap: 0px !important;
}
.test-slider .flickity-prev-next-button {
    top: 50%;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    transform: translateY(-50%);
}
.test-slider {
max-width: 1150px !important;
}
.test-slider .lumin-slide--{{ section.id }}  .lumin-slide__text p {
    font-size: 14px;
    text-align: center;
}
.test-slider .lumin-slide__inner-content {
    gap: 0px !important;
    height: 411px;
}
.test-slider .lumin-slide--{{ section.id }} .lumin-slide__text-wrapper {
    padding: 0px 0px 0px 0px !important;
}
/* .test-slider  ol.flickity-page-dots {
    display: none;
} */
 .test-slider .star.empty img
{
    width: 21px;
}
@media (max-width:1024px){
.star-rating {
    display: flex;
    justify-content: center;
    background: #ffffff;
    padding: 12px;
    align-items: center;
    border-radius: 9px;
    width: 89% !important;
    margin: auto;
    box-shadow: 0px 0px 5px 0.5px grey;
    transform: translateY(-16px);
}
.test-slider .star.empty img {
    width: 19px;
}
}
@media (max-width:768px){
.test-slider .star-rating {
    width: 90%;
}
.test-slider .star.empty img {
    width: 16px;
}
}
@media (max-width:600px){
.test-slider .star-rating {
    display: flex;
    background: #ffffff;
    border-radius: 9px;
    width: max-content !important;
    margin: auto;
    box-shadow: 0px 0px 5px 0.5px grey;
    transform: translateY(-16px);
}
.test-slider .star.empty img {
    width: 16px;
}
.test-slider button.flickity-button.flickity-prev-next-button.previous {
    display: none;
}
.test-slider button.flickity-button.flickity-prev-next-button.next {
    display: none;
}
}
.email-custom 
.newsletter--horizontal {
  background: transparent;
}
.email-custom .newsletter__wrapper {
  background: transparent;
}
.email-custom .newsletter-form {
  max-width: 100%;
  margin: auto;
}
.email-custom .newsletter__wrapper .newsletter-form__field-wrapper {
  max-width: 100%;
}
.email-custom button#Subscribe {
  width: 16.4rem;
  background: #D8162D;
}
.newsletter__wrapper {
  padding-left: 15px;
  padding-right: 15px;
}
.email-custom .newsletter-form__field-wrapper .field {
    height: 53px;
}
.email-custom .field__input:focus {
    height: 53px;
    background: white;
    border: none;
    box-shadow: unset;
}
.email-custom label.field__label {
    top: 15px;
    left: 26px;
    font-size: 17px;
}
.email-custom span.svg-wrapper {
  color: white;
  font-size: 19px;
}
.email-custom .newsletter-form__field-wrapper .field__input:focus  {
    padding-right: 5rem;
    color: black;
}
.footer-custom
 .list-social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.footer-custom li.list-social__item {
    border: 1px solid #fff4f5;
}
.footer-custom .icon path {
    fill:rgb(255, 255, 255);
}
.footer-custom .svg-wrapper {
    width: 31px !important; 
    height: 26px !important;
}
.footer-custom .list-social__item .icon {
    height: auto;
    width: 11.2rem !important;
}
.footer-custom li.list-social__item:hover {
    transform: translatey(-10px);
     transition: all 0.3s ease;
}
div#Quantity-Form-template--27278290354501__main {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap:10px;
}
label.quantity__label.form__label {
    display: none;
}