#cd-timeline{position:relative;padding:2em 0;margin-top:2em;}
#cd-timeline::before{content:'';position:absolute;top:0;height:100%;width:4px;background:#e8e8e8;left:50%;margin-left:-2px;}
.cd-container::after{content:'';display:table;clear:both;}
.cd-container{width:90%;max-width:1170px;margin:0 auto;}
.cd-timeline-block:first-child{margin-top:0;}
.cd-timeline-block{position:relative;}
.cd-timeline-content{margin-left:0;padding:1.6em;width:40%;font-size:1.25rem;position:relative;background:white;border-radius:0.25em;padding:1rem 1.5rem;background:#e8e8e8;color:#000000;}
.cd-timeline-content .cd-date{position:absolute;width:100%;left:122%;top:6px;font-size:16px;font-size:1rem;}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{left:auto;right:122%;text-align:right;}
.cd-timeline-block:nth-child(even) .cd-timeline-content{float:right;position:relative;}
.cd-timeline-block:nth-child(odd) .cd-timeline-content{position:relative;}
.cd-timeline-block:nth-child(even) .cd-timeline-content:after{right:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-width:1.25rem;top:70px;margin-top:-1.5625rem;border-right-color:#e8e8e8;}
.cd-timeline-block:nth-child(odd) .cd-timeline-content:after{right:-2.5rem;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-width:1.25rem;top:70px;margin-top:-1.5625rem;border-left-color:#e8e8e8;}
.cd-timeline-block:after{content:"";display:table;clear:both;}
.cd-timeline-img{width:60px;height:60px;left:50%;margin-left:-30px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;}
.cd-timeline-img{position:absolute;top:0;}
.cd-timeline-block:first-child .cd-timeline-img{top:0;}
.cd-timeline-img img,.cd-timeline-img svg{display:block;position:relative;left:50%;top:50%;margin-left:-30px;vertical-align:middle;}
.cssanimations .cd-timeline-img.is-hidden,.cssanimations .cd-timeline-content.is-hidden{visibility:hidden;}
.cssanimations .cd-timeline-img.bounce-in,.cssanimations .cd-timeline-content.bounce-in{visibility:visible;animation:cd-bounce-1 0.6s;}
@keyframes cd-bounce-1{0%{opacity:0;transform:scale(0.5);}
60%{opacity:1;transform:scale(1.2);}
100%{transform:scale(1);}
}
@media (max-width:1024px){.cd-container{width:100%;}
}
@media (max-width:480px){.cd-timeline-img img, .cd-timeline-img svg{width:40px;left:66%;}
.cd-timeline-block:nth-child(even) .cd-timeline-content:after ,.cd-timeline-block:nth-child(odd) .cd-timeline-content:after{top:55px;}
.cd-timeline-content p{font-size:10px;}
}