.custom_hero_section .container.page-width{max-width:calc(100% - 100px);margin:0 auto}.custom_hero_section .custom_hero_inner{position:relative;width:100%}.hero_with_thumbnails .images_wrapper img.main-image{display:none;opacity:0;transition:opacity .5s;width:100%;object-fit:cover}.hero_with_thumbnails .images_wrapper img.main-image.active{display:block;opacity:1}.thumbnails_wrapper{display:grid;grid-template-columns:repeat(3,1fr);max-width:1120px;gap:4.5vw;margin:0 auto;position:relative}.thumbnails_wrapper img{max-width:100%}.thumbnails_wrapper .thumbnail_item .title{margin:0}.thumbnails_wrapper .thumbnail_item a{display:block;text-decoration:none}.thumbnails_wrapper .thumbnail_item .thumbnail{display:flex}.thumbnails_wrapper .thumbnail_item .title p{font-family:Be Vietnam Pro,sans-serif;font-weight:700;font-size:30px;color:#fff;letter-spacing:-.025em;line-height:1;text-align:center;margin-top:21px}.thumbnails_wrapper .thumbnail_item .thumbnail img{border:9px solid #fff;box-shadow:0 13px 38px #0000002e;border-radius:10px;aspect-ratio:2/1.3;object-fit:cover}.hero_with_thumbnails .images_wrapper img.main-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.custom_hero_section .section_header{position:relative;z-index:1;text-align:center;padding:50px 0}.custom_hero_section .section_header h2.heading.h1{font-weight:700;font-size:78px;letter-spacing:-.025em;line-height:1.0843373494;max-width:654px;margin:0 auto;text-shadow:0 0 30px #000}.custom_hero_section .section_header a.button{padding:16px 40px;font-size:16px;color:#1f1f1f;letter-spacing:-.025em;line-height:1.875}.hero_with_thumbnails{padding:0 20px}@media only screen and (max-width: 1400px){.custom_hero_section .container.page-width{max-width:100%;padding:0}}@media only screen and (max-width: 1350px){.custom_hero_section .section_header h2.heading.h1{font-size:60px}}@media only screen and (max-width: 1024px){.custom_hero_section .section_header h2.heading.h1{font-size:50px}}@media only screen and (max-width: 767px){.custom_hero_section .section_header h2.heading.h1{font-size:40px}.thumbnails_wrapper .thumbnail_item .title p{font-size:15px;margin-top:15px}.thumbnails_wrapper .thumbnail_item .thumbnail img{border:3px solid #fff}.custom_hero_section .custom_hero_inner{padding:10vh 0}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/custom-hero-section.css.map */