.banner{display:block;width:100%;margin:auto;z-index:1;overflow:hidden}
.banner__openclosebtn{text-decoration:none;text-align:center;display:inline-block;z-index:1;color:#fff;font-size:.8125rem;position:absolute;top:0;right:0;-webkit-transition:bottom ease-out .3s,opacity ease .3s;transition:bottom ease-out .3s,opacity ease .3s;opacity:1;-ms-filter:"alpha(opacity=100)";cursor:pointer;background:0;border:0;padding:1.25rem;box-shadow:none;margin:0;outline:0}
.banner__openclosebtn:after{content:"\2573";display:inline-block;padding-left:1.125rem;font-size:1.6rem;font-weight:normal;-webkit-transition:.45s ease-in-out;transition:.45s ease-in-out;-webkit-transform:translateY(7px) rotate(-45deg);-ms-transform:translateY(7px) rotate(-45deg);transform:translateY(7px) rotate(-45deg)}
.banner__item{-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;position:relative;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;box-sizing:border-box;height:200px;min-height:auto;overflow:hidden;background-color:rgba(0,0,0,0.2);will-change:auto}
.banner__item.banner--expanded{height:auto;-ms-flex:3;-webkit-box-flex:3;-webkit-flex:3;flex:3;cursor:default}
.banner__item.banner--expanded .banner__openclosebtn:after{-webkit-transform:rotate(-2520deg);-ms-transform:rotate(-2520deg);transform:rotate(-2520deg);opacity:1;-ms-filter:"alpha(opacity=100)";color:#fff}
.banner__item.banner--expanded .banner__text{opacity:1;-ms-filter:"alpha(opacity=100)"}
.banner__imagewrap,.banner__image,.banner__video{width:100%;height:100%;position:absolute;z-index:0;display:block;background-repeat:no-repeat;background-size:cover}
.banner__video{-o-object-fit:cover;object-fit:cover}
.banner__videoitem{position:absolute;z-index:0;top:0;left:0;min-width:100%;min-height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover}
.banner__content{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;z-index:0;position:relative;bottom:0;left:0;padding:3rem 2rem;min-height:32vh;width:100%;background-color:rgba(0,0,0,0.2);box-sizing:inherit}
.banner__title{font-size:2.4rem;letter-spacing:0;margin:0 0 2rem;font-family:"Scania Sans Headline Bold",arial,helvetica,sans-serif;line-height:1.05;padding:0;color:#fff;text-align:left;text-transform:uppercase;-webkit-transition:all cubic-bezier(0.76,0.13,0.21,0.93) .4s;transition:all cubic-bezier(0.76,0.13,0.21,0.93) .4s;will-change:auto}
.banner__title:hover,.banner__title:focus,.banner__title:visited{color:#fff}
.banner__text{-webkit-transition:.5s ease;transition:.5s ease;-webkit-transform:translatez(0);-ms-transform:translatez(0);transform:translatez(0);opacity:0;-ms-filter:"alpha(opacity=0)";color:#fff;font-size:1.6rem;will-change:transform}
.banner__text p{color:inherit;font-size:inherit;margin-bottom:2rem;will-change:auto;font-family:"Scania Sans",arial,helvetica,sans-serif;font-size:2rem;letter-spacing:-0.01em}
.banner__link{-webkit-transition:.3s ease;transition:.3s ease;padding:20px 64px;display:inline-block;text-decoration:none !important;font-family:"Scania Sans Semi Condensed","Scania Sans Condensed",arial,helvetica,sans-serif;border:1px solid #fff;color:#fff;cursor:pointer;font-size:1.4rem;line-height:2.4rem;letter-spacing:-0.01em;background-color:transparent;border-radius:4px;min-width:130px;text-align:center}
.banner__link:hover,.banner__link:focus{background-color:#2058a8;border-color:#2058a8}
.banner__link:visited{color:#fff}
.banner__link:link{color:#fff}
.banner__text p .banner__link{opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0);will-change:transform}
.banner--expanded{-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;will-change:auto}
@media(max-width:991px){.banner__item--video .banner__content{position:absolute;top:0;height:100%}
}
@media(min-width:992px){.banner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.banner__openclosebtn{display:none;visibility:hidden}
.banner__item{height:80vh;min-height:51rem}
.banner__videoitem{max-width:none}
.banner__content{position:absolute;padding:48px;background-color:rgba(0,0,0,0.3)}
.banner__title{font-size:3.2rem;margin:0}
.banner__title.title--animation{-webkit-transform:translate3d(0,88px,0);transform:translate3d(0,88px,0)}
.banner__text{height:132px;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.banner__text p{margin:2rem 0}
.banner__link{padding:18px 2rem}
.banner__item:hover{-webkit-transition:.8s ease-in-out;transition:.8s ease-in-out;-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;display:block;background-color:rgba(0,0,0,0.5)}
.banner__item:hover .banner__title.title--animation{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.banner__item:hover .banner__content{-webkit-transition:.8s ease-in-out;transition:.8s ease-in-out;max-width:unset;position:absolute;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.banner__item:hover .banner__text{-webkit-transform:translatez(0);-ms-transform:translatez(0);transform:translatez(0);display:block;opacity:1;-ms-filter:"alpha(opacity=100)";font-size:16px;width:100%;height:auto}
.banner__item:hover .banner__text p{max-width:70%}
.banner__item:hover .banner__link{opacity:1;-ms-filter:"alpha(opacity=100)";-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.banner .banner--expanded .banner__content{-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;max-width:unset;position:absolute}
}