.timeline{background-color:#888;border-radius:0 10px 0 0;position:relative}.timeline:after{content:"";position:absolute;width:6px;background-color:#fff;top:0;bottom:0;left:13px}.timeline .container{padding:10px 10px 10px 40px;position:relative}.timeline .container:after{content:"";position:absolute;width:25px;height:25px;background-color:#fff;border:4px solid #f03;top:48px;border-radius:50%;z-index:1}.timeline .left,.timeline .right{left:0}.timeline .left:before{top:22px;right:30px;border:solid transparent;border-left:solid #fff;border-width:10px 0 10px 10px}.timeline .left:before,.timeline .right:before{content:" ";height:0;position:absolute;width:0;z-index:1}.timeline .right:before{top:55px;left:30px;border:solid transparent;border-right:solid #fff;border-width:10px 10px 10px 0}.timeline .right:after{left:0}.timeline .content{padding:20px 30px;background-color:#fff;position:relative;border-radius:10px 10px 0 0}