/** Shopify CDN: Minification failed

Line 201:1 Expected "}" to go with "{"

**/
.grid-banner-section.masonry-grid-banner{
  display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: inherit;
    flex-flow: inherit;
    justify-content: space-between;
}

.grid-banner-section.masonry-grid-banner .additional-grids{display:grid; gap:var(--grid-desktop-horizontal-spacing);}
.main-grid .grid-banner { height: 100%;}
.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner{padding:20px;}
.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style .grid-banner-image img,
.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style .grid-banner-image{ height: 100%;width:100%;border-radius: var(--buttons-radius);overflow: hidden;}
.main-grid .grid-banner.overlay_style, .additional-grids .grid-banner.overlay_style{position:relative;height:100%}
.main-grid .grid-banner.overlay_style .grid-banner-image{position:relative;}
.additional-grids .grid-banner.overlay_style .grid-banner-block-image{position:relative;}

.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image,
.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image img{ height: 100%;width:100%;border-radius: var(--buttons-radius);overflow: hidden;}

.main-grid .grid-banner.overlay_style .grid-banner-content,
.additional-grids .grid-banner.overlay_style .grid-banner-content {position: absolute;padding:50px;}
.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style:hover .grid-banner-image img{ transform-origin: left; }
.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style .grid-banner-image  img{ transform-origin: right;
    transition: .6s ease-in-out;
    transform: scale(1.04);}


.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style:hover .grid-banner-image svg{ transform-origin: left; }
.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style .grid-banner-image  svg{ transform-origin: right;
    transition: .6s ease-in-out;
    transform: scale(1.04);}



.placeholder-image{     position: relative;
    height: 100%; }
.placeholder-image:before{     content: '';
    width: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(var(--color-foreground), .5);
    height: 100%; }
.masonry-banner .grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner a.button.primary-button{ min-height:5rem; }

