.banner-main{margin-bottom:24px}.banner-main .banner-wrap{border-radius:20px;position:relative;padding-bottom:47.62%;background-size:cover;background-position:center center;overflow:hidden}.banner-main .banner-wrap:before{content:"";height:100%;width:100%;background-color:#0000004d;position:absolute;left:0;top:0}.banner-main .banner-wrap .content{width:100%;position:absolute;top:0;display:flex;flex-flow:column;justify-content:center;align-items:center;height:100%;padding:50px;text-align:center;max-width:1200px;margin:auto;left:0;right:0}.banner-main .banner-wrap .content h1{font-size:80px;color:var(--white);line-height:1;margin-bottom:28px;font-weight:700}.banner-main .banner-wrap .content h1 span{color:var(--yellow-200);display:block}.banner-main .banner-wrap .content p{font-size:28px;color:var(--white);line-height:1.3}.banner-main .banner-wrap .bg-video{position:absolute;width:100%;height:100%}.banner-main .banner-wrap video{position:absolute;width:100%;height:100%;object-fit:cover}@media (max-width:1199px){.banner-main .banner-wrap .content h1{font-size:65px;margin-bottom:20px}.banner-main .banner-wrap .content p{font-size:24px}}@media (max-width:991px){.banner-main .banner-wrap{padding-bottom:60%}.banner-main .banner-wrap .content h1{font-size:50px}.banner-main .banner-wrap .content p{font-size:21px}}@media (max-width:767px){.banner-main .banner-wrap{padding-bottom:144%}.banner-main .banner-wrap .content h1{font-size:48px;line-height:1.3;margin-bottom:30px}.banner-main .banner-wrap .content{padding:24px;height:auto;bottom:7px;top:auto}}.innerBanner .banner-wrap{position:relative;min-height:480px;border-radius:20px;background-size:cover;background-position:center center;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 30px}.innerBanner .banner-wrap:before{content:"";height:100%;width:100%;background-color:#0000004d;position:absolute;left:0;top:0}.innerBanner .banner-wrap .content{position:relative;z-index:1;padding:48px 0}.innerBanner .banner-wrap .content h3{color:var(--white);margin-bottom:30px}.innerBanner .banner-wrap .content h1{font-size:80px;color:var(--white);line-height:1;margin-bottom:0;font-weight:700}@media (max-width:1199px){.innerBanner .banner-wrap .content h1{font-size:65px}}@media (max-width:991px){.innerBanner .banner-wrap .content h1{font-size:50px}.banner-main .banner-wrap .content p{font-size:21px}}@media (max-width:767px){.innerBanner .banner-wrap .content h1{font-size:48px;line-height:1.3}.innerBanner .banner-wrap{min-height:520px}.innerBanner .banner-wrap .content h3{margin-bottom:20px}}.singleImage .ratio-img{padding-bottom:29.1%;border-radius:20px;position:relative;overflow:hidden}.singleImage .ratio-img img{height:auto}@media (max-width:767px){.singleImage .ratio-img{min-height:270px}.singleImage .ratio-img img{height:100%}}.banner-main.wide{margin:0}.banner-main.wide .banner-wrap{border-radius:0;min-height:calc(100vh - 90px);padding-bottom:inherit}.banner-main.wide .banner-wrap:before{background-color:#0009}.banner-main.wide .container-fluid{padding:0}.banner-main.wide .banner-wrap .content{justify-content:flex-end;align-items:flex-start;text-align:left}.banner-main.wide .banner-wrap .content h1{margin-bottom:50px;color:var(--yellow-100)}.banner-main.wide .banner-wrap .content h3{color:var(--white);margin-bottom:20px}.banner-links{display:flex;gap:16px;flex-wrap:wrap}.banner-links a{font-size:20px;color:var(--black);font-weight:500;border-radius:20px;padding:0 20px;min-height:42px;display:inline-flex;align-items:center;justify-content:center}.banner-links a:hover{color:var(--white)}.banner-links a.bg-yellow-200:hover{background:var(--yellow-500)}.banner-links a.bg-blue-200:hover{background:var(--blue-500)}.banner-links a.bg-white:hover{background:var(--black)!important}.banner-links a.bg-grey-100:hover{color:var(--black);background:var(--grey-300)}.banner-links .bg-white{background:var(--white)}@media (max-width:1199px){.banner-links a{font-size:18px}}@media (max-width:991px){.banner-main.wide .banner-wrap .content h1{margin-bottom:35px}.banner-main.wide .banner-wrap .content h3{margin-bottom:15px}}@media (max-width:767px){.banner-main.wide .banner-wrap{min-height:calc(100vh - 74px)}.banner-links a{font-size:16px}.banner-main.wide .banner-wrap .content{padding:20px 20px 48px}.banner-main.wide .banner-wrap .content h1{line-height:1.1;margin-bottom:25px}.banner-links{gap:10px}.banner-links a{font-size:16px;min-height:38px}}@media (max-width:767px) and (orientation: landscape){.banner-main.wide .banner-wrap{min-height:400px}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/banner.css.map */