.js .hTimeline{opacity:0;transition:opacity .2s;background-color:var(--backgroundTimelineColor)}.js .hTimeline ol,.js .hTimeline ul{list-style:none;padding-left:0;margin:0}.js .hTimeline__loaded{opacity:1}.js .hTimelineContainer{position:relative;height:6rem;max-width:55rem;margin-left:1rem;margin-right:1rem}.js .hTimelineDates{position:relative;height:100%;margin:0 2.5rem;overflow:hidden}.js .hTimelineDates::after,.js .hTimelineDates::before{content:'';position:absolute;z-index:2;top:0;height:100%;width:1.25rem}.js .hTimelineDates::before{left:0;background:linear-gradient(to right,var(--backgroundTimelineColor),hsla(0,0%,97%,0))}.js .hTimelineDates::after{right:0;background:linear-gradient(to left,var(--backgroundTimelineColor),hsla(0,0%,97%,0))}.js .hTimelineLine{position:absolute;z-index:1;left:0;top:49px;height:2px;background-color:hsl(0,0%,87.3%);transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.js .hTimelineFillingLine{position:absolute;z-index:1;left:0;top:0;height:100%;width:100%;background-color:var(--mainTimelineColor);-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.js .hTimelineDate{position:absolute;bottom:0;z-index:2;text-align:center;font-size:.9rem;padding-bottom:.75rem;color:#383838;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none}.js .hTimelineDate::after{content:'';position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:-5px;height:12px;width:12px;border-radius:50%;border-width:2px;border-style:solid;border-color:hsl(0,0%,87.3%);background-color:var(--backgroundTimelineColor);transition:background-color .3s,border-color .3s}.js .hTimelineDate:hover::after{background-color:var(--mainTimelineColor);border-color:var(--mainTimelineColor)}.js .hTimelineDate__selected{pointer-events:none}.js .hTimelineDate__selected::after{background-color:var(--mainTimelineColor);border-color:var(--mainTimelineColor)}.js .hTimelineDate__older-event::after{border-color:var(--mainTimelineColor)}.js .hTimelineNavigation{position:absolute;z-index:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:34px;width:34px;color:transparent;text-align:center;overflow:hidden;border-radius:50%;border-width:2px;border-style:solid;border-color:hsl(0,0%,87.3%);transition:border-color .3s}.js .hTimelineNavigation span{position:absolute;top:0}.js .hTimelineNavigation svg{margin-top:-1px;width:1rem;height:2rem;fill:var(--mainTimelineColor)}.js .hTimelineNavigation__inactive svg{fill:#dfdfdf}.js .hTimelineNavigation:not(.hTimelineNavigation__inactive):hover{border-color:var(--mainTimelineColor)}.js .hTimelineNavigation__prev{left:0;-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.js .hTimelineNavigation__next{right:0}.js .hTimelineNavigation__inactive{cursor:not-allowed}.js .hTimelineNavigation__inactive:hover{border-color:hsl(0,0%,87.3%)}.js .hTimelineEvents{position:relative;width:100%;overflow:hidden;transition:height .4s}.js .hTimelineEvent{position:absolute;z-index:1;width:100%;left:0;top:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);padding:1px 5%;opacity:0;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.js .hTimelineEvent__selected{position:relative;z-index:2;opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.js .hTimelineEvent__enterRight,.js .hTimelineEvent__leaveRight{-webkit-animation-name:enterRight;animation-name:enterRight}.js .hTimelineEvent__enterLeft,.js .hTimelineEvent__leaveLeft{-webkit-animation-name:enterLeft;animation-name:enterLeft}.js .hTimelineEvent__leaveLeft,.js .hTimelineEvent__leaveRight{animation-direction:reverse}.js .hTimelineEventContent{position:relative;max-width:50rem;margin-left:auto;margin-right:auto}.timelineImg img{width:100%;margin:.5rem auto 1.5rem}.js .hTimelineEventDate{margin:.5rem 0;display:block}@-webkit-keyframes enterRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes enterRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes enterLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes enterLeft{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.horizontal-timeline:not(.js) .hTimelineDates,.horizontal-timeline:not(.js) .hTimelineNavigation{display:none}@media (min-width:576px){.js .hTimelineContainer{margin-left:auto;margin-right:auto}}