body{overflow-x:hidden;overflow-y:clip!important}@font-face{font-family:ESL Legend;src:url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Light.eot);src:url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Light.eot#iefix)format("embedded-opentype"),url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Light.woff2)format("woff2"),url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Light.woff)format("woff"),url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Light.ttf)format("truetype"),url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Light.svg#eicon)format("svg");font-style:normal;font-weight:300}@font-face{font-family:ESL Legend;src:url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Regular.eot);src:url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Regular.eot#iefix)format("embedded-opentype"),url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Regular.woff2)format("woff2"),url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Regular.woff)format("woff"),url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Regular.ttf)format("truetype"),url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Regular.svg#eicon)format("svg");font-style:normal;font-weight:400}@font-face{font-family:ESL Legend;src:url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Bold.eot);src:url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Bold.eot#iefix)format("embedded-opentype"),url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Bold.woff2)format("woff2"),url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Bold.woff)format("woff"),url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Bold.ttf)format("truetype"),url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/fonts/legend/ESLLegend-Bold.svg#eicon)format("svg");font-style:normal;font-weight:700}img{max-width:100%}.ag-format-container{width:100%;margin:0 auto;position:relative}.ag-timeline-block{padding:20px 0}.ag-timeline_title-box{text-align:center;padding:0 0 30px}.ag-timeline_tagline{color:#54595f;font-size:40px}.ag-timeline_title{text-fill-color:transparent;color:#0000;background-image:url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/images/bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-background-clip:text;background-clip:text;font-size:80px}.ag-timeline_item{margin:0 0 50px;position:relative}.ag-timeline_item:nth-child(2n){text-align:right}.ag-timeline{width:100%;max-width:100%;margin:0 auto;display:inline-block;position:relative}.ag-timeline_line{background-color:#023a71;width:3px;position:absolute;top:2px;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.ag-timeline_line-progress{background-color:#fbaa16;width:100%;height:20%}.ag-timeline-card_box{padding:0 0 20px 50%}.ag-timeline_item:nth-child(2n) .ag-timeline-card_box{padding:0 50% 20px 0}.ag-timeline-card_point-box{margin:0 14px 0 -28px;display:inline-block}.ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin:0 -28px 0 14px}.ag-timeline-card_point{text-align:center;color:#fff;background:linear-gradient(90deg,#004990,#033464);border:2px solid #858585;border-radius:15%;width:60px;height:60px;font-size:14px;line-height:50px;transform:rotate(45deg);font-family:Poppins!important}.js-ag-active .ag-timeline-card_point{color:#1d1d1b;background:linear-gradient(90deg,#f57b20,#fdb813)}.ag-timeline-card_meta-box{display:inline-block}.ag-timeline-card_meta{color:#ff0;margin:10px 0 0;font-family:ESL Legend,sans-serif;font-size:28px;font-weight:700}.ag-timeline-card_item{opacity:0;-o-box-shadow:0 0 0 0 #00000080;background:linear-gradient(90deg,#004990,#033464);border-radius:6px;width:45%;margin:-77px 0 0;transition:transform .9s,opacity .5s;display:inline-block;position:relative;box-shadow:0 0 #00000080}.ag-timeline_item:nth-child(odd) .ag-timeline-card_item{transform:translate(-200%)}.ag-timeline_item:nth-child(2n) .ag-timeline-card_item{transform:translate(200%)}.js-ag-active.ag-timeline_item:nth-child(odd) .ag-timeline-card_item,.js-ag-active.ag-timeline_item:nth-child(2n) .ag-timeline-card_item{opacity:1;transform:translate(0)}.ag-timeline-card_arrow{z-index:-1;background-color:#fbae15;width:18px;height:18px;margin-top:20px;position:absolute;top:0;right:0;transform:rotate(45deg)}.ag-timeline_item:nth-child(odd) .ag-timeline-card_arrow{margin-left:-9px;margin-right:-9px}.ag-timeline_item:nth-child(2n) .ag-timeline-card_arrow{margin-left:-10px;left:0;right:auto}.ag-timeline-card_img{width:100%}.ag-timeline-card_info{padding:20px 30px}.ag-timeline-card_title{color:#ff0;margin:10px 0 0;font-family:ESL Legend,sans-serif;font-size:28px;font-weight:700;display:none}.ag-timeline-card_desc{text-align:left;color:#fff;font-size:16px;line-height:2.45}@media only screen and (width<=979px){.ag-timeline_line{left:30px}.ag-timeline_item:nth-child(2n){text-align:left}.ag-timeline-card_box,.ag-timeline_item:nth-child(2n) .ag-timeline-card_box{padding:0 0 20px}.ag-timeline-card_meta-box{display:none}.ag-timeline-card_point-box,.ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin:0 0 0 8px}.ag-timeline-card_point{width:40px;height:40px;line-height:40px}.ag-timeline-card_item{width:auto;margin:-65px 0 0 75px}.ag-timeline_item:nth-child(odd) .ag-timeline-card_item,.ag-timeline_item:nth-child(2n) .ag-timeline-card_item{transform:translate(200%)}.ag-timeline_item:nth-child(odd) .ag-timeline-card_arrow{left:0;right:auto}.ag-timeline-card_title{display:block}.ag-timeline-card_arrow{margin-top:12px}}@media only screen and (width<=767px){.ag-format-container{width:96%}.ag-timeline-card_img{width:auto;height:auto}}@media only screen and (width<=639px){.ag-timeline_title{font-size:60px}.ag-timeline-card_info{padding:10px 15px}.ag-timeline-card_desc{font-size:14px}}@media (width>=768px) and (width<=979px){.ag-format-container{width:750px}}@media (width>=980px) and (width<=1161px){.ag-format-container{width:960px}}
