.banner__img{width:100%}.banner__img img{height:100%;max-height:55rem;min-height:40rem;-o-object-fit:cover;object-fit:cover;width:100%}@media(min-width:768px) and (max-width:1280px){.banner__img img{max-height:60rem}}.banner__img-overlay{display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.banner__wrapper{margin-top:-7rem;position:relative}.banner__box{background-color:var(--bg-color);-webkit-box-sizing:border-box;box-sizing:border-box;padding:4rem 2rem;position:relative}@media(min-width:768px){.banner__box{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:6rem 5rem}}@media(min-width:1281px){.banner__box{padding:9rem 11rem}}.banner__text{max-width:76rem}.banner__text span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#be1e2d;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;font-weight:500;letter-spacing:.15em;line-height:1.2;margin-bottom:1.5rem;text-transform:uppercase}.banner__text span:before{background-color:#be1e2d;content:"";display:block;height:1rem;margin-right:1rem;width:1rem}.banner__text p{font-size:2rem;margin-top:1.5rem}.banner__btn{margin-top:2rem;white-space:nowrap}@media(min-width:768px){.banner__btn{margin-left:2rem;margin-top:0}}.banner--before-right .banner__wrapper:before{background:var(--bg-color);content:"";height:100%;position:absolute;right:0;top:0;-webkit-transition:all .3s;transition:all .3s;width:calc(100% - var(--width))}.banner--before-right .banner__box{background-color:hsla(0,0%,50%,0)}.banner--before-left .banner__wrapper:before{background:var(--bg-color);content:"";height:100%;left:0;position:absolute;top:0;-webkit-transition:all .3s;transition:all .3s;width:calc(100% - var(--width))}.banner--before-left .banner__box{background-color:hsla(0,0%,50%,0)}@media(max-width:1024px){.banner--before-left .banner__box{padding-left:0}}