.timeline{position:relative}.timeline__show{padding:10px 5px;transition:transform .3s}.timeline__showwrap{max-height:calc(40rem + 20px);overflow:hidden}.timeline__show-slide{height:100%;position:absolute;width:100%}.timeline__section{display:flex;height:20rem;justify-content:center;position:relative;transition:transform .3s}.timeline__line{background-color:#00aeef;height:100%;width:5px}.timeline__point-pos{height:0;left:50%;position:absolute;top:40px;width:0}.timeline__point{position:relative}.timeline__dot{background-color:#00aeef;border:3px solid #fff;border-radius:50%;height:2rem;left:-1rem;position:absolute;top:-1rem;width:2rem;z-index:2}.timeline__info{align-items:center;display:flex;position:absolute;right:30px;top:-35px}.timeline__bubble{box-shadow:0 0 5px 0 #aaa;font-size:1.1rem;left:calc(50% + 30px);line-height:1.3;padding:10px 15px;position:absolute;text-align:left;top:0;width:40%}.timeline__bulb{align-items:center;background-color:#00aeef;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;margin:10px;padding:9px;width:50px}.timeline__bulb .icon{cursor:default}.timeline__bulb-svg{height:100%}.timeline__year{font-size:18px;font-weight:700}.timeline__arrow{align-items:center;display:flex;height:30px;overflow:hidden;position:absolute;right:-30px;top:-15px;width:15px;z-index:1}.timeline__arrow:after{background:#fff;box-shadow:0 0 5px 0 #aaa;content:"";display:block;height:14px;position:relative;right:-8px;transform:rotate(45deg);width:20px;z-index:1}.timeline__link{color:#00aeee;font-size:13px;margin-top:15px;text-decoration:underline}.timeline__next,.timeline__prev{align-items:center;background-color:#eee;cursor:pointer;display:flex;height:50px;justify-content:center;margin:5px;transition:opacity .3s;width:100%;z-index:3}.timeline__next i,.timeline__prev i{font-size:2rem}.timeline__prev{z-index:2}.timeline__prev i{transform:rotate(180deg)}.timeline__next{margin:5px}.timeline__section:last-child:before{background-color:#000;border:3px solid #fff;border-radius:50%;bottom:-1px;content:"";height:2rem;left:calc(50% - 1rem);position:absolute;width:2rem;z-index:2}@media (max-width:61em){.timeline__section--reverse .timeline__info{flex-flow:row-reverse;left:30px;right:auto}.timeline__section--reverse .timeline__bubble{left:auto;right:calc(50% + 30px)}.timeline__section--reverse .timeline__arrow{left:-30px;right:auto}.timeline__section--reverse .timeline__arrow:after{left:-8px;right:auto}.timeline__section:first-child .timeline__point:after{background-color:#fff;bottom:0;content:"";height:40rem;left:-3px;position:absolute;width:6px}.timeline__section:last-child .timeline__point:after{bottom:auto;top:0}}@media (min-width:61em){.timeline{align-items:center;height:40rem}.timeline,.timeline__show{display:flex}.timeline__showwrap{flex:1 1 auto}.timeline__section{align-items:center;flex:0 0 calc(25% + 30px);height:40rem;margin-left:-40px}.timeline__section:first-of-type{margin-left:0}.timeline__line{height:5px;width:100%}.timeline__point-pos{left:50%;top:50%}.timeline__bubble{bottom:calc(50% + 30px);font-size:inherit;left:0;overflow:auto;padding:20px 25px;right:0;top:auto;width:100%}.timeline__bubble-foot{text-align:center}.timeline__info{flex-flow:column-reverse;right:-35px;top:20px}.timeline__arrow{height:15px;right:-15px;top:-30px;width:30px}.timeline__arrow:after{height:20px;top:-10px;width:14px}.timeline__link{background-color:#e9e9e9;border-radius:3px;color:#000;font-weight:700;margin-top:10px;padding:10px 20px;text-decoration:none;text-transform:uppercase}.timeline__link:hover{background-color:#d8d8d8}.timeline__section--reverse .timeline__info{bottom:20px;flex-flow:column;top:auto}.timeline__section--reverse .timeline__bubble{bottom:auto;top:calc(50% + 30px)}.timeline__section--reverse .timeline__arrow{bottom:-30px;top:auto}.timeline__section--reverse .timeline__arrow:after{bottom:-10px;top:auto}.timeline__section:first-child:before,.timeline__section:last-child:before{background-color:#000;border:3px solid #fff;border-radius:50%;content:"";height:2rem;left:-1px;position:absolute;top:calc(50% - 1rem);width:2rem;z-index:2}.timeline__section:last-child:before{left:auto;right:-1px}.timeline__next,.timeline__prev{height:20rem;position:static;width:5rem}.timeline__next i{transform:rotate(-90deg)}.timeline__prev i{transform:rotate(90deg)}}.timeline__section:first-of-type{transition:margin-left .3s}.timeline__section .timeline__bubble{transform-origin:left center}.timeline__section--reverse .timeline__bubble{transform-origin:right center}@media (min-width:61em){.timeline__section .timeline__bubble{transform-origin:bottom center}.timeline__section--reverse .timeline__bubble{transform-origin:top center}}.timeline__section .timeline__bubble,.timeline__section.is-close .timeline__bubble{transform:scale(0)}.timeline__section .timeline__arrow,.timeline__section.is-close .timeline__arrow{opacity:0}.timeline__section.is-close .timeline__arrow,.timeline__section.is-close .timeline__bubble,.timeline__section.is-open .timeline__arrow,.timeline__section.is-open .timeline__bubble{transition:transform .3s,opacity .3s}.timeline__section.is-open .timeline__bubble{transform:scale(1)}.timeline__section.is-open .timeline__arrow{opacity:1}