.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:10px}.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,.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.01)}@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-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-background-1);width:100%;height:100%;z-index:2;position:absolute;content:"";opacity:0;transition:all .3s linear}.main-grid:hover .grid-banner.overlay_style .grid-banner-image:before{opacity:.2;z-index:2}.custom-masonry-banner .grid-banner-content .grid-banner-inner .main-title{margin:0 0 10px;font-size:4rem;font-weight:600}.custom-masonry-banner .grid-banner-content .grid-banner-inner a.link{text-decoration:none;position:relative;text-transform:uppercase;letter-spacing:2px;line-height:normal;font-weight:500}.custom-masonry-banner .grid-banner-content .grid-banner-inner a.link:after{content:"";position:absolute;left:0;top:auto;bottom:0;width:100%;height:1px;background:currentcolor;transform:scale(1);transform-origin:0% 50%;transition:transform .48s cubic-bezier(.77,0,.175,1)}.custom-masonry-banner .grid-banner-content .grid-banner-inner a.link:hover:after{transform-origin:100% 50%;transform:scaleX(0);animation:c1 .96s .36s forwards cubic-bezier(.77,0,.175,1);-webkit-animation:c1 .96s .36s forwards cubic-bezier(.77,0,.175,1)}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content{z-index:2}@media (max-width: 1199px) and (min-width:990px){.custom-masonry-banner .grid-banner-section.masonry-grid-banner .additional-grids{grid-template-columns:repeat(2,1fr)}.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}.custom-masonry-banner .grid-banner-content .grid-banner-inner .main-title{font-size:24px}}.demo4-masonry .grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content{padding:10px 50px;background:var(--gradient-background);border-radius:var(--buttons-radius) var(--buttons-radius) 0 0}.demo4-masonry .grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content h4.main-title{font-size:calc(var(--font-heading-scale) * 1.4rem);transition:.5s ease;font-weight:500;letter-spacing:2.6px;line-height:19px}.demo4-masonry .grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content h4.main-title a{color:var(--color-foreground);transition:all var(--duration-default) linear}.demo4-masonry .grid-banner-section.masonry-grid-banner .grid-banner.overlay_style:hover .grid-banner-content h4.main-title a{color:var(--gradient-base-accent-2)}.demo4-masonry .grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner{padding:0}.demo4-masonry .additional-grids .grid-banner.overlay_style.overlay-1:hover .grid-banner-block-image:before{display:none}.demo4-masonry .main-grid .grid-banner.overlay_style .grid-banner-image:before{display:none}.demo4-masonry .grid-banner.overlay_style{position:relative}.demo4-masonry .grid-banner.overlay_style .grid-banner-block-image,.demo4-masonry .grid-banner.overlay_style .grid-banner-image{overflow:hidden}.demo4-masonry .grid-banner.overlay_style .grid-banner-block-image img,.demo4-masonry .grid-banner.overlay_style .grid-banner-image img{transition:all var(--duration-long) linear}@media (max-width: 1199px) and (min-width:991px){.demo4-masonry .grid-banner-section.masonry-grid-banner .main-grid,.demo4-masonry .grid-banner-section.masonry-grid-banner .additional-grids.style-3 .grid-banner:first-child{width:65vw!important;height:50vw;margin:auto}}@media (max-width: 990px) and (min-width:750px){.demo4-masonry .grid-banner-section.masonry-grid-banner .main-grid,.demo4-masonry .grid-banner-section.masonry-grid-banner .additional-grids.style-3 .grid-banner:first-child{margin:auto}}.demo6-masonry .grid-banner-inner h4.main-title a{color:var(--gradient-base-accent-1);line-height:58px;font-weight:600;font-size:4rem}.demo6-masonry .grid-banner-inner{max-width:450px;padding:0}.demo6-masonry .grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner{padding:0}.demo6-masonry .grid-banner-inner p.description{line-height:23px;margin:2rem 0 4rem}.demo6-masonry .grid-banner-content .grid-banner-inner a.link{text-decoration:none;position:relative;text-transform:uppercase;letter-spacing:2px;line-height:normal}.demo6-masonry .grid-banner-content .grid-banner-inner a.link:after{content:"";position:absolute;left:0;top:auto;bottom:0;width:100%;height:1px;background:currentcolor;transform:scale(1);transform-origin:0% 50%;transition:transform .48s cubic-bezier(.77,0,.175,1)}.demo6-masonry .grid-banner-content .grid-banner-inner a.link:hover:after{transform-origin:100% 50%;transform:scaleX(0);animation:c1 .96s .36s forwards cubic-bezier(.77,0,.175,1);-webkit-animation:c1 .96s .36s forwards cubic-bezier(.77,0,.175,1)}.demo6-masonry .grid-banner-section.masonry-grid-banner .additional-grids .grid-banner-inner p.description{line-height:23px;margin:1rem 0 2rem}@media (max-width: 576px){.demo6-masonry .grid-banner-content .grid-banner-inner .main-title,.demo6-masonry .grid-banner-content .grid-banner-inner .main-title a{font-size:24px}.demo6-masonry .grid-banner-inner p.description{margin:1rem 0 3rem}.demo6-masonry .grid-banner-section.masonry-grid-banner .additional-grids .grid-banner-inner p.description{margin:0rem 0 1rem}}.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.01)}.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 .main-grid{overflow:hidden}.demo4-masonry .grid-banner.overlay_style .grid-banner-image img,.demo4-masonry .grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image img{transform-origin:top;transition:.6s ease-in-out;transform:scale(1.04)}.demo4-masonry .grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style:hover .grid-banner-block-image img,.demo4-masonry .grid-banner.overlay_style:hover .grid-banner-image img{transform-origin:bottom}.demo4-masonry .grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content{transition:all .3s linear}.demo4-masonry .grid-banner-section.masonry-grid-banner .grid-banner.overlay_style:hover .grid-banner-content{transform:translateY(-20px);box-shadow:0 0 20px #00000026}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-masonry-banner.css.map */