.timeline-block .container-fluid{max-width:960px}.timeline-block__progress{width:50px;height:100%;pointer-events:none}.timeline-block__progress,.timeline-block__progress-bar{top:0;left:0;position:absolute}.timeline-block__progress-bar{left:50%;width:2px;height:100%;transform:translate(-50%);background-color:#9e9e9e}.timeline-block__progress-bar:before,.timeline-block__progress-bar:after{content:"";width:20px;height:20px;position:absolute;border-radius:50%;left:calc(50% - 10px);background-color:#9e9e9e}.timeline-block__progress-bar:before{top:0;opacity:0;transform:scale(.1);transition:opacity .4s ease,transform .4s ease}.timeline-block__progress-bar.timeline-started:before{opacity:1;transform:scale(1)}.timeline-block__progress-bar:after{bottom:0;opacity:0;transform:scale(.1);transition:opacity .4s ease,transform .4s ease}.timeline-block__progress-bar.timeline-complete:after{opacity:1;transform:scale(1)}.timeline-block .marker .connector{top:13px;width:35px;height:2px;position:absolute;right:calc(100% + 15px);background-color:#9e9e9e}@media (min-width: 1024px){.timeline-block__progress{width:100%}.timeline-block .marker[data-column="1"]{text-align:right}.timeline-block .marker[data-column="1"] .marker__content{grid-column:1}.timeline-block .marker[data-column="1"] .connector{left:calc(100% + 15px)}.timeline-block .marker[data-column="2"] .marker__content{grid-column:2}}@media (max-width: 1024px){.timeline-block .markers{padding-left:63px}}
