.vc-snake-timeline-inner {
position: relative;
display: block;
overflow: hidden;
padding: 20px 0;
} .vc-snake-timeline-inner::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 6px;
background: #BB1B0E;
margin-left: -3px;
z-index: 1;
}
.vc-snake-timeline-item {
position: relative;
box-sizing: border-box;
padding: 10px;
width: 50% !important; opacity: 0;
transform: translateY(30px);
transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.vc-snake-timeline-item.is-visible {
opacity: 1;
transform: translateY(0);
} .timeline-header-meta {
position: relative;
height: auto;
margin-bottom: 20px;
display: flex;
align-items: center;
}    .timeline-year {
color: #BB1B0E;
font-weight: bold;
font-size: 1.5em;
line-height: 40px;
display: block;
margin-bottom: 5px;
}
.timeline-dot {
width: 16px;
height: 16px;
background: #fff;
border: 4px solid #BB1B0E;
border-radius: 50%;
position: absolute;
top: 20px; z-index: 20;
box-shadow: 0 0 0 2px #fff;
} .timeline-body {
background: #f9f9f9;
padding: 15px;
position: relative;
z-index: 5;
border-radius: 8px;
}
.vc-snake-timeline-item img {
max-width: 100%;
max-height: 200px;
object-fit: contain;
height: auto;
display: block;
margin: 10px auto;
}
h3.timeline-title {
display: none;
} @media (min-width: 600px) { .vc-snake-timeline-item.is-odd {
float: left !important;
clear: both !important; text-align: right;
padding-right: 40px; margin-top: -30px; } .vc-snake-timeline-item:first-child {
margin-top: 0;
}
.vc-snake-timeline-item.is-odd .timeline-header-meta {
justify-content: flex-end; flex-direction: row; }
.vc-snake-timeline-item.is-odd .timeline-dot {
right: -13px;
left: auto;
} .vc-snake-timeline-item.is-even {
float: right !important;
clear: both !important; text-align: left;
padding-left: 40px;
margin-top: -30px; }
.vc-snake-timeline-item.is-even .timeline-header-meta {
justify-content: flex-start;
flex-direction: row; }
.vc-snake-timeline-item.is-even .timeline-dot {
left: -13px;
right: auto;
} .vc-snake-timeline-item.is-odd::before {
content: '';
position: absolute;
top: 32px; right: 0;
width: 40px;
height: 2px;
background: #BB1B0E;
z-index: 10;
}
.vc-snake-timeline-item.is-even::before {
content: '';
position: absolute;
top: 32px;
left: 0;
width: 40px;
height: 2px;
background: #BB1B0E;
z-index: 10;
} .vc-snake-timeline-item::after {
display: none !important;
}
} @media (max-width: 599px) {
.vc-snake-timeline-inner::before {
left: 20px; margin-left: 0;
}
.vc-snake-timeline-item {
width: 100%;
float: none;
padding-left: 50px; text-align: left;
}
.timeline-header-meta {
justify-content: flex-start;
}
.timeline-dot {
left: 8px;    left: 11px;
}
.vc-snake-timeline-item::before {
display: none !important;
}
.vc-snake-timeline-item::after {
display: none !important;
}
}