.timeline{display:block;position:relative;box-sizing:border-box;width:100%;margin:1em auto;max-width:1200px}.timeline>ul,.timeline>ul>li{margin:0;padding:0;list-style:none}.timeline>ul{display:flex;flex-flow:column;position:relative;width:100%;z-index:1}.timeline>ul>li{position:relative;color:#009dc8}.timeline__info{position:relative;box-sizing:border-box;padding:1em;background-color:#009dc8;font-size:.9em;color:#fff;margin-bottom:.75rem}.timeline__info p,.timeline__info h3,.timeline__info a{color:#fff}.timeline__info::after{content:"";position:absolute;width:0;height:0;bottom:-.5rem;left:50%;margin-left:-.5rem;border:.5rem solid transparent;border-bottom-width:0;border-top-color:#009dc8;z-index:2}.timeline__info::before{content:"";float:right;width:1em;height:1em}.timeline__icon{box-sizing:border-box;position:absolute;display:block;width:3.5rem;height:3.5rem;padding:.5rem;border-radius:50%;background-color:#cfe1e5;right:-1.5rem;top:-1.5rem}
.active .timeline__icon{background-color:#bad80a}.timeline__icon svg{display:block;fill:#fff}@media(min-width:360px){.timeline>ul>li{cursor:pointer}.timeline>ul>li::before,.timeline>ul>li::after{content:"";font:.75em/1 sans-serif}.timeline>ul>li::after{display:block;width:1em;height:1em;border-radius:50%;background-color:currentColor;box-shadow:0 0 0 2px #fff;--bullet-aura-size:0;box-shadow:0 0 0 2px #fff,0 0 0 var(--bullet-aura-size) rgba(0,157,200,.2);transition:.2s box-shadow,.2s background-color}.timeline--init>ul>li:hover::after{--bullet-aura-size:10px}.timeline--init>ul>li.active::after{background-color:#fff;box-shadow:0 0 0 3px currentColor,0 0 0 10px rgba(0,157,200,.2)}.timeline>ul>li::before{position:absolute;bottom:.5em;right:50%;width:100%;margin-bottom:-1px;border-bottom:2px solid transparent;z-index:-1}.timeline>ul>li:first-child::before{display:none}.timeline--init>ul>li:before{border-color:currentColor}.timeline--init>ul>li.active~li::before{border-color:#ccc}
.timeline>ul:hover>li:hover~li::before,.timeline>ul:hover>li.active~li::before{border-color:currentColor;opacity:.5}.timeline>ul:hover>li:hover~li.active~li::before,.timeline>ul:hover>li.active~li:hover~li::before,.timeline>ul:hover>li.active:hover~li::before{border-color:#ccc;opacity:1}.timeline__info{box-shadow:0 1px 10px -1px rgba(0,0,0,.5)}.timeline__info::after{content:"";position:absolute}.timeline--init .timeline__info{transition:.4s transform cubic-bezier(0.68,-.55,.27,1.55),.2s opacity}}@media(min-width:360px) and (max-width:999px){.timeline{display:flex;padding:0 0 0 1em;margin:1em 0}.timeline>ul{display:flex;flex-flow:column;left:0}.timeline>ul>li{flex:1 1 auto;display:flex;flex-flow:row;align-items:center}.timeline>ul>li::before{margin:0;border:0;top:auto;right:auto;left:0;bottom:50%;width:0;height:100%;margin-left:-1px;border-left:2px solid #009dc8}.timeline>ul>li::after{margin-left:-.5em}.timeline--init .timeline__info{flex:1 1 0;order:2;opacity:1;transform:none;margin:.5em;margin-left:1.5em}
.timeline--init .timeline__info::after{width:0;height:0;bottom:50%;right:auto;left:-.5rem;margin:0;margin-bottom:-.5rem;border:.5rem solid transparent;border-left-width:0;border-right-color:#009dc8}.timeline--init .timeline__info{opacity:.8;pointer-events:inherit;cursor:pointer}.timeline--init .active .timeline__info{opacity:1;background-color:#009dc8}.timeline--init .active .timeline__info::after{opacity:1}}@media(min-width:600px) and (max-width:999px){.timeline{display:flex;max-width:700px;padding:0;margin:1em auto}.timeline>ul>li{justify-content:flex-start}.timeline>ul>li:nth-child(2n){justify-content:flex-end}.timeline>ul>li::before{position:absolute;left:50%}.timeline>ul>li::after{position:absolute;left:50%;margin-left:-.5em}.timeline--init>ul>li .timeline__info{box-sizing:border-box;flex:1 1 auto;max-width:45%;max-width:calc(50% - 2em);margin:0;margin-left:1.5em}.timeline--init>ul>li:nth-child(2n+1) .timeline__info{margin:0;margin-right:1.5em;order:-1}.timeline--init>ul>li:nth-child(2n+1) .timeline__info::after{left:auto;right:-.5rem;border:.5rem solid transparent;border-right-width:0;border-left-color:#009dc8}
}@media(min-width:1000px){.timeline{padding:0 .5rem .5rem}.timeline>ul{display:flex;flex-flow:row}.timeline>ul>li{flex:1 1 100%;display:flex;flex-flow:column;align-items:center;justify-content:flex-end}.timeline__info{width:calc(100% + 4rem);margin-bottom:1.5em;opacity:0}.timeline--init .timeline__info{opacity:0;pointer-events:none;transform:rotate(5deg) scale(.4);transform-origin:50% 110%}.timeline--init .active .timeline__info{opacity:1;pointer-events:inherit;transform:translate3d(0,0,0)}.timeline__info::after{width:0;height:0;bottom:-.5rem;left:50%;margin-left:-.5rem;border:.5rem solid transparent;border-bottom-width:0;border-top-color:#009dc8}}