.timeline{position:relative;max-width:1200px;margin:50px auto 0;z-index:1}.timeline-container{padding:10px 50px;position:relative;width:50%;z-index:1}.textbox{padding:20px 30px;background:#0e344f;border-radius:6px;position:relative;font-size:15px}.left-container{left:0}.right-container{left:50%}.timeline:after{content:"";position:absolute;width:6px;height:0;background-color:#777;top:0;left:50%;margin-left:-3px}.animate-line:after{animation:moveline 6s ease-in-out forwards}@keyframes moveline{0%{height:0}to{height:100%}}.left-container-arrow{border-left:15px solid #0e344f;right:-14px}.left-container-arrow,.right-container-arrow{height:0;width:0;position:absolute;top:28px;z-index:1;border-top:15px solid transparent;border-bottom:15px solid transparent}.right-container-arrow{border-right:15px solid #0e344f;left:-14px}@media screen and (max-width:600px){.timeline{margin:50px auto}.timeline-container{width:100%;padding-left:80px;padding-right:25px}.textbox{font-size:13px;padding:20px}.textbox small{margin-bottom:10px}.timeline:after{left:31px}.right-container{left:0}.left-container-arrow,.right-container-arrow{border-right:16px solid #fff;border-left:0;left:-15px}}