.dark-theme {
	background-color: rgba(61,61,61,1);
}

.timeline-panel {
    max-width: 1350px;
    margin: 0 auto
}

.timeline h2 {
	text-align: center;
	padding-top: 50px;
}

.timeline-panel__container {
    -o-box-flex: 0;
    box-flex: 0;
    flex: 0 0 auto;
    margin-left: calc((99.99% - 20px)*0 + 16px);
    width: calc((99.99% - 20px)*1 - 12px);
    padding: 30px 0
}

@media only screen and (min-width:650px) {
    .timeline-panel__container {
        -o-box-flex: 0;
        box-flex: 0;
        flex: 0 0 auto;
        margin-left: calc((99.99% - 60px)*.125 + 40px);
        width: calc((99.99% - 60px)*.75 - 20px)
    }
}

@media only screen and (min-width:1000px) {
    .timeline-panel__container {
        -o-box-flex: 0;
        box-flex: 0;
        flex: 0 0 auto;
        margin-left: calc((99.99% - 104px)*.083333333333333 + 64px);
        width: calc((99.99% - 104px)*.833333333333333 - 24px)
    }
}

.timeline__caption {
    margin-bottom: 50px
}

.timeline__item-title {
    font-weight: 800;
    text-transform: uppercase;
    font-size: .89rem;
    line-height: 1.1
}

@media only screen and (min-width:1000px) {
    .timeline__item-title {
        text-align: center
    }
}

.timeline__items {
    padding-bottom: 0px;
    overflow: hidden
}

.timeline__items li {
	list-style-type: none;
}

.timeline__sub-items {
    margin: 10px 0 12px 19px;
    position: relative;
    padding: 10px 0
}

.timeline__sub-items:after,
.timeline__sub-items:before {
    content: '\00A0';
    position: absolute
}

.timeline__sub-items:before {
    width: 3px;
    top: 0;
    left: -3px;
    bottom: 2px;
    background: #e2e3e5
}

.timeline__sub-items:after {
    width: 13px;
    height: 2px;
    background: #e2e3e5;
    bottom: 0;
    left: -8px
}

@media only screen and (min-width:1000px) {
    .timeline__sub-items {
        margin: 10px 0 12px
    }
    .timeline__sub-items:after,
    .timeline__sub-items:before {
        left: 50%;
        transform: translate(-50%, 0)
    }
}

.timeline__sub-item {
    padding: 20px 0 20px 15px
}

@media only screen and (min-width:1000px) {
    .timeline__sub-item {
        width: calc((99.99% + 24px)*.5 - 24px)
    }
    .timeline__sub-item:nth-child(2n+1) {
        text-align: right;
        padding: 20px 9px 20px 0
    }
    .timeline__sub-item:nth-child(2n+1) .timeline__sub-item-label:before {
        left: auto;
        right: -27px
    }
    .timeline__sub-item:nth-child(2n+1) .timeline__sub-item-label:after {
        left: auto;
        right: -22px
    }
    .timeline__sub-item:nth-child(2n) {
        padding-left: 7px;
        width: calc((99.99% + 24px)*.5 - 24px);
        margin-left: calc((99.99% + 24px)*.5 + 0px)
    }
    .timeline__sub-item:nth-child(2n) .timeline__sub-item-label:before {
        left: -26px
    }
    .timeline__sub-item:nth-child(2n) .timeline__sub-item-label:after {
        left: -21px
    }
}

.timeline__sub-item-label {
    font-weight: 700;
    font-size: .89rem;
    line-height: 1.6;
    position: relative
}

.timeline__sub-item-label:after,
.timeline__sub-item-label:before {
    content: '\00A0';
    position: absolute
}

.timeline__sub-item-label:before {
    width: 13px;
    height: 13px;
    background: #fff;
    top: 6px;
    left: -23px;
    border: 2px solid #000f1e;
    border-radius: 7px
}

.timeline__sub-item-label:after {
    width: 3px;
    height: 3px;
    background: #000f1e;
    top: 11px;
    left: -18px;
    border-radius: 2px
}

.timeline__sub-item-detail {
    font-weight: 400;
    font-size: .89rem;
    line-height: 1.6;
    color: #1a1919
}



.timeline__sub-item-footnote {
    font-weight: 400;
    font-size: .89rem;
    line-height: 1.6;
    color: #a0a1a1
}

.timeline__button-container {
    text-align: center;
    padding-top: 30px
}

@media only screen and (min-width:650px) {
    .timeline__button-container {
        padding-top: 50px
    }
}

.timeline--collapsed .timeline__button-container {
    padding-top: 0
}

@media only screen and (min-width:1000px) {
    .timeline--collapsed .timeline__button-container {
        padding-top: 20px
    }
}

.timeline--collapsed .timeline__items {
    position: relative
}

.timeline--collapsed .timeline__items::after {
    position: absolute;
    content: '\00A0';
    height: 50px;
    width: 100%;
    background: linear-gradient(to bottom, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
    bottom: 0;
    left: 0
}

.dark-theme .timeline__item-title,
.dark-theme .timeline__sub-item-detail,
.dark-theme .timeline__sub-item-label {
    color: #fff
}

.dark-theme .timeline__sub-items:after,
.dark-theme .timeline__sub-items:before {
    background: rgba(255, 255, 255, .2)
}

.dark-theme .timeline__sub-item-label:before {
    background: #000f1e;
    border-color: #fff
}

.dark-theme .timeline__sub-item-label:after {
    background: #fff
}

.dark-theme .timeline--collapsed .timeline__items::after {
    background: linear-gradient(to bottom, rgba(61, 61, 61, 0) 0%, rgba(61,61,61,1) 100%);
}
}