/* TIMELINE */
.video-desc {padding: 1.25rem;}
.video-desc p {margin-bottom:0;}
h2.timeline-heading {
border-top: 2px solid #d9d2c5;
padding-top: 1.5rem;
margin-bottom:.5rem;
}
.timeline {overflow:hidden;
padding-bottom: 50px;
}
.timeline ul {list-style-type: none;}
.timeline ul li::marker {
content:""!important;
}
.timeline ul li {
position: relative;
width: 6px;
margin: 0 auto;
padding-top: 50px;
background: #d9d2c5;
box-sizing: border-box;
}
.timeline ul li:nth-child(even):after {
content: '';
position: absolute;
left: 0;
top: 30px;
transform: rotate(-90deg);
width:0;
border-top: 12px solid #d9d2c5;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
}
.timeline ul li:nth-child(odd):after {
content: '';
position: absolute;
left: -16px;
top:30px;
transform: rotate(-90deg);
width:0;
border-bottom: 12px solid #d9d2c5;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
}
.timeline ul li div.tl-item {
position: relative;
top: -50px;
width: 400px;
}
.timeline .image {
position: absolute;
display:inline-block;
top: 0;
width: 400px;
padding-bottom:1rem;
box-sizing: border-box;
}
.timeline .image img {max-height:220px;}
.timeline ul li:nth-child(odd) .image {
text-align:left;
}
.timeline ul li:nth-child(even) .image {
text-align:right;
}
.timeline ul li:nth-child(even) div.tl-item, .timeline ul li:nth-child(odd) .image {
left: 30px;
}
.timeline ul li:nth-child(odd) div.tl-item, .timeline ul li:nth-child(even) .image {
left: -425px;
}
.timeline ul li div.tl-item, .timeline .image {
visibility: hidden;
opacity: 0;
transition: all .5s ease-in-out;
}
.timeline ul li:nth-child(even) div.tl-item, .timeline ul li:nth-child(odd) .image {
transform: translate3d(200px,0,0);
}
.timeline ul li:nth-child(odd) div.tl-item,  .timeline ul li:nth-child(even) .image {
transform: translate3d(-200px,0,0);
}
.timeline ul li.in-view div.tl-item, .timeline ul li.in-view .image {
transform: none;
visibility: visible;
opacity: 1;
padding-bottom:1rem;
}
.in-view {
padding-bottom:5rem;
}
.timeline time {
color:#8fb8c9;
font-size:3rem;
font-weight:500;
display:block;}
.timeline ul li:nth-child(odd)  {
text-align:right;
}
.timeline .image .caption {font-size:.75em;display:block;margin-top:.25rem;}
/* timeline mobile */
@media screen and (max-width: 991.99px) {
.timeline ul li {padding-top:0;margin:0;}
.timeline ul li:nth-child(odd):after {
left: 0;
top: 30px;
border-bottom:none;
border-top: 12px solid #d9d2c5;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
}
.timeline ul li:nth-child(even) .image {
text-align:left;
}
.timeline ul li:nth-child(odd) div.tl-item, .timeline ul li:nth-child(even) .image {
left: 30px;
}
.timeline ul li:nth-child(odd)  {
text-align:left;
}
.timeline ul li div.tl-item {
position:initial;
width: calc(100vw - 180px);
margin-left:30px;
}
.timeline .image {position:initial;margin-left:30px;width:auto;}
.timeline .video-js {width:240px;}
}