.promo-box{display:flex;flex-wrap:wrap;margin-bottom:30px;min-height:520px;overflow:hidden;padding:12%;position:relative}@media (min-width:768px) and (max-width:1139px){.promo-box{margin-bottom:25px}}.promo-box a{top:0;width:100%}.promo-box a,.promo-box:before{display:block;height:100%;left:0;position:absolute;z-index:10}.promo-box:before{bottom:0;content:"";opacity:0;transition:opacity .65s cubic-bezier(.05,.2,.1,1);width:calc(100% + 10px)}.promo-box:hover:before{opacity:1}.promo-box .promo-box-bg{backface-visibility:hidden;background-position:50%;background-size:cover;height:100%;left:0;opacity:1;position:absolute;top:0;transition:transform 1s ease,opacity .5s ease .25s;width:100%;z-index:1}.promo-box:hover .promo-box-bg{transform:scale(1.3);transition:transform 1s cubic-bezier(.1,.2,.7,1)}.promo-box .promo-box-bg:before{background:linear-gradient(180deg,hsla(0,0%,6%,0),hsla(0,0%,6%,.75));bottom:0;content:"";display:block;height:85%;left:0;position:absolute;transition:opacity .65s cubic-bezier(.05,.2,.1,1);width:100%;z-index:10}.promo-box:hover .promo-box-bg:before{opacity:0}.promo-box .inner{align-self:flex-end;color:#fff;padding:0;position:relative;text-align:left;width:100%;z-index:10}.promo-box .inner .promo-box-icon{margin-bottom:20px}.promo-box .inner .promo-box-icon svg{fill:#fff;height:40px;margin-bottom:20px}.promo-box .heading-wrapper{transform:translateY(0);transition:opacity .65s cubic-bezier(.05,.2,.1,1),transform .65s cubic-bezier(.05,.2,.1,1)}.promo-box .heading-wrapper>:last-child{margin-bottom:0}.promo-box .onhover-content{bottom:0;font-size:18px;left:0;margin-top:12px;opacity:0;position:absolute;transform:translateY(20px);transition:opacity .2s cubic-bezier(.05,.2,.1,1),transform .2s cubic-bezier(.05,.2,.1,1)}.promo-box:hover .onhover-content{opacity:1;transform:translateY(0);transition:opacity .65s cubic-bezier(.05,.2,.1,1) .15s,transform .65s cubic-bezier(.05,.2,.1,1) .15s}.promo-box .inner *{color:#fff}.promo-box .heading-wrapper h3{line-height:1.2}