.timeline{box-sizing:border-box;margin:50px auto;position:relative;width:1000px}.timeline:before{background:#c5c5c5;content:"";height:100%;left:50%;position:absolute;width:2px}.timeline ul{margin:0;padding:0}.timeline ul li{box-sizing:border-box;list-style:none;padding:20px 40px;position:relative;width:50%}.timeline ul li:nth-child(odd){clear:both;float:left;text-align:right}.timeline ul li:nth-child(2n){clear:both;float:right;text-align:left}.step-content{padding-bottom:20px}.timeline ul li:nth-child(odd):before{left:auto;right:-6px}.timeline ul li:nth-child(2n):before,.timeline ul li:nth-child(odd):before{background:#2971db;border-radius:50%;box-shadow:0 0 0 3px #fff;content:"";height:10px;position:absolute;top:24px;width:10px}.timeline ul li:nth-child(2n):before{left:-4px}.timeline ul li h3{color:#2971db;font-weight:600;margin:0;padding:0}.timeline ul li p{margin:10px 0 0;padding:0}.timeline ul li .time h4{color:#fff;font-size:16px;margin:0;padding:0}.timeline ul li .time h4 svg{fill:#fff;margin-top:10px}.timeline ul li:nth-child(odd) .time{right:-118px}.timeline ul li:nth-child(2n) .time,.timeline ul li:nth-child(odd) .time{background:#2971db;border-radius:18px;box-shadow:0 0 0 3px #fff;color:#fff;margin:0;padding:8px 16px;position:absolute;top:12px}.timeline ul li:nth-child(2n) .time{left:-118px}@media(max-width:1000px){.timeline{width:100%}}@media(max-width:767px){.timeline{padding-bottom:0;width:100%}.timeline:before{height:100%;left:20px}.timeline ul li:nth-child(2n),.timeline ul li:nth-child(odd){padding-bottom:50px;padding-left:50px;text-align:left;width:100%}.timeline ul li:nth-child(2n):before,.timeline ul li:nth-child(odd):before{left:16px;top:-18px}.timeline ul li:nth-child(2n) .time,.timeline ul li:nth-child(odd) .time{left:50px;right:inherit;top:-30px}}.hideme{opacity:0}