#cd-timeline { position:relative; overflow:hidden; }
#cd-timeline::before { content:''; position:absolute; top:0; left:7.5px; height:100%; width:5px; background:#acb7c0 }

.cd-timeline-block { position:relative; margin-bottom:10px }
.cd-timeline-block:after { content:""; display:table; clear:both }
.cd-timeline-block:first-child { margin-top:0 }
.cd-timeline-block:last-child { margin-bottom:0 }
.cd-timeline-img { position:absolute; top:20px; left:0; border:10px solid #acb7c0;}
.cd-timeline-content { position:relative; margin-left:30px; padding:10px; background:#fff; border-top:3px dotted #acb7c0; border-bottom:3px dotted #acb7c0; }
.cd-timeline-content:after { content:""; display:table; clear:both }
.cd-timeline-content::before { content:''; position:absolute; top:18px; right:100%; height:0; width:0; border:10px solid transparent; border-right:7px solid #fff }
.cd-timeline-content .cd-date { margin:10px 0 40px; color: #503c26;}