.timeline ul{padding:50px 0}.timeline ul li{background:#f89838;position:relative;margin:0 auto;width:5px;padding-bottom:10px;list-style-type:none}.timeline ul li:last-child{padding-bottom:7px}.timeline ul li:before{content:"";background:#faf8eb;position:absolute;left:50%;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:20px;height:20px;border:3px solid #f89838;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.timeline ul li .hidden{opacity:0}.timeline ul li .content *{color:#fff}.timeline ul li .content.non-focus::before{display:none}.timeline ul li .content.non-focus{transform:rotate(20deg);opacity:.4;filter:blur(5px);z-index:11}.timeline ul li .content{position:relative;top:7px;width:450px;padding:20px;transition:.4s ease-in-out;z-index:14;box-shadow:7px 6px 15px 0 rgba(0,0,0,.25);color:#d2d2d2;background:#e6e6e6}.timeline ul li .content p{text-align:left}.timeline ul li .content:before{content:"";background:inherit;position:absolute;top:0;width:38px;height:5px}.timeline ul li:nth-child(odd) .content{left:50px;background:#178a43;border-radius:0 4px 4px}.timeline ul li:nth-child(odd) .content:before{left:-38px}.timeline ul li:nth-child(2n) .content{left:calc(-450px - 45px);background:#178a43;border-radius:4px 0 4px 4px}.timeline ul li:nth-child(2n) .content:before{right:-38px}.timeline-content-info{display:flex;justify-content:space-between;border-radius:4px;padding:2%;background-color:#fff;margin-bottom:10px}span.timeline-content-info-title{color:#178a43!important;font-weight:700;font-size:18px}i.fa.fa-certificate{color:#178a43!important}.content-skills{margin:15px 0 0}.content-skills span{background:#d8031c;border-radius:4px;padding:2px}@media screen and (max-width:1020px){.timeline ul li .content{width:41vw}.timeline ul li:nth-child(2n) .content{left:calc(-41vw - 45px)}}@media screen and (max-width:700px){.timeline ul li{margin-left:20px}.timeline ul li .content{width:calc(100vw - 100px)}.timeline ul li:nth-child(2n) .content{left:45px;background:#01016f;border-radius:0 4px 4px}.timeline ul li:nth-child(2n) .content:before{left:-33px}}