.timeline{display:flex;margin:0 auto;flex-wrap:wrap;flex-direction:column;max-width:700px;position:relative}.timeline__content-title{font-weight:400;font-size:56px;margin:0;transition:.4s;box-sizing:border-box;color:#fff}.timeline__content-desc{margin:0;font-size:15px;box-sizing:border-box;color:#ffffffb3;font-weight:400;line-height:25px}.timeline:before{position:absolute;left:50%;width:2px;height:100%;margin-left:-1px;content:"";background:rgba(255,255,255,.07)}@media only screen and (max-width: 767px){.timeline:before{left:40px}}.timeline-item{padding:40px 0;opacity:.3;filter:blur(2px);transition:.5s;box-sizing:border-box;width:calc(50% - 40px);display:flex;position:relative;transform:translateY(-80px)}.timeline-item:before{content:attr(title);letter-spacing:3px;width:100%;position:absolute;color:#ffffff80;font-size:18px;border-left:3px solid rgba(255,255,255,.5);top:70%;margin-top:-5px;padding-left:15px;opacity:0;right:calc(-100% - 39px)}.timeline-item:nth-child(2n){align-self:flex-end}.timeline-item:nth-child(2n):before{right:auto;text-align:right;left:calc(-100% - 39px);padding-left:0;border-left:none;border-right:3px solid rgba(255,255,255,.5);padding-right:15px}.timeline-item--active{opacity:1;transform:translateY(0);filter:blur(0px)}.timeline-item--active:before{top:50%;transition:.3s all .2s;opacity:1}.timeline-item--active .timeline__content-title{margin:-50px 0 20px}@media only screen and (max-width: 767px){.timeline-item{align-self:baseline!important;width:100%;padding:0 30px 150px 80px}.timeline-item:before{left:10px!important;padding:0!important;top:50px;text-align:center!important;width:60px;border:none!important}.timeline-item:last-child{padding-bottom:40px}}.timeline__img{max-width:100%;box-shadow:0 10px 15px #0006}.timeline-container{width:100%;position:relative;padding:80px 0;transition:.3s ease 0s;background-attachment:fixed;background-size:cover}.timeline-container:before{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(39,39,39,.8);content:""}.timeline-header{width:100%;text-align:center;margin-bottom:80px;position:relative}.timeline-header__title{color:#fff;font-size:56px;font-weight:400;margin:0}.timeline-header__subtitle{color:#ffffff80;font-size:16px;letter-spacing:5px;margin:10px 0 0;font-weight:400}