#timeline{display:flex;background-color:#031625}#timeline:hover .tl-item{width:23.3333%}.tl-item{transform:translate3d(0,0,0);position:relative;width:25%;height:100vh;min-height:600px;color:#fff;overflow:hidden;transition:width .5s}.tl-item:after,.tl-item:before{transform:translate3d(0,0,0);content:"";position:absolute;left:0;top:0;width:100%;height:100%}.tl-item:after{background:rgba(3,22,37,.85);opacity:1;transition:opacity .5s}.tl-item:before{background:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 75%);z-index:1;opacity:0;transform:translate3d(0,0,0) translateY(50%);transition:opacity .5s,transform .5s}.tl-item:hover{width:30%!important}.tl-item:hover:after{opacity:0}.tl-item:hover:before{opacity:1;transform:translate3d(0,0,0) translateY(0);transition:opacity 1s,transform 1s .25s}.tl-item:hover .tl-content{opacity:1;transform:translateY(0);transition:.75s .5s}.tl-item:hover .tl-bg{filter:grayscale(0)}.tl-content{transform:translate3d(0,0,0) translateY(25px);position:relative;z-index:1;text-align:center;margin:0 1.618em;top:55%;opacity:0}.tl-content h1{font-family:"Pathway Gothic One",Helvetica Neue,Helvetica,Arial,sans-serif;text-transform:uppercase;color:#1779cf;font-size:1.44rem;font-weight:400}.tl-year{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:1;border-bottom:1px solid #fff}.tl-year p{font-family:"Pathway Gothic One",Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.728rem;line-height:0}.tl-bg{transform:translate3d(0,0,0);position:absolute;width:100%;height:100%;top:0;left:0;background-size:cover;background-position:center center;transition:filter .5s;filter:grayscale(100%)}@media (max-width:767px){#timeline{display:none}#timeline-heading{display:none!important}}