@media(min-width:750px) {

  .grid-banner-section.masonry-grid-banner .additional-grids.two-items.default,
  .grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-5,
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items,
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-3,
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-banner-section.masonry-grid-banner .additional-grids[class*="style-"] .grid-banner:only-child { grid-column: 1 / 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-2 .grid-banner.grid-style:first-child { grid-row-end: 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-2 .grid-banner:first-child { grid-column: 1 / 3; grid-row-start: 1; }
  .grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-3 .grid-banner:first-child { grid-column: 1 / 3; grid-row-start: 2; }
  .grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-4 .grid-banner:first-child { grid-row: 1 / 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-4 .grid-banner:first-child { grid-row: 1 / 3; grid-column-start: 2; }
  .grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-5 .grid-banner:first-child { grid-row: 1 / 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-3 .grid-banner:first-child { grid-row: 1 / 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-3 .grid-banner:last-child { grid-column: 1 / 3; grid-row-start: 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-4 .grid-banner:first-child { grid-row: 1 / 4; }
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-5 .grid-banner:first-child { grid-row: 1 / 4; grid-column-start: 2; }
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-6 { grid-template-columns: auto; }
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-6 .grid-banner:first-child { grid-column: 1 / 4; }
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-7 .grid-banner:first-child { grid-row: 1 / 3; grid-column-start: 2; }
  .grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-7 .grid-banner:last-child { grid-column: 1 / 3; grid-row-start: 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-9,
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-10 { grid-template-columns: repeat(3, 1fr); }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-2 .grid-banner:first-child { grid-column: 1 / 3; grid-row-start: 2; }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-3 .grid-banner:first-child { grid-row: 1 / 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-4 .grid-banner:first-child { grid-row: 1 / 5; }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-5 .grid-banner:first-child { grid-column: 1 / 5; }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-6 .grid-banner:first-child { grid-column: 1 / 5; grid-row-start: 2; }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-7 .grid-banner:first-child { grid-column: 1 / 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-8 .grid-banner:first-child,
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-9 .grid-banner:first-child { grid-column-start: 2; grid-row: 1 / 3; }
  .grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-10 .grid-banner:first-child { grid-column-start: 1;	grid-row: 1 / 3; }


}
 .grid-banner-section.masonry-grid-banner  .grid-banner-content .grid-banner-inner.left { text-align: left;}
 .grid-banner-section.masonry-grid-banner  .grid-banner-content .grid-banner-inner.center { text-align: center;}
.custom-masonry-banner .grid-banner-content .grid-banner-inner a.link:hover{ color:var(--gradient-base-accent-2)}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.center{ top: 0; left: 0; right: 0; bottom: 0; width: fit-content; height: fit-content; margin: auto;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.center-left{ top: 0; left: 0; bottom: 0; width: fit-content; height: fit-content; margin: auto;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.center-right{ top: 0; right: 0; bottom: 0; width: fit-content; height: fit-content; margin: auto;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.top-left{top: 0; left: 0; width: fit-content; height: fit-content; margin: auto;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.top-center{top: 0; left: 0; right: 0;  width: fit-content; height: fit-content; margin: auto;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.top-right {top: 0; right: 0; width: fit-content; height: fit-content; margin: auto;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.bottom-left{ left: 0; bottom: 0; width: fit-content; height: fit-content; margin: auto;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.bottom-center{ left: 0; right: 0; bottom: 0; width: fit-content; height: fit-content; margin: auto;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.bottom-right{ right: 0; bottom: 0; width: fit-content; height: fit-content; margin: auto;}

.main-grid .grid-banner.overlay_style .grid-banner-image:before{ background:var(--gradient-base-accent-3); width: 100%; height: 100%; z-index: 2; position: absolute; content: ""; opacity:0; transition:all 0.3s linear;}
.main-grid:hover .grid-banner.overlay_style .grid-banner-image:before{  opacity:0.2; z-index:2;}

.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner .sub-title,
.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner .main-title,
.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner .description{margin:0;}
.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner > *:not(:last-child) { margin: 0 0 10px;}
.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content{ z-index:2;}
@media (max-width: 1199px) and (min-width:990px){
 
 .main-grid .grid-banner.overlay_style .grid-banner-content, .additional-grids .grid-banner.overlay_style .grid-banner-content{padding:35px;}  
}
@media (max-width: 576px){
  .main-grid .grid-banner.overlay_style .grid-banner-content, .additional-grids .grid-banner.overlay_style .grid-banner-content{padding:20px;}  

}

.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image svg{ transform-origin: right;
    transition: .6s ease-in-out;
    transform: scale(1.04);}
.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image img{ transform-origin: right;
    transition: .6s ease-in-out;
    transform: scale(1.04);}
.grid-banner-section.masonry-grid-banner .additional-grids{overflow:hidden;}
.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image:hover img{ transform-origin: left;}
.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image:hover svg{ transform-origin: left;}
.grid-banner-section.masonry-grid-banner .main-grid {overflow:hidden; }

/*home-1-masonry*/
  .home-1-masonry .grid-banner-section.masonry-grid-banner .grid-banner.overlay_style{display: flex;}
  .home-1-masonry :is(.additional-grids.four-items.style-2) .grid-banner.overlay_style>.grid-banner-block-image.hidden+.grid-banner-content { padding: 30px 0;}
  .home-1-masonry :is(.additional-grids.four-items.style-2) .grid-banner.overlay_style>.grid-banner-block-image:not(.hidden)+.grid-banner-content { padding: 10px;}
  .home-1-masonry .main-grid .grid-banner.overlay_style .grid-banner-content { padding: 10px;}
  .home-1-masonry :is(.additional-grids.four-items.style-2) :where(.sub-title) { font-size: 1.2rem; line-height: normal;letter-spacing: 3px; text-transform: uppercase; margin-bottom: 2rem!important;}
  .home-1-masonry :is(.additional-grids.four-items.style-2) :where(.main-title) {font-weight: 500; font-size: 4rem;line-height: normal;}
  @media screen and (min-width: 576px){
    .home-1-masonry :is(.additional-grids.four-items.style-2) .grid-banner.overlay_style.overlay-1{grid-row: 1/2;}
    .home-1-masonry :is(.additional-grids.four-items.style-2) .grid-banner.overlay_style.overlay-2{grid-row: 1/2;}
    .home-1-masonry :is(.additional-grids.four-items.style-2) .grid-banner.overlay_style.overlay-3{grid-row: 2/3;}
    .home-1-masonry :is(.additional-grids.four-items.style-2) .grid-banner.overlay_style.overlay-4{grid-row: 2/3;}
  } 
  @media screen and (max-width: 1439px){
    .home-1-masonry :is(.additional-grids.four-items.style-2) .grid-banner.overlay_style>.grid-banner-block-image:not(.hidden)+.grid-banner-content>.grid-banner-inner { padding: 5px;}
    .home-1-masonry .main-grid .grid-banner.overlay_style .grid-banner-content>.grid-banner-inner { padding: 5px;}
  }
  /* @media screen and (max-width: 989px){
    .home-1-masonry :is(.main-grid, .additional-grids) { width: 100%!important; height: auto!important;} 
  } */
  @media screen and (max-width: 749px){
    .home-1-masonry :is(.main-grid, .additional-grids) { width: 100%!important; height: auto!important;} 
    .home-1-masonry :is(.main-grid) { order: 2; max-height: 100vh;}
  }

.shopify-section.reveal  .home-1-masonry :is(.additional-grids.four-items.style-2) :where(.sub-title){     animation: fadeInUp var(--anim-time) ease both .2s; }
.shopify-section.reveal  .grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner :where(.main-title), .shopify-section.reveal  .grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner :where(.description){   animation: fadeInUp var(--anim-time) ease both .2s; }
.home-1-masonry .grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner .description{ font-size:12px; margin-top:3.5rem; }



/*custom class*/
.masonry-banner.custom-masnory-banner .grid-banner-content .grid-banner-inner h2.main-title{
  width: 100%; max-width: 480px; font-size: calc(25px + (21 - 8) * (100vw - 400px) / (800 - 400)); text-transform: capitalize;
}
.masonry-banner.custom-masnory-banner .additional-grids .grid-banner-content .grid-banner-inner h4.main-title{
  font-size: calc(20px + (22 - 16) * (90vw - 400px) / (800 - 400));
}

.masonry-banner.custom-masnory-banner .grid-banner-content .grid-banner-inner a.button {
    transition: all var(--duration-default) linear;
    padding: 4px 45px;
    transition: all var(--duration-default) linear;
    background: rgba(var(--color-base-background-1),1);
    color: var(--gradient-base-accent-1);
}
.masonry-banner.custom-masnory-banner .grid-banner-content .grid-banner-inner a.button:hover{
  background-color: rgba(var(--color-hover-button),var(--alpha-button-background));
  color: var(--gradient-base-background-1);
}
.masonry-banner.custom-masnory-banner .grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner>*:not(:last-child){
  margin: 0 0 30px; font-weight: 700;
}
  @media screen and (max-width: 989px){
    .masonry-banner .grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner a.button.primary-button{ padding:4px 26px;}
.home-1-masonry :is(.additional-grids.four-items.style-2) :where(.main-title){ font-size:3rem; } }
.masonry-banner .grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner a.button.primary-button:hover{ background-color:var(--gradient-base-accent-1);  color:var(--gradient-base-background-1);}
.masonry-banner .grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner a.button.primary-button{ background-color:var(--gradient-base-background-1); color:var(--gradient-base-accent-1);}
  @media screen and (max-width: 575px){
.home-1-masonry .grid-banner-section.masonry-grid-banner .additional-grids .grid-banner:first-child{     background-color: #452A51 !important;
.home-1-masonry :is(.additional-grids.four-items.style-2) .grid-banner.overlay_style>.grid-banner-block-image.hidden+.grid-banner-content{ position:relative;}
/* .masonry-banner .grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner a.button.primary-button{ padding:4px 30px;} */
/* .home-1-masonry .grid-banner-section.masonry-grid-banner .additional-grids .grid-banner:first-child .grid-banner-content .grid-banner-inner:after{ content: '';
    width: 86px;
    height: 3px;
    position: absolute;
    bottom: 20px;
    left: 50%;
   transform: translate(-50%, -50%); 
   background-color:var(--gradient-base-accent-1);
} */