.timeline{list-style:none;position:relative;margin-top:20px}.timeline:before{top:0;bottom:0;position:absolute;content:" ";width:6px;background:rgba(21,182,139,0.2);left:50%;margin-left:-3px}.timeline>li{margin-bottom:10px;position:relative}.timeline>li:last-child{margin-bottom:0}.timeline>li:before,.timeline>li:after{content:" ";display:table;clear:both}.timeline>li>.timeline-panel{width:42%;float:left;position:relative;margin-top:35px;margin-bottom:50px;padding-left:30px}.timeline>li>.timeline-panel:after{position:absolute;top:9px;right:-35px;display:inline-block;border:15px solid transparent;border-right:20px solid #fff;content:""}.timeline>li>.timeline-badge.arrow{color:#fff;width:50px;height:50px;line-height:50px;font-size:1.4em;text-align:center;position:absolute;top:26px;left:50%;margin-left:-25px;background-color:#999999;z-index:100;border-radius:50%}.timeline>li>.timeline-badge{width:120px;height:120px;text-align:center;position:absolute;top:0;left:50%;margin-left:-60px;background:#fff;z-index:100;border-radius:50%}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding-right:30px}.timeline>li.timeline-inverted>.timeline-panel:after{left:-35px;border:15px solid transparent;border-left:18px solid #fff}@media (max-width: 768px){ul.timeline:before{left:40px}ul.timeline>li>.timeline-panel{width:calc(100% - 90px);margin-top:0}ul.timeline>li>.timeline-badge{left:0;top:0;height:70px;width:70px;margin-left:6px}ul.timeline>li>.timeline-badge:after{position:absolute;content:'';border:10px solid transparent;border-left:12px solid #fff;top:50%;margin-top:-10px;right:-19px}ul.timeline>li>.timeline-panel{float:right;text-align:left;padding-right:3px;padding-left:0}ul.timeline>li>.timeline-panel:after,.timeline>li.timeline-inverted>.timeline-panel:after{border:0}}