.timeline{margin:0 auto;max-width:1200px;position:relative}.progressbar_line{bottom:0;left:50%;margin-left:-3px;position:absolute;top:0;width:6px}.container-time{background-color:inherit;padding:10px 40px;position:relative;width:50%}.container-time.right{left:50%}.container-time.left{left:0}.container-time.right .pointer{left:-12px;right:-12px}.container-time.left .pointer,.container-time.right .pointer{background-color:#192e59;border:2px solid #fff;border-radius:50%;height:25px;position:absolute;top:15px;width:25px;z-index:1}.container-time.left .pointer{right:-13px}.container-time .content{background-color:#fff;border-radius:6px;padding:20px 30px;position:relative}.progressbar_line .overlay-top{background-image:linear-gradient(#fff,#00000000);top:-40px;z-index:1}.progressbar_line .overlay-bot,.progressbar_line .overlay-top{height:4rem;left:50%;margin-left:-3px;position:absolute;width:6px}.progressbar_line .overlay-bot{background-image:linear-gradient(#00000000,#fff);bottom:0}.progress_line{height:50vh;top:20px;width:6px;z-index:1}.timeline_line{background-color:#d6d6d6;bottom:0;left:50%;margin-left:-3px;position:absolute;top:-40px;width:6px}@media screen and (max-width:767px){.container-time,.progressbar_line{left:5%!important}.container-time{width:97%!important}.container-time div:nth-child(2){left:-12px;right:-12px}}