.headerBanner{position:relative;height:auto;background-repeat:no-repeat;background-position:center;background-size:cover;padding:12px 0;background-color:#ededed}.headerBanner:before{content:'';background:#fff;width:100%;display:block;height:100%;opacity:.2;position:absolute;top:0}.headerBanner.close{display:none}.headerBanner .content{text-align:center;color:#000;position:relative;display:inline-block;min-width:550px;width:auto;left:50%;transform:translateX(-50%)}.headerBanner .content .title{font-size:1.5rem;margin:0;line-height:unset;max-width:550px}.headerBanner .content .couponCode{background:#fff;padding:3px 5px;font-size:17px}.headerBanner .content .countdown{margin-top:15px}.headerBanner .content .countdown .timeBlock{display:inline-block;width:82px;height:82px;border:3px solid #8dc63f;border-radius:100%;background:rgba(255,255,255,.2);position:relative}.headerBanner .content .countdown .timeBlock:not(:last-child){margin-right:20px}.headerBanner .content .countdown .timeBlock:not(:last-child):after{content:':';position:absolute;right:-18px;top:50%;transform:translateY(-50%);font-size:30px}.headerBanner .content .countdown .timeBlock>div{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.headerBanner .content .countdown .timeBlock p{margin:0}.headerBanner .content .countdown .timeBlock p.time{font-size:1.5rem;font-weight:700;line-height:1.5rem}.headerBanner .content .countdown .timeBlock p.text{font-size:.9rem;text-transform:uppercase;line-height:unset;margin-top:4px}.headerBanner img.bannerImage{position:absolute;z-index:-1;left:0;top:0;width:100vw;height:225px;object-position:center;object-fit:cover}.headerBanner .content #headerBannerClose{position:absolute;right:-100px}.headerBanner .content #headerBannerClose .i--close{width:18px;height:18px}@media screen and (max-width:767px){.headerBanner .content #headerBannerClose{right:-30px}}@media screen and (max-width:640px){.headerBanner .content{min-width:unset;width:90%}.headerBanner .content .couponCode{display:block;margin-top:10px}.headerBanner .content #headerBannerClose{right:0}.headerBanner .content .title{max-width:400px;margin:0 auto}}@media screen and (max-width:425px){.headerBanner{background-image:unset !important;box-shadow:inset 0 0 3px 0 #000}.headerBanner .content .title{max-width:230px;font-size:14px}.headerBanner .content .title .couponCode{font-size:14px}.headerBanner .content #headerBannerClose .i--close{width:15px;height:15px}.headerBanner .content .countdown .timeBlock{width:auto;height:auto;background:0 0;border:none}.headerBanner .content .countdown .timeBlock>div{position:relative;top:unset;left:unset;transform:unset}.headerBanner .content .countdown .timeBlock:not(:last-child){margin-right:20px}.headerBanner .content .countdown .timeBlock:not(:last-child):after{right:-15px;top:45%;font-size:14px}.headerBanner .content .countdown .timeBlock p.time{font-size:1.5rem;line-height:1.5rem}.headerBanner .content .countdown .timeBlock p.text{font-size:1rem;line-height:1rem}}