:export{white:#fff;blue800:#01adef;gray700:#767471}@media(min-width:36rem){.text{font-size:13px}}.homepagesectionHeroBanner{left:58%;position:absolute;top:6.25rem;width:27.875rem!important}.homepagesectionHeroBanner .homepage-heroBanner{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;padding:1.25rem 2.25rem 1.25rem 1.875rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.homepagesectionHeroBanner .homepage-heroBanner .heroBanner-main-heading{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.homepagesectionHeroBanner .homepage-heroBanner .heroBanner-main-heading .main-heading{width:9.25rem}.homepagesectionHeroBanner .homepage-heroBanner .heroBanner-offer-text{display:block;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.homepagesectionHeroBanner .homepage-heroBanner .heroBanner-offer-text a{text-decoration:none}.homepagesectionHeroBanner .homepage-heroBanner .heroBanner-offer-text .offer-text{color:#fff;font:400 normal normal 1.25rem/1.375rem BekaertText-Regular;letter-spacing:-.055rem;margin-bottom:0;text-align:center;text-transform:uppercase}.homepagesectionHeroBanner .homepage-heroBanner .heroBanner-offer-text .promo-code{color:#fff;font:400 normal normal .75rem/1.375rem BekaertText-Regular;letter-spacing:-.0275rem;margin-bottom:0;text-align:center;text-transform:uppercase}@media screen and (max-width:1199px)and (min-width:991px){.homepagesectionHeroBanner{left:60%;width:23.75rem!important}.homepagesectionHeroBanner .homepage-heroBanner{padding:.75rem}}