ul.timeline{list-style-type:none;position:relative}ul.timeline:before{background:#d4d9df;content:" ";display:inline-block;height:100%;left:29px;position:absolute;width:2px;z-index:400}ul.timeline>li{margin:20px 0;padding-left:20px}ul.timeline>li:before{background:#fff;border:3px solid #0067a0;border-radius:50%;content:" ";display:inline-block;height:20px;left:20px;margin-top:7px;position:absolute;width:20px;z-index:400}h3{color:#0067a0}