.timeline{padding:0 10px;position:relative}.timeline ul{padding:50px 0}.timeline ul li{list-style-type:none;position:relative;width:6px;margin:0 auto;padding-top:50px;background:#ff4612}.timeline ul li .TimelineBubble{position:relative;bottom:0;width:400px;padding:15px;background:#12375c}.timeline ul li .TimelineBubble date{color:#fff;font-style:italic}@media screen and (min-width: 601px){.timeline ul li .TimelineBubble date{display:none;font-size:16px}}.timeline ul li .TimelineBubble h2{display:block;font-size:1.2rem;font-weight:bold;margin-bottom:8px;color:#fff;margin-top:1rem}@media screen and (max-width: 600px){.timeline ul li .TimelineBubble h2{margin-top:5px}}.timeline ul li .TimelineBubble p{color:#fff}.timeline ul li .TimelineBubble::before{content:"";position:absolute;bottom:7px;width:0;height:0;border-style:solid}.timeline ul li:nth-child(odd) .TimelineBubble{left:45px}.timeline ul li:nth-child(odd) .TimelineBubble::before{left:-15px;border-width:8px 16px 8px 0;border-color:rgba(0,0,0,0) #12375c rgba(0,0,0,0) rgba(0,0,0,0)}.timeline ul li:nth-child(even) .TimelineBubble{left:-439px}@media screen and (min-width: 601px){.timeline ul li:nth-child(even) .TimelineBubble h2,.timeline ul li:nth-child(even) .TimelineBubble p{text-align:end}.timeline ul li:nth-child(even) .TimelineBubble figure{display:flex;justify-content:flex-end}}.timeline ul li:nth-child(even) .TimelineBubble::before{right:-15px;border-width:8px 0 8px 16px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #12375c}.timeline ul li::after{content:"";position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:inherit;z-index:1}.timeline ul li::after{transition:background .5s ease-in-out}.timeline ul li.in-view::after{background:#12375c}.timeline ul li .TimelineBubble{visibility:hidden;opacity:0;transition:all .5s ease-in-out}.timeline ul li:nth-child(odd) .TimelineBubble{-webkit-transform:translate3d(200px, 0, 0);transform:translate3d(200px, 0, 0)}.timeline ul li:nth-child(even) .TimelineBubble{-webkit-transform:translate3d(-200px, 0, 0);transform:translate3d(-200px, 0, 0)}.timeline ul li.in-view .TimelineBubble{-webkit-transform:none;transform:none;visibility:visible;opacity:1}@media screen and (max-width: 900px){.timeline ul li .TimelineBubble{width:250px}.timeline ul li:nth-child(even) .TimelineBubble{left:-289px}}@media screen and (max-width: 600px){.timeline ul li{margin-left:0}.timeline ul li .TimelineBubble{width:70vw}.timeline ul li:nth-child(even) .TimelineBubble{left:45px}.timeline ul li:nth-child(even) .TimelineBubble::before{left:-15px;border-width:8px 16px 8px 0;border-color:rgba(0,0,0,0) #12375c rgba(0,0,0,0) rgba(0,0,0,0)}}.timeline .timeline-clippy ul li::after{width:40px;height:40px;border-radius:0}.timeline .timeline-rhombus ul li::after{-webkit-clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)}.timeline .timeline-rhombus ul li .TimelineBubble::before{bottom:12px}.timeline .timeline-star ul li::after{-webkit-clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)}.timeline .timeline-heptagon ul li::after{-webkit-clip-path:polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);clip-path:polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%)}.timeline .timeline-infinite ul li::after{-webkit-animation:scaleAnimation 2s infinite;animation:scaleAnimation 2s infinite}@-webkit-keyframes scaleAnimation{0%{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}50%{-webkit-transform:translateX(-50%) scale(1.25);transform:translateX(-50%) scale(1.25)}100%{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}}@keyframes scaleAnimation{0%{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}50%{-webkit-transform:translateX(-50%) scale(1.25);transform:translateX(-50%) scale(1.25)}100%{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}}.timeline .TimelineDate{width:150px;font-style:italic;color:#12375c;margin-top:-30px;position:absolute;font-size:1.4rem}.timeline .TimelineDateLeft{left:-175px}.timeline .TimelineDateRight{right:-175px}@media screen and (max-width: 600px){.timeline .TimelineDateLeft,.timeline .TimelineDateRight{display:none}}

/*# sourceMappingURL=TimelineBlock.css.map